/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26-may-2014, 12:02:14
    Author     : ae
*/

body{
    width: 100%;
    margin: 0;
    font-family: arial;
    font-size: 0.9em;
}

a{
    text-decoration: none;
    color: black;
}

a:hover,
a:focus{
    color: #00807A;
    background-color: #FFFFFF;
}

h1{
    font-size: 2.5em;
    color: #00807A;
    text-align: center;
}

h2{
    color: #00807A;
}

h3{
    color: #00807A;
}

header{
    display: block;
    margin: 0em;
    background-color: #FFFDC9;
    background-repeat: repeat;
    padding-bottom: 0.4em;
}

nav{
    display: inline-block;
    width: 100%;
    margin: 0em;
    background-color: #00807A;
    border-bottom: 0.2em solid #FFA74F;
    border-top: 0.2em solid #FFA74F;
}

nav a{
    text-decoration: none;
    color: #FFFFFF;
    padding-left: 0.6em;
    padding-right: 0.6em
}

nav a:hover,
nav a:focus{
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

nav ul{
    padding-top: 0em;
    margin: 0em;
    padding-left: 0em;
    list-style-type: none;
}

nav li{
    float: left;
    list-style-type: none;
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0em;
    border-right: 0.2em solid #FFA74F;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    
}
article{
    display: block;
    width: 100%;
}
footer{
    float: left;
    display: block;
    width: 100%;
    clear: inherit;
    margin-top: 1em;
    background-color: #FFA74F;
    text-align: center;
    
}

footer ul{
    list-style-type: none;
    display: inline-block;
    margin-bottom: 0;
}

footer li{
    list-style-type: none;
    display: inline-block;
    margin-bottom: 0;
}

footer a{
    text-decoration: underline;
}

#mensajecoockies{
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    background-color: #E0DFE3;
    display: none;
}


#mensajecoockies p{
    font-size: 0.8em;
    margin-top: 0;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
}

#mensajecoockies a{
    font-weight:bold;
    color: black;
    margin-bottom: 0;
    padding-bottom: 0;
}

#titulo{
    height: 200px;
    display: block;
    background-image: url('imagenes/fondo.png');
    background-repeat: repeat-x;
    padding-bottom: 0;
    margin-top: 0;
}

#titulo_izq{
    margin-left: 0.4em;
    margin-right: 0.4em;
    margin-top: 0.4em;
    height: 200px;
    float: left;
    margin-bottom: 0;
    padding-bottom: 0;
}

#titulo_der{
    margin-left: 0.4em;
    margin-right: 0.4em;
    margin-top: 0.4em;
    float: right;
}

#titulo_der span{
    text-decoration: underline;
}

#titulo a:HOVER, #titulo a:FOCUS {
	background-color: transparent;
}

#zonaredes,
#zonaidiomas,
#zonaupload{
    display: block;
    float: right;
    text-align: center;
    clear: right;
}

#zonaupload p{
    width: 15em;
}

#zonaupload :hover,
#zonaupload :focus{
    color: #00807A;
    background-color: #FFFFFF;
}

#upload{
    float: left;
    height: 4em;
}

#col_izquierda{
    float: left;
    width: 20%;
}
/*****************************************************************************/
#submenudestacado{
    margin-top: 0.8em;
    margin-left: 0.4em;
    margin-right: 0.4em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}


#submenudestacado a{
    display: block;
    text-decoration: none;
    padding-left: 0.6em;
    padding-right: 0.6em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

#submenudestacado a{
    color: #00807A;
}

#submenudestacado a:hover,
#submenudestacado a:focus{
    color: #FFFFFF;
    background-color: #FFA74F;
    padding-bottom: 1.5em;
}

#submenudestacado img{
    width: 5em;
    float: left;
    margin-right: 0.6em;
}
/*****************************************************************************/

#submenu{
    background-color: #00807A;
    margin-top: 0.8em;
    margin-left: 0.4em;
    margin-right: 0.4em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}
#submenu{
    border: 0.2em solid #FFA74F;
}


#submenu h1{
    color: #FFFFFF;
    text-align: center;
}

#submenu ul{
    list-style-type: none;
    padding: 0;
}

#submenu a{
    display: block;
    text-decoration: none;
    padding-left: 0.6em;
    padding-right: 0.6em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

#submenu a:hover,
#submenu a:focus{
    color: #000000;
    background-color: #FFFFFF;
}

#submenu ul{
    border-top: 1px solid #FFA74F;
    border-bottom: 1px solid #FFA74F;
}

#submenu li{
    border-top: 1px solid #FFA74F;
    border-bottom: 1px solid #FFA74F;
}


#error{
    text-align: center;
    background-color: #ff0000;
    font-weight: bold;
    padding-bottom: 1em;
    padding-top: 1em;
    margin: 1em;
}

#principal,
#principal_centrado{
    width: 75%;
    
}

#principal{
    float: right;
    margin-right: 0.6em;
}

#principal_centrado{
    margin-left: auto;
    margin-right: auto;
}

