@charset "utf-8";
html, body {
width: 100%;
}
body {
background-color: #1a1900;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
margin: 0px;
}
/* ENCABEZADO */
div#encabezado {
width: 100%;
height: 100px;
}
div#encabezado div#centro {
width: 944px;
height: 100px;
margin: 0px auto;
position: relative;
}
ul#idiomas {
font-size: 14px;
list-style: none;
margin: 0px;
position: absolute;
right: 0px;
bottom: 10px;
}
ul#idiomas li {
margin-left: 30px;
float: left;
}
ul#idiomas a {
color: #fff;
text-decoration: none;
}
ul#idiomas a:hover {
color: #fff200;
}
div#logo {
background: url(img/logo.jpg) no-repeat;
width: 220px;
height: 160px;
position: absolute;
top: 16px;
z-index: 99px;
}
div#logo span {
display: none;
}
div#logo p {
font-size: 11px;
color: #aaa100;
text-align: center;
width: 220px;
margin-top: 134px;
}
/* IMAGEN SECCION */
div#imagenSeccion {
background-color: #000;
width: 100%;
height: auto!important;
height: 166px;
min-height: 166px;
}
div#imagenSeccion div#centro {
background: no-repeat right;
width: 944px;
height: 166px;
margin: 0px auto;
position: relative;
}
/* CONTENIDO */
div#contenido {
background-color: #312f00;
width: 100%;
height: auto!important;
height: 250px;
min-height: 250px;
}
div#contenido div#centro {
background: none!important;
background: url(img/fondoMenu.jpg) repeat-y left;
width: 944px;
height: auto!important;
height: 250px;
min-height: 250px;
margin: 0px auto;
position: relative;
}
/* BARRA IZQUIERDA */
div#barraIzquierda {
background-color: #fff200;
width: 220px;
position: absolute;
top: -41px;
bottom: 0px;
}
ul#menu {
font-size: 14px;
line-height: 28px;
list-style: none;
margin: 10px 20px;
}
ul#menu li {
}
ul#menu a {
color: #000;
text-decoration: none;
}
ul#menu a:hover {
color: #aaa100;
}
/* BARRA DERECHA */
div#barraDerecha {
width: 171px;
position: absolute;
top: 0px;
right: 0px;
}
ul#banners {
font-size: 14px;
line-height: 0px;
list-style: none;
margin: 0px;
}
ul#banners li {
width: 171px;
margin: 20px 0px 0px;
display: block;
}
ul#banners a {
color: #000;
text-decoration: none;
}
ul#banners a:hover {
color: #aaa100;
}
/* PIE */
div#pie {
width: 100%;
height: auto!important;
height: 65px;
min-height: 65px;
}
div#pie div#centro {
width: 944px;
height: auto!important;
height: 65px;
min-height: 65px;
margin: 0px auto;
position: relative;
}
ul#columnas {
font-size: 13px;
list-style: none;
margin: 10px 0px 0px 235px;
}
ul#columnas li {
width: 240px;
padding: 0px 15px;
float: left;
}
ul#columnas h1 {
font-size: 14px;
margin: 0px;
}
ul#columnas a {
color: #fff200;
text-decoration: none;
}
ul#columnas a:hover {
color: #aaa100;
}
/* INFORMACION */
div#informacion {
font-size: 12px;
width: 483px;
padding: 20px 0px 20px 250px;
}
div#informacion h1 {
font-size: 18px;
font-weight: normal;
}
div#informacion p {
line-height: 18px;
}
/* FORMULARIO */
div#colIz {
width: 235px;
float: left;
}
div#colDe {
width: 235px;
float: right;
}
.campo {
background: url(img/campos.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fffcc5;
line-height: 20px;
width: 228px;
height: 20px;
padding: 2px;
border: 1px solid #312f00;
margin: 0px;
overflow: hidden;
}
.boton {
background-color: #fff200;
border: 1px solid #312f00;
width: 115px;
height: 20px;
margin-top: 10px;
}
.mensaje {
margin-top: 10px;
}