/* CSS Document */
@import url("reset.css");

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	margin: 0px;
	background: #A9B0C4 url("../img/nubes.jpg") top no-repeat;
}

#wrapper{
	margin: 0px auto;
	width: 810px;
	overflow: hidden;
	background: url("../img/degradado_top.jpg") top left no-repeat;
	
}

/*Cabecera*/

#cabecera{
height:121px;
position:relative;

}

#cabecera h1{
	padding:40px 0px 0px 50px;
	color:#888888;
	font-size: 2.6em;
	float:left;
	font-weight:normal;
}

#cabecera .tituloh1{
	padding:53px 0px 0px 10px;
	color:#888888;
	float:left;
	font-size: 1.1em;
	font-weight:bold;
}

#cabecera .contactomapa{
	position:absolute;
	right:42px;
	top:30px;
	color:#888888;
	font-size:0.9em;

}

#cabecera .contactomapa a{
	color:#888888;
	text-decoration:none;
}

#cabecera .contactomapa a.hover{
	color:#888888;
	text-decoration:underline;
}

#cabecera #menu{
	color:#888888;
	font-size:1.1em;	
	width: 100%;
	text-align: right;
	text-transform:uppercase;
	background: transparent url("../img/linea_menu.jpg") 8px 7px no-repeat !important;
	background: transparent url("../img/linea_menu.jpg") 8px 6px no-repeat;
	clear: both;
	padding: 25px 0px 0px 0px;
}

#cabecera #menu ul{
	margin-right: 45px;
}

#cabecera #menu ul li{
	margin-left:25px;
	padding-top:15px;
	display:inline;
}

#cabecera #menu ul li a{
	color:#888888;
	text-decoration:none;
}

#cabecera #menu ul li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	
}

#cabecera #menu ul li.current{
	background: transparent url("../img/bola_inicio.jpg") top center no-repeat;
}

#cabecera #menu ul li.current a{
	color:#FFFFFF;
}

/* Fin Cabecera */

/* Contenido*/
#contenido{
	background: url("../img/degradado.jpg") left repeat-y;
	padding-bottom: 10px;
}

#contenido img.portada{
	padding:0px 0px 0px 50px;
}

#contenido #piecontenido{
	height:auto !important;
	height:1%;
	margin:2px 44px 0px 50px;
	background-color:#1D1D1D;
	overflow:auto; 
	
	
}

#contenido #piecontenido .destacado {
	width:330px;
	float:left;
	overflow: auto;
	color: #FFFFFF;
	padding: 20px 0px 20px 20px;
}

#contenido #piecontenido .destacado img{
	border:3px solid black;
	margin:0px 10px 0px 0px;
	padding:0px;
	float: left;
}

#contenido #piecontenido .destacado h2{
	font-size: 1.1em;
	margin-bottom: 5px;
}

#contenido #piecontenido .destacado h2 a{
	color: #7A7A7A;
	text-decoration: none;
}

#contenido #piecontenido .destacado h2 a:hover{
	text-decoration: underline;
}

#contenido #piecontenido .destacado p{
	font-size: 0.85em;
	font-style: italic;
}

