/* elementos */

/*body { margin: 0 auto; background-color: #FFF; color: #000; }
a:link, a:visited { color: #000; text-decoration: none; }
img { border-style: none; }
ul { margin: 0; padding: 0; list-style: none; }
hr { clear: both; height: 1px; margin: 30px 0 25px; border: 0; background-color: #D5D5D5; }*/
p, h1, h2, h3, h4, h5, h6 { margin: 20px 0; }

/* barra */

#barra2 { position: fixed; top: 0; right: 0; width: 100%; z-index: 100; background-color: #9FB5CA; }
#barra { position: relative; width: 990px; height: 70px; margin: 0 auto; }
ul#nav { padding-left: 10px; }
ul#nav li { float: left; font: 12px/69px Verdana, Geneva, sans-serif; }
ul#nav a { padding: 28px 12px; color: #FFF; }
ul#nav a:hover { color: #FFF; background-color: #F39; }
#social { position: absolute; top: 23px; right: 10px; }

#social img { padding-left: 2px; }

/* encabezado */
/*
#encabezado2 { width: 100%; padding-top: 70px; border-bottom: 1px solid #D5D5D5; }
#encabezado { position: relative; width: 990px; height: 208px; margin: 0 auto; background: url(../graficos/e-fondo2.png) no-repeat; }
#logo { position: absolute; top: 31px; margin-left: 10px; -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; -ms-transition: -ms-transform .3s linear; -o-transition: -o-transform .3s linear; transition: transform 0.3s linear; }
#logo:hover { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
#contacto { position: absolute; height: 140px; left: 335px; padding: 35px 40px; font: 11px Verdana, Geneva, sans-serif; }
#contacto p { margin-top: 45px; }*/

/* contenido */

