* {margin:0; padding:0;}
@import url(http://fonts.googleapis.com/css?family=Rosario:400,700,400italic,700italic);
body { font-family: 'Rosario', Arial, Helvetica, sans-serif; background:#FFF; max-width:960px; position:relative; margin: 0px auto 0px auto; height:100%; background-image:url(img/bgnoise_lg.png);}
div {;}


h1 { font-family:'Rosario'; font-weight:700; font-size:40px;}
h2 { font-family:'Rosario'; font-weight:700; font-size:30px;}
h3 { font-family:'Rosario'; font-weight:700; font-size:22px;}
h4 { font-family:'Rosario'; font-weight:700; font-size:18px;}
p { font-family:'Rosario'; font-weight:400; font-size:14px;}
p em {font-family:'Rosario'; font-weight:700; font-style:normal; font-size:15px;}

#pagina { min-height:100%;}


header { background-image:url(img/headerbg.png); background-position: top left; background-size: 100% 25px; height:25px;}






/** MENU Y LOGIN**/
a.to_nav:hover, a.to_nav:focus { color: #353535;}

#login_top { float:right; background: none; display:block; width:26%; position:relative; margin-right: 18px;}
#login_top ul { list-style: none; background: none; padding: 5px 0; margin-left:12px;}
#login_top li { list-style-type:none; background:none; padding:0px; margin:auto; float:right; margin-right:7px;}
#login_top li a { display: block; float:left; width:100%; font-size:10px; text-decoration:none; margin:1px; padding: 2px; color:#FFF; font-family:'Rosario'; font-weight:700; text-align:center;}
/**(???)**/
#login_top li:last-child a {border-bottom: none;}
#login_top li a:hover, #login_top li a:focus { color: #7EB61F; }

#menu #logo { width: 60px; height: auto; margin: 1px 10px 5px 1%; float:left;border: 4px solid #000;}
#menu { background: none; width:70%; padding-left:3%;}
#menu ul { background: none; display:block;}
#menu #logocosgui { float: left; list-style-type:none; background:none; padding:5px;  margin-right:2px; margin-left: 5px;}
.uppernav {width:80px; float: left; list-style-type:none; background-image:url(img/formapaquete3.png); background-size:100% auto;padding:5px;  margin-right:2px; height:40px;}
.uppernav:hover {width:80px; float: left; list-style-type:none; background-image:url(img/formapaquete3b.png); background-size:100% auto;padding:5px;  margin-right:2px; height:40px;}
.uppernav a { float: left;display: block; font-size:14px; text-decoration:none; margin:2px -6px; padding: 5px 5px 5px 5px;color:#FFF; font-family:'Rosario'; font-weight:400; width:100%; text-align:center;}
#menu #logocosguia { float: left;display: block; font-size:14px; text-decoration:none; margin:2px -6px; padding: 5px 5px 5px 5px;color:#FFF; font-family:'Rosario'; font-weight:400; width:100%; text-align:center;}
#menu #udestaaqui {background-image:url(img/formapaquete3aqui.png);}
#menu #udestaaqui:hover {background-image:url(img/formapaquete3aquib.png);}

#menu, li a:hover, #menu li a:focus, #login li a:hover, #login li a:focus { color: #ff6600;}

#alumnos-nav { position:absolute; left:485px; top:27px; width:50px; display:none; }
.subnav {width:81px; float: left; list-style-type:none; background-image:url(img/subnav.png); background-size:99.5% 100%;padding:5px; height:30px;}
.subnav a { float: left;display: block; font-size:14px; text-decoration:none; margin:2px -6px; padding: 5px 5px 5px 5px;color:#FFF; font-family:'Rosario'; font-weight:400; width:100%; text-align:center;}


#loginbtn { cursor:pointer;}
#loginform { background-color:#74746F; height:50px; width:90%; margin:5px 0 0 0; padding-left:5px; padding-top:5px; float:right; padding-bottom:5px; display:none; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); margin-right: 10px; position:absolute; left:15px; top:22px;}
#loginform p.contact { font-family:'Rosario'; font-weight:400; font-size:8px; margin:1px 0px 3px 0;line-height: 14px; float:left; }
#loginform input[type="text"] { width: 94px; float:left; margin-left:5px;}
#loginform input[type="password"] { width: 75px; float:left; margin-left:5px;}
#loginform label { color: #fff;font-family:'Rosario'; font-weight:700; font-size:12px;}
#loginform input, textarea { background-color: rgba(255, 255, 255, 0.4); border: 1px solid rgba(122, 192, 0, 0.15); padding: 3px; font-family: font-family:'Rosario'; color: #4b4b4b; font-size: 8px; margin-top: 0px; }

#loginform input:focus, textarea:focus { border: 1px solid ##FA5A11; background-color: rgba(255, 255, 255, 1);}
#loginform input.buttom{ background: #7EB61F; padding: 3px 5px 0px 5px; color: #fbf7f7; text-decoration: none; border: none; cursor: pointer;font-family:'Rosario'; font-weight:700; font-size:12px; margin-left: 20px;}
#loginform input.buttom:hover    { background-color: #FA5A11; }
/** FIN MENU Y LOGIN **/


/*FOOTER*/

footer { width:92%; height:auto; float:left; height:120px; margin-left:4%; background-color:#75756F; margin-top:20px;}

#isocosgui { width: 105px; height: 50px; margin: 12px 20px 10px 20px; float:left; border-right: solid 2px #7EB61F;}
#isocosgui a:hover { color:#7EB61F;}
#isocosgui a { text-decoration:none; font-family:'Rosario'; font-weight:700; text-align:left; color:#FFF; font-size: 14px;line-height: 0.8;}
#isocosgui a em { font-style:normal; font-weight:700; font-size:26px;}
#menu_footer2 img { width:20px;}
#menu_footer { background: none; width:33%; margin-top: 10px; float:left;}
#menu_footer2 { background: none; width:30%; margin-top: 33px; float:left; border-left:2px solid #7EB61F; color:rgba(255,255,255,1.00); height:20px; padding-left:5px;}
#menu_footer ul, #menu_footer2 ul { background: none; display:block;}
#logocosgui { float: left; list-style-type:none; background:none; padding:5px;  margin-right:2px;}
#menu_footer li {width:80px; float: left; list-style-type:none; padding:0px 5px 10px 5px;  margin-right:2px; height:10px;}
#menu_footer2 li {float: left; list-style-type:none; margin-right:5px; height:10px;}
#menu_footer li a { float: left;display: block; font-size:14px; text-decoration:none; margin:2px -6px; padding: 5px 5px 5px 5px;color:#FFF; font-family:'Rosario'; font-weight:400; width:100%; text-align:left;}
#menu_footer #logocosguia { float: left;display: block; font-size:14px; text-decoration:none; margin:2px -6px; padding: 5px 5px 5px 5px;color:#FFF; font-family:'Rosario'; font-weight:400; width:100%; text-align:center;}
#menu_footer li a:hover { color:#FA5A11;}

#fadu { float:right; margin: 20px 25px 0 0; width:120px;}
#legales { width:100%; float:left;} 
#legales p { font-size:11px; text-align:center;  border-top: 1px solid #7EB61F;; color:rgba(255,255,255,1.00); width:80%; margin-left:5%; padding: 4px 5% 0 5%;}

/** FIN FOOTER **/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////**/



/*////////////////////// HOME///////////////////////////////////**/

/** CUERPO PRINCIPAL (SECTION)**/

section {height:auto; float:left;}
#central { width:92%; float:left; top:80px; margin-bottom:15px; margin-left:4%;}


/**  PRIMER ENCABEZADO?   **/

#encabezado { width:100%; float:left; margin: -35px 0 15px 0;   padding: 10px 0% 20px 0%; position:relative; height:200px;background-image:url(img/cosguibanner.png); background-size:100% auto; background-repeat:no-repeat;}
#texto-encabezado { width:100%; height: 85px; margin-top:40px;text-align:right;}
#encabezado p { float:left; margin-left:6%; margin-top: 117px; margin-right:10%; font-size:16px; width:67%; color:#FFFFFF}
.ancho78 { width:100%; height:auto; float:left; margin: 15px 0 -15px 0;   padding: 10px 0% 10px 0%;}


/** SLIDER**/
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 auto 40px; height: 400px}
.rslides li { -webkit-backface-visibility: hidden; position: absolute;display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child { position: relative; display: block; float: left;}
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; z-index:2;}

.rslides_container { margin-bottom: 20px; position: relative; float: left; width: 100%;}
.centered-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("img/slider_btn.gif") no-repeat left top; margin-top: -45px;}
.centered-btns_nav:active { opacity: 1.0;}
.centered-btns_nav.next { left: auto; background-position: right top; right: 0;}
.centered-btns_nav:focus { outline: none;}

.centered-btns_tabs { margin-top: -25px; text-align: center;}
.centered-btns_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px;}
.centered-btns_tabs a { text-indent: -9999px; overflow: hidden -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px;}
.centered-btns_here a { background: #222; background: rgba(0,0,0, .8);}
.epigrafe { background-color:rgba(0,204,0,0.5); height:70px; color:#FFF; z-index:1;}
/**FIN SLIDER **/

/**  CAJAS DE TERCIOS  **/

.tercero { width:100%; height:auto; position:relative; float:left;}

.ancho1de3-1, .ancho1de3-2, .ancho1de3-3 { width:32%; height:207px;float:left;background-image:url(img/formapaqueteblue.png); background-size:100% auto; background-repeat:no-repeat; margin: 15px 2% 8px 0%; padding:0%; color:#fff; position:relative;}
.ancho1de3-3 { width:32%; height:207px; background-image:url(img/formapaqueteblue.png); background-size:100% auto; background-repeat:no-repeat; float:right; margin: 15px 0% 8px 0%; padding:0%;}
.ancho1de3-1 img { width:20%; position:relative; margin:15px 0px 0px 6%;}
.ancho1de3-1 h3 { float:right; width:68%;  text-align:left; margin-top:19px; margin-right:5px; color:rgba(255,255,255,1.00); font-size:26px; line-height:90%;}
.ancho1de3-1 p { float:right; width:88%;  text-align:left; margin: 3px 6% 15px 6%; color:rgba(255,255,255,1.00);}
.ancho1de3-2 img {width:20%; position:relative; margin:15px 0px 0px 6%; }
.ancho1de3-2 h3 { float:right; width:68%;  text-align:left; margin-top:19px; margin-right:5px; color:rgba(255,255,255,1.00);font-size:26px; line-height:90%;}
.ancho1de3-2 p { float:right; width:88%;  text-align:left; margin: 3px 6% 15px 6%; color:rgba(255,255,255,1.00);}
/*.ancho1de3-3{width:32%; height:220px; background-color:#DC3739; float:left; margin: 5px 0% 8px 0%; padding:0%; color:#fff; text-align:center;}*/
.ancho1de3-3 img {width:20%; position:relative; margin:15px 0px 0px 6%; }
.ancho1de3-3 h3 { float:right; width:68%;  text-align:left; margin-top:19px; margin-right:5px; color:rgba(255,255,255,1.00);font-size:26px; line-height:90%;}
.ancho1de3-3 p { float:right; width:88%;  text-align:left; margin: 3px 6% 15px 6%; color:rgba(255,255,255,1.00);}


/*Ingresante*/

.cuarto { width:100%; height:auto; position:relative; float:left;} 

.ancho2de3 { width:100%; height:100px; background-image:url(img/tipos_metal.jpg);background-size:100% auto; background-repeat:no-repeat;float:left; margin: 0px 0% 0px 0%; text-align:center; color:#fff; text-decoration:none;}
.ancho2de3 h2 { margin-top:7px; border-bottom:2px solid #7eb61f; width:80%; margin-left:10%; }
#usuarios_varios { display:none;}



/** FIN PÁGINA HOME **/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////**/



/** PÁGINA DOCENTES **/
#boton_nivel { width:752px; float:right; margin-left:17px; background-image:url(img/bannerdocentes.png); background-size:100% auto; height:110px; margin-top:-25px;}


#boton_nivel ul { list-style: none; background: none; padding: 5px 0 0 152px; margin-top:79px;}
.nivel1, .nivel2 { float:left; margin-right:2px;width: 100px; height: 22px; color:#fff; font-family:'Rosario'; font-weight:400; text-align:center; font-size:15px;  background-color:rgba(25,121,221,1.00);  padding-top: 4px; opacity:.8; cursor:pointer;}
.nivel2 { margin-left:2px;}
.nivel1:hover, .nivel2:hover { background-color:#662483; opacity:.8;}

#numero-nivel { margin: 10px 0px 10px 78px;}
#numero-nivel h3{ color:#FFF; width:450px; border-bottom: solid 2px #7EB61F;}

.docentes2 {display:none;}
.docentes, .docentes2  { height:auto; width:545px; background-color:#74746F; float:right; padding-top:15px; padding-bottom:10px; margin-left:17px; padding-right:55px;}
.ajduntos { float:left; margin-bottom:3px; height:162px; width:70%;}
#texto_adjuntos {float:left; width:46%; padding:20px 10px 15px 15px; line-height:.9; }
#img_adjuntos {float: right; width:88%;  list-style-type:none; margin:5px 1% 0 1%; padding-right:10px;}
.foto_adjunto { float:right; width:40%; margin-left:22px;}

.foto_comision { list-style-type:none; margin:5px 20px 0 0px; float:right; width:25%;height:160px;  cursor:pointer;}
.foto_docente{float:left;border:solid 2px #7EB61F; width:100%;  cursor:pointer;}
.foto_docente:hover {  border:solid 3px #4C3B93;} 
.nuestros_docentes { float:left; text-align:left; width:30%; background-image:url(img/fondo_detalle_docente.png); height:auto; background-size: 100% 100%; padding-top:15px; padding-bottom:10%;}
.detalle_docente {display:none;}
.detalle_docente { float:left; text-align:left; width:30%; background-image:url(img/fondo_detalle_docente.png); height:auto; background-size: 100% 100%; padding-bottom:10%;}
.foto_detalle_docente{float:left; margin-left:10%; width:83%; margin-top:20px;}
.foto_detalle_docente img {width:85%; margin:16px;}
.texto_detalle_docente {height:auto; margin-left:5%;width:86%; padding:10px 27px 10px 10px; color:rgba(255,255,255,1.00);}

.txt_img_doc { background-image:url(img/mas.png); color:rgba(255,255,255,1.00); height:35px; width:100%; padding-bottom:10px;  position:relative; bottom:40px; visibility:hidden; margin: 135px 0 0 3px; background-size:100% auto;}
.txt_img_doc p { margin-bottom:15px; margin-left:5px; font-size:12px;}
.foto_adjunto:hover .txt_img_doc {visibility:visible;}
.foto_comision:hover .txt_img_doc {visibility:visible; bottom:43px; background-size:105% auto; background-image:url(img/mas2.png); margin: 140px 0 0 3px; background-size:100% auto;}
.foto_comision .txt_img_doc p { padding-top:15px; margin-left:5px;}


/** FIN PÁGINA DOCENTES**/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* PAGINA CORRECCIONES **/

#banner_correcciones { width:96%; float:right; margin-left:16px; background-image:url(img/bannercorrecciones.png); background-size:654px 110px; height:110px; background-repeat:no-repeat; background-position:right; margin-top:-20px;}

#nivel-resumen { color:#FFF; border-bottom: solid 1px #7EB61F; width:100%;  padding-bottom:10px; margin-bottom:10px;}
.ejercicios {width:94%; float:right; position:relative; height: auto; padding: 3%;background-color:#333333; margin-left:5px; color:#FFF; }
.ejercicios h4 {color:#7EB61F;}
#descarga-tp {float:left; margin-top:20px; color:#7EB61F; cursor:pointer;}


#nivel1-tp2, #nivel1-tp3, #nivel1-tp4, #nivel1-tp5, #nivel1-tp6, #nivel1-tp7, #nivel1-tp8, #nivel1-tp9 {display:none;}

#nivel2-tp1, #nivel2-tp2, #nivel2-tp3, #nivel2-tp4, #nivel2-tp5, #nivel2-tp6, #nivel2-tp7 {display:none;}

/* FIN PAGINA CURSADA **/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* PAGINA CURSADA **/

#banner_cursada { width:96%; float:right; margin-left:16px; background-image:url(img/bannercursada.png); background-size:654px 110px; height:110px; background-repeat:no-repeat; background-position:right; margin-top:-20px;}

.rslides3 {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;margin: 0 auto; width: 580px; }

.slider3-pager img {float: left;}


.rslides3 { position: relative; list-style: none; overflow: hidden; width: 580px; padding: 0; margin: 0px; height: 250px; margin-left:0px; margin-bottom:5px;}
.rslides3 li { -webkit-backface-visibility: hidden; position: absolute;display: none; width: 100%; left: 0; top: 0;}
.rslides3 li:first-child { position: relative; display: block; float: left;}
.rslides3 img { display: block; height: auto; float: left; width: 100%; border: 0; z-index:2;}
.rslides_container { position: relative; float: left; width: 100%;}
.rslides_tabs {list-style: none;padding: 0;background: rgba(0,0,0,.25);box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);font-size: 18px;list-style: none;margin: 0 auto 0;max-width: 560px;padding: 5px 10px;text-align: center;width: 100%; height:40px;}
.rslides_tabs li {display: inline;float: none;margin-right: 1px;}

.rslides_tabs img { margin-right:12px;}

#nivel-resumen { color:#FFF; border-bottom: solid 1px #7EB61F; width:100%;  padding-bottom:10px; margin-bottom:10px;}
.ejercicios {width:94%; float:right; position:relative; height: auto; padding: 3%;background-color:#333333; margin-left:5px; color:#FFF; }
.ejercicios h4 {color:#7EB61F;}
#descarga-tp {float:left; margin-top:20px; color:#7EB61F; cursor:pointer;}


#nivel1-tp2, #nivel1-tp3, #nivel1-tp4, #nivel1-tp5, #nivel1-tp6, #nivel1-tp7, #nivel1-tp8, #nivel1-tp9 {display:none;}

#nivel2-tp1, #nivel2-tp2, #nivel2-tp3, #nivel2-tp4, #nivel2-tp5, #nivel2-tp6, #nivel2-tp7 {display:none;}

/* FIN PAGINA CURSADA **/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* INGRESANTES **/
#ingresantes  { width:96%; float:right; margin-left:16px; background-image:url(img/banneringresantes.png); background-size:653px auto; height:138px; background-repeat:no-repeat; background-position:right; margin-top:-50px;}
#ingresantes h2{ font-size:30px;margin-bottom:13px; width: 40%;}
#ingresantes p{ font-family:'Rosario';}


#propac {width: 96%; float: left; position: relative; padding: 2%; height: 200px; background-image: url(img/taller_cosgaya.jpg); background-size:100% auto;}
#textolacat {width:96%; float:left; position: relative; background-color:#333; height:auto; padding:2%; color: #FFF; padding-top:15px;}

/* LA CATEDRA **/
.lacatedra {width:96%; float:left; position: relative; background-color:#333; height:auto; padding:1% 2% 1% 2%; display:none;}
.lacatedra ul {list-style:none; text-decoration:none;}
.lacatedra a { display: block; float:left; width:100%; font-size:15px; text-decoration:none; font-weight:600; margin: 3px 0 3px 5px; color:rgb(152,203,50);}
.lacatedra p { font-family:'Rosario'; display: block; float:left; width:93%; font-size:13px; text-decoration:none; color:#FFFFFF; font-weight:400; margin: 0px 0 9px 15px;}
.lacatedra h1 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 3px 5px;}
.lacatedra h2 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 15px 0 3px 5px;border-top:1px solid rgb(152,203,50); width: 70%; padding-top:6px;}
.lacatedra h3 { display: block; float:left; width:100%; font-size:20px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 10px 5px;border-bottom:1px solid rgb(152,203,50); width: 70%; padding-top:6px; padding-bottom:3px;}


/* QUE ES LA TIPOGRAFIA **/
.tipocontenedor { display:none; width:100%; float:left; position: relative; background-color:#747474; height:auto; display:none;}
#queslatipo h2 { font-size: 30px; border-bottom: 2px solid #000000; margin-bottom: 13px; width: 40%;}
.artqt1 { width: 89px; float: left; position: relative; height: 404px; background-color: #4C3B93; color: #FFF;}
.artqt1 h { font-size: 126px; margin-left: 20px; height: 404px;}
.artqt { width: 200px; float: left; position: relative; padding: 10px; height: 384px; background-color: #333; color:rgba(255,255,255,1.00);}
.artqt p { margin-top: 10px;}

/* OBJETIVOS **/
.objetivos {width:96%; float:left; position: relative; background-color:#333; height:auto; padding:1% 2% 1% 2%; display:none;}
.objetivos ul {list-style:none; text-decoration:none;}
.objetivos a { display: block; float:left; width:100%; font-size:15px; text-decoration:none; font-weight:600; margin: 3px 0 3px 5px; color:rgb(152,203,50);}
.objetivos p { font-family:'Rosario'; display: block; float:left; width:93%; font-size:13px; text-decoration:none; color:#FFFFFF; font-weight:400; margin: 0px 0 9px 15px;}
.objetivos h1 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 3px 5px;}
.objetivos h2 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 15px 0 3px 5px;border-top:1px solid rgb(152,203,50); width: 70%; padding-top:6px;}
.objetivos h3 { display: block; float:left; width:100%; font-size:20px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 10px 5px;border-bottom:1px solid rgb(152,203,50); width: 70%; padding-top:6px; padding-bottom:3px;}

/* METODOLOGIA **/
.metodologia {width:96%; float:left; position: relative; background-color:#333; height:auto; padding:1% 2% 1% 2%; display:none;}
.metodologia ul {list-style:none; text-decoration:none;}
.metodologia a { display: block; float:left; width:100%; font-size:15px; text-decoration:none; font-weight:600; margin: 3px 0 3px 5px; color:rgb(152,203,50);}
.metodologia p { font-family:'Rosario'; display: block; float:left; width:93%; font-size:13px; text-decoration:none; color:#FFFFFF; font-weight:400; margin: 0px 0 9px 15px;}
.metodologia h1 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 3px 5px;}
.metodologia h2 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 15px 0 3px 5px;border-top:1px solid rgb(152,203,50); width: 70%; padding-top:6px;}
.metodologia h3 { display: block; float:left; width:100%; font-size:20px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 10px 5px;border-bottom:1px solid rgb(152,203,50); width: 70%; padding-top:6px; padding-bottom:3px;}



/* FIN PAGINA QUE ES LA INGRESANTES **/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/**ALUMNOS++*/

#alumnosbanner  { width:96%; float:right; margin-left:16px; background-image:url(img/banneralumnos.png); background-size:653px auto; height:138px; background-repeat:no-repeat; background-position:right;background-position:193px; margin-top:-50px;}
#alumnosbanner h2{ font-size:30px;margin-bottom:13px; width: 40%;}
#alumnosbanner p{ font-family:'Rosario';}


#fotoalumnos {
  position: relative;
  margin: 0;
  font-family: 'Rosario';
  line-height: 1;
  width: 210px;
  float:left;
  margin-right:1%;
  background-image:url(img/fotoalumnos.jpg);
  background-repeat:no-repeat;
  background-size: 100% auto;
  height:703px;
  
}


#alumnos { width:70%; float:left; position:relative; height: auto; padding: 2%;background-color:#666666; margin-left:1%;}
#alumnos h2{ font-size:30px; border-bottom:2px solid #000000;margin-bottom:13px; width: 40%;}
#alumnos p{ font-family:'Rosario'; margin-bottom: 27px;}

.consideraciones {width:97%; float:left; position: relative; background-color:#333; height:auto; padding:1% 2% 1% 1%;}
.consideraciones ul {list-style:none; text-decoration:none;}
.consideraciones a { display: block; float:left; width:100%; font-size:15px; text-decoration:none; font-weight:600; margin: 3px 0 3px 5px; color:rgb(152,203,50);}
.consideraciones p { font-family:'Rosario'; display: block; float:left; width:93%; font-size:13px; text-decoration:none; color:#FFFFFF; font-weight:400; margin: 0px 0 9px 15px;}
.consideraciones h1 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 3px 5px;}
.consideraciones h2 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 15px 0 3px 5px;border-top:1px solid rgb(152,203,50); width: 70%; padding-top:6px;}

#botbiblio, #botdescargas { display: block; float:left; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 10px 0px 20px 15px; width:20%;background-color:rgb(126,182,31); padding: 0 11px 0 0;}
#botbiblio a, #botdescargas a{ display: block; float:left; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; text-align:center;}


/* FIN PAGINA ALUMNOS **/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* PAGINA BIBLIOGRAFÍA **/

/*menu barra*/

#cssmenu {
  position: relative;
  margin: 0;
  font-family: 'Rosario';
  line-height: 1;
  width: 210px;
  float:left;
}
.align-right {
  float: left;
}
#cssmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
#cssmenu ul li {
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu ul li a {
  text-decoration: none;
  cursor: pointer;
}
#cssmenu > ul > li > a {
  color: #dddddd;
  text-transform: uppercase;
  display: block;
  padding: 20px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background: #222222;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
}
#cssmenu > ul > li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu > ul > li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: 1px solid #000000;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.open > a {
  background: #151515;
  color: #ffffff;
}
#cssmenu > ul > li.active > a {
  background: #222222;
  color: #ffffff;}
#cssmenu > ul > li.active:hover > a {
  background: #151515;
  color: #ffffff; }
  
#cssmenu ul > li.has-sub > a::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #000000;
  border-botom: 13px solid transparent;
  border-left: 105px solid transparent;
  border-right: 105px solid transparent;
  left: 0;
  bottom: -13px;
  bottom: 0px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub > a::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #151515;
  border-botom: 13px solid transparent;
  border-left: 105px solid transparent;
  border-right: 105px solid transparent;
  left: 0;
  bottom: -12px;
  bottom: -1px;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: #dddddd;
  z-index: 2;
  right: 20px;
  top: 24.5px;
  pointer-events: none;
}
#cssmenu ul > li:hover::after,
#cssmenu ul > li.active::after,
#cssmenu ul > li.open::after {
  border-top-color: #ffffff;
}
#cssmenu ul > li.has-sub.open > a::after {
  opacity: 1;
  bottom: -13px;
}
#cssmenu ul > li.has-sub.open > a::before {
  opacity: 1;
  bottom: -12px;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu ul ul li {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#cssmenu ul ul li a {
  background: #f1f1f1;
  display: block;
  position: relative;
  font-size: 15px;
  padding: 14px 20px;
  border-bottom: 1px solid #dddddd;
  color: #777777;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#cssmenu ul ul li:first-child > a {
  padding-top: 18px;
}
#cssmenu ul ul ul li {
  border: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #e4e4e4;
  color: #666666;
}
#cssmenu ul ul > li.has-sub > a::after {
  border-top: 13px solid #dddddd;
}
#cssmenu ul ul > li.has-sub > a::before {
  border-top: 13px solid #e4e4e4;
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu ul ul > li.has-sub::after {
  top: 18.5px;
  border-width: 6px;
  border-top-color: #777777;
}
#cssmenu ul ul > li:hover::after,
#cssmenu ul ul > li.active::after,
#cssmenu ul ul > li.open::after {
  border-top-color: #666666;
}


/* fin menu barra*/

#bibliografia  { width:96%; float:right; margin-left:16px; background-image:url(img/bannerbiblio.png); background-size:653px auto; height:138px; background-repeat:no-repeat; background-position:right; margin-top:-50px;}
#bibliografia h2{ font-size:30px;margin-bottom:13px; width: 40%;}
#bibliografia p{ font-family:'Rosario';}
.lbcontenedor { width:70%; float:left; position:relative; height: auto; padding: 2%;background-color:#666666; margin-left:19px;}


.lactualidad {width:97%; float:left; position: relative; background-color:#333; height:auto; padding:1% 2% 1% 1%;}
.lactualidad ul {list-style:none; text-decoration:none;}
.lactualidad a { display: block; float:left; width:100%; font-size:15px; text-decoration:none; font-weight:600; margin: 3px 0 3px 5px; color:rgb(152,203,50);}
.lactualidad p { font-family:'Rosario'; display: block; float:left; width:93%; font-size:13px; text-decoration:none; color:#FFFFFF; font-weight:400; margin: 0px 0 9px 15px;}
.lactualidad h1 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 3px 5px;}
.lactualidad h2 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 15px 0 3px 5px;border-top:1px solid rgb(152,203,50); width: 70%; padding-top:6px;}
.lactualidad h3 { display: block; float:left; width:100%; font-size:20px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 10px 5px;border-bottom:1px solid rgb(152,203,50); width: 70%; padding-top:6px;padding-bottom:3px;}

.lcaligrafia1 {width:97%; float:left; position: relative; background-color:#333; height:auto; padding:1% 2% 1% 1%; display: none;}
.lcaligrafia1 ul {list-style:none; text-decoration:none;}
.lcaligrafia1 a { display: block; float:left; width:100%; font-size:15px; text-decoration:none; font-weight:600; margin: 3px 0 3px 5px; color:rgb(152,203,50);}
.lcaligrafia1 p { font-family:'Rosario'; display: block; float:left; width:93%; font-size:13px; text-decoration:none; color:#FFFFFF; font-weight:400; margin: 0px 0 9px 15px;}
.lcaligrafia1 h1 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 3px 5px;}
.lcaligrafia1 h2 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 15px 0 3px 5px;border-top:1px solid rgb(152,203,50); width: 70%; padding-top:6px;}
.lcaligrafia1 h3 { display: block; float:left; width:100%; font-size:20px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 10px 5px;border-bottom:1px solid rgb(152,203,50); width: 70%; padding-top:6px;padding-bottom:3px;}

.lhistoria {width:97%; float:left; position: relative; background-color:#333; height:auto; padding:1% 2% 1% 1%; display: none;}
.lhistoria ul {list-style:none; text-decoration:none;}
.lhistoria a { display: block; float:left; width:100%; font-size:15px; text-decoration:none; font-weight:600; margin: 3px 0 3px 5px; color:rgb(152,203,50);}
.lhistoria p { font-family:'Rosario'; display: block; float:left; width:93%; font-size:13px; text-decoration:none; color:#FFFFFF; font-weight:400; margin: 0px 0px 9px 15px;}
.lhistoria h1 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 3px 5px;}
.lhistoria h2 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 15px 0 3px 5px;border-top:1px solid rgb(152,203,50); width: 70%; padding-top:6px;}
.lhistoria h3 { display: block; float:left; width:100%; font-size:20px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 10px 5px;border-bottom:1px solid rgb(152,203,50); width: 70%; padding-top:6px;padding-bottom:3px;}

.lbioyestudios {width:97%; float:left; position: relative; background-color:#333; height:auto; padding:1% 2% 1% 1%; display: none;}
.lbioyestudios ul {list-style:none; text-decoration:none;}
.lbioyestudios a { display: block; float:left; width:100%; font-size:15px; text-decoration:none; font-weight:600; margin: 3px 0 3px 5px; color:rgb(152,203,50);}
.lbioyestudios p { font-family:'Rosario'; display: block; float:left; width:93%; font-size:13px; text-decoration:none; color:#FFFFFF; font-weight:400; margin: 0px 0 9px 15px;}
.lbioyestudios h1 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 3px 5px;}
.lbioyestudios h2 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 15px 0 3px 5px;border-top:1px solid rgb(152,203,50); width: 70%; padding-top:6px;}
.lbioyestudios h3 { display: block; float:left; width:100%; font-size:20px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 10px 5px;border-bottom:1px solid rgb(152,203,50); width: 70%; padding-top:6px;padding-bottom:3px;}

.lcaligrafia2 {width:97%; float:left; position: relative; background-color:#333; height:auto; padding:1% 2% 1% 1%; display: none;}
.lcaligrafia2 ul {list-style:none; text-decoration:none;}
.lcaligrafia2 a { display: block; float:left; width:100%; font-size:15px; text-decoration:none; font-weight:600; margin: 3px 0 3px 5px; color:rgb(152,203,50);}
.lcaligrafia2 p { font-family:'Rosario'; display: block; float:left; width:93%; font-size:13px; text-decoration:none; color:#FFFFFF; font-weight:400; margin: 0px 0 9px 15px;}
.lcaligrafia2 h1 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 3px 5px;}
.lcaligrafia2 h2 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 15px 0 3px 5px;border-top:1px solid rgb(152,203,50); width: 70%; padding-top:6px;}
.lcaligrafia2 h3 { display: block; float:left; width:100%; font-size:20px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 10px 5px;border-bottom:1px solid rgb(152,203,50); width: 70%; padding-top:6px;padding-bottom:3px;}

.lensayos {width:97%; float:left; position: relative; background-color:#333; height:auto; padding:1% 2% 1% 1%; display: none;}
.lensayos ul {list-style:none; text-decoration:none;}
.lensayos a { display: block; float:left; width:100%; font-size:15px; text-decoration:none; font-weight:600; margin: 3px 0 3px 5px; color:rgb(152,203,50);}
.lensayos p { font-family:'Rosario'; display: block; float:left; width:93%; font-size:13px; text-decoration:none; color:#FFFFFF; font-weight:400; margin: 0px 0 9px 15px;}
.lensayos h1 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 3px 5px;}
.lensayos h2 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 15px 0 3px 5px;border-top:1px solid rgb(152,203,50); width: 70%; padding-top:6px;}
.lensayos h3 { display: block; float:left; width:100%; font-size:20px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 10px 5px;border-bottom:1px solid rgb(152,203,50); width: 70%; padding-top:6px;padding-bottom:3px;}

.lrevistas {width:97%; float:left; position: relative; background-color:#333; height:auto; padding:1% 2% 1% 1%; display: none;}
.lrevistas ul {list-style:none; text-decoration:none;}
.lrevistas a { display: block; float:left; width:100%; font-size:15px; text-decoration:none; font-weight:600; margin: 3px 0 3px 5px; color:rgb(152,203,50);}
.lrevistas p { font-family:'Rosario'; display: block; float:left; width:93%; font-size:13px; text-decoration:none; color:#FFFFFF; font-weight:400; margin: 0px 0 9px 15px;}
.lrevistas h1 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 3px 5px;}
.lrevistas h2 { display: block; float:left; width:100%; font-size:15px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 15px 0 3px 5px;border-top:1px solid rgb(152,203,50); width: 70%; padding-top:6px;}
.lrevistas h3 { display: block; float:left; width:100%; font-size:20px; text-decoration:none; color:#FFFFFF; font-weight:600; margin: 3px 0 10px 5px;border-bottom:1px solid rgb(152,203,50); width: 70%; padding-top:6px; padding-bottom:3px;}

/* FIN PAGINA BIBLIOGRAFÍA **/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* PAGINA DESCARGAS **/

#descargas { width:96%; float:left; position:relative; margin: 0px 0px 0px 0px; padding: 2%; position:relative; height:77px;background-image:url(img/bannerdescargas.png);background-repeat:no-repeat;background-size:100% auto; margin-top:-20px; }
#descargas h2{ font-size:30px;margin-bottom:13px; width: 40%;}
#descargas h2{ font-family:'Rosario';}
.ldcontenedor { width:96%; float:left; position:relative; height: 270px; padding: 2%;background-color:#747474;}
.listan1{width:47%; float:left; position: relative; background-color:#333; height:250px; padding:1%;}
.listan1 ul {list-style:none; text-decoration:none;}
.listan1 a { display: block; float:left; width:100%; font-size:13px; text-decoration:none; color:#FFFFFF; font-weight:400; margin: 3px 0 3px 5px;}
.listan2{width:47%; float:right; position: relative; background-color:#333; height:250px; padding: 1%;}
.listan2 ul {list-style:none; text-decoration:none;}
.listan2 a { display: block; float:left; width:100%; font-size:13px; text-decoration:none; color:#FFFFFF; font-weight:400;margin: 3px 0 3px 5px;}
.lniv { display: block; float:left; width:100%; font-size:18px; text-decoration:none; color:#FFFFFF; font-weight:400; margin: 5px 0 5px 5px; border-bottom:1px solid #FFFFFF; width: 70%;}

/* FIN PAGINA DESCARGAS **/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/* PAGINA CONTACTO **/

#contacto { width:96%; float:left; position:relative; margin: -25px 0px 0px 0px; padding: 2%; position:relative; height:78px; background-image:url(img/bannercontacto.png); background-repeat:no-repeat;background-size: 100% auto;}
#contacto h2{ font-size:30px;margin-bottom:13px; width: 40%;}
#contacto h2{ font-family:'Rosario';}
.ldcontenedor_contacto { width:96%; float:left; height: 400px; padding: 2% 2% 3% 2%;background-color:#666666; position:relative;}
#talleres {position:absolute; left:35px; top:255px; z-index:1;}
#talleres p { color:#FFF;} 
#plano {width:73%; height:auto; float:left; margin-right:10px; margin-top:15px; position:absolute; left:0; top:0;}
#contacto_info1 { width:23%; float:right;padding:8px;}
#contacto_info2 { width:94%; float:left; background-color: #333; padding:8px; position:absolute; left:1%; top:355px; color:rgba(255,255,255,1.00); margin-left:9px;}
#contacto_info2 a { text-decoration:none; color:rgba(255,255,255,1.00); font-family:'Rosario'; font-weight:700; font-style:normal; font-size:15px;}
#contacto_info1 p { color:rgba(255,255,255,1.00);}
/* FIN PAGINA CONTACTO **/


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* PAGINA REGISTRATE **/

/**LOGIN FORM**/
/**LOGIN FORM**/
.form{background-image:url(img/formapaquete4.png); background-size:100% 100%; height:542px; width:62%; margin:50px 0 0 0; padding-left:35px; padding-top:15px; float:left;}
.form fieldset{border:0px; padding:0px; margin:0px;}
.form p.contact { font-family:'Rosario'; font-weight:400; font-size:12px; margin:0px 0px 10px 0;line-height: 14px; }
.form input[type="text"] { width: 250px; }
.form input[type="email"] { width: 250px; }
.forminput[type="password"] { width: 200px; }
.form input.birthday{width:35px;}
.form input.birthyear{width:60px;}
.form label { color: #fff;font-family:'Rosario'; font-weight:700; font-size:12px;}
.form label.month {width: 135px;}
.form input, textarea { background-color: rgba(255, 255, 255, 0.4); border: 1px solid rgba(122, 192, 0, 0.15); padding: 7px; font-family: Keffeesatz, Arial; color: #4b4b4b; font-size: 14px; margin-bottom: 15px; margin-top: -10px; }

.form input:focus, textarea:focus { border: 1px solid ##FA5A11; background-color: rgba(255, 255, 255, 1);}
.form .select-style { -webkit-appearance: button;-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);-webkit-padding-end: 20px; -webkit-padding-start: 2px;-webkit-user-select: none;background-image: url(images/select-arrow.png),  -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);background-position: center right;background-repeat: no-repeat;border: 0px solid #FFF;color: #555;font-size: inherit;margin: 0;overflow: hidden; padding-top: 5px; padding-bottom: 5px;text-overflow: ellipsis; white-space: nowrap; margin-bottom:-8px;}
.form .gender { width:150px;}
.form input.buttom{ background: #7EB61F; display: inline-block; padding: 5px 10px 6px; color: #fbf7f7; text-decoration: none; font-weight: bold; line-height: 1; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; border: none; position: relative; cursor: pointer;font-family:'Rosario'; font-weight:700; font-size:14px;}
.form input.buttom:hover    { background-color: #FA5A11; }

/** BANDA DEL COSTADO **/

.usuarios { width:265px; height:auto; background-color:#74746F; float:right; margin: 65px 0 0px 1%; padding: 10px 1% 10px 1%;}
.usuarios #usuarios_titulo{ color:rgba(255,255,255,1.00); text-align:center; margin-top:10px; text-shadow: 0 -1px 1px #222; height:190px; float:left;}
.usuarios #usersbicon { width:50%; float:left; margin: 5px 25% 10px 25%;} 
#usuarios_varios { display:block; margin-top:20px; padding:3px; background-color:#333333; height:auto; float:left;}
#usuarios_varios img { width:72px; margin-top:3px; float:left; margin: 5px 3px 5px 7px;}
#usuarios_varios img:hover { border: solid 2px #FF6600;  width:68px; }

/** FIN PAGINA REGISTRATE**/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/** GRACIAS POR REGISTRARTE **/
.gracias { width:90%; margin-left:5%; text-align:center; color:#FFF; float:left; height:150px; background-image:url(img/fondo_gracias.png); background-size: 100% 100%; background-repeat:no-repeat; margin-top:80px; padding-top:20px; margin-bottom:200px;}
.gracias h4 {width:70%; margin-left:15%; }
.gracias h2 {margin-bottom:15px; }



/** FIN GRACIAS POR REGISTRARTE **/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#nav-320px { display:none;}
#logo320px { display:none;}



@media only screen and (max-width: 320px) {
header {display:none;}
#encabezado { display:none;}
.slider { display:none;}
footer { display:none;}
#menu { display:none;}	


#logo320px { display: block; height:auto; margin-bottom:15px; background-image:url(img/fondo-logo-320.png); background-size:100% 100%;}
#logo320px img {width:80%; height:auto; border: 10px solid #000; margin: 6%;}
.cuarto h3 { font-size:18px;}
.ancho1de3-1, .ancho1de3-2, .ancho1de3-3 { display:none;}



.login320 {width:49%; float: left; list-style-type:none; background-color:#4C3B93; height:40px; border:solid 1px #FFF;}
.login320:hover { background-color:#7EB61F; }
#nav-320px { background: none; width:100%; display:block; margin-top:10px; float:left;}
#nav-320px ul { background: #C3393B; display:block;}
.nav320 {width:100%; float: left; list-style-type:none; background-color:#4C3B93; height:40px; border:solid 1px #FFF;}
.nav320:hover { background-color:#7EB61F; }
#nav-320px a { float: left;display: block; font-size:14px; text-decoration:none; margin:2px -6px; padding: 5px 5px 5px 5px;color:#FFF; font-family:'Rosario'; font-weight:400; width:100%; text-align:center;}


	
}


@media only screen and (max-width: 768px) {

a.to_nav:hover, a.to_nav:focus { color: #353535;}

#login_top {width:20%;margin-right: 5px; margin-top:5px;}
#login_top ul { list-style: none; background: none; padding: 0; margin-left:0px;}
#login_top li { list-style-type:none; background:none; padding:0px; margin:auto; float:right; margin-right:7px;}
#login_top li a { display: block; float:left; width:100%; font-size:10px; text-decoration:none; margin:1px; padding: 2px; color:#FFF; font-family:'Rosario'; font-weight:700; text-align:center;}

#loginform { width:150%; position:absolute; left:-85px; top:22px; z-index:1;}
#loginform p.contact { font-family:'Rosario'; font-weight:400; font-size:6px; margin:1px 0px 3px 0;line-height: 14px; float:left; }
#loginform input[type="text"] { width: 94px; float:left; margin-left:5px;}
#loginform input[type="password"] { width: 75px; float:left; margin-left:5px;}
#loginform label { color: #fff;font-family:'Rosario'; font-weight:700; font-size:12px;}
#loginform input, textarea { background-color: rgba(255, 255, 255, 0.4); border: 1px solid rgba(122, 192, 0, 0.15); padding: 3px; font-family: font-family:'Rosario'; color: #4b4b4b; font-size: 8px; margin-top: 0px; }

#loginform input:focus, textarea:focus { border: 1px solid ##FA5A11; background-color: rgba(255, 255, 255, 1);}
#loginform input.buttom{ background: #7EB61F; padding: 3px 5px 0px 5px; color: #fbf7f7; text-decoration: none; border: none; cursor: pointer;font-family:'Rosario'; font-weight:700; font-size:8px; margin-left: 20px;}
#loginform input.buttom:hover    { background-color: #FA5A11; }



#menu #logo { width: 60px; height: auto; margin: 1px 10px 5px 1%; float:left;border: 4px solid #000;}
#menu { background: none; width:76%; padding-left:3%;}
#menu ul { background: none; display:block;}
#menu #logocosgui { float: left; list-style-type:none; background:none; padding:5px;  margin-right:2px; margin-left: 5px;}
.uppernav {width:65px; float: left; list-style-type:none; background-image:url(img/formapaquete3.png); background-size:100% auto; background-repeat:no-repeat; padding:3px;  margin-right:2px; height:40px;}
.uppernav:hover {width:65px; float: left; list-style-type:none; background-image:url(img/formapaquete3b.png); background-size:100% auto; background-repeat:no-repeat; padding:3px;  margin-right:2px; height:40px;}
.uppernav a { float: left;display: block; font-size:12px; text-decoration:none; margin:2px -6px; padding: 5px 5px 5px 5px;color:#FFF; font-family:'Rosario'; font-weight:400; width:100%; text-align:center;}
#menu #logocosguia { float: left;display: block; font-size:14px; text-decoration:none; margin:2px -6px; padding: 5px 5px 5px 5px;color:#FFF; font-family:'Rosario'; font-weight:400; width:100%; text-align:center;}

#menu, li a:hover, #menu li a:focus, #login li a:hover, #login li a:focus { color: #ff6600;}

#alumnos-nav { position:absolute; left:485px; top:27px; width:50px; display:none; }
.subnav {width:81px; float: left; list-style-type:none; background-image:url(img/subnav.png); background-size:99.5% 100%;padding:5px; height:30px;}
.subnav a { float: left;display: block; font-size:14px; text-decoration:none; margin:2px -6px; padding: 5px 5px 5px 5px;color:#FFF; font-family:'Rosario'; font-weight:400; width:100%; text-align:center;}

/*////////////////////// HOME///////////////////////////////////**/

/** CUERPO PRINCIPAL (SECTION)**/

section {height:auto; float:left;}
#central { width:92%; float:left; top:80px; margin-bottom:15px; margin-left:4%;}


/**  PRIMER ENCABEZADO?   **/

#encabezado {margin: -35px 0 0px 0;   padding: 10px 0% 15px 0%; height:150px;}
#texto-encabezado {margin-top:-20px;}
#encabezado p { float:left; margin-left:6%; margin-top: 117px; margin-right:10%; font-size:16px; width:67%; color:#FFFFFF}
.ancho78 { width:100%; height:auto; float:left; margin: 15px 0 -15px 0;   padding: 10px 0% 10px 0%;}


/** SLIDER**/
.rslides { margin: 0 auto 10px; height: 350px}
.rslides_container { margin-bottom: 0px;}
.centered-btns_tabs {display:none;}

.epigrafe { background-color:rgba(0,204,0,0.5); height:70px; color:#FFF; z-index:1;}
/**FIN SLIDER **/

/**  CAJAS DE TERCIOS  **/

.ancho1de3-1 { display:none;}
.ancho1de3-2 {float:left;}
.ancho1de3-2, .ancho1de3-3 { width:49%; height:190px;background-image:url(img/formapaqueteblue.png); background-size:100% 100%; background-repeat:no-repeat; margin: 15px 0% 8px 0%; padding:0%; color:#fff; position:relative;}
.ancho1de3-3 {float:right;}

.ancho1de3-2 h3 {font-size:32px;}
.ancho1de3-3 h3 {font-size:32px;}


/*Ingresante*/

.cuarto { width:100%; height:auto; position:relative; float:left;} 

.ancho2de3 {height:150px;}
.ancho2de3 h2 {margin-top:30px;}

/** FIN PÁGINA HOME **/


/** FOOTER **/

footer {height:70px; margin-top:0px;}

#isocosgui { width: 105px; height: 50px; margin: 12px 20px 10px 20px; float:left; border-right: solid 2px #7EB61F;}
#isocosgui a:hover { color:#7EB61F;}
#isocosgui a { text-decoration:none; font-family:'Rosario'; font-weight:700; text-align:left; color:#FFF; font-size: 14px;line-height: 0.8;}
#isocosgui a em { font-style:normal; font-weight:700; font-size:26px;}
#menu_footer2, #menu_footer, #legales { display:none;}

#fadu { float:right; margin: 20px 25px 0 0; width:120px;}


}