#contenido #piecontenido .destacado p.subtitulo{
	margin-bottom: 20px;
	font-style: normal;
}

	#contenido #contacto{
		background: #1d1d1d url("../img/contacto_fondo.jpg") bottom no-repeat;
		min-height: 450px;
		height: auto !important;
		height: 450px;
		margin: 0px 44px 0px 50px;
		padding: 30px 40px 90px 40px;
		width: 636px;
		overflow: auto !important;
		overflow: inherit;
	}
	
		#contenido #contacto h2{
			color: #ffffff;
			font-size: 1.6em;
			font-weight: normal;
			margin-bottom: 15px;
		}
		
		#contenido #contacto p{
			color: #6B6B6B;
			line-height: 120%;
			margin-bottom: 10px;
			width: 636px;
			float: left;
		}
		
		#contenido #contacto #formulario{
			background-color: #353535;
			margin-top: 10px;
			width: 596px;
			float: left;
			padding: 40px 20px 10px 20px;
			overflow: auto;
		}
		
			#contenido #contacto #formulario p.mensaje_no_ok{
				border: 2px solid #7F0C0C;
				background: #FACECE url("../img/contacto-formulario-mensaje.jpg") 3px 2px no-repeat;
				width: auto;
				float: none;
				padding: 8px 10px 8px 40px;
				color: #E7421D;
				font-weight: bold;
				margin-bottom: 10px;
			}
			
			#contenido #contacto #formulario p.mensaje_ok{
				border: 2px solid #006600;
				background-color:#00CC00;
				color:#003300;
				width: auto;
				float: none;
				padding: 8px 10px 8px 40px;
				font-weight: bold;
				margin-bottom: 10px;
			}
		
			#contenido #contacto #formulario #formuizq{
				width: 290px;
				float: left;
			}
			
			#contenido #contacto #formulario #formuder{
				width: 290px;
				float: right;
			}
		
		 	#contenido #contacto form label{
		 		color: #CDC8BF;
				width: 290px;
				margin-bottom: 3px;
				float: left;
		 	}
			
			#contenido #contacto form input.datos{
		 		color: #353535;
				width: 290px;
				margin-bottom: 10px;
				float: left;
		 	}
			
			#contenido #contacto form input.boton{
		 		color: #AFAFAF;
				float: right;
				width: 77px;
				height: 44px;
				background-image: url("../img/contacto-fondo-boton.jpg");
				border: 0px;
				margin-top: 10px;
				padding-bottom: 5px;
				cursor: pointer;
		 	}
			
			#contenido #contacto form textarea{
				width: 290px;
				height: 110px;
			}
			#contenido .centro{
			padding-left:30px;
			
			}
/*Fin contenido*/

/* Pie*/
#pie{
	padding:20px 0px 20px 50px;
	background: url("../img/degradado_pie.jpg") top left no-repeat;
	float: left;
	width: 100%;
}

	#pie p{
		font-size: 0.85em;
	}
/* Fin pie */

/* Galeria */

div.wrap{
 width:716px;
 margin:0 auto;
 text-align:left;
}
 div#top div#nav{
  float:left;
  clear:both;
  width:716px;
  height:52px;
  margin:22px 0 0;
  background:url url(../img/nav-bg.png) 0 0 no-repeat;
 }
  div#top div#nav ul{
   float:left;
   width:700px;
   height:52px;
   list-style-type:none;
  }
   div#nav ul li{
    float:left;
    height:52px;
   }
    div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     line-height:52px;
     text-indent:-9999px;
    }
 
div#header{
 margin:-1px 0 0;
}
div#video-header{
 height:683px;
 margin:-1px 0 0;
}
 div#header div.wrap{
  height:476px;
 }
 div#header div#slide-holder{
  z-index:40;
  width:736px;
  height:476px;
  position:absolute;
 }
  div#header div#slide-holder div#slide-runner{
   top:0px;
   left:0px;
   width:716px;
   height:476px;
   overflow:hidden;
   position:absolute;
  }
  div#header div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
  div#header div#slide-holder div#slide-controls{
   left:0;
   top:5px;
   width:716px;
   height:46px;
   display:none;
   position:absolute;
   background:url(../img/slide-bg.png) 0 0;
  }
   div#header div#slide-holder div#slide-controls p.text{
    float:left;
	color:#fff;
    display:inline;
    font-size:10px;
    line-height:16px;
    margin:15px 0 0 20px;
    text-transform:uppercase;
   }
 
   div#header div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
    div#header div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
	 color:#888888;
    }
    div#header div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
	 color:#FFFFFF;
    }
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(../img/silde-nav.png);}
div#nav ul li a{background:url(../img/nav.png) no-repeat;}


/* Fin Galeria*/