body {
    margin: 0 auto;
    padding: 0px;
    position: relative; 
    font-family: Tahoma,Geneva,sans-serif;
    line-height: 1.7em;
/*    background: url(../img/englishFondo3.jpg) repeat scroll;*/
}
#contenido {
    width: 960px;
    height: 803px;
    margin: 0 auto;
    text-align: center; 
    background: -moz-linear-gradient(top, #f8f7e4 0%, #f3f1c0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f7e4), color-stop(100%,#f3f1c0));
    background: -webkit-linear-gradient(top, #f8f7e4 0%,#f3f1c0 100%);
    background: -o-linear-gradient(top, #f8f7e4 0%,#f3f1c0 100%);
    background: -ms-linear-gradient(top, #f8f7e4 0%,#f3f1c0 100%);
    background: linear-gradient(bottom, #f8f7e4 0%,#f3f1c0 100%);
    /* Internet Explorer 5.5+ */  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f7e4', EndColorStr='#f3f1c0');
}

a:visited img{
    border: 0; 
    outline: 0;
    border: none; 
    outline: none;
}

/*evita salga borde punteado al hacer click en links
a:focus {
    width:0px;height:0px;outline:0px;
}*/

button {
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    height: 35px;
    width: 120px;
    background-color: rgba(0, 89, 178, 0.09);
    color: rgb(51, 51, 51);
    border-radius: 10px;
}
button:hover {
    background-color: rgb(51, 51, 51);
    color: #ffffff;
}
input[type="text"], input[type="email"], input[type="password"] {
    font-size: 12px;
    color: rgb(102, 102, 102);
    font-family: Tahoma,Geneva,sans-serif;
    line-height: 1.7em;
}
h1 {
    color: rgb(42, 62, 76);
}


footer {
    position: relative;
    bottom: -80px;
    margin: 0px;
    width: auto;
    height: 100px; 
    background: #121111;
    
}
.pie {
    font-family: Tahoma,Geneva,sans-serif;
    line-height: 1.7em;
    list-style: none;
    text-align: center;    
    color: #ffffff;
    font-size: 12px;
    padding-top: 10px;
}
.pie ul {
    
    list-style: none outside none;
    
}
.pie ul li {
    display: inline;
    padding: 0px 70px;
}
#cabecera {
   
    width: 100%;
    height: 120px;
   
    
}
.logoTitulo {
    width: 881px;
    height: 100%;
    float: left;
    background: url(../img/logo_titulo2.gif) no-repeat right top;
    background-size: 90% 100%;
   
}
.dcha_tit {
    float: right;
    width: 73px;
    height: 115px;
}
     .dcha_tit .login {
       float: top; 
       width: 70px;
       height: 82px; 
       font-size: 13px;
       padding-top: 5px;
       text-align: center;
     }
        .dcha_tit .login img {
           position: relative; 
           width: 30px;
           height: 30px; 
           margin-left: 18px;
           margin-top: 2px;
        }
    
   .dcha_tit .banderas {
        float: bottom;
        width: 70px;
        height: 30px; 
   }
        .dcha_tit .banderas .banderaEng{
            float: left;
            width: 28px;
            height: 28px;
            margin: 4px 0 0 7px;
        }
        .dcha_tit .banderas .banderaEsp{
            float: right;
            width: 28px;
            height: 28px;
            margin: 4px 1px 0 0;
        }
        .banderas img{
            width: 20px;
            height: 20px;
            cursor: pointer;
            border-style:none;
        }
        
        
#main {
    width: 958px;
    height: 470px;
    margin: 0 auto;
    padding: 0px;
    position: relative; 
    font-family: Tahoma,Geneva,sans-serif;
    line-height: 1.7em;
   
}
#bloquePpal {
    width: 696px;
    height: 440px;
    line-height: 19px;
    float: right;
    font-size: 13px;
    color: rgb(102, 102, 102);
    margin-right: 7px;
    margin-bottom: 11px;
    text-align: left;
    background-color: ghostwhite;
    border-radius: 20px;
    -webkit-box-shadow: 8px 8px 10px #909090;
    -moz-box-shadow: 8px 8px 10px #909090;
    box-shadow: 8px 8px 10px #909090;
/*    padding-right: 3px;*/
}
#bloquePpal #cargando {
    background: url(../img/loading.gif) no-repeat scroll;
    background-position: center;
    width: 600px;
    height: 360px;
}
#bloquePpal hgroup h2 {
    font-size: 15px;
    color: #333; /*#342a92;*/
    background-image:url(../img/tituloBloqPpal.jpg);
    height: 30px;
    border-radius: 10px 5px 0px 5px;
    margin: 0 auto;
    padding: 5px 5px 0px 15px;   
    
}
#bloquePpal #contCentral {
    margin: 17px 24px;   
}
 #bloquePpal .infoEspecial {
        position: relative;
        width: 500px;
        height: 200px;
