@charset "utf-8";
/* CSS Document */
html, body {
	height:100%;
	width:100%;
}
body {
	margin:0;
	padding:0;
	overflow-x: hidden;/* Para evitar el feo scroll horizontal de explorer 7 */
}
img {
	border:0px;
}
div#layout {
	position:relative;
	/* necesario para el posicionamiento */
   margin:0 auto;
   
	/* lo centramos, aunque no funciona para explorer 5 */
   width:774px;
	height:auto !important;
	/* para los navegadores de verdad */
   height:100%;
	/* Para que explorer lo interprete como alto mínimo */
   min-height:500px;
	;
	/* para los navegadores de verdad */
   background-image:url(../Images/background-content.gif);/*   border:1px solid #acdceb;*/
}
div#layout-principal {
	position:relative;
	/* necesario para el posicionamiento */
   margin:0 auto;
	/* lo centramos, aunque no funciona para explorer 5 */
   width:774px;
	height:auto !important;
	/* para los navegadores de verdad */
   height:100%;
	/* Para que explorer lo interprete como alto mínimo */
   min-height:72.5%;/* para los navegadores de verdad */
 
}
div#shadow {
	position:relative;
	/* necesario para el posicionamiento */
   margin:0 auto;
	/* lo centramos, aunque no funciona para explorer 5 */
   width:777px;
	z-index:-1;
	height:90;
}
div#cabecera {
	height:200px;
	color: #fff;
	position:relative;
	left:-20px;
	z-index:2;
	/*border-bottom:1px solid #b0d3f1;*/
}
.corner-menu {
	position:absolute;
	margin:0;
	padding:0;
	z-index:-1;
}
div#cabecera-right {
	position:absolute;
	z-index:1;
	width:774px;
	background-position:right;
	background-image:url(../Images/corner-right.png);
	background-repeat:no-repeat;
}
div#lateral {
	float: left;
	position:absolute;
	left:0px;
	width:195px;
	height:100%;
	z-index:1;
	background-image:url(../Images/textura-menu.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#7bd0f8;/* Este padding debe ser igual a la altura del footer */
}
div#contenido {
	padding: 10px;
	z-index:1;
	position:relative;
	margin-left:196px;
	width:560px;
	text-align:center;
	background-image:url(../Images/fondo-luz.png);
	background-repeat:no-repeat;

}
div#pie {
	clear:both;
	width:100%;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
	font-size:7pt;
	padding-top:4px;
	padding-bottom:4px;
	color: #666666;
}
div#pie a, div#pie a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size:7pt;
	color: #666666;
	text-decoration:none;
	font-weight:bold;
}
div#pie a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:7pt;
	color: #666666;
	text-decoration:underline;
	font-weight:bold;
}
div#pie a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	color: #666666;
	font-weight:bold;
}
div#content {
	position:rlative;
}
.button-menu {
	padding-top:10px;
	padding-left:18px;
	z-index:1;
}
ul {
	margin-top:0px;
	margin-bottom:0px;
	position:relative;
	list-style:none;
	font:calibri;
	font-weight:normal;
	color:#ffffff;
	font-size:12pt;
}
ul li a, ul li a:link {
	font:calibri;
	font-weight:normal;
	color:#ffffff;
	font-size:12pt;
	text-decoration:none;
}
ul li a:hover {
	font:calibri;
	font-weight:normal;
	color:#ffffff;
	font-size:12pt;
	text-decoration:underline;
}
ul li a:visited {
	font:calibri;
	font-weight:normal;
	color:#ffffff;
	font-size:12pt;
}
.bandas {
	position:absolute;
	left:226px;
	top:180px;
	z-index:1;
}
.info-home {
	width:380px;
	text-align:center;
	font-family:calibri;
	font-size:11pt;
	color:#ffffff;
	margin-left:85px;
}
.info {
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	color:#ffffff;
	padding:15px;
	line-height:13pt;
}
.contenedor-info {
	padding: 10px;
	z-index:1;
	position:relative;
	margin-left:196px;
	width:560px;
	background-image:url(../Images/fondo-luz.png);
	background-repeat:no-repeat;
	
}
ul.trabajos {
	margin:0px;
	font-size:10pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	line-height:14pt;
	padding-left:10px;
	padding-top:15px;
}
ul.trabajos li {
	list-style:circle;

}
.web {
	position:absolute;
	top:70px;
	right:65px;
	z-index:2
}
.menu {
	z-index:1;
	left:12px;
	padding-top:40px;
}
/*CONTACTO*/
.content-contact {
	width:400px;
	text-align:left;
	font-family:calibri;
	font-size:11pt;
	color:#ffffff;
	margin-top:50px;
	margin-left:68px;
}
.label {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:#fff;
	vertical-align:middle;
}
.name-div {
	padding-left:35px;
}
.mail-div {
	padding-left:104px;
}
.textbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #666666;
	margin-bottom:5px;
	margin-top:5px;
	margin-left:3px;
	border:1px solid #CCCCCC;
}
.mensaje-enviado {
	position:absolute;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:12pt;
	color:#fff;
	z-index:2;
	top:35px;
	left:25px;
}
.asterisco {
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:10pt;
	font-weight:bold;
	color: #CC0000;
	padding-left:0px;
	text-align:left;
	vertical-align:middle;
}
.mail-obligatorio {
	position:absolute;
	height:10px;
	width:80px;
	top:100px;
	right:82px;
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
}
.name-obligatorio {
	position:absolute;
	height:10px;
	width:80px;
	top:71px;
	right:107px;
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
}
/* GALERIA DE FOTOS */
.contenedor-galeria {
	padding: 10px;
	z-index:1;
	position:relative;
	margin-left:196px;
	width:560px;
	display:inline-block;
	background-image:url(../Images/fondo-luz.png);
	background-repeat:no-repeat;

}
.contenedor-galeria div {
	text-align:center;
	float:left;
	margin:5px;
	width:100px;
	height:100px;
	background-color:#7ed0f7;
}
.contenedor-galeria div a{
	cursor:pointer;
}
.capturas-titulo{
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	color:#ffffff;
	padding:25px;
}
.capturas-titulo div{
	padding:10px;
}