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

  body {  
   text-align:center;
   margin-top:10px;
   margin-bottom:10px;
   height:100px;
   }   
   
   img{
	   border:none;
	}
	
	
	#contenido {
width:916px;
margin:auto;
text-align:left;
background-color:#000;
clear:both;
}


#head {
	width:916px;
	text-align:left;
	height:108px;
	clear: both;
	background-color: #FFF;
}



#head-izq {
	width:370px;
	text-align:left;
	height:77px;
	float:left;
	padding-left: 30px;
	padding-top: 20px;
}

#head-lenguaje {
	width:486px;
	text-align:right;
	height:102px;
	float:right;
	padding-left: 10px;
}
#lenguaje {
	width:466px;
	text-align:right;
	height:30px;
	float:right;
	padding-left: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	padding-top:40px;
	padding-right:20px;
}
#lenguaje a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	text-decoration:none;
}
#lenguaje a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-decoration:none;
}

#head-derecho {
	width:486px;
	text-align:right;
	height:32px;
	float:right;
	padding-left: 10px;
}



#medio {
	width:916px;
	text-align:left;
	background-image:url(../images/fondo-contenido-home.jpg);
	padding-top: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font:10px;
	color:#FFF;
	line-height:190%;
	font-weight:none;
}

#menu-pintura {
	width:916px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font:10px;
	color:#FFF;
	line-height:190%;
	font-weight:none;
	padding-left:40px;
}

#menu-pintura h1 {
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#FAEBC7;
	line-height:190%;
	font-weight:lighter;
}


#mediohome {
	width:916px;
	text-align:left;
	background-image:url(../images/fondo-contenido-home.jpg);
	padding-top: 15px;
	padding-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font:10px;
	color:#FFF;
	line-height:190%;
	font-weight:none;
}




#superior-contacto {
	width:866px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font:10px;
	color:#FFF;
	line-height:190%;
	font-weight:none;
	height:200px;
	padding-left:50px;
}



#inferior-contacto {
	width:916px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font:10px;
	color:#FFF;
	line-height:190%;
	font-weight:none;
	height:500px;
}



#inferior-contacto-izq {
	width:450px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:20px;
	font-weight:none;
	height:450px;
	float:left;
	padding-left:50px;
}



#inferior-contacto-izq h1 {
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#FAEBC7;
	line-height:190%;
	font-weight:normal;
}




#formulario-contacto {
	width:420px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:20px;
	font-weight:none;
	height:220px;
	float:left;
	padding-left:30px;
	padding-top: 30px;
}



.campo-contacto {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:190%;
	font-weight:normal;
	width:305px;
	height:23px;
	background-repeat:no-repeat;
	border:#000 medium;
	background-color:#1E1E1E;
	border-radius:5px;
}



.campo-mensaje-contacto {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:190%;
	font-weight:normal;
	width:305px;
	height:81px;
	background-repeat:no-repeat;
	border:#000 medium;
	overflow:hidden;
	background-color:#1E1E1E;
}


.boton-enviar {
width:59px;
height:26px;
font-size:12px;
border:none;
background-image:url(../images/boton-enviar.jpg);
	}
	
	
	.boton-limpiar {
width:59px;
height:26px;
font-size:12px;
border:none;
background-image:url(../images/boton-enviar.jpg);
background-repeat:no-repeat
	}






#inferior-contacto-derecho {
	width:350px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	line-height:190%;
	font-weight:normal;
	height:260px;
	background-image:url(../images/fondo-datos-contacto.jpg);
	float:right;
	background-repeat:no-repeat;
	padding-top:100px;
	padding-left:30px;
}
#inferior-contacto-derecho a {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	line-height:190%;
	font-weight:normal;
	text-decoration:none;
}
#inferior-contacto-derecho a:hover {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	line-height:190%;
	font-weight:normal;
	text-decoration:none;
}



#galeria-izq {
	width:350px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:20px;
	float:left;
	padding-left: 40px;
	padding-right: 10px;
}



.menu-galeria-izq a {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:190%;
	font-weight:lighter;
	text-decoration:none;
	display:block;
	padding:6px;
}


.menu-galeria-izq a:hover {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	line-height:190%;
	font-weight:lighter;
	background-color:#FAEBC7;
	text-decoration:none;
	display:block;
}
.menu-galeria-izq-actual {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	line-height:190%;
	font-weight:lighter;
	background-color:#FAEBC7;
	text-decoration:none;
	display:block;
}
.menu-galeria-izq-actual a {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	line-height:190%;
	font-weight:lighter;
	background-color:#FAEBC7;
	text-decoration:none;
	display:block;
}


#galeria-izq h1 {
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#FAEBC7;
	line-height:190%;
	font-weight:lighter;
}


#galeria-izq h2 {
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#FAEBC7;
	line-height:190%;
	font-weight:lighter;
}



#galeria-derecha {
	width:496px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:190%;
	float:right;
	padding-right: 20px;
	padding-top: 20px;
	height: 850px;
	background-image:url(../images/fondo-galeria-interior.jpg);
	background-repeat:no-repeat;
}
#galeria-derecha a {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:190%;
	text-decoration:none;
}
#galeria-derecha a:hover {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:190%;
	text-decoration:none;
}