/*       border: solid;*/
        margin: 40px 40px;
    }   

/*FORMULARIO DE CONTACTO*/
#bloquePpal .contactar {
    float: left;
    width: 345px;
/*    height: 380px;*/
        
}
#bloquePpal .contactar input[type="text"], input[type="email"], label, textarea {
    display: block;
}
#bloquePpal .contactar label {
    padding: 5px;
}
#bloquePpal .contactar input, textarea {
    margin-top: 7px;
}
#bloquePpal .contactar #labels, #inputs, #login #labels{
    float: left;
    padding: 5px;
    
}
#bloquePpal .contactar input[type="text"], input[type="email"]{
    width: 160px;
    height: 15px;
      
}
#bloquePpal .contactar textarea{
    width: 250px;
    height: 140px;
    font-size: 12px;
    color: rgb(102, 102, 102);
    font-family: Tahoma,Geneva,sans-serif;
    line-height: 1.7em;
    resize: none;
}
#bloquePpal .contactar .btnEnviarConsulta{
    margin-left: 65px;
    margin-top: 10px;
    width: 120px;
    height: 35px;
}
#bloquePpal .contactar .obligatorios{
    margin: 3px 4px 1px 2px;
    text-align: left;
    font-size: 11px;
    color: rgb(12, 137, 195); 
}
#bloquePpal .contactar #azul{
    font-size: 11px;
    color: rgb(12, 137, 195); 
}
#bloquePpal #contCentral .datosContacto{
    width: 279px;
    height: 300px;
    float: right;
    padding: 2px 3px 4px 5px;
    margin:  2px 3px 4px 5px;
    font-size: 12px;
    color: rgb(102, 102, 102);
    text-align: left;
    
}
#bloquePpal .datosContacto .tfno{
    float: left;
    background: url(../img/tfno1.png) no-repeat left;
    background-size: 20px 20px;
    
}
    #bloquePpal .datosContacto .email{
        float: left;
        background: url(../img/arroba.gif) no-repeat left;
        background-size: 15px 13px;
        margin: 3px 0px 0px 2px;
    }
    #bloquePpal a.mailto{
        text-decoration: none;
        font-weight: normal;
        color: rgb(102, 102, 102);
    }
    #bloquePpal a.mailto:hover{
        color: rgb(12, 137, 195);
    }

/*FIN FORMULARIO CONTACTO*/
#bloquePpal #comoLlegar {
    margin: 10px 15px 10px 25px;   
}
#bloquePpal #contCentral ul li{
    margin-top: 15px; 
}
#bloquePpal #contCentral .masInfo{
    text-align: right;
}
#bloquePpal #contCentral span.azul, #contCentral ul li a, #contCentral span a, li.azul{
    color: rgb(12, 137, 195);   
    font-weight: bold;
    text-decoration: none;
}
#bloquePpal #contCentral ul li a:hover, #contCentral span a:hover{
    color: rgb(102, 102, 102); 
}
#bloquePpal #contCentral .nosotros {
    padding: 14px 47px;  
}
#bloquePpal #contCentral .nosotros li {
    margin-top: 5px;  
}
#bloquePpal #mapa{
    text-align: left;
    margin: 15px 30px 15px 30px;
}
#bloquePpal #mapa p{
    color: rgb(12, 137, 195);
}
#bloquePpal #contCentral #info {
/*    border: solid red;  */
}

#bloquePpal #contCentral ul.info li {
    margin-top: 2px;  
}
#bloquePpal #contCentral #info .titulo {
    font-weight: bold;  
}

#bloquePpal #contCentral .botoneraInfo button {
    width: 140px;  
    margin: 2px 35px;
    
}


aside.izqda {
    float: left;
    width: 236px;
    padding: 1px 6px;
}
.tablonAnuncios {
    
    width: 240px;
    height: 382px;
    line-height: 17px;
    font-size: 12px;
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
    background-color: ghostwhite;
    border-radius: 10px 10px 20px 20px;
    -webkit-box-shadow: 8px 8px 10px #909090;
    -moz-box-shadow: 8px 8px 10px #909090;
    box-shadow: 8px 8px 10px #909090;
}
.tablonAnuncios a {
    text-decoration:none;
}
.tablonAnuncios h2, h3 {
    color: #333;  
}
.tablonAnuncios h2 {
   font-size: medium;
}
.tablonAnuncios h3 {
   font-weight: normal;
}
.tablonAnuncios ul {
    padding-top: 10px;
    padding-left: 1px;
    list-style-type: none;
    
}
.tablonAnuncios ul li {
    padding: 3px 10px;
    margin: 3px 1px;     
}
.tablonAnuncios ul li.bordeDown {
    border-bottom: 1px solid #909090;
}
.tablonAnuncios ul li:hover {
    background-color: rgba(0, 89, 178, 0.09);  
    /*    background: url(../img/play.gif) no-repeat;
    background-size: 16px 16px;
    background-position: left top;*/
}
.tablonAnuncios ul li:hover h2{
/*    margin-left: 5px;*/
    
}

