/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {  content: '';  content: none;}
:focus { outline: 0; }
/* En el código HTML es necesario añadir cellspacing="0" */
table { border-collapse: collapse;  border-spacing: 0; }





body{ width: 48em; margin: auto; text-align: center; color: #333333; font-family: Arial,Helvetica,sans-serif; margin-top: .5em; margin-bottom: .5em; background: #FFFFFF; }
p{
	font-size: 0.8em;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}
ul{
	margin-bottom: 0.5em;	
}

li{
	font-size: 0.8em;
}

div#cajaCabecera{
	text-align: right;
	font-style: italic;
	color: #666666;
	margin-bottom:0.50em;
	vertical-align: bottom;
}
div#cajaPie{
	font-size: 0.8em;
	font-style: italic;
	color: #666666;
	margin-top:0.5em;
	margin-bottom:0.25em;
}
div#cajaExterior{ border: 0.4375em solid #e5e5e5; }
div#cajaInterior{ border: 0.0625em solid #000000; padding: 0.625em}

div#cabecera{ text-align: left; background: #FFFFFF url("../img/luto.gif") no-repeat right top; }
div#cabecera #languages{
	float:right;
	width: 14em;
	text-align: right;
}
div#cabecera #languages a{
	color:#666666;
	font-size: 0.8em;
	text-decoration: none;
}

div#cabecera #languages a:hover{
	text-decoration: underline;
}

div#cabecera img#logo{ width: 25.1875em; height: 3.75em; }
div#cabecera div#navegacion{
	border-top: 0.0625em solid #e5e5e5;
	border-bottom: 0.125em solid #333333;
	background-color: #FFFFFF;
}
div#cabecera div#navegacion ul{
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
}
div#cabecera div#navegacion ul li{
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	display: inline;
}
div#cabecera div#navegacion ul li:hover{
	background-color: #333333;
}
div#cabecera div#navegacion ul li:hover a{
	color: #e5e5e5;
}
div#cabecera div#navegacion ul li a{ color: #333333; text-decoration: none; padding-left: 0.5em; padding-right: 1em; }

div#contenido{
	text-align: left;
}
div#contenido div.caja{
	
}
div#contenido div.clear{
	clear: both;
	height: 0.0625em;
	overflow: hidden;
}


div#contenido div#fila1{ margin-top: 0.625em; }
div#contenido div#fila1 div.caja1{ width: 14.8125em; height: 14.8125em; background-color: #181818; float: left; }
div#contenido div#fila1 div.caja1 img{ width: 14.8125em; height: 14.8125em;}
div#contenido div#fila1 div.caja2{ margin-left: 0.625em; width: 30.25em; background-color: #e0cfae; float: left; } 
div#contenido div#fila1 div.caja2 iframe{ width: 30.25em; height: 14.8125em;} 

div#contenido div#fila2{ margin-top: 0.625em; }
div#contenido div#fila2 h1{ font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.5em; margin-bottom: 0.375em; }
div#contenido div#fila2 p{	margin-bottom: 0.8em;
}
div#contenido div#fila2 p.mas{ font-size: 0.7em; text-align: right; margin-bottom: 0em; }

div#contenido div#fila2 div.caja1{ padding: 0.625em; width: 13.5625em; /* hay que restar el padding */ height: 13.5625em; /* hay que restar el padding */ background-color: #d3dac4; float: left; overflow: hidden; border-top: 0.25em solid #77855d; border-bottom: 0.25em solid #77855d; }
div#contenido div#fila2 div.caja1 h1 a{ color: #77855d; text-decoration: none; }
div#contenido div#fila2 div.caja1 p.mas a{ color: #77855d; }

div#contenido div#fila2 div.caja2{
	margin-left: 0.625em; /* 	width: 14.8125em; */
	padding: 0.625em;
	width: 13.5625em; /* hay que restar el padding */
	height: 13.5625em; /* hay que restar el padding */
	background-color: #e0cfae;
	float: left;
	border-top: 0.25em solid #bd9954;
	border-bottom: 0.25em solid #bd9954;
}  
div#contenido div#fila2 div.caja2 h1 a{ color: #bd9954; text-decoration: none; }
div#contenido div#fila2 div.caja2 div{ text-align: center; margin-bottom: 0.375em; }
div#contenido div#fila2 div.caja2 div img{ width: 13em; height: 3.25em; border: 0.0625em solid #bd9954; }

div#contenido div#fila2 div.caja2 p.mas a{ color: #bd9954; }

div#contenido div#fila2 div.caja3{ margin-left: 0.625em; width: 14.8125em; background-color: #e0cfae; float: right; }  
div#contenido div#fila2 div.caja3 iframe { width: 14.8125em; height: 30.25em; background-color: #e0cfae; float: right; }  
div#contenido div#fila2 div.caja4{
	margin-top: 0.625em;
	padding: 0.625em;
	width: 29em;
	height: 13.5625em; /* hay que restar el padding */
	background-color: #e0ffff;
	float: left;
	border-top: 0.25em solid #53abbd;
	border-bottom: 0.25em solid #53abbd;
}
div#contenido div#fila2 div.caja4 h1 a{ color: #53abbd; text-decoration: none; }
div#contenido div#fila2 div.caja4 img{
	float:left;
	border: 0.25em solid #53abbd;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div#contenido div.columna1{
	margin-top: 0.625em;
	width: 14.8125em;
	float: left;
}

div#contenido div.columna1 img{
	margin-bottom: 0.625em;
	width: 14.8125em;
	float: left;
}

div#contenido div.columna2{
	margin-top: 0.625em;
	margin-left: 0.625em;
	width: 30.25em;
	float: right;
} 

div#contenido div.columna2 h1{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2em;
	border-bottom: 0.03125em solid #333333;
	margin-bottom: 0.4em;
}

div#contenido div.columna2 h2{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 0.06125em solid #333333;
	margin-bottom: 0.2em;
}

div#contenido div.columna2 ul{
	margin: 1em;
	list-style-type: disc;
}

div#contenido div.columna2 address{
	text-align: right;
	color: #666666;
	font-size: 0.8em;
}

div#contenido div.columna2 p{
	margin-bottom: 1em;
}

div#contenido div.columna2 label{
	font-size: 0.8em;
}

div#contenido div.columna2 .td1{
	width: 5em;
	vertical-align: top;
}

div#contenido div.columna2 .td2{
	width: 25em;
}

div#contenido div.columna2 input.typeText{
	width: 100%;
}
div#contenido div.columna2 textarea{
	width: 100%;
	height: 10em;
}

div#contenido div.columna2 .msgInfo{
	padding: 0.625em;
	text-align:center;
	font-weight: bold;
	border:0.0625em solid #336633;
	background-color: #ccff99;
	color: #336633;
	margin-bottom: 1em;
}

div#contenido div.columna2 .msgError{
	padding: 0.625em;
	text-align:center;
	font-weight: bold;
	border:0.0625em solid #cc0000;
	background-color: #ffcc99;
	color: #cc0000;
	margin-bottom: 1em;
}

div#contenido div.innerGallery{
	margin-top: 1em;
	text-align:center;
}