/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Rosario);
*{margin: 0px;border: none;padding: 0px;}
body {font-family: Rosario;	background-color:rgb(36, 36, 36); background-repeat: no-repeat; margin: 0px;padding: 0px;}	
div{ max-width:960px; position:relative; margin:0px auto -30px auto;}
.elemento {width: 270px;height: 45px;background: #F60;top: 585px;float: left;}
p5 {font-style: normal;float: left;color: #FFF;font-size: 20px;margin: 10px 0px 0px 10px;}

/*---------------------HEADER--------------------*/
header {width:100%;height: 50px;margin: auto;}
header nav {margin-top: 1%;float: right;width: 100%;margin:10px 0px 20px 0px;height: 65%;}
header nav ul li {border-right-style: solid; border-right-color: #E65C00;border-left-style: solid;border-left-color: #E65C00;float: left;width: 89px;margin-right: 20px;margin-top: 1%;list-style-type: none;text-decoration: none;margin-left: 22px;height: 50%; }
header nav#botoneradearriba ul li a {color: #FFF;font-size:15px;background-color: rgb(80, 81, 80);text-decoration: none;padding-bottom: 5%;padding-left: 5%;padding-right: 5%;padding-top: 5%;margin-left: 20%;}
header nav#botoneradearriba ul li a:hover {color:#98cb32;background-color:#E65C00;font-size: 15px;padding-bottom: 5%;padding-left: 5%;padding-right: 5%;padding-top: 5%;}
p6{font-style: normal; text-align: center; color:#FFF; font-size: 18px; padding: 0px 0px 0px 0px;}
.boton{ width:150px; height:50px; background:#099; border-radius:10px; cursor:pointer;}
.foto{ width:500px; height:200px; background:#999; margin-top:25px; display:none;}
.fotodeslider1{ width:500px; height:300px; background:#9C0;}
#logo {width: 960px;background: #4e504f;margin: 20px 0px 0px 0px;height: 115px;}
#logo img{margin:8px 0px 0px 8px;}
p40 {margin:0px 96px 9px 7px; font-size: 65px; color:#FFF; font-weight:bold; letter-spacing: 5px; float:right;}
p41 {margin:-45px 96px 0px 8px; font-size: 35px; color:#E65C00; font-weight:bold; letter-spacing: 8px; float:right;}
/*---------------------FIN HEADER--------------------*/

/*---------------------COLUMNAS IZQ HOME--------------------*/
section.columna {margin: 10px 0px 0px 0px; }
p {margin:15px 0px 0px -16px;}
.columnauno article {width: 300px;height: 1000px;position: relative;float: right;margin:9px 40px 0px 0px;padding: 0px;}
.columnauno article p4 {float: left;color:#FFF;font-size: 14px;font-style: normal; margin:3px 43px 4px 0px;}
.columnauno article h {font-weight: bold;font-size: 43px;color: #E65C00;}
.ver3 {margin:0px 0px 5px 13px;border-radius: 10px;width: 24%;display: block;font: 20px Rosario;color: #0085ae;text-transform: uppercase;text-decoration: none;text-align: center;height: 5px;font-style: normal;font-weight: 700;padding:0px 0px 33px 0px;float: left;list-style-type: none;top: 10px;left: 218px;}
.ver4 {margin:0px 0px 5px 13px;border-radius: 10px;width: 24%;display: block;font: 20px Rosario;color: #0085ae;text-transform: uppercase;text-decoration: none;text-align: center;height: 5px;font-style: normal;font-weight: 700;padding:0px 0px 33px 0px;float: left;list-style-type: none;top: 10px;left: 218px;}
.columna article {width: 300px;height: 450px;position: relative;float: left;margin:0px 20px 25px 0px;}
.columna article p { font-weight: bold; font-size: 43px;margin: -2px 0px 0px 3px;color:#98cb32;}
.columna article p3  {font-style: normal;float: left;color: #FFF;margin:9px 3px 8px 3px;font-size: 14px;}
.verde{font-weight: bold; font-size: 18px; margin: 5px 0px 2px 0px; color:#98cb32;float:left; }
.verde2{font-weight: bold; font-size: 18px; margin: 5px 0px 2px 0px; color:#98cb32;float:left; }
.ver1 {margin:0px 0px 5px 13px; border-radius: 10px;width: 24%;display: block;font: 20px Rosario;color: #0085ae;text-transform: uppercase;text-decoration: none;text-align: center;height: 5px;font-style: normal;font-weight: 700;padding: 0px 0px 33px 0px;float: left;list-style-type: none;top: 15px;left: 223px;}
.ver2 {margin:0px 0px 5px 13px; border-radius: 10px;width: 24%;display: block;font: 20px Rosario;color: #0085ae;text-transform: uppercase;text-decoration: none;
text-align: center;height: 5px;font-style: normal;font-weight: 700;padding:0px 0px 33px 0px;float: left;list-style-type: none;top: 8px;left: 226px;}
br{margin:5px 0px 5px 0px;}
#viernes1 {margin:3px 3px 3px 3px; float:left;}
#viernes2 {margin:3px 3px 3px 3px; float:left;}
.botonesindex article{width:960px; height:200px; position:relative; float:left;}
#home {float: left;top: 40px;}
h18 {font-style: normal;font-size: 15px;color: #FFF;position: absolute;top: 80px;left:4px;}
#comentarios {float: left;left: 120px;top: 40px;}
h19 {font-style: normal;font-size: 15px;color: #FFF;position: absolute;top: 80px; left: -15px;}
#contacto {float: left;left: 250px;top: 31px;}
h20 {font-style: normal;font-size: 15px;color: #FFF;position: absolute;top: 88px; left:-23px}
#descargas {float: left;left:380px;top: 40px;}
h21 {font-style: normal;font-size: 15px;color: #FFF;position: absolute;top: 80px; left: -10px;}
#comunidad {float: left;left: 500px;top: 40px;}
h22 {font-style: normal;font-size: 15px;color: #FFF;position: absolute;top: 80px; left: -15px;}
#videos{float: left;left: 615px;top: 39px;}
h23 {font-style: normal;font-size: 15px;color: #FFF;position: absolute;top: 80px; left:4px;}

/*---------------------FIN COLUMNAS IZQ HOME--------------------*/

/*---------------------ASIDE EXTENSION HOME--------------------*/
.asidehome{width: 29%;height:850px;position: relative;float: right;list-style: none;margin: 100px 0px 0px 0px;}
.asidehome h3{width: 100%;position: relative;float: left;font-size: 30px;font-weight: bold;;font-family: 'Rosario', sans-serif; color:#FFF;margin-right: 0px;list-style: none;margin: 0px 0px 5px 10px;padding: 5px 0px 5px 0px;}
p2 {font-style: normal;float: left;color: #FFF;margin:3px 10px 3px 10px;font-size: 14px;}
p7 { font-weight:bold ;float: left;color:#E65C00;margin:3px 10px 3px 10px;font-size: 18px;}
/*---------------------FIN ASIDE EXTENSION HOME--------------------*/

/*---------------------SESION HOME--------------------*/
.sesion {background:#98cb32; width:29%; height:60px; margin:20px -282px 10px 0px;float: right;}
h1{ font-weight:bold ;float: left;color:#000;margin:15px 5px 15px 10px;font-size: 22px;}
#tituloformulario {position: relative;float: left;font-size: 32px;font-weight: 700;line-height: 37px;color: #98cb32;margin-bottom: 20px;margin-top: 10px;border-bottom-color: #FFF;border-bottom-style: solid;border-bottom-width: thin;}
.form{width:500px; float:left; height:200px; padding:5px; margin:10px 10px 10px -97px;}
.form p8{ font-size:15px; color:#E65C00; float:left; margin:7px 37px 0px 89px; font-weight:bold; font-style:italic;}
.form p9{ font-size:15px; color:#E65C00; float:left; margin:60px 0px -20px -130px; font-weight:bold; font-style:italic;}
.dato{ font-size:15px; background:rgba(204, 99, 0, 0.31); border-radius:5px; border-bottom-color:#98cb32; margin:10px 9px 1px -14px; border:1px;}
.boton{border-radius:5px; background:#E65C00; border:1px; margin:17px 74px 10px 88px; padding:5px; float:left; font-style:normal; font-size:14px; font-weight:bold; cursor:auto;}
.muchodato {width:400px; float:left; height:100px; padding:5px; margin:30px 23px 33px 86px; background-color:#999; border:double; border-color:#E65C00;}

/*---------------------FIN SESION HOME--------------------*/
/*---------------------FOOTER--------------------*/
footer {font-family: Rosario;padding: 20px 0 0 0;font-size: 8px;width: 960px;clear: both;}
footer p1 {width: 100%;display: table;padding: 0px 0px 5px 0px;color: #FFF;margin: 0px 0px 10px 0px;font-size: 12px;text-align: center;}
footer p1 a img {float: right;padding:0px 9px 0px 10px;margin: -28px -10px 10px 5px;}
nav#nav_footer ul {height: 30px;}
nav#nav_footer ul li { list-style: none;}
nav#nav_footer ul li a { text-decoration: underline;color:#98cb32;font-family: Rosario;font-size: 15px;padding-right:35px;float: left;margin: 10px 0px 0px 0px}
/*--------------------- FIN FOOTER--------------------*/
/*--------------------- NOSOTROS --------------------*/
.textonosotros article {width: 750px;margin: 0px 0px 20px 30px;position: relative;float: left;}
.textonosotros article h1{float:left; color:#98cb32; font-size: 25px;margin: 5px 0px 5px 0px; width: 120%;}
.textonosotros article p14{font-style: normal;float: left;color: #FFF;font-size: 15px;margin:10px 0px 10px 0px; width:750px; position:relative;text-align: justify;}
.textonosotros article p15{font-style: normal;float: left;color: #98cb32;font-size: 18px;margin:10px 0px 10px 0px; width:765px;text-align: justify;}
.imagenesizq {width:180px; float: left; height:500px;}
h15 {font-style: normal;font-size: 18px;color: #FFF;position: absolute;top: 657px;left:11px;}
h16 {font-style: normal;font-size: 16px;color: #FFF;position: absolute;top: 817px;left: 5px;width: 169px;}
#clasetipo{top: 0px;width: 180px;float: left; margin:0px 10px 10px 0px;}
#asistencia{top: 0px;width: 180px;float: left; margin:5px 10px 15px 0px;}
#aprobacion{top: 0px;width: 180px;float: left; margin:10px 10px 12px 0px;}
#caligrafia {width: 139px;float: left;margin: 0px 15px 6px 0px;}
/*--------------------- FIN NOSOTROS --------------------*/
/*--------------------- DOCENTES --------------------*/
h17 { font-size:24px; color:#FFF; float: left; margin:0px 0px 10px 0px;border-bottom-width: thin; border-bottom: solid;border-top-color: #FFF;
border-top-width: medium; width:950px;}
#imagen1 { width:185px; margin: 0px 7px 0px 0px; float:left; }
#imagen2 { width:185px; margin: 0px 7px 0px 0px; float:left; }
#imagen3 { width:185px; margin: 0px 7px 0px 0px; float:left; }
#imagen4 { width:185px; margin: 0px 7px 0px 0px; float:left; }
#imagen5 { width:185px; margin: 0px 7px 0px 0px; float:left; }
#imagen6 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen7 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen8 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen9 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen10 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen11 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen12 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen13 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen14 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen15 { width:185px; margin: 5px 7px 0px 0px; float:left; }

#imagen16 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen17 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen18 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen19 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen20 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen21 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen22 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen23 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen24 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen25 { width:185px; margin: 5px 7px 0px 0px; float:left; }
#imagen26 { width:185px; margin: 5px 7px 0px 0px; float:left; }
/*--------------------- FIN DOCENTES --------------------*/
/*-------------- ALUMNOS ----------------*/
.botones nav { float:left; margin:5px; padding:5px; text-decoration:none; }
.botones nav ul li { float: floar: left; padding:20px 0px 30px 0px; width:100px; list-style-type: none; border-bottom-style:dotted; border-bottom-color:#FFF;border-bottom-width:thin; }
.botones nav ul li a {color: #98cb32;font-size: 20px;font-weight: bold;font-style: normal;text-decoration: none;}
aside nav#botonesizq ul li {list-style-type: none;margin:5px 0px 40px 0px;width: 130px;}
aside nav#botonesizq ul li a {border-radius: 10px;color: #FFF;font-size: 17px;text-decoration: none;padding: 0px 0px 0px 0px;}
h2 {font-weight: bold;float: left;color: #FFF;font-size: 25px;margin: 0px 0px 19px 0px;width: 100%;}
h4{float:left; color:#98cb32; font-size: 25px;margin: 5px 0px 5px 0px; width: 120%;}
h5{float:left; color:#E65C00; font-size: 25px;margin: 5px 0px 10px 10px; width: 100%;}
.italica{ font-weight:bold; font-style:italic; color:#E65C00; font-size: 25px}
br {margin: 10px 10px 10px 10px;}
p17{font-style: normal;float: left;color: #FFF;font-size: 15px;margin:10px 0px 10px 0px; width:321px;}
p16 {font-size:18px; float:left;color:#98cb32; margin: 5px 25px 0px 0px;padding: 15px 0px 5px 0px;}
.alumnos article {width: 517px;height: 1160px;position: relative;float: right;margin:0px 20px 0px 20px;}
.alumnos article p{font-weight:bold; font-size:30px; margin: -7px 0 13px -4px;}
#grupohumano1{width: 305px;float: left; margin:0px 15px 0px 0px;}
#grupohumano2{width: 305px;float: left; margin:0px 7px 0px 7px;}
#grupohumano3{width: 305px;float: left;margin:0px 0px 0px 15px;}
#imag1{top: 14px;width: 180px;float: left; margin:0px 15px 6px 0px;}
#imag2{top: 14px;width: 180px;float: left; margin:0px 15px 6px 0px;}
#imag3{top: 14px;width: 180px;float: left; margin:0px 15px 6px 0px;}
#imag4{top:45px;width: 180px;float: left; margin:0px 15px 25px 0px}
.minicolumna article{width: 29%;height:auto;position: relative;float: right;margin: 23px 0px 0px 0px;}
.italica2{font-size: 16px;font-style: italic;color:#98cb32; font-weight:bold; margin:5px 9px 5px 9px;}
.minicolumna article p18 {font-style: normal; float:left; color:#FFF; font-size: 13px; margin:5px 10px 5px 10px;}
.galeria {width: 800px;height: auto;margin: 0px 0px 25px 30px;position: relative;float: right;}
.galeria h31 {float: left;color: #98cb32;font-size: 25px;margin: 5px 0px 5px 10px;width: 780px;}
#galeria1 {width:250px; height: 250px; margin:5px 8px 10px 8px; float:left;}
/*---------------- FIN ALUMNOS ---------------*/

/*---------------------TIPOGRAFIA--------------------*/
.botonesizq {float: left; width:100px; height:400px; margin:5px; position:relative;padding: 5px;text-decoration: none;}
.historia {float:left; margin:5px;text-decoration:none; padding:0px 0px 30px 0px; width:100px; list-style-type: none; border-bottom-style:dotted; border-bottom-color:#FFF;border-bottom-width:thin;color: #98cb32;font-size: 20px;font-weight: bold;font-style: normal;}
.link {float:left; margin:5px;text-decoration:none; padding:0px 0px 30px 0px; width:100px; list-style-type: none; border-bottom-style:dotted; border-bottom-color:#FFF;border-bottom-width:thin;color: #98cb32;font-size: 20px;font-weight: bold;font-style: normal;}
.imagenes {float:left; margin:5px;text-decoration:none; padding:0px 0px 30px 0px; width:100px; list-style-type: none; border-bottom-style:dotted; border-bottom-color:#FFF;border-bottom-width:thin;color: #98cb32;font-size: 20px;font-weight: bold;font-style: normal;}
.italicatipo {font-weight: bold;font-style: italic;color: #E65C00;font-size: 25px;}
.textotipo article {width: 800px;height: 510px;margin: 0px 0px 25px 30px;position: relative;float: right;}
.textotipo p30 {font-size:15px; font-style:normal; float:left; position:relative; margin:0px 5px 0px 5px; color:#FFF;}
.textotipo p31{font-size:25px; color:#A2D13D; float:left; position:relative; margin:5px 5px 5px 5px;}
.textotipo p32{font-size:17px; float:left; margin:5px 5px 5px 5px; padding:5px; color:#98cb32; font-style:italic;}
.tipografia { width: 789px; height: 100px;  position: relative; margin: 176px;}
#tipo1{width: 258px;float: left; margin:5px 5px 25px 0px;}
#tipo2{width: 258px;float: left; margin:5px 5px 25px 0px;}
#tipo3{width: 258px;float: left;margin:5px 5px 0px 0px;}
/*--------------------- FIN TIPOGRAFIA--------------------*/
/*---------------------HISTORIA--------------------*/
.textohistoria article {width: 800px;height: auto;margin: 0px 0px 25px 30px;position: relative;float: right;}
.textohistoria p30 {font-size:15px; font-style:normal; float:left; position:relative; margin:0px 5px 5px 5px; color:#FFF;}
.textohistoria p31 { width: 512px; font-size:15px; font-style:normal; float:right; position:relative; margin:8px 5px 80px 5px; color:#FFF;}
#sumita {margin: 10px 5px 5px 5px;width: 260px;float: left;}
.italicahisto {font-weight: bold;font-style: italic;color: #E65C00;font-size: 25px; float:left;}
/*---------------------FIN HISTORIA--------------------*/
/*--------------------- CRONOGRAMA --------------------*/
.textocrono { position:relative; width:630px; height:670px; top:auto; float: left;}
.textocrono p34 { position:relative; font-size:24px; font-weight:bold; float:left; margin: 5px 0px 5px 24px; padding:5px; color:#E65C00;}
.textocrono p35 {font-size: 15px;font-style: normal;float: left;margin: 15px 0px 3px 28px;color: #FFF;width: 575px;}
footer p24 {margin:0px 0px 10px 5px; float: right;padding:5px 15px 0px 0px;}
/*
#reuniones {top: 63px;width: 180px;float: right;margin: 0px 15px 6px 0px;}
#organizacion{top: 50px;width: 180px;float: right; margin:0px 15px 6px 0px;}
#desarrollo{top: 60px;width: 180px;float: right; margin:0px 15px 6px 0px;}
footer p36{ width: 100%;display: table;padding: 25px 0 25px 0;color: #FFF;background: #E65C00;margin: 5px 0px 10px 0px;font-size: 13px;text-align: center;}*/

/*--------------------- CRONOGRAMA NIV1 Y NIV2 --------------------*/
p10{font-style: normal; text-align: center; color:#FFF; font-size: 18px; padding: 0px 0px 0px 0px;}
.info article{position:relative;width:600px;height:auto;float: left;margin:23px 0px 25px 30px;}
.info article p11 { position:relative; font-size:24px; font-weight:bold; float:left; margin:10px 0px 10px 0px; color:#E65C00;}
.info article p12 {font-size: 15px;font-style: normal;float: left;margin:10px 0px 3px 0px;color: #FFF;width:580px;}
.italicanaranja {font-weight: bold;font-style: italic;color:#E65C00;font-size: 25px;}
h10 {font-style: normal;font-size: 28px;color: #FFF;position: absolute;top: 340px;left: 20px;}
h12 {font-style: normal;font-size: 18px;color: #FFF;position: absolute;top: 340px;left: 95px;}
p13{font-size: 18px;font-style: normal;float: left;margin:10px 0px 7px 0px;color:#98cb32;width:580px}
#boton {top: 30px;width: 139px;float: left;margin: 0px 15px 6px 0px;}
h13 {font-style: normal;font-size: 20px;color: #98cb32;position: absolute;top: 330px;left: 315px;}
h14 {font-style: normal;font-size: 20px;color: #98cb32;position: absolute;top: 375px;left: 315px;}
.fotosizq {width:200px; height: 700px; float: right; margin: 25px 0px 0px 10px;}
/*--------------------- FIN CRONOGRAMA NIV1 Y NIV2 --------------------*/
/*--------------------- FIN CRONOGRAMA --------------------*/
/*--------------------- FORMULARIO --------------------*/
#contenedorformulario {width: 422px;position: relative;float: right; height:600px;}
#tituloformularioregistro {position: relative;float: left;font-size: 30px; color: #98cb32;margin-bottom: 20px;margin-top: 10px; border-bottom-style: solid;}
#bienvenidos_formulario {position: relative;float: left;width: 460px;margin-right: 30px;margin-left: 20px;margin-bottom: 20px;clear: both;}
#titulobienvenidos {width: 100%;position: relative;float: left;font-size: 30px;color: #98cb32;margin-bottom: 20px;border-bottom-style: solid;}
p14 {font-size: 15px;color: #FFF;}
#fotocomunidad {padding-top: 20px; margin-top: 20px;}
#contactform{width:410px;position:relative;float:left;}
.form{margin:0 auto;width:410px;}
.form input {padding: 7px;color: #000;margin-bottom: 15px;margin-top: -10px;}
.form fieldset{border:0px; padding:0px; margin:0px; width:410px;}
.form p.contact {font-size: 12px; margin:0px 0px 10px 0; line-height: 14px;}
.form input[type="text"] { width: 400px; }
.form input[type="email"] { width: 400px; }
.form input[type="password"] { width: 400px; }
.form label {color: #E65C00;font-size: 15px;}
.form input.buttom {border-radius: 5px;font-size: 14px;}
/*--------------------- FIN FORMULARIO --------------------*/
/*--------------------- FIESTA --------------------*/

.columnafiesta article {width:960px;height: auto;position: relative;float: left;margin: 10px 00px 10px 0px;color: #FFF; font-size:15px;}
.columnados article {width: 960px;height: auto;position: relative;float: left;margin: 5px 0px 5px 0px;}
#fiesta1 {top: 14px;width: 306px;float: left;margin: 0px 21px 6px 0px;}
#fiesta2 {top: 14px;width: 307px;float: left;margin: 0px 7px 6px 0px;}
#fiesta3 {top: 14px;width: 306px;float: left;margin: 0px 0px 6px 12px;}
#fiesta4 {top: 14px;width: 306px;float: left;margin: 0px 21px 6px 0px;}
#fiesta5 {top: 14px;width: 307px;float: left;margin: 0px 7px 6px 0px;}
#fiesta6 {top: 14px;width: 306px;float: left;margin: 0px 0px 6px 12px;}

#musica {top: 14px;float: left;margin: 15px 20px 40px 0px;}
h24 {font-style: normal;font-size: 15px;color: #FFF;position: absolute;top: 65px;left: 0px;}
#dire {top: 14px;float: left;margin: 15px 20px 40px 0px;left: 58px;}
h25 {font-style: normal;font-size: 15px;color: #FFF;position: absolute;top: 65px; right:-10px;}
h26 {font-style: normal;font-size: 15px;color: #FFF;position: absolute;top: 65px; left:4px;}
h27 {font-style: normal;font-size: 15px;color: #FFF;position: absolute;top: 65px; left:4px;}
.infofiesta article {width:490px;height: auto;position: relative;float: left;margin:6px 0px 10px 0px;color: #FFF; font-size:15px;}
.infofiesta article p19 { font-size: 15px; color:#FFF; width: 490px;height: auto;position: relative;float:left;margin: 5px 0px 0px 0px;}
.infofiesta article p20 { font-size: 20px; color:#98cb32; width: 490px;height: auto;position: relative;float:left;margin: 5px 0px 0px 0px;}
#unite {top: 14px;float: right;margin: 15px 20px 40px 0px;right: 135px;}
#video {top: 20px;float: right;margin: 15px 20px 40px 0px;left: 95px;}
p21{font-style: normal; text-align: center; color:#E65C00; font-size: 24px; padding: 0px 0px 0px 0px;}
.direrabbit {float:left; width:450px;top: 14px;margin: 15px 20px 6px 0px;}


/* Solo para tablet 768 */
@media screen and (max-width:770px) {
body {font-family: Rosario;	background-color:rgb(36, 36, 36); background-repeat: no-repeat; margin: 0px;padding: 0px;}	
div{ max-width:770px; position:relative; margin:0px auto -30px auto;}
header {width:770px;height: 50px;margin: 0px 0px 450px 0px;}
header nav {margin-top: 1%;float: left;width: 768px;margin:10px 0px 245px 0px;height: 65%;text-align: center; }
header nav ul li {background: rgb(80, 81, 80);border-right-style: solid;border-right-color: #E65C00;border-left-style: solid;border-left-color: #E65C00;float: left;width: 768px;margin-top: 2%;list-style-type: none;text-decoration: none;margin-left: 0px;height: 50%;padding-bottom: 2%;padding-top: 2%;}
header nav ul li:hover {color:#98cb32;background:#E65C00;border-right-style: solid;border-right-color: #E65C00;border-left-style: solid;border-left-color: #E65C00;float: left;width: 768px;margin-top: 2%;list-style-type: none;text-decoration: none;margin-left: 0px;height: 50%;padding-bottom: 2%;padding-top: 2%;}
header nav#botoneradearriba ul li a {color: #FFF;font-size: 15px;text-decoration: none;padding-bottom: 2%;padding-top: 2%;margin-left: 2px;width:768px;}
header nav#botoneradearriba ul li a:hover {color:#98cb32;background:#E65C00;width:768px;font-size: 15px;padding-bottom: 2%;padding-top: 2%;margin-left: 2px;}
p6{float:left; font-style: normal; text-align: center; color:#FFF; font-size: 17px; margin: 0px 5px 0px 5px;}
.foto{ width:500px; height:200px; background:#999; margin-top:25px; display:none;}
.fotodeslider1{ width:500px; height:300px; background:#9C0;}
.bxslider{width:auto; margin:0px 5px 0px 5px}
#logo {width: 770px;background: #4e504f;margin: 20px 0px 0px 0px;height: 185px;}
#logo img{margin:35px 0px 0px 8px;}
p40 {margin: 54px 51px 0px 0px;font-size: 56px;color: #FFF;font-weight: bold;letter-spacing: 0px;float: right;}
p41 {font-size: 19px;color: #E65C00;font-weight: bold;letter-spacing: 10px;float: right;text-align: center;margin: -24px 45px 0px 0px;}
section.columna {margin: 10px 0px 0px 0px; }
p {margin:15px 0px 0px -16px;}
.columnauno article {width: 350px;height: auto;position: relative;float: left;margin:0px 4px 0px 10px;padding: 0px;}
.columnauno article p4 {width: 350px;float: left;color:#FFF;font-size: 16px;font-style: normal; margin:3px 43px 4px 0px;}
.columnauno article h {font-weight: bold;font-size: 30px;color: #E65C00;float: left;margin:10px 0px 0px 0px;}
.ver3 {border-radius: 10px;width: 24%;display: block;font: 20px Rosario;color: #0085ae;text-transform: uppercase;text-decoration: none;text-align: center;height: 5px;font-style: normal;font-weight: 700;padding: 5px 0px 21px 0px;float: left;list-style-type: none;top: 10px;left: 218px;}
.ver3 {border-radius: 10px;width: 24%;display: block;font: 20px Rosario;color: #0085ae;text-transform: uppercase;text-decoration: none;text-align: center;height: 5px;font-style: normal;font-weight: 700;padding: 5px 0px 21px 0px;float: left;list-style-type: none;top: 10px;left: 218px;}
#viernes1 {margin:3px 3px 3px 13px; position:relative;}
#viernes2 {margin:3px 3px 3px 13px; position: relative;}
.columna article {width: 350px;height: auto;position: relative;float: left;margin:0px 20px 25px 10px;background:#E65C00;}
.columna article p { font-weight: bold; font-size: 45px;color:#98cb32; text-align:center; }
.columna article p3  {display:none;}
#nosotros {display:none;}
.verde{font-weight: bold; font-size: 18px; margin: 5px 0px 2px 0px; color:#98cb32;float:left; }
.verde2{display:none; }
.ver1 {display:none;}
.ver2 {display:none;}
.botonesindex article{display:none;}
.asidehome{width: 350px;height:850px;position: relative;float: right;list-style: none;margin:110px 0px 0px 0px;}
.asidehome h3{width: 100%;position: relative;float: left;font-size: 30px;font-weight: bold;;font-family: 'Rosario', sans-serif; color:#FFF;margin-right: 0px;list-style: none;margin: 0px 0px 5px 10px;padding: 5px 0px 5px 0px;}
p2 {font-style: normal;float: left;color: #FFF;margin:3px 10px 3px 10px;font-size: 14px;}
p7 { font-weight:bold ;float: left;color:#E65C00;margin:3px 10px 3px 10px;font-size: 18px;}
.sesion {background:#98cb32; width:350px; height:80px; margin:20px -360px 10px 0px;float: right;}
h1{ font-weight:bold ;float: left;color:#000;margin:20px 5px 15px 15px;font-size: 27px;}
footer {font-family: Rosario;padding: 20px 0 0 0;font-size: 8px;width:768px;clear: both;}
footer p1 {width: 100%;display: table;padding: 0px 0px 5px 0px;color: #FFF;margin:0px 0px 0px 0px;font-size: 10px;text-align: center;}
footer p1 a img {float: right;padding: 0px 54px 0px 54px;margin: 0px 6px 0px 6px;}
nav#nav_footer ul {display: none;}
nav#nav_footer ul li { display: none;}
nav#nav_footer ul li a { display: none;}
}
/* Solo para celulares 320 */
@media screen and (max-width:350px) {
body {font-family: Rosario;	background:rgb(36, 36, 36); background-repeat: no-repeat; margin: 0px;padding: 0px;}	
div{ max-width:500px; position:relative; margin:0px auto -30px auto;}
header {width:320px;height: 50px;margin: auto;}
header nav {margin-top: 1%;float: left;width: 100%;margin:10px 0px 245px 0px;height: 65%;text-align: center; }
header nav ul li {background: rgb(80, 81, 80);border-right-style: solid;border-right-color: #E65C00;border-left-style: solid;border-left-color: #E65C00;float: left;width: 310px;margin-top: 2%;list-style-type: none;text-decoration: none;margin-left: 0px;height: 50%;padding-bottom: 2%;padding-top: 2%;}
header nav ul li:hover {color:#98cb32;background:#E65C00;border-right-style: solid;border-right-color: #E65C00;border-left-style: solid;border-left-color: #E65C00;float: left;width: 310px;margin-top: 2%;list-style-type: none;text-decoration: none;margin-left: 0px;height: 50%;padding-bottom: 2%;padding-top: 2%;}
header nav#botoneradearriba ul li a {color: #FFF;font-size: 15px;text-decoration: none;padding-bottom: 2%;padding-top: 2%;margin-left: 2px;width: 100%;}
header nav#botoneradearriba ul li a:hover {color:#98cb32;background:#E65C00;width:100%;font-size: 15px;padding-bottom: 2%;padding-top: 2%;margin-left: 2px;}
p6{display: none;}
.boton{ display: none;}
.foto{display: none;}
.fotodeslider1{display: none;}
.bxslider{display:none;}
#bienvenidos {display:none;}
.bx-wrapper .bx-pager {display:none;}
.bx-wrapper .bx-controls-direction a{display:none;}
.bx-wrapper .bx-viewport {display: none;}
#logo {width: 320px;background: #4e504f;margin: 20px 0px 0px 0px;height: 185px;}
#logo img{margin:35px 0px 0px 8px;}
p40 {margin: -130px 0px 0px 122px;font-size: 35px;color: #FFF;font-weight: bold;letter-spacing: 5px;float: right;}
p41 {margin: -40px 0px 0px 120px;font-size: 20px;color: #E65C00;font-weight: bold;letter-spacing: 6px;float: right;text-align: center;}

section.columna {margin: 10px 0px 0px 0px; }
p {margin:15px 0px 0px -16px;}
.columnauno article {width: 320px;height: auto;position: relative;float: left;margin:20px 40px 0px 5px;padding: 0px;}
.columnauno article p4 {width: 320px;float: left;color:#FFF;font-size: 14px;font-style: normal; margin:5px 0px 5px 5px}
.columnauno article h {width: 320px;font-weight: bold;font-size: 30px;color: #E65C00;text-align: center;float: left;}
.ver3 {margin:0px 0px 5px 13px;border-radius: 10px;width: 24%;display: block;font: 20px Rosario;color: #0085ae;text-transform: uppercase;text-decoration: none;text-align: center;height: 5px;font-style: normal;font-weight: 700;padding:0px 0px 33px 0px;float: left;list-style-type: none;top: 10px;left: 218px;}
.ver4 {margin:0px 0px 5px 13px;border-radius: 10px;width: 24%;display: block;font: 20px Rosario;color: #0085ae;text-transform: uppercase;text-decoration: none;text-align: center;height: 5px;font-style: normal;font-weight: 700;padding:0px 0px 33px 0px;float: left;list-style-type: none;top: 10px;left: 218px;}
.columna article {display:none;}
.columna article p {display:none;}
.columna article p3  {display:none;}
#viernes1 {margin:3px 3px 3px 13px; position:relative;}
#viernes2 {margin:3px 3px 3px 13px; position: relative;}
.verde{font-weight: bold; font-size: 19px; margin: 5px 0px 2px 0px; color:#98cb32;float:left;width: 320px; text-align:center; }
.ver1 {display:none;}
.ver2 {display:none;}
.botonesindex article{display:none;}
.asidehome{display:none;}
.asidehome h3{display:none;}
p2 {display:none;}
p7 {display:none;}
.sesion {background:#98cb32; width:320px; height:60px; margin:0px 0px 0px 0px;float: left;}
h1{ font-weight:bold ;float: left;color:#000;margin:15px 5px 15px 15px;font-size: 25px;}
footer {font-family: Rosario;padding: 20px 0 0 0;font-size: 8px;width: 320px;clear: both;}
footer p1 {width: 100%;display: table;padding: 0px 0px 5px 0px;color: #FFF;margin:0px 0px 0px 0px;font-size: 10px;text-align: center;}
footer p1 a img {float: right;padding: 0px 10px 0px 10px;margin: 0px 6px 0px 6px;}
nav#nav_footer ul {display: none;}
nav#nav_footer ul li { display: none;}
nav#nav_footer ul li a { display: none;}
}
