/* ****************************** Contenedores ************************************************************ */

html{
height: 100%;
}

body {
background-color: #3889dc;
background-image: url(imagenes/fondo1.jpg);
background-repeat: repeat-x;
background-position: bottom right;
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: 75%;
line-height: 1.5em;
background-attachment: fixed;
}

#contenido{
background-color: #ffffff;

padding-left: 0px; padding-right: 0px;

width: 750px;
margin: 0 auto;
text-align: left;
font-size: 1em;
}

#codigo{
padding-left: 0px; padding-right: 0px; padding-top: 5px;
width: 750px;
margin: 0 auto;
text-align: right;
}

.divcodigo{
float: right;
padding-left: 20px;
}

.divcontacto{
background-color: #f2f2f2; border: 1px solid #9e9e9e; padding-left: 15px;
}

.divcontacto2{
background-color: #f2f2f2; border: 1px solid #9e9e9e;
}

.divtexto{
text-align: justify;
padding-left: 15px; 
padding-right: 15px; 
width: 500px;
}

.divtexto2{
float: left;
text-align: justify;
padding-left: 15px; 
padding-right: 15px; 
width: 500px;
}

.divextendido{
padding-left: 5px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
border: 1px solid #c1c1c1;
background-color: #f5f5f5;
}

.divextendidodesc{
float: left;
padding-left: 10px;
width: 375px;
}

.divpreview{
float: left;
padding-top: 0px;
}

.divmargen{
padding-left: 10px; 
}

.divizq{
float:left; padding-left: 15px;
}

.contenido1{
float: left;
padding-left: 5px;
width: 520px;
}

.regionales{
float: left;
padding-left: 10px;
}

.regionales2{
float: left;
padding-left: 35px;
}

.extras{
float: right;
padding-right: 7px;
padding-left: 0px;
width: 190px;
text-align: left;
}

.extras2{
padding-right: 0px;
padding-left: 4px;
width: 190px;
text-align: left;
border-left: 1px dashed #c0c0c0;
}

.centrado{
text-align: center;
}

.separacion{
clear: both;
}

.sinmargen{
padding-left: 0px;
}

.divadsregionales{
padding-left: 10px;
text-align: center;
border-top: 0px solid;
}


.divlogo1{
float:left; padding-left: 0px; width: 350px;
}

.divlogo2{
float:right; padding-left: 0px; padding-top: 5px; padding-right: 5px; text-align: right; width: 370px;
}

/* ************************************************************************************************************* */


/* *********************************************** Extendido *************************************************** */

.contenidoextendido{
float: left;
padding-left: 15px;
width: 530px;
}

.h1extendido{
margin-bottom: 5px;
font-family: verdana, arial, "trebuchet ms";
font-size: 1.4em; color: #000000;
padding-left: 0px;
}

.divimagen{
float: left;
padding-left: 0px;
}

.divnavegacionimagen{
background-color: #2f2f2f;
text-align: center;
width: 250px;
}

#nfoto{
font-weight: bold;
color: #ffffff;
}

.spandireccionextendida{
font-family: verdana; font-size: 1em;
font-style: italic;
padding-left: 0px;
color: #000000;
}

.divdescinicial{
float: left;
padding-left: 10px;
text-align: justify;
width: 255px;
}

.divdescdetallada{
padding-left: 0px;
padding-right: 15px;
text-align: justify;
}

.divcontactoext{
border: 1px solid #5593e0;
}

.divcontactoexttitulo{
background-color: #5593e0;
color: #ffffff;
font-weight: bold;
padding-left: 5px;
}

.divcontactoextdesc{
padding-left: 5px;
}


/* ************************************************************************************************************* */




/* ********************************** Imagenes ****************************************************************** */

img{
border: 0px solid;
}

.imagenconborde{
border: 1px solid #000000;
}

/* *************************************************************************************************************** */







/* ****************************** Encabezados ******************************************************************** */

h1{
padding-left: 10px; font-family: verdana, arial, "trebuchet ms"; font-size: 1.4em; color: #000000;
}

h2{
padding-left: 10px; font-family: verdana, arial, "trebuchet ms"; font-size: 1.1em; color: #000000;
}

.hmargen{
padding-left: 15px; 
}

/* **************************************************************************************************************** */


/* ************************* Enlaces del directorio ******************************** */
.vinculo{
font-family: verdana; font-size: 0.8em;
}

.direccion{
font-family: verdana; font-size: 0.8em;
}

.enlace{
padding-left: 0.8em;
}
/* ********************************************************************************** */




/* ***************************** Estilos de texto *********************************** */

.remarcado{
font-weight: bold;
}

/* ********************************************************************************* */




/* *************************** Celdas de Menus  y tablas **************************** */

.celda1{
border: 1px solid #ffffff; 
background-color: #5593e0; 
color: #ffffff; 
padding-left: 15px; 
padding-right: 15px; 
padding-top: 1px;
padding-bottom: 1px;
text-align: center; 
font-weight: bold; 
font-size: 1em; 
line-height: 1.2em;
float:right;
}

/* ********************************************************************************* */




/* ******************************************* Listas ****************************** */

ul{
list-style-type: square;
}

.lista2{
color: #7e7e7e; font-size: 1em;
}

li{
font-weight: bold; color: #7e7e7e;
}

/* ********************************************************************************* */



.celdamenu{
font-weight: bold; font-size: 0.8em;  
}


.sugeridos{
padding-left: 0px; padding-right: 0px; font-size: 0.8em;
}



/* ********************************** Formularios ****************************** */

input {
background-color: #ebebeb; border: 1px solid #666666; font-size:0.8em; color: #000099; font-weight: bold;
}

.enviar{
background-color: #ebebeb; border: 1px solid #666666; font-size:0.8em; color: #6f6f6f;
font-family: verdana; 
font-weight: bold;
}

textarea{
background-color: #ebebeb; border: 1px solid #666666; font-size:0.8em; color: #000099;
font-family: verdana; 
font-weight: bold;
}

/* ****************************************************************************** */


a:link {
text-decoration:none; color: #7e7e7e;
}
a:visited {
text-decoration:none; color: #7e7e7e;
}
a:hover {
text-decoration:underline; color: #0000ff;
}
a:active {
text-decoration:none; color: #7e7e7e;
}


a.enlacetitulo:link {
text-decoration:underline; color: #5d6da7; font-weight: bold;
}
a.enlacetitulo:visited {
text-decoration:underline; color:  #5d6da7; font-weight: bold;
}
a.enlacetitulo:hover {
text-decoration: none; color: #5d6da7; font-weight: bold;
}
a.enlacetitulo:active {
text-decoration:underline; color: #5d6da7; font-weight: bold;
}


a.menu:link {
text-decoration:none; color: #fffeab; font-weight: bold;
}
a.menu:visited {
text-decoration:none; color:  #fffeab; font-weight: bold;
}
a.menu:hover {
text-decoration: none; color: #f6ab10; font-weight: bold;
}
a.menu:active {
text-decoration:none; color: #fffeab; font-weight: bold;
}