@charset "UTF-8";
/* CSS Document */

/*HOME section */
#bannerprincipal { position:relative; width:912px; text-align:center; left: -50px; height:200px; top:35%; bottom:65%; vertical-align:middle;}
#homeimg{ width:912px;}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
}


 #floater	{float:left; height:50%; margin-bottom:-120px;}

.oneColLiqCtrHdr #container {
	position:absolute;
	top: 50%;
	left: 50%;
	
	margin-top: -310px; 
	margin-left: -456px;
	width: 912px; 
	background: #FFFFFF;
	border: 0px solid #000000;
	text-align: left;
	
	height:620px; 
	clear:both; 
	}
.general_navigation { font-size:1.2em; margin-left:0px;}
#text { text-align:right; width:300px; position:absolute; right:0px; top:0px; visibility:hidden;  display:block; }
#text table {  }

.oneColLiqCtrHdr #mainContent {
	padding: 0 0px;
	width:912px;
	background: #FFFFFF;
	position:absolute;
	top:0px;
	left:0px;
	height:580px;
	display:block; margin-bottom:0px; margin-top:0px;
}


#iframeflash { width:580px; height:510px; border:#FFFFFF;  border:0px;}


 #footer {
 margin-top:0px; margin-bottom:0px;
	width:912px;
	position:absolute;
	top:550px; left:0px;
	display:block;
	height:60px;
	margin-left:0px;
	
}
#footer img { border:0px; margin-right:5px;}

#avisolegal { position:absolute; left:0px; width:912px; bottom:0px; height:20px;}
#logotype { right:0px; top:0px; position:absolute; margin-bottom:0px; margin-top:0px; width:500px;}
#footer li { float:left; margin-left:0px; padding-left:0px; margin-right:10px; }
#footer ul { left:0px; top:15px; position:absolute; margin-left:0px; width:450px; height:35px; margin-top:0px; padding-left:0px; padding-top:0px; margin-left:0px; list-style-type:none; margin-right:0px; margin-bottom:0px;}


.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


MAIN {
	font-family: "Swis721 Lt BT", "Lucida Sans Unicode", Arial;
	font-size: 45px;
	color:#777777;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: lowercase;
}
body,td,th {
	font-family: Swis721 Lt BT, Lucida Sans Unicode, Arial;
	font-size: 10px;
	text-align: left;
	color:#777777;
}
a:link {
	color:#67ac0b;
	text-decoration: none;
}
.greentext { color:#67ac0b;}
a:visited {
	color: #67ac0b;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #666;
	text-decoration: none;
}
a {
	font-size: 1.1em;
}
body {
	margin-left: 0px;
	margin-right: 0px;
	background-color: #FFF;
}
#loading {
	position:absolute;
	left:21px;
	top:36px;
	width:963px;
	height:597px;
	z-index:1;
	background-color: #CCCCCC;
}
#loading {
	position:absolute;
	left:20px;
	top:44px;
	width:972px;
	height:580px;
	z-index:1;
	background-color: #999999;
	overflow: auto;
	visibility: inherit;
}
#main {	position:absolute;
	left:50%;
	margin-left: -470px;
	top:50%;
	margin-top:-328px;
	width:911px;
	height:560px;
	z-index:1;
}
.copyright {
	font-family: "Swis721 Lt BT", "Lucida Sans Unicode", Arial;
	font-size: 1.1em;
	line-height:10px;
	color: #BCBCBC;
	font-style: normal;
	text-transform: lowercase;
}

/* Left menu */

#leftmenu { overflow:hidden; position:absolute; left:0px; top:40px; overflow:hidden; width:157px; display:block;}
#leftmenu ul { margin-left:0px; width:145px; display:block; padding-left:15px; margin-bottom:0px; margin-top:0px;list-style-type:none;}
#leftmenu li { margin-bottom:0px; list-style-image:url(images/bullet.png); margin-top:0px;}
#leftmenu a { display:block; width:120px;  margin-left:0px; margin-right:0px; font-size:1em; margin-bottom:0px;}

#direccioncontact { width:400px; height:200px; overflow:hidden; }
#map_canvas {
border:1px solid #979797; overflow:hidden; margin-left:350px; background-color:#e5e3df; width:600px; height:400px;}


/* Applies to the proyectos seleccionados section  */

#projbody { position:absolute; left:157px; top:40px; width:750px; height:500px; overflow:hidden;}
#imagenproyselec {  position:absolute; display:block; background:#FFFFFF; z-index:12; top:-6px; margin-top:50px; height:500px; left:379px; width:550px; margin-left:0px;overflow:hidden; visibility:hidden; }
#tapamenu {position:absolute; display:block; background:#FFF; top:0px; left:420px; width:500px; height:50px; visibility:hidden;}