#galeria-derecha-interior {
	width:496px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	line-height:190%;
	float:right;
	padding-right: 20px;
	padding-top: 20px;
	height: 550px;
	background-image:url(../images/fondo-galeria-interior.jpg);
	background-repeat:no-repeat;
}
#galeria-derecha-interior a {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:190%;
	text-decoration:none;
}
#galeria-derecha-interior a:hover {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:190%;
	text-decoration:none;
}


#galeria-derecha-grabado {
	width:496px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	line-height:190%;
	float:right;
	padding-right: 20px;
	padding-top: 65px;
	height: 605px;
	background-image:url(../images/fondo-galeria-interior.jpg);
	background-repeat:no-repeat;
}






			#medio-texto-superior {
	width:916px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	line-height:190%;
	clear: both;
			}
			
		
			
			
			
	#superior-izq {
	width:500px;
	text-align:left;
	height:600px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:20px;
	float:left;
	padding-left:40px;
	line-height: 20px;
						}
						
				#superior-izq h1 {
				text-align:left;
				font-family:"Times New Roman", Times, serif;
				font-size:18px;
				color:#FAEBC7;
				font-weight:none;
			}
						
						
						
#superior-derecho {
	width:350px;
	text-align:left;
	height:485px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	line-height:190%;
	float:right;
	padding-right: 10px;
						}
			
						
						
						
						

#medio-texto-inferior {
	width:900px;
	text-align:left;
	height:544px;
	font-family:"Times New Roman", Times, serif;
	font:15px;
	color:#FFF;
	float:right;
}




#inferior-izq {
	width:370px;
	text-align:left;
	height:534px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	line-height:190%;
	float:left;
	padding-left:30px;
	padding-top: 10px;
						}
			
						
						
						
	#inferior-derecho {
	width:485px;
	text-align:left;
	height:544px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:20px;
	float:right;
	padding-right:10px;
		}



			
							#inferior-derecho h1 {
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#FAEBC7;
	font-weight:normal;
	line-height:190%;
			}
			
			
			
			
			
			.pintura h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	color:#FAEBC7;
	font-weight:normal;
	padding-left: 38px;
			}
			
			
			
#pie {
	width:100%;
	text-align:right;
	height:63px;
	background-image:url(../images/fondo-pie.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:30px;
	clear:both;
	height:100px;
	background-color:#FFF
}
#pie-pq {
	width:100%;
	text-align:right;
	height:63px;
	background-image:url(../images/fondo-pie-pq.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:30px;
	clear:both;
	height:100px;
	background-color:#FFF
}









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

#outerImageContainer{ position: relative; background-color: #000; 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: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #fff; }
#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; }


/* Root = Horizontal, Secondary = Vertical */
ul#menu {
	margin: 0;
	border: 0px;
	width:486px;
	list-style: none;
	height: 25px;
}

ul#menu li {
  margin: 0;
  border: 0;
  padding:0px;
  float: left;
  display: inline;
  list-style: none;
  position: relative;
  height: 33px;
}
ul#menu li{
}
ul#menu li:hover{
	background:#fff;
}

ul#menu  ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 70px;
  list-style: none;
  display: none;
  position: absolute;
  top: 25px;
  left: 10px;
  background: #eee;
  border: none;
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=100);
}

ul#menu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#menu ul li {
  width: 70px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#menu a {
  padding:0;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #9fcf21;
  text-decoration: none;
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
/*  border-right:1px solid #818181;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#menu a:hover,
ul#menu li:hover a,
ul#menu li.iehover a {
color: #003300;
}

/* 2nd Menu */
ul#menu li:hover li a,
ul#menu li.iehover li a {
  float: none;
  border:none;
}

/* 2nd Menu Hover Persistence */
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a {
 background:#fff;
  color: #003300;
}

/* 3rd Menu */
ul#menu li:hover li:hover li a,
ul#menu li.iehover li.iehover li a {
  background: #fff;
  color: #666;
}

/* 3rd Menu Hover Persistence */

ul#menu li:hover li:hover li a:hover,
ul#menu li:hover li:hover li:hover a,
ul#menu li.iehover li.iehover li a:hover,
ul#menu li.iehover li.iehover li.iehover a {
background:#fff;
  color: #FFF;
}

/* 4th Menu */
ul#menu li:hover li:hover li:hover li a,
ul#menu li.iehover li.iehover li.iehover li a {
background:#fff;
  color: #666;
}

/* 4th Menu Hover */
ul#menu li:hover li:hover li:hover li a:hover,
ul#menu li.iehover li.iehover li.iehover li a:hover {
  background: #fff;
  color: #FFF;
}

ul#menu ul ul,
ul#menu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.iehover ul ul,
ul#menu li.iehover ul ul ul {
  display: none;
}

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu ul ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul,
ul#menu ul ul li.iehover ul {
  display: block;
}
ul#menu .selected{
	color: #fff;
}