*{ margin: 0; padding: 0;}

.fondoheader {width: 100%; height: 126px;background-color: #F28F1A;margin: 0 auto 0 auto; box-shadow: 0 5px 26px 0 rgba(0, 0, 0, 0.3); }
 
header {width: 960px; height: 126px;background-color: #F28F1A; margin: 0 auto 0 auto;font-family: "Bitter";color: #fff; font-style:italic; font-weight: bold;}
.logo {position: relative; float: left; margin: 38px 40px 20px 0px;}

header nav {position: relative; float: left; margin: 0px 25px 20px 0px; background-image: url(imagenes/botonera.png); background-repeat: no-repeat; width: 305px; height: 98px;}
header nav ul {margin: 60px 10px 20px 5px; font-size: 9pt;}
header nav ul li {display: inline;}
header nav ul li a {padding: 0px 6px 10px 15px; color: #fff; text-decoration: none;}

.col3 {width: 160px; position: relative; float: left;}
.col4 {width: 130px; position: relative; float: right; margin: 0px 0px 0px 0px; text-align: center;}
.col4contacto {text-decoration: none;}
.clima {font-family: "Open Sans"; color: white; font-size: 9pt; font-weight: normal;font-style: normal;width: 130px; text-decoration:underline;}

.pagina {width: 960px; margin: 0 auto 0 auto;}

section {width: 100%}


/*COLUMNA DE BIENVENIDOS*/
#bienvenidos {width: 255px;}
.hola {position: relative; float: left; background-image: url(imagenes/fondohola.png);background-repeat: no-repeat; width: 250px; height: 200px; padding: 85px 0px 0px 30px;}
.holatext {width: 200px; font-family: "Open Sans"; font-weight: 600; color: black; font-size: 7pt; line-height: 12pt;}

.ingresar {position:relative; float: left; width: 265px; height: 50px; background-image: url(imagenes/fondoingresar.png); background-repeat: no-repeat; margin: 0 0 0 5px;}
.ingresa {position:relative; float: left; font-family: "Bitter"; font-style: italic; font-weight: bold; font-size: 9pt;color: white; padding: 12px 0px 0px 20px; line-height: 9pt;}

.login {position: relative; float: left; padding: 13px 0px 0px 20px;}
.login nav ul li {list-style: none; display: inline; text-decoration: none; text-decoration-line: none;}
.login nav ul li a {text-decoration: none; text-decoration-line: none;}


/*IMAGEN SLIDER*/
#fotohome {width: 700px; height: 284px; position:absolute; margin: 48px 0 0 260px ; }

.franjaactivate {position: relative; float: left; width: 960px;}

/*FORO MÁS LEIDOS*/
.separador {clear: both; width: 100%; height:30px; margin: 0 auto 0 auto;}
#forohome {position: relative; float: left; width: 240px; font-family: "Open Sans"; font-weight: lighter; padding-bottom: 50px;}
.tituloforo {position: relative; float: left; width: 240px;}
#listadoforo {width: 240px; margin: 35px 0px 0 0; text-decoration: none }
.iconoforo1 {position: absolute; margin: 22px 0px 0px 16px;}
.iconoforo2 {position: absolute; margin: 84px 0px 0px 16px;}
.iconoforo3 {position: absolute; margin: 147px 0px 0px 16px;}
.iconoforo4 {position: absolute; margin: 207px 0px 0px 16px;}
.iconoforo5 {position: absolute; margin: 270px 0px 0px 16px;}
.foro {position: relative; float: left; background-color: dimgrey; margin: 8px 0 0 0 ; padding: 8px 0px 7px 50px; border-radius: 25px;text-decoration: none;}
h4 {font-size: 10pt;text-decoration: none; color: white; font-weight: normal; padding: 0 0 3px 0;}
.textoforo {font-size: 7pt; color:white; line-height: 9pt; text-decoration: none}



/*VIDEOS EN EL CENTRO*/
.centrales {position: relative; float: left; width: 480px; margin-left: 10px;}
#videosvistos {position: relative; float: left;}
.h2naranja {font-family: "Bitter"; font-style: italic; font-weight: bold; color:#F28F1A; font-size: 12pt; padding-left: 10px;}
.video1 {position: relative; float: left; margin: 10px 15px 0 5px;}
.fondotitulovideo {position: absolute; margin: -23px 0 0 0;background-image: url(imagenes/fondo-titulo-video.png); width: 223px; height: 21px;}
.titulovideo {position: absolute; font-family: "Open Sans"; font-size: 7pt; font-weight: lighter; color: white; margin: 4px 0 0 10px;}
.video2 {position: relative; float: left; margin-top: 10px;}

/*AGENDA EN EL CENTRO*/
#agendahome {width: 480px; margin-left: 5px;}
.tituloagenda {width: 480px; position: relative; float: left; margin-top: 33px;}
.fecha1 {position: relative; float: left; background-image: url(imagenes/fondofechas.png);background-repeat: no-repeat; width: 150px; height: 100px;}
.fecha2 {position: relative; float: left; background-image: url(imagenes/fondofechas.png); background-repeat: no-repeat; width: 150px; height: 100px; margin-left: 8px;}
.fecha3 {position: relative; float: left; background-image: url(imagenes/fondofechas.png);background-repeat: no-repeat; width: 150px; height: 100px; margin-left: 8px;}

.h2celeste {float: left; width: 20px; font-family: "Bitter"; font-weight: bolder; color:#2DABE2; font-size: 12pt; padding-left: 13px; margin-top: 16px;}
.h4celeste {position: relative; float: left; color:#2DABE2; font-size: 9pt;text-decoration: none; font-weight: normal; font-family: "Open Sans"; margin: 19px 0 0 17px;}
.textfecha { position: relative; float: left; font-weight: normal; font-family: "Open Sans"; font-size: 7pt; color: black; margin: 1px 12px 0 14px; text-decoration: none; line-height: 9pt;}
.vermas {font-style: italic; font-weight: bold; color:#2DABE2}

/*FACEBOOK*/
.facebookbox {position: relative; float: left; background-color:dimgrey; width: 230px; height: 343px; }
.h2facebook {font-family: "Bitter"; font-weight: bolder; color:#2DABE2; font-size: 12pt; color: white;font-style: italic; padding: 9px 0 0 10px;}
.facecontent {margin: 7px 3px 0 6px;}

/*PIE*/
.separadorpie {clear: both; width: 100%; height:160px ;background-color: #616160; margin: 30px auto 0 auto;}
footer {width: 960px; height: 160px; margin: 40px auto 0 auto;}
.cintafooter {position: absolute; width: 100%; margin: -10px 0 0 300px;}


.logopie {padding: 45px 0px 0px 0px;position: relative; float: left;}

/*NAVEGACION PIE*/
.navpie {position: relative; float: left; margin: 60px 0px 0px 40px;}
.navpie nav ul {list-style-type: none;text-decoration: none;}
.navpie nav ul li {display: inline; text-decoration: none;}
.navpie nav ul li a {font-family: "Bitter"; color: #fff; font-size: 10pt; font-style: italic;text-decoration: none;padding: 0px 15px 0px 15px; border-right-color: white; border-right-style: solid; border-right-width: thin;}
.contactopie {position: relative; float: right; padding: 20px 0px 0px 0;}
.contactopie a {text-decoration: none;}

.legalpie {position: relative; float: left; font-family: "Open Sans"; font-style: italic; font-size: 8pt; color: white;text-align: center; padding: 0px 144px 0px 102px;}