/*Applies to all flash objects inside proyecto destacados*/
#imagencentral { position:absolute; left:-44px; }
#flashbox { top:16px; right:0px; position:absolute; background:#FFFFFF; height:470px; width:580px;}
 #moving_tab_detailed_info {  
     /* This one applies to all divs in detailed info boxes inside proyectos seleccionados*/  
overflow:hidden;  
/* all the child elements are refering to this width */  
width:780px;  
/* fix ie 6 overflow bug */  
position:relative;  
/* styling */ 
  
margin:0 auto;
height:500px;  
}


#moving_tab_detailed_info .tabs {   
position:absolute;
width:200px;
bottom:0px;  
height:30px;
left:256px;  
cursor:default;
z-index:10px;
}
.item{ color:#67ac0b; 
font-size:10px;  }

#moving_tab_detailed_info .tabs .item {  
/* enable z-index */  
position:relative;  
z-index:10;  
/* display in one row */  
float:left;
display:block;  
/* width = half size of #moving_tab */  
width:10px;  
/* height = height of .tabs */  
text-align:center;
color:#67ac0b; 
font-size:11px;     
}  



#moving_tab_detailed_info .tabs .item .hovering { color:#000000;}

#moving_tab_detailed_info .content {  
/* enable absolute position for .panel */     
position:relative;
height:350px;  
overflow:hidden;
width:740px;  

}


#moving_tab_detailed_info .panel {  
/* width is width of #moving_tab times 2 */  
position:relative;  
width:3900px;  
overflow: hidden;
height:500px;
}  



/*=========Curriculum y Equipo========== */

#curribody { position:absolute; left:155px; top:20px; width:770px;}


/*Sliding effect for the pages containing curriculums */

 #moving_tab {  
     /* hide overlength child elements*/  
overflow:hidden;  
/* all the child elements are refering to this width */  
width:400px;  
/* fix ie 6 overflow bug */  
position:relative  
/* styling */  
border:1px solid #ccc;    
margin:0 auto;  
}

#moving_tab .tabs {  
/* enable absolute position for .lava */  
position:relative;    
height:30px;  
/* styling */  
padding-top:5px;  
cursor:default;  
}



 
#moving_tab .tabs .item {  
/* enable z-index */  
position:relative;  
z-index:10;  
/* display in one row */  
float:left;  
display:block;  
/* width = half size of #moving_tab */  
width:10px;  
/* height = height of .tabs */  
text-align:center;  
font-size:12px;     
}  

#moving_tab .tabs .lava {  
/* Set it to absolute */  
position:absolute;  
top:0; left:0;  
/* display the lava in bottom most layer */  
z-index:0;        
/* width = half size of #moving_tab */  
width:150px;  
/* height = height of .tabs */  
height:30px;  
/* styling */  

}  
#moving_tab .content {  
/* enable absolute position for .panel */     
position:relative;  
overflow:hidden;  
  
border-top:1px solid #d9fafa;  
}  
#moving_tab .panel {  
/* width is width of #moving_tab times 2 */  
position:relative;  
width:2100px;  
overflow: hidden;
height:550px;
}


.moving_tab_content {float:left;  
/* width is the same with #moving_tab */  
width:400px;
overflow:hidden;
padding:0;  
margin:0;  
list-style:none;  }
.apDiv1 { width:400px; display:block; overflow:hidden; float:left;}
#apDiv2 { width:365px; top:0px; left:0px; position:absolute; background:#FFFFFF;}
#apDiv3 { width:400px; display:block; overflow:hidden; float:left;}
#detailed_info_container { width:775px; display:block; height:540px;position:relative; top:15px; right:0px;}
.detheader { width:480px; position:relative; top:12px; height:115px; left:256px; overflow:hidden; margin-bottom:0px; margin-top:0px;}
.detheader p { margin-bottom:0px; margin-top:0px;}
.detinfo {width:780px; display:block; text-align:right; height:355px; overflow:hidden; float:left; margin-top:0px; margin-bottom:0px;}
/* Applies to the contact page */

#mapbox { width:912px; position:absolute; right:0px; bottom:50px;}
#mapcontainer { background:url(MAP.png) no-repeat; width:566px; height:300px; position:relative; float:right;}
#adressbox { margin-top:15px; }
#adressbox a:hover{ color:#000000;}
#imgbottom { position:absolute; bottom:20px; right:0px;}
/* Applies to exposiciones */

#block1 { width:365px; position:absolute; left:0px; top:20px;}
#block1 p { margin-bottom:8px; margin-top:0px;}
#block2 {width:365px; position:absolute; left:375px; height:530px; top:20px;}
#block3{ width:365px; padding-left:0px; height:530px; top:0px; text-align:left;}
#block2 p { margin-bottom:8px; margin-top:0px;}
#blockContainer { width:900px;}

/* styling */  

-->