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

/*HOME section */
#bannerprincipal { position:relative; width:1000px; text-align:center; left: -50px; height:300px; top:35%; bottom:65%; vertical-align:middle; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";  filter: alpha(opacity=1);}
#homeimg{ width:912px;}


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0px;
	height:100%;
	padding: 0;
	text-align:center;
	
	color: #000000;
	
}
html { 


    height: 100%;
    margin: 0;
    text-align: center;
    visibility: visible;


 }
/* CSS TEST*/


         



.oneColLiqCtrHdr #container {

	
	background: #FFFFFF;
	border: 0px solid #000000;
	text-align: left;
	
	height:620px; 
	/* */
	
	
  
 
    float: none;
   
    height: 620px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: left;
    top: -300px;
    visibility: visible;
    width: 1000px;
	} 
	
	
.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; z-index:10; }


.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:590px; 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;}
#avisolegal p { font-size:9.5px; letter-spacing:-0.4px; text-align:justify; float:left; width:940px; 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;
}
/* Banner principal */
#containerprincipal{ background: #FFFFFF;
	border: 0px solid #000000;
	text-align:center;
	
	 
    height: 620px;
    margin: 0 auto;
    
    padding: 0;
    position: relative;
    text-align: left;
	top:0px;
    visibility: visible;
    width: 920px;}
#DivTextoPremio { overflow:hidden; position:absolute; z-index:10; left:0px; top:500px; overflow:hidden; width:1000px; display:block; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";  filter: alpha(opacity=1);
 }
#DivTextoPremio p { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";  filter: alpha(opacity=1); }
#bannerbotones { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";  filter: alpha(opacity=1); position:absolute; bottom:0px; left:400px; }
/* 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; line-height:11px; margin-bottom:0px;}

#leftmenuinverso { overflow:hidden; position:absolute; z-index:10; left:0px; top:40px; overflow:hidden; width:265px; display:block;opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";  filter: alpha(opacity=1); }
#leftmenuinverso ul { margin-left:0px; width:265px; display:block; padding-left:15px; margin-bottom:0px; margin-top:0px;list-style-type:none;}
#leftmenuinverso li { margin-bottom:0px; padding-bottom:0px; padding-top:0px; /* list-style-image:url(images/bullet.png); */margin-top:0px; width:250px;}
#leftmenuinverso a { display:block; width:240px;  margin-left:0px; margin-right:0px; font-size:1em; margin-bottom:0px; margin-top:0px;  font-size:1.2em;}

#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:550px; overflow:hidden;}
#projbodyinverso { position:absolute; left:0px; top:40px; width:900px; height:500px; overflow:hidden; z-index:9;}
#imagenproyselecinverso {  position:absolute; display:block;  z-index:12; top:-6px; margin-top:50px; height:500px; left:412px; width:550px; margin-left:0px;overflow:hidden;  }
#imagenproyselec{  position:absolute; display:block; background:#FFFFFF; z-index:12; top:-6px; margin-top:50px; height:500px; left:409px; 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:-38px; }
#flashbox { top:20px; right:0px; position:absolute; background:#FFFFFF; height:470px; width:580px;}
#flashboxinverso { top:0px; right:0px; position:absolute; background:#FFFFFF; height:470px; width:495px;}
 #moving_tab_detailed_infoinverso {  
     /* 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:650px;  
/* fix ie 6 overflow bug */  
position:relative;  
/* styling */ 
  
margin:0 auto;
height:500px;  
}






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

#moving_tab_detailed_infoinverso .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_infoinverso .tabs .item .hovering { color:#000000;}

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

}


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




/* NOT invero*/
 #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:750px;  
/* fix ie 6 overflow bug */  
position:relative;  
/* styling */ 
  
margin:0 auto;
height:500px;  
}
 #moving_tab_detailed_info p { text-align:justify;}


#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_containerinverso { width:600px; display:block; height:540px;position:relative; top:16px; right:190px;}
#detailed_info_container { width:600px; display:block; height:540px;position:relative; top:16px; 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; }
.detheaderinverso { width:480px; position:relative; top:12px; height:115px; left:205px; top:25px; overflow:hidden; margin-bottom:0px; margin-top:0px;}
.detheaderinverso p { margin-bottom:0px; margin-top:0px; text-align:justify;}
.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:4px; 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;}

/* slideshow */
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
  
#projectslider { visibility:hidden;}

/*Activate menu buttons*/
#menuyecla2 { /* opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0); */margin-top:0px; margin-bottom:0px; font-size:1.2em;}
#menuyecla1 { /* opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); */ }

.wakeupmenu { visibility:visible;}

/*Presentation Slide show Proyecto Yecla */
#flipbook {
    position: relative;
   
   
    margin: auto;
}

#flipbook IMG {
    position: absolute;
    top: 0;
    left: 0;
    
    
    z-index: 8;
    opacity: 0.0;
}

#flipbook IMG.active {
    z-index:10;
    opacity: 1.0;
}

#flipbook IMG.last-active {
    z-index:9;
}
-->

<!-- TESTING CSS FROM http://waxpad.com/waxpadarticles/vcexample.html -->
#waxpadautoid1 {
	text-align: left;
	background: rgb(175,8,8);
	font: bold 80% verdana;
	color: white;
	visibility: visible;
	overflow: hidden;
	float: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	top: -92.5px;
	width: 1000px; 
	height: 185px; 
}
#waxpadhangerwaxpadautoid1 {  
	visibility: visible; 
	overflow: visible; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
}
#waxpadvertcasewaxpadautoid1 { 
	visibility: visible; 
	position: relative; 
	height: auto !important; 
	height: 50%; 
	min-height: 50%; 
	width: 100%; 
	top: 0; 
	left: 0; 
}
#waxpadvertpropwaxpadautoid1 { 
	visibility: visible; 
	position: relative; 
	width: 100%; 
	height: 300px; 
}
#waxpadvertseedwaxpadautoid1 { 
	visibility: visible; 
	position: absolute; 
	top: 100%; 
	left: 0; 
	height: 10px; 
	width: 100%; 
}
.enlacenoricias { color:#000000;}
/* Inside Yecla, will be visible until the images are fully loaded*/
#tapatodo { width:500px; height:500px; background:#FFFFFF; visibility:visible; background:#FFFFFF no-repeat;}
#slideloader { position:absolute; top:150px; left:250px;}