@charset "UTF-8";
html{height:100%}
html,body {margin:0;padding:0;}
body{
text-align:center;
min-width:800px;
min-height:600px;
}
/*CAPAS DIV//
/* CONJUNTO DE CAPAS SIEMPRE EN EL CENTRO*/
#Centro{
position:absolute;
top:50%;
margin-top:-250px;/* la mitad del alto del centro EN NEGATIVO*/
left:0;
width:100%;
visibility: visible;
z-index: 1;
}
#Contenidodelcentro {
width:800px;
margin-left:auto;
margin-right:auto;
height:500px;
z-index: 1;
}
#ContenedorMarco {
/* capa siempre en la parte superior*/
	position:absolute;
top:50%;
margin-top:-250px;/* la suma de la mitad de la capa del centro EN NEGATIVO*/
left:0px;
width:100%;
z-index: 250;
visibility: visible;
}
#MarcoFotos {
width:792px;
margin-left:auto;
margin-right:auto;
height:492px;
border: 4px solid #999999;
}
/* CONJUNTO DE CAPAS SIEMPRE ARRIBA*/
#ContenedordeBotonera {
/* capa siempre en la parte superior*/
position:absolute;
top:50%;
margin-top:-300px;/* la suma de la mitad de la capa del centro y su alto EN NEGATIVO*/
left:0px;
width:100%;
visibility: visible;
z-index: 3;
}
#Botonera {
/* capa con los botones (dentro de la CapaBotonera)*/
width:800px;/* el ancho de los botones*/
margin-left:auto;
margin-right:auto;
height:50px;
text-align: left;
}
/* CONJUNTO DE CAPAS SIEMPRE ARRIBA*/
#ContenedorSecciones {
/* capa siempre en la parte superior*/
position:absolute;
top:50%;
margin-top:-300px;/* la suma de la mitad de la capa del centro y su alto EN NEGATIVO*/
left:0px;
width:100%;
visibility: visible;
z-index: 20;
}
#Secciones {
height: 25px;
width: 750px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding-left: 50px;
}
/* CONJUNTO DE CAPAS SIEMPRE ABAJO*/
#Piedepagina {
/* capa siempre en la parte inferior*/
position:absolute;
top:50%;
margin-top:250px;/* la mitad del alto del centro EN POSITIVO*/
left:0px;
top:50%;
width:100%;
visibility: visible;
z-index: 5;
}
#Pie {
/* capa con el pie de pagina (dentro de la Capapiedepagina)*/
width:800px;/* el ancho del pie de pagina*/
margin-left:auto;
margin-right:auto;
height:50px;/* el alto del pie de pagina*/
overflow: hidden;
text-align: center;
}
/* CONJUNTO DE CAPAS SIEMPRE ABAJO*/
#creditospie {
/* capa siempre en la parte inferior*/
position:absolute;
top:50%;
margin-top:275px;/* la mitad del alto del centro EN POSITIVO*/
left:0px;
top:50%;
width:100%;
visibility: visible;
z-index: 4;
}
#creditoscontenidos {
/* capa con el pie de pagina (dentro de la Capapiedepagina)*/
width:800px;/* el ancho del pie de pagina*/
margin-left:auto;
margin-right:auto;
height:25px;/* el alto del pie de pagina*/
overflow: hidden;
padding-top: 10px;
text-align: right;
}
.Creditos {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #333333;
text-align: right;
height: 14px;
display: inline-block;
padding-right: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
padding-top: 1px;
}
.Creditos2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
font-weight: normal;
color: #333333;
text-align: right;
height: 11px;
display: inline-block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}
/* CONJUNTO DE CAPAS SIEMPRE ABAJO*/
#Menugalerias{
/* capa siempre en la parte inferior*/
position:absolute;
top:50%;
margin-top:267px;/* la mitad del alto del centro mas su altoEN POSITIVO*/
left:0px;
top:50%;
width:100%;
visibility: visible;
z-index: 6;
}
#Menugalerias2 {
width:800px;/* el ancho del pie de pagina*/
margin-left:auto;
margin-right:auto;
height:15px;/* el alto del pie de pagina*/
overflow: hidden;
text-align: left;
padding-top: 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}
#Columna1{
position:relative;
left:0px;
top:0px;
width:380px;
height:500px;
z-index:100;
visibility: visible;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
margin-top: 0px;
margin-left: 0px;
padding-right: 20px;
float: left;
padding-top: 15px;
}
#Columna2{
position:relative;
left:0px;
top:0px;
width:380px;
height:500px;
z-index:101;
visibility: visible;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
margin-top: 0px;
margin-left: auto;
margin-right: 0px;
padding-left: 20px;
padding-top: 20px;
}
/********************************************************************************
*********************************************************************************
********************************************************************************/
a img {
border:none;
}
a:link {
text-decoration: none;
color: #406874;
}
a:hover{
text-decoration: none;
color: #999999;
}
a:active {
color: #999999;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #999999;
}
.Botones {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #000000;
text-align: left;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
height: 12px;
text-transform: uppercase;
}
.BotonesGalerias {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: bold;
color: #000000;
text-align: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
text-transform: uppercase;
height: 12px;
}
.Botonenter {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bolder;
color: #000000;
text-align: left;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
height: 15px;
text-transform: uppercase;
display: block;
float: right;
}
.Logotipo {
display: block;
text-align: left;
margin-bottom: 3px;
margin-left: 0px;
}
.Tituloseccion {
display: block;
text-align: left;
margin-bottom: 0px;
margin-left: 270px;
margin-top: 0px;
margin-right: 0px;
}
.Textos {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 16px;
font-weight: normal;
text-align: left;
color: #333333;
}
.TextosNegrita {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 16px;
font-weight: bold;
text-align: left;
color: #333333;
}
.TextosCursiva {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
line-height: 16px;
font-weight: normal;
text-align: left;
color: #333333;
}
#Contenidoindex {
width:792px;
margin-left:auto;
margin-right:auto;
height:492px;
z-index: 400;
border: 4px solid #999999;
overflow: hidden;
}