#decoracion {width: 100%;margin: 30px auto;overflow: hidden;}
#contenido {float: left;width: 74%;padding: 0 1% 30px;font: 12px Verdana, Geneva, sans-serif;}
#contenido p { line-height: 20px; }
#contenido h1 { font: 35px "Times New Roman", Times, serif; color: #2D5582; }
#contenido h2 {font: 33px "Times New Roman", Times, serif;color: #2D5582;}
#contenido h3 { font: bold 13px Verdana, Geneva, sans-serif; }
#contenido a { color: #F39; }
#contenido a:hover { color: #0CF; }
.subtitulo { margin-top: -20px; }
#contenido h2.subtitulo { font: 21px "Times New Roman", Times, serif; }
.ruta {padding-top: 10px;border-top: 1px solid #D5D5D5;font-size: 11px;}
#contenido .ruta a { padding: 1px 2px; color: #FFF; background-color: #F39; }
#contenido .ruta a:hover { background-color: #9FB5CA; }
#contenido .copete { font-size: 15px; }
.imagen-grande { margin: 32px 0 30px; }
.imagen-pie { margin: -15px 0 25px; text-align: center; font-style: italic; }

/* columna3 */

#columna3 {float: right;width: 24%;margin: 20px 1% 30px;font: 10px Verdana, Geneva, sans-serif;}
.nav2 {/* padding: 15px 20px 10px; */line-height: 28px;}
.nav2 h6 {margin: 0;padding-left: 60px;/* text-align: right; */font: bold 12px Arial, Helvetica, sans-serif;}
.nav2 a {display: block;/* width: 150px; */ /* ancho para ie6 *//* text-align: right; */padding: 0 60px;}
.nav2 a:hover { color: #F39; }
.novedades h2 { font: 25px "Times New Roman", Times, serif; }
.novedades h2 a { color: #2D5582; }
.novedades h3 { font: italic 14px "Times New Roman", Times, serif; margin-bottom: -18px; color: #2D5582; }
.novedades p { clear: both; font: 11px Verdana, Geneva, sans-serif; line-height: 15px; }
.novedades img { margin-right: 10px; margin-bottom: 20px; }
.novedades img:hover { opacity: 0.5; }

/* pie */

#pie2 { width: 100%; background-color: #9FB5CA; }
#pie { position: relative; width: 990px; height: 470px; margin: 0 auto; padding-top: 30px; font: 11px Verdana, Geneva, sans-serif; color: #FFF; }
.nav3 { float: left; width: 180px; padding-left: 20px; line-height: 22px; }
.nav3 h6 { font: bold 11px Verdana, Geneva, sans-serif; text-transform: uppercase; }
.nav3 a { display: block; color: #FFF; }
.nav3 a:hover { color: #F39; }
#logo2 { position: absolute; width: 300px; top: 25px; right: 20px; }
#logo2 p { margin: 28px 0; }

/* varios */

.alder { float: right; margin: 3px 0 3px 5px; }
.alizq { float: left; margin: 3px 5px 3px 0; }
.alcen { text-align: center; }
.texto-rosa { color: #F39; font-size: 13px; font-weight: bold; }

/* inicio */

#decoracion-portada {width: 100%;/* margin: 25px auto 60px; */overflow: hidden;font: 11px Verdana, Geneva, sans-serif;}
#decoracion-portada h1 { margin-bottom: -10px; font: 25px "Times New Roman", Times, serif; }
#decoracion-portada a { color: #2D5582; }
#decoracion-portada a:hover { color: #F39; }
#decoracion-portada img:hover { opacity: 0.5; }
.portada1 {position: relative;float: left;width: 66.6%;/* height: 380px; */padding: 0 1%;}
.portada1 img{ width: 100%; }
.portada1b {position: absolute;bottom: 20px;height: 180px;padding: 0 20px;background-color:#FFF;background-color: rgba(255,255,255,0.8);}
.portada2 {float: left;width: 33.3%;/* height: 384px; */padding: 0 1%;}
.portada3 {float: left;width: 33.3%;/* height: 154px; */padding: 0 1%;}
.linea { clear: both; height: 13px; background: url(../graficos/linea.gif) repeat-x; margin: 0 10px; }
.portada3 img, .portada2 img{width: 100%;}

/* formulario */

form { margin: 30px 0; }
#contenido form h3 { margin: 0; color: #999; font: 14px Arial, Helvetica, sans-serif; }
.fcampo { width: 380px; height: 35px; margin: 10px 0; }
.farea { width: 380px; height: 100px; margin: 10px 0; }
.fcampo, .farea { font: 14px Arial, Helvetica, sans-serif; }
.fenvio { clear: both; width: 70px; height: 30px; margin: 10px 0; display: block; }

/* otros ------------------------------------------------------------------------------- */

#contenido a img:hover { opacity: 0.5; }

.bot_home{
    color: #ffffff!important;
    text-align: center;
    display: block;
    padding: 15px 0;
    font-size: 20px;
    /* min-height: 143px; */
}
.bot_home:hover {
    text-decoration: none;
    opacity: 0.5;
}
.bot_home.cursos{
    background: #ff4683;
    font-size: 24px;
}
.bot_home.fb{
    background: #385993;
}
.bot_home.tw{
    background: #28aae1;
}
small{
    font-size: 50%;
}


@media (max-width: 1400px) {
    .portada1b {
	bottom: 20px;
	height: 115px;
	}
}
@media (max-width: 992px) {
    .portada1b {
	bottom: -10px;
	height: 120px;
	}
}
@media (max-width: 768px) {
    .portada1, .portada1b, .portada2, .portada3 {
        width: 98%;
    }
    .portada1b {
	bottom: 20px;
	height: 129px;
	}
    .portada1 img{
        width: 100%;
    }
    .portada2 img{
        float: left;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .portada3 img, .portada2 img{
        width: auto;
    }
    #contenido{
        width: 99%;
    }
    #columna3{
        display: none;
    }
    .linea{
        display: none;
    }
}
@media (max-width: 500px) {
    .portada1b{
        position: relative;
	bottom: 0;
	height: initial;
    }
}