@charset "utf-8";
/* CSS Document */
body{margin:0; background-color:#000;font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#c1c1c1;text-align:left;}
#contenedor{margin:0 auto; position:relative}
#iconos{width:100%;height:30px;background-image:url(../images/bg-top.jpg);background-repeat:repeat-x; position:relative; float:left}
#barra{width:100%;height:107px;background-image:url(../images/fondo-barra-2.jpg);background-repeat:repeat-x;text-align:center; z-index:150; position:relative; float:left}
#logo{width:910px;height:107px;text-align:left;margin: 0 auto;padding-left:50px;}

#titulo{width:201px;height:51px;vertical-align:top;text-align:left;padding-left:7px;float:left;position:relative;}
#botonera{width:634px;height:51px;vertical-align:top;text-align:right;float:right;position:relative;}
#contenido{width:100%; margin:0 auto; background:#000 url(../images/bg-contenido.jpg) repeat-x top; float:left; position:relative;}
#contenido-2{width:872px; margin:0 auto; text-align:left; padding-bottom:30px; padding-left:38px; position:relative; overflow:auto; -moz-box-shadow:0 0 25px #000; -webkit-box-shadow: 0 0 25px #000;box-shadow:0 0 25px #000;height:100%; background:#1c1c1c;}


#footer { float:left; position:relative; width:100%; margin:0 auto}
#footer-cont{width:910px; height:123px;text-align:center;color:#474747;font-family:Verdana, Geneva, sans-serif;font-size:10px;border-top:#2c2c2c 1px solid;padding-top:20px; padding-bottom:20px;line-height:1.8;background:#000 url(../images/bg-footer.jpg) repeat-x; margin:0 auto}

.reloj2{position:absolute; text-align:right;width:740px; float:left; top:18px;font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#737373;}
#clima{position:absolute; text-align:right;width:660px; float:none; top:10px; z-index:200;}

#novedades-cuadro{width:862px;vertical-align:top;text-align:left; float:left; position:relative; z-index:2}
#novedades-imagen{width:562px; height:235px;vertical-align:top;text-align:left; float:left; position:relative; z-index:2}
#novedades-texto{width:270px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#6a6a6a; margin-left:10px; height:235px;vertical-align:top;text-align:left; float:left; position:relative; z-index:2}

#cuadro-referencias{width:862px; height:100%;vertical-align:top;text-align:left; float:left; position:relative;padding-top:30px; overflow:auto; padding-bottom:70px}
#cuadro-referencias-interno{width:255px; height:100%;vertical-align:top;text-align:left; float:left; position:relative; z-index:2; margin-right:32px;font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#6a6a6a;}

#contenido-izquierda{width:615px;vertical-align:top;text-align:left;padding-right:17px; float:left; position:relative; padding-bottom:150px}
#contenido-derecha{width:230px;vertical-align:top;text-align:left; float:left; position:relative;height:100%; margin-bottom:200px; margin-top:10px}
#bloque-contenido{width:615px;height:100%;vertical-align:top;text-align:left;padding-bottom:20px; margin-bottom:20px; float:left; position:relative; z-index:3; border-bottom:#3a3a3a 1px dashed;}
#bloque-contenido-texto{width:259px;height:100%;padding-right:17px;vertical-align:top;font-family:Verdana, Geneva, sans-serif;font-size:11px;color:#c1c1c1;text-align:left;float:left;position:relative; z-index:3}
#bloque-contenido-imagen{width:339px;height:209px;vertical-align:top;float:left;position:relative; z-index:3;}
#menu-derecha{width:180px; text-align:left; padding:15px; border:#353535 1px solid; font-family:Verdana, Geneva, sans-serif; font-size:10px; margin-bottom:20px;   -moz-box-shadow:0 0 6px #000; -webkit-box-shadow: 0 0 6px #000;box-shadow:0 0 6px #000;}

#menu-derecha-contenido{ width:220px;}
#derecha-links { font-size:10px; margin-bottom:30px; float:left; position:relative; width:210px;}
#derecha-links a{color:#a26503}

#selector{width:20px;vertical-align:bottom;text-align:center; position:absolute; z-index:7; top:121px;left:255px;}
.btn-contacto{ background-image:url(../images/btn-enviar.jpg); background-repeat:no-repeat; width:71px; height:22px; border:0px; margin-top:15px;}

ul{list-style:none; margin:0px; padding:0px; font-size:9px;}
ul li{margin:0px; padding-top:5px; padding-bottom:5px; vertical-align:middle; float:left; color:#aaa; width:100%; height:15px;}
ul li a{ text-decoration:none; background-color:#363636; padding-left:7px; padding-right:7px;  padding-top:3px; padding-bottom:3px; height:15px; color:#aaa}

a:link{ color:#aaa; text-decoration: none;}
a:visited{text-decoration: none;color:#aaa;}
a:active {color:#aaa;}

h1{margin:0; padding:0; font-size:12px; color:#cc7f02;}
h2{margin:0; padding:0; font-size:10px; color:#af6d00; padding-bottom:5px;}
h3{margin:0; padding:0; font-size:23px; color:#e3e3e3; padding-bottom:10px; padding-top:10px; font-weight:lighter; letter-spacing:3px; font-family:Gotham Light, Verdana, sans serif;}
h4{margin:0px; padding:0px; padding-bottom:5px; font-size:16px; color:#ca8e09; font-weight:lighter; letter-spacing:3px; font-family:Gotham Light, Verdana, sans serif;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 300; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border:none; }

#outerImageContainer{ position: relative; background-color: #ffd200; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #ffd200; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* SLIDESHOW */
	
				#slideshow {width:862px;vertical-align:top;text-align:left;height:290px;}
				#slideshow #slidesContainer {width:862px;height:290px;overflow:auto; /* allow scrollbar */	  position:relative; float:left}
				#slideshow #slidesContainer .slide { position:relative; float:left; width:862px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */}
				
				.control {display:block;width:39px;height:235px;text-indent:-9999px;position:absolute;cursor: pointer; top:200px;}
				#leftControl {top:116px; left:850px;	  background:transparent url(../images/flecha-izquierda.png) no-repeat 0 0; z-index:200}
				#rightControl {top:116px; right:0;	  background:transparent url(../images/flecha-derecha.png) no-repeat 0 0; z-index:200;}
				#leftControl:hover {top:116px; left:850px;	  background:transparent url(../images/flecha-izquierda-h.png) no-repeat 0 0; z-index:200}
				#rightControl:hover {top:116px; right:0;background:transparent url(../images/flecha-derecha-h.png) no-repeat 0 0; z-index:200;}
				
				.slide .imagen { float:left; display:inline; position:relative;}
				.slide h2 { margin:0px; padding:0px; position:relative; float:left;}
				.slide p {font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#6a6a6a;vertical-align:top;text-align:left; float:left; position:relative; z-index:2}
				.slide-texto { width:270px; float:left; position:relative; height:280px; margin-left:10px; vertical-align:top; padding-top:55px;}
				
				#aviso-sitio{width:119px;height:119px;z-index:30;position:absolute;top:60px; left:-20px; background:url(../images/aviso.png); background-repeat:no-repeat;}
				#aviso-seccion{width:119px;height:119px;z-index:30;position:absolute;top:60px; left:-20px; background:url(../images/aviso-seccion.png); background-repeat:no-repeat;}
				#aviso-seccion:hover{width:119px;height:119px;z-index:30;position:absolute;top:60px; left:-20px; background:url(../images/aviso-seccion-h.png); background-repeat:no-repeat;}
				
				#titular-aviso{ z-index:230; position:relative; z-index:4; width:549px; height:60px; left:-20px; top:60px;}
				#titular-aviso .aviso-contenido{ padding-left:130px; font-size:13px; font-weight:normal; color:#FFF; z-index:5; width:419px;   -moz-text-shadow:0 0 6px #000; -webkit-text-shadow: 0 0 6px #000;text-shadow:0 0 6px #000; height:37px; position:relative; float:left; display:none;}				
				#titular-aviso .transparencia{ background-color:#000;opacity:0.7;-moz-opacity:0.7;filter: alpha(opacity=70); z-index:3; position:absolute;width:549px; height:60px; top:30px; display:none;}
				
#transp{ height:40px; width:850px; float:left; position:relative;}			
#transp-2{ height:300px; width:850px; float:left; position:relative;}
.input{ border:none; color:#464646; font-size:12px;}


#social{ width:26px; position:fixed; z-index:20; top:560px; margin-left:-64px;}
#social div a{text-indent:-9999px;background-image:url(../images/logos-social.png); background-position:top; display:block; width:26px; height:26px; margin-top:4px}
#social a.btn-linkedin {background-position:left -0px}
#social a:hover.btn-linkedin{background-position:right -0px}
#social a.btn-twitter {background-position:left -26px}
#social a:hover.btn-twitter{background-position:right -26px}
#social a.btn-flickr {background-position:left -52px}
#social a:hover.btn-flickr{background-position:right -52px}

.fix { clear:both; font-size:1px; height:1px;}