.socialNet {
    width: 240px;
    height: 40px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.socialNet a img {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 1px 10px;
}

a:link {
    color: rgb(0, 102, 255);
}

/************************************************* MENU PRINCIPAL********************************************/  
    
#menuPpal, #menuPpal ul, #menuPpal ul li,
#menuPpal ul li ul, #menuPpal ul li ul li, #menuPpal ul li ul li ul li  {
    margin: -16px 0px 16px 0px;
    padding: 0;
    
}
#menuPpal{
    
    list-style: none;
    float: left;
    width:100%;
    background:#333;
    /* Forzar superposicion del menú*/
    position:relative;
    z-index:5;
    
}
#menuPpal li{
    float:left;
    padding-right: 1px;
    padding-left: 1px;
    margin-right: 6px; 
    margin-left: 6px;
    position:relative;
    /*
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    */
}
#menuPpal a{
    display:block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    color:#fff;
    text-decoration:none;
}
#menuPpal a:hover{
    color:#e30515; /* #fff */
    background:#ffffff; /* #246f49 */
}
#menuPpal ul {
    /* Color de fondo de la web -para IE- */
    background: white;
    /* Idem transparente para navegadores que lo soporten */
    background:rgba(255,255,255,0);
    list-style:none;
    position:absolute;
    left:-9999px; /* Escondemos inicialmente los submenús */
}
#menuPpal ul li, #menuPpal ul li ul li{
    padding-top:1px; /* Separación vertical entre elementos */
    float:none;
}
#menuPpal ul a{
    white-space:nowrap; /* Separa los elementos en diferentes líneas */
}
#menuPpal li:hover>ul{
    left: 0px; /* Submenús de nivel 2 visibles */
    margin-top: 16px;
}

/* VIP : estos px habrá q modificarlos según cambie la palabra del nivel 2*/
#menuPpal li ul li:hover ul{
    left:111px; /* Submenús de nivel 3 visibles */
    top: 1px;
}
#menuPpal img {
    width: 9px;
    height: 9px;
    position: absolute;
    left: 98px;
    top: 17px;
}
#menuPpal #nivel2>li {
    width: 110px;
}
/**FIN de VIP*/


/* Para que cuando se mueva el cursor por los elementos del submenú los elementos permanecen visibles */
#menuPpal li:hover a {
    background: rgb(12, 137, 195);  /* Aprovechamos para cambiar de color los señalados */
    color:  #fff; 
}
#menuPpal li:hover ul a{
text-decoration:none;
}
#menuPpal li:hover ul li a:hover{
    background:#333;
    color: #ffffff; /*nada*/
}
#menuPpal li ul li{
   text-align: left;
}
/**FIN MENU PPAL**/

/***********************FOTOS*****************************/
#slider {
    position: relative;
    overflow: hidden;
    width: 500px;
    height: 400px;
    margin: 17px 94px;
   
}   
#slider img {
    position: relative;
    width: 100%;
    height: 100%;
/*    border-left: 3px solid #333;*/
/*    border-top: 3px solid #333;*/
    border-radius: 10px;
}
/*FIN FOTOS*/

/***********************GALERIA*****************************/
.galeria {
    position: relative;
    width: 500px;
    margin-left: 95px;
    margin-top: 34px;
   
}   

/*FIN GALERIA*/


/****************************TEST DE NIVEL**************************/
#gotoTest {
    width:550px;
    height: 140px;
 }
