/* Estilo General*/
/* Por Alvaro Fernandez 2005 */
/* www.alvaroweb.com  |  info@alvaroewb.com */

/*General*/
body {margin: 0;}
table {border-collapse:collapse; border: none;}
td {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #555555; padding: 0;}
img {border: 0;}
h1 {font-size: 20pt; display: inline; font-weight: normal; color: #555555;}
h2 {font-size: 16pt; display: inline; font-weight: normal; padding-left: 5px;}
h3 {font-size: 14pt; display: inline;font-weight: normal; padding-left: 5px;}
h4 {font-size: 14pt; display: inline; font-weight: normal;}
h5 {font-size: 10px; display: inline; font-weight: bold;}
.grueso {font-weight: bold;}

/*vinculos estandar*/
A:link {text-decoration: none; color: white; font-size: 8pt; font-weight: normal;}
A:visited {text-decoration: none; color: white; font-size: 8pt; font-weight: normal;}
A:active {text-decoration: none; color: white; font-size: 8pt; font-weight: normal;}
A:hover {text-decoration: underline; color: white; font-size: 8pt; font-weight: normal;}

/*vinculos amarillo*/
A.allo:link {text-decoration: none; color: #E5B43F; font-size: 8pt; font-weight: normal;}
A.allo:visited {text-decoration: none; color: #E5B43F; font-size: 8pt; font-weight: normal;}
A.allo:active {text-decoration: none; color: #E5B43F; font-size: 8pt; font-weight: normal;}
A.allo:hover {text-decoration: underline; color: white; font-size: 8pt; font-weight: normal;}

/*vinculos Principal alternativo*/
A.botonesPpal:link {text-decoration: none; color: #E5B43F; font-size: 12pt; 
font-weight: bold; margin: 0 23px 0 23px; vertical-align: bottom;}
A.botonesPpal:visited {text-decoration: none; color: #E5B43F; font-size: 12pt; 
font-weight: bold; margin: 0 23px 0 23px; vertical-align: bottom;}
A.botonesPpal:active {text-decoration: none; color: #E5B43F; font-size: 12pt; 
font-weight: bold; margin: 0 23px 0 23px; vertical-align: bottom;}
A.botonesPpal:hover {text-decoration: none; color: white; font-size: 12pt; 
font-weight: bold; margin: 0 23px 0 23px; vertical-align: bottom;}

/*vinculos Principal alternativo*/
A.botonesPpalEng:link {text-decoration: none; color: #E5B43F; font-size: 12pt; 
font-weight: bold; margin: 0 12px 0 12px; vertical-align: bottom;}
A.botonesPpalEng:visited {text-decoration: none; color: #E5B43F; font-size: 12pt; 
font-weight: bold; margin: 0 12px 0 12px; vertical-align: bottom;}
A.botonesPpalEng:active {text-decoration: none; color: #E5B43F; font-size: 12pt; 
font-weight: bold; margin: 0 12px 0 12px; vertical-align: bottom;}
A.botonesPpalEng:hover {text-decoration: none; color: white; font-size: 12pt; 
font-weight: bold; margin: 0 12px 0 12px; vertical-align: bottom;}

/*vinculos amarillo grande*/
A.alloGr:link {text-decoration: none; color: #E5B43F; font-size: 10pt; font-weight: normal;}
A.alloGr:visited {text-decoration: none; color: #E5B43F; font-size: 10pt; font-weight: normal;}
A.alloGr:active {text-decoration: none; color: #E5B43F; font-size: 10pt; font-weight: normal;}
A.alloGr:hover {text-decoration: underline; color: white; font-size: 10pt; font-weight: normal;}

/*vinculos verde*/
A.verde:link {text-decoration: none; color: #958829; font-size: 8pt; font-weight: normal;}
A.verde:visited {text-decoration: none; color: #958829; font-size: 8pt; font-weight: normal;}
A.verde:active {text-decoration: none; color: #958829; font-size: 8pt; font-weight: normal;}
A.verde:hover {text-decoration: underline; color: black; font-size: 8pt; font-weight: normal;}

/*vinculos negro*/
A.negro:link {text-decoration: none; color: black; font-size: 8pt; font-weight: normal;}
A.negro:visited {text-decoration: none; color: black; font-size: 8pt; font-weight: normal;}
A.negro:active {text-decoration: none; color: black; font-size: 8pt; font-weight: normal;}
A.negro:hover {text-decoration: underline; color: #958829; font-size: 8pt; font-weight: normal;}

/*Estructura de la página*/
#container {width: 100%; height: 100%;}
#cabecero {width: 740px; height: 146px; vertical-align: top; text-align: center;}
#cabecero img {margin-bottom: 6px;}
.contenido {width: 740px; height: 100%; vertical-align: top;}
.alignTop {vertical-align: top;}
#pie {background-color: black; color: white; text-align: right; padding-right: 15px; height: 20px; font-size: 8pt;}
#pie2Ppal {background-color: black; color: white; text-align: left; padding-left: 20px; height: 20px; font-size: 8pt;}
#pie2 {background-color: black; color: white; text-align: center; height: 20px; font-size: 8pt;}
#pie3 {background-color: black; color: white; text-align: center; height: 28px; font-size: 8pt; vertical-align: middle;}
#pieAdministracion {background-color: black; color: white; text-align: center; padding-right: 15px; height: 30px; font-size: 8pt;}
.texto {padding-left: 25px; padding-right: 25px; padding-top: 10px; padding-bottom: 20px; vertical-align: top;}
.textoMapa {padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 20px; vertical-align: top;}
.textosMapa {width: 490px; height: 100%; background-color: white; vertical-align: top; text-align: left;}
.nota {font-size: 8pt;}

/*Index*/
#index {width: 100%; height: 100%; background-color: #4E6163;}
.contenidoIndex {width: 100%; height: 100%; vertical-align: top;}
.titulos {text-align: center; padding-top: 10px;}
#pelicula {width: 100%; height: 40%; text-align: center; vertical-align: bottom;}
.alerta {color: yellow; /*font-size: 10pt; font-weight: normal;*/}
.espanol {color: white;}
.english {color: #CCCCCC;}
.francais {color: #999999;}
#botonesIndex {text-align: center; font-size: 8pt; color: #1C2731; height: 40%; vertical-align: top;}


/*Principal*/
#principal {width: 100%; height: 100%; background: #E7E0CB url("../imagenes/comunes/fondoPrincipal.jpg"); background-repeat: repeat-x;}
#cuadroPrincipal {width: 740px; height: 100%; background: black url("../imagenes/comunes/rellenoCuadroPortada.jpg") no-repeat;}

/*Biografia*/
#biografia {width: 100%; height: 100%; background: #E7E0CB url("../imagenes/comunes/fondoBiografia.jpg"); background-repeat: repeat-x;}
.rellenoBiografia {width: 50%; height: 146px; background-image: url("../imagenes/comunes/rellenoBiografia.jpg");}
#cuadroBiografia {width: 250px; height: 100%; background: black url("../imagenes/comunes/cuadroBiografia.jpg"); background-repeat: no-repeat;}
#botBiografia {text-align: center; background-color: black; color: white; font-weight: bold; height: 45px; vertical-align: middle;}
.textosBiografia {width: 490px; height: 100%; background-color: white; vertical-align: top; text-align: left;}
#fotoBiografia {background-color: black; vertical-align: top;}

/*Obra*/
#obra {width: 100%; height: 100%; background: #E7E0CB url("../imagenes/comunes/fondoObra.jpg"); background-repeat: repeat-x;}
#obras {text-align: center; width: 249px; height: 100%; background-color: black; border-right: 1px solid black; color: white; vertical-align: top;}
#tablaObras {width: 249px; height: 100%;}
#botObras {height: 45px; text-align: center; background-color: black; /*background-color: #958829; */color: white; font-weight: bold; vertical-align: middle;}
#tablaObras img {border: 1px solid white; /*border-top: 5px solid white; border-bottom: 1px solid white;*/}
.dcha {text-align: left; padding-left: 20px; padding-bottom: 10px;}
.izda {text-align: right; padding-right: 20px; padding-bottom: 10px;}
.cuadros {vertical-align: top; text-align: center; background-color: white;}
.cuadros img {display: block;}
.descripcion {text-align: right; color: black; background-color: white; padding: 5px; padding-right: 15px; padding-left: 15px; font-size: 8pt; }
.controles {text-align: center; color: #958829; height: 100%; vertical-align: top;}
.mostrando {text-align: center; color: white; font-size: 10px;}

/*Documentacion*/
#documentacion {width: 100%; height: 100%; background: #E7E0CB url("../imagenes/comunes/fondoDocumentacion.jpg"); background-repeat: repeat-x;}
#cuadroDocumentacion {width: 250px; height: 100%; background: black url("../imagenes/comunes/cuadroDocumentacion.jpg"); background-repeat: no-repeat;}

/*Noticias*/
#noticias {width: 100%; height: 100%; background: #E7E0CB url("../imagenes/comunes/fondoNoticias.jpg"); background-repeat: repeat-x;}
#cuadroNoticias {width: 250px; height: 100%; background: black url("../imagenes/comunes/cuadroNoticias.jpg"); background-repeat: no-repeat;}

/*Contacto*/
#contacto {width: 100%; height: 100%; background: #E7E0CB url("../imagenes/comunes/fondoContacto.jpg"); background-repeat: repeat-x;}
#cuadroContacto {width: 250px; height: 100%; background: black url("../imagenes/comunes/cuadroContacto.jpg"); background-repeat: no-repeat;}
/*Formulario*/
input, textarea, select {
	border: 1px dotted black; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; color: #555555; background-color: white; padding-left: 5px;}
.formTitulo {font-weight: bold; vertical-align: top;}
.formInput {padding-right: 15px; vertical-align: top;}
form {display: inline;}
.inputBoton {font-weight: bold; color: black; padding: 0;}

/*Administracion*/
.adminFranja {background-color: #958829; color: white; text-align: center;}
.adminTxt {background-color: white; color: #555555; text-align: center;}