#principal_home a,
#principal_centrado a,
#principal a{
    text-decoration: underline;
    color: #00807A;
    
}
#principal_home a:hover,
#principal_home a:focus,
#principal_centrado a:hover,
#principal_centrado a:focus,
#principal a:hover,
#principal a:focus{
    text-decoration: underline;
    color: #FFA74F;
    background-color: #000000;
}
                    /* HOME */
#principal_home{
    width: 100%;
}
#col_izquierda_home{
    width: 36%;
    float: left;
    margin-top: 1em;
    margin-left: 1em;
}
#col_derecha_home{
    width: 53%;
    float: right;
    margin-top: 1em;
    margin-right: 1em;
    padding-left: 1em;
    border-left: 0.2em solid #00807A;
}

#col_derecha_home h1,
#col_izquierda_home h1{
    text-align: left;
}

#col_derecha_home ul{
    list-style-type: none;
    padding: 0;
}

#col_derecha_home li{
    border-top: 0.2em solid #FFA74F;/*#00807A;*/
    float: left;
    clear: left;
    padding-bottom: 0.4em;
    padding-top: 0.4em;

}

#defensor{
    float: right;
}

#cuadronaranja{
    clear:left;
    float:right;
    background-color: #FFA74F;
    color: #000000;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    width: 15em;
}

#cuadroverde{
    float:left;
    background-color: #00807A;
    color: #FFFFFF;
    margin-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    width: 15em;
}

#cuadronaranja p,
#cuadroverde p{
    font-size: 1.5em;
    font-weight: bold;
}

#cuadronaranja a{
    text-decoration: none;
    color: #000000;
}
#cuadroverde a{
    text-decoration: none;
    color: #FFFFFF;
}

#listado_promotores ul{
    padding-left: 0;
    list-style-type: none;
}

#listado_promotores li{
    display: block;
    width: 100%;
    clear: both;
    border-top: 0.1em solid #00807A;
    
}

#listado_promotores img{
    margin-top: 0.3em;
    max-width: 100px;
    max-height: 50px;
}

#listado_promotores h2{
    display: block;
    border-bottom: 0.3em solid #00807A;
}

#tablabanderas{
    text-align: center;
}

#tablabanderas img{
    width: 5em;
}

#botonesImprimirEnviar{
    text-align: center;
}

#botonesImprimirEnviar input{
    margin-left: 1em;
    margin-right: 1em;
}

#formulariocontacto{
   width: 50%;
   margin: auto;
}

#botonformulario{
    clear: right;
    width: 100%;
    text-align: center;
}


#validacion{
    text-align: center;
    background-color: #00807A;
    padding-top: 1em;
    padding-bottom: 1em;
    color: #FFFFFF;
    font-size: 1.2em;
}

#trato{
    margin-left: 3em;
}

.banner_home{
    max-width: 100%;
}

.noticia_home{
    float: left;
    max-width: 150px;
    max-height: 100px;
    border: 0.1em solid #00807A;
    margin-right: 0.6em;
}
                    /* Fin HOME */
.imagen img{
    width: 200px;
}
.imagen img.logo {
    width: 250px;
}

.logoredes{
    float: left;
    margin-right: 1em;
}
.logoredes :hover,
.logoredes :focus{
    color: #00807A;
}

.boton{
    background-color: #00807A;
    color: #FFFFFF;
    font-weight: bold;
    border:0.2em solid #FFA74F;
}

.boton:hover,
.boton:focus{
    color: #00807A;
    background-color: #FFFFFF;
}

.menuseleccionado{
    background-color: #FFA74F;
}
.menuseleccionado a{
    color: #000000;
    font-weight: bold;
}

.menunoseleccionado a{
    color:#FFFFFF;
}

.link_banner_home img{
    border: 0.1em solid transparent;
}

.link_banner_home img:hover,
.link_banner_home img:focus{
    border: 0.1em solid #FFA74F;
}

.verdeentabla{
    background-color: #00807A;
    color: #FFFFFF;
    font-weight: bold;
}

.textoblanco{
    color: #FFFFFF;
}

.subrayado{
    text-decoration: underline;
}

.tabla{
    text-align: center;
    border: 0.2em solid #000000;
}

.tabla tr, 
.tabla td{
    padding: 0.4em;
    border: 1px solid #000000;
    margin: 0;
}

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

.radiotab{
    left: 45%;
}

.centrado{
    text-align: center;
}

.maspadding{
    padding-left: 0.6em; 
    padding-right: 0.6em;
}

.paddingmuygrande td{
    padding-left: 3em;
    padding-right: 3em;
}

.centrartabla{
    margin-left: auto;
    margin-right: auto;
}

.aliniarderecha{
    float: right;
    width: 17em;
}

.destacado{
    color: #00807A;
    font-weight: bold;
}

.tablautoevaluacion td{
    margin-right: 0.2em;
}
.tablautoevaluacion p{
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding-top: 0;
    padding-bottom: 0;
}

.negrita{
    font-weight: bold;
}

.espaciadoizquierda{
    float: right;
}

.privacidad li{
    margin-top: 1em;
}

.especial{
    background-color: #FFA74F;
    font-weight: bold;
    font-size: 1.2em;
}