#gotoTest .textoElige {
    float: left;
    padding: 30px 0px 30px 40px;
    margin-right: 20px;
}
#gotoTest .radiobtnNivel {
    padding: 30px 0px 30px 40px;
    float: left;
}
#gotoTest .radiobtnNivel input {
    margin-left: 43px;
}
#gotoTest .btnIrTest {
    float: right;
    margin-right: 15px;
    margin-top: 15px;
}
.nombreTest{
    float: left;
}
.emailTest{
    float: right;
}
#gotoTest ul li{
    list-style-type:none;
    display: inline-block;
    padding-right: 15px;
    
}
#gotoTest ul li .espacioDcha{
    padding-right: 15px;
}
.test ol input[type='radio'] {
    vertical-align: middle;
    float: left; 
    margin-top: 6px;
    margin-right: 4px;
    cursor: pointer;
    
}
.test {
    width: 660px;
    height: 345px;
    background-color:#f8f8fc;
    overflow:auto;
}
.infoTest
{
    float: left;
    width: 40%;
   
}
.tipoTest
{
    float: right;
    width: 40%;
    text-align: center;
}
.test ol {
  padding-top: 3px;
  padding-left: 65px;
}
.test label {
    padding-top: 2px;
    padding-bottom: 5px;
}
.test ol li {
    font-weight: bold;
    margin-top: 5px;
}    
#bloquePpal .test .btnAceptarTest{
    margin-right: 160px;
    margin-bottom: 60px;
    float: right;
}
#comenzarTest a, #imprimirTest a {
    text-decoration: none;   
    color: rgb(51, 51, 51);
    font-size: 15px;
    font-weight: bold;
}
#comenzarTest, #imprimirTest {
    position: relative;
    width: 200px;
    height: 50px;
    background-color: rgba(0, 89, 178, 0.09);  
    cursor: pointer;
    text-align: center;
    padding-top: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 8px 8px 10px #909090;
    -moz-box-shadow: 8px 8px 10px #909090;
    box-shadow: 8px 8px 10px #909090;
}
#comenzarTest {
    top: 70px;
    left: 50px;
    float: left;
}  
#imprimirTest {
    top: 70px;
    left: -70px;
    float: right;
} 

#comenzarTest:hover, #imprimirTest:hover {
    background-color: rgb(51, 51, 51);      
}
#comenzarTest:hover a, #imprimirTest:hover a{
    color: #ffffff;
}
/*FIN TEST NIVEL*/

/*********  LOGIN ****************/
#errorLogin {
    position: relative;
    margin-left: 135px;
    margin-top: 10px; 
    width: 300px;
    height: 50px;
    text-align: center;
    color: #ff4b39;
}

#login {
    position: relative;
    width: 300px;
    height: 145px;
    margin-left: 135px;
    margin-top: 50px;
}
#login form ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
#login form li{
    padding: 8px;
    margin:  0px !important;
}
#login form label {
    display: inline-block;
    float: left;
    padding: 3px;
    width: 100px;
}
#login form button {
    margin-left: 130px;
    margin-top: 10px;
}


/*FIN LOGIN*/

.ice {
    cursor: pointer;
    text-align: center;
    position: relative;
    background: url(../img/ice-logo.gif) no-repeat center;
    width: 500px;
    height: 80px;
    margin-top: 80px;
    margin-left: 50px;  
}

.blog {
    cursor: pointer;
    position: relative;
    background: url(../img/blog.jpg) no-repeat center;
    width: 400px;
    height: 250px;
    margin-top: 10px;
    margin-left: 30px;  
}

.centrar_cont {
    height: auto;
    width: 480px;
    margin: auto;
    position: relative;
    padding-top: 20px;
}

.mantenimiento {
    font-size: 15px;
    font-weight: bold;
    position: relative;
    width: 200px;
    height: 50px;
/*    top: 70px;*/
    left: 200px;
    background-color: rgba(0, 89, 178, 0.09);  
    cursor: pointer;
    text-align: center;
    margin-top: 50px;
    padding-top: 25px;
    border-radius: 20px;
    -webkit-box-shadow: 8px 8px 10px #909090;
    -moz-box-shadow: 8px 8px 10px #909090;
    box-shadow: 8px 8px 10px #909090;
}
a.gestion { 
    text-decoration: none;
    color: rgb(51, 51, 51);
}
a.gestion:hover { 
    color: #ffffff;
    
}
.mantenimiento:hover {
    background-color: rgb(51, 51, 51);
    
     
}

#cerrarSesion {
    position: relative;
    float: right;
    vertical-align: bottom;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    height: 35px;
    width: 120px;
    background-color: rgba(0, 89, 178, 0.09);
    color: rgb(51, 51, 51);
    border-radius: 10px;
}
#cerrarSesion:hover {
    background-color: rgb(51, 51, 51);
    color: #ffffff;
}

/********* ESTILOS DE ERROR ******************************/
/* ESTOS HAN DE MANTENERSE AL FINAL DE LA HOJA DE ESTILOS 
   POR PREVALENCIA SOBRE LOS ESTILOS GENERICOS           */ 
.error {	
    border-style: solid;
    border-width: 1px;
    border-color: red;
}