/**** Fuentes ****/

@font-face {
    font-family: 'share';
    src: url('fuentes/share/share-regular-webfont.eot');
    src: url('fuentes/share/share-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/share/share-regular-webfont.woff') format('woff'),
         url('fuentes/share/share-regular-webfont.ttf') format('truetype'),
         url('fuentes/share/share-regular-webfont.svg#share') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'sharebold';
    src: url('fuentes/share/share-bold-webfont.eot');
    src: url('fuentes/share/share-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/share/share-bold-webfont.woff') format('woff'),
         url('fuentes/share/share-bold-webfont.ttf') format('truetype'),
         url('fuentes/share/share-bold-webfont.svg#sharebold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sharebolditalic';
    src: url('fuentes/share/share-bolditalic-webfont.eot');
    src: url('fuentes/share/share-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/share/share-bolditalic-webfont.woff') format('woff'),
         url('fuentes/share/share-bolditalic-webfont.ttf') format('truetype'),
         url('fuentes/share/share-bolditalic-webfont.svg#sharebold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'shareitalic';
    src: url('fuentes/share/share-italic-webfont.eot');
    src: url('fuentes/share/share-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/share/share-italic-webfont.woff') format('woff'),
         url('fuentes/share/share-italic-webfont.ttf') format('truetype'),
         url('fuentes/share/share-italic-webfont.svg#shareitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'viga';
    src: url('fuentes/viga/viga-regular-webfont.eot');
    src: url('fuentes/viga/viga-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/viga/viga-regular-webfont.woff') format('woff'),
         url('fuentes/viga/viga-regular-webfont.ttf') format('truetype'),
         url('fuentes/viga/viga-regular-webfont.svg#viga') format('svg');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'mondabold';
    src: url('fuentes/monda/monda-bold-webfont.eot');
    src: url('fuentes/monda/monda-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/monda/monda-bold-webfont.woff') format('woff'),
         url('fuentes/monda/monda-bold-webfont.ttf') format('truetype'),
         url('fuentes/monda/monda-bold-webfont.svg#mondabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'mondaregular';
    src: url('fuentes/monda/monda-regular-webfont.eot');
    src: url('fuentes/monda/monda-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/monda/monda-regular-webfont.woff') format('woff'),
         url('fuentes/monda/monda-regular-webfont.ttf') format('truetype'),
         url('fuentes/monda/monda-regular-webfont.svg#mondaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}








/**** Hoja de estilos - Alumno 2 ****/


body{
    background-position:center; 
    background-image: url(imagenes/fondo01.png);
    background-repeat: repeat;
    background-attachment:;
    width:100%;
    height:100%;
    font-family:mondaregular;
    font-size:10pt;
    line-height:17px;
    color:rgb(131, 131, 131);
    margin:0px;
    padding:0px;}

body#bodyfondonegro{
    background-position:center; 
    background-image: url(imagenes/fondo02.png);
    background-repeat: repeat;
    background-attachment:;
}




div#pagina{
margin-left:17%;
margin-right:2%;
width:auto;
height:auto;
}

/* Links */

#pagina a{
text-decoration:none;
font-family:share;
font-size:1.2em;
color:rgb(255, 17, 134);
}

#pagina a:hover{
text-decoration:none;
font-family:shareitalic;
color:black;
}





/* Icono superior de usuario */

div#usuario_top{
position:fixed;
top:0px;
right:1.8%;
position:;
clear:;
opacity:0.5;
z-index:999;
}

div#usuario_top:hover{
opacity:1;
}




/************** INICIO DE MENU **************/

/* Menu principal */

div#logozachin img{
width:90%;
display:block;
margin:auto;
margin-top:10px;
margin-bottom:10px;
}

div#menu_principal{
width:15%;
height:100%;
position:fixed;
background-color:rgb(50,50,50);
top:0;
left:0;
}

nav#menu{
    width:inherit;
    height:auto;
    position:fixed;
    z-index:999;}

nav#menu ul {
    list-style: none;
    margin:0px;
    padding:0px;
    width:100%;
}

nav#menu ul li a{
	text-decoration: none;
    background-color: rgb(50,50,50);
	width: 100%;
    margin:auto;
    padding-top:10px;
    padding-bottom:10px;
    display: block;
    font-family: share;
    line-height:20px;
	font-size: 1.1em;
	color: rgb(204, 204, 204);
    text-align:center;
    border-radius:;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
-ms-transition: background-color 0.3s ease-out;
}

nav#menu ul li a:hover{
    background-color: rgb(255, 245, 0);
    color: rgb(100, 100, 100);
    letter-spacing:3px;
}

nav#menu ul li .menu_seleccionado{
    text-decoration:none;
    color:rgb(100,100,100);
    background-color:rgb(255, 245, 0);
    letter-spacing:3px;
}

nav#menu ul li .extension{
    text-decoration:none;
    background-color:;
    border-top: 0px solid rgb(255, 245, 0);
    border-bottom: 1px solid rgb(255, 245, 0);
}

nav#menu ul li .extension_seleccionado{
    text-decoration:none;
    color:rgb(100,100,100);
    background-color:rgb(255, 245, 0);
    border-top: 1px solid rgb(255, 245, 0);
    border-bottom: 1px solid rgb(255, 245, 0);
    letter-spacing:3px;
}
            nav#menu ul li .extension_boton{
                text-decoration:none;
                font-size:0.9em;
                background-color:;
                padding-top:2px;
                padding-bottom:0px;
                border-bottom: 1px solid rgb(255, 245, 0);
            }

            nav#menu ul li .extension_boton:hover{
                letter-spacing:normal;
                background-color:rgb(255, 17, 134);
                color:white;
            }

            nav#menu ul li .extension_boton_seleccionado{
                text-decoration:none;
                font-size:0.9em;
                background-color:rgb(255, 17, 134);
                padding-top:2px;
                padding-bottom:0px;
                border-bottom: 1px solid rgb(255, 245, 0);
                color:white;
            }

            nav#menu ul li .extension_boton_seleccionado:hover{
                letter-spacing:normal;
                background-color:rgb(255, 17, 134);
                color:white;}


/* Submenu de menu principal */
            nav#menu ul li .submenu{
                text-decoration:none;
                font-size:0.9em;
                background-color:;
                padding-top:2px;
                padding-bottom:0px;
                background-color:rgb(78, 78, 78);
            }

            nav#menu ul li .submenu:hover{
                letter-spacing:normal;
                background-color:rgb(255, 245, 0);
                color:rgb(100,100,100);
            }

            nav#menu ul li .submenu_seleccionado{
                text-decoration:none;
                font-size:0.9em;
                background-color:rgb(255, 245, 0);
                padding-top:2px;
                padding-bottom:0px;
                color:rgb(100,100,100);
            }

            nav#menu ul li .submenu_seleccionado:hover{
                letter-spacing:normal;
                background-color:rgb(255, 245, 0);
                color:rgb(100,100,100);}




/* Segundo menu - segunda jerarquia */

.img_menu{
margin-right:5%;
margin-left:5%;
margin-bottom:-6px;}


nav#menu ul li .menu2_1{
    margin-top:10%;
    text-decoration:none;
    color: rgb(165, 165, 165);
    text-align:left;
    padding-bottom:15px;
    border-bottom: 1px solid rgb(109, 109, 109);
}


nav#menu ul li .menu2_1_seleccionado{
letter-spacing:0px;
text-align:center;
background-color:rgb(72, 72, 72);
color:rgb(255, 245, 0);
}


nav#menu ul li .menu2_1_seleccionado:hover{
letter-spacing:0px;
text-align:center;
background-color:rgb(72, 72, 72);
color:rgb(255, 245, 0);
}


nav#menu ul li .menu2_2{
    text-decoration:none;
    color: rgb(165, 165, 165);
    text-align:left;
    padding-bottom:15px;
    border-bottom: 1px solid rgb(109, 109, 109);
}

nav#menu ul li .menu2_1:hover{
letter-spacing:0px;
text-align:center;
background-color:rgb(72, 72, 72);
color:rgb(255, 245, 0);
}



nav#menu ul li .menu2_2:hover{
letter-spacing:0px;
text-align:center;
background-color:rgb(72, 72, 72);
color:rgb(255, 245, 0);
}



/* Menu de contacto */

.menucontacto{
text-decoration:none;
position:fixed;
display:block;
width:100%;
font-family:share;
font-size:11px;    
color:rgb(165, 165, 165);
background-color:rgb(88, 88, 88);
text-align:center;
clear:both;
position:absolute;
bottom:0px;
}





/************** FIN DE MENU **************/









/* INDEX html */

div#bienvenida{
position:relative;
}

.imagen_top{
position:relative;
height:auto;
margin-top:2%;
width:100%;
max-width:;
border-radius:30px;
clear:both;
}


div#pagina .bienvenida{
font-family: viga;
line-height:1em;
font-size:4em;
position: relative;
float: left;
width:70%;
border-bottom:10px solid rgb(0, 226, 255);
clear:both;}

.dosmilquince{
color:rgb(0, 226, 255);
}


div#pagina aside#registro{
float:right;
width:21%;
position:relative;
padding: 15px;
font-size:12px;
display:;
height:250px;
background-color:rgb(255, 245, 0);
}


div#pagina aside#registro h1{
background-color:rgb(255, 255, 255);
font-family:share;
font-weight:100;
font-size:16px;
}


.subtitulo{
font-family:share;
font-size:17px;
border-bottom: 2px solid rgb(131, 131, 131);
display:block;
}

.subtitulo2{
font-family:arial;
font-weight:bold;
font-size:14px;
padding-bottom:1px;
display:block;
color:rgb(72, 72, 72);
}



/* Index proximas clases */


div#proxclase{
width:100%;
float:left;
margin-top:-20px;
}

.subtitulo_index{
padding-top:0;
margin-top:5%;
font-family:share;
font-size:17px;
border-bottom: 2px solid rgb(131, 131, 131);
display:block;
}

section#prox_clase{
width:24%;
float:left;
position:relative;
font-size:12px;
margin-right:1.3%;
background-color:#e0e0e0;
height:210px;
}


section#prox_clase2{
width:24%;
float:right;
position:relative;
font-size:12px;
margin-left:0px;
background-color:#e0e0e0;
height:210px;
}






section#prox_clase .sistemasimg{
margin-top:0px;
width:100%;
-webkit-filter: grayscale(100%);
}

section#prox_clase .sistemasimg:hover{
opacity:1;
-webkit-filter: grayscale(0%);
}


section#prox_clase2 .sistemasimg{
margin-top:0px;
width:100%;
-webkit-filter: grayscale(100%);
}

section#prox_clase2 .sistemasimg:hover{
opacity:1;
-webkit-filter: grayscale(0%);
}


.imgalerta{
float:left;
margin-top:-7px;
padding-right:3px;
width:6%;
}










/* SISTEMAS html */

div#pagina .titulosuperior_sistemas{
font-family: share;
font-size:2.7em;
margin-top:0%;
padding-top:2%;
position: relative;
float: left;
width:100%;
padding-bottom:15px;
color:rgb(255, 17, 134);
border-bottom:3px solid rgb(255, 17, 134);
background-color:rgb(255, 245, 0);
}

section#sistemas{
width:28.7%;
float:left;
margin-top:3%;
padding:15px;
position:relative;
font-size:12px;
background-color:rgb(209, 209, 209);
border:2px solid white;
}


section#sistemas .sistemasimg{
margin-top:10px;
width:100%;
opacity:1;
-webkit-filter: grayscale(100%);
}

section#sistemas .sistemasimg:hover{
opacity:1;
-webkit-filter: grayscale(0%);

}



section#sistemas_hibridos{
width:20.5%;
float:left;
margin-top:%;
padding:15px;
position:relative;
font-size:12px;
background-color:rgb(209, 209, 209);
border:2px solid white;
}

section#sistemas_hibridos .sistemasimg{
margin-top:10px;
width:100%;
opacity:1;
-webkit-filter: grayscale(100%);
}

section#sistemas_hibridos .sistemasimg:hover{
opacity:1;
-webkit-filter: grayscale(0%);
}




/* TECNOLOGIA html */


div#pagina .titulosuperior_general{
font-family: share;
font-size:2.7em;
margin-top:2.6%;
position: relative;
float: left;
width:100%;
padding-bottom:15px;
color:rgb(131, 131, 131);
border-bottom:3px solid rgb(131, 131, 131);
}

div#pagina aside#bibliografia{
float:right;
width:20%;
position:relative;
padding: 15px;
padding-top:3%;
font-size:12px;
display:;
background-color:rgb(255, 245, 0);
}

.biblio{
margin-top:10px;
font-family:share;
font-size:1.2em;
color:rgb(56, 56, 56);
}

.biblio a{
text-decoration:none;
font-family:share;
font-size:1.2em;
color:rgb(255, 17, 134);
}

.biblio a:hover{
color:rgb(0, 0, 0);
}

section#tecnologia{
width:70%;
float:left;
margin-top:3%;
padding:15px;
position:relative;
font-size:12px;
background-color:rgb(224, 224, 224);
}

section#tecnologia .tecnologiaimg{
margin-top:10px;
width:100%;
}



div#novedades_tecno_caja{
width:74%;
float:left;
}

.subtitulo_tecno_top{
font-family:share;
font-size:17px;
border-bottom: 2px solid rgb(131, 131, 131);
display:block;
margin-bottom:-10px;
}

div#novedadestecno{
width:31.6%;
float:left;
margin-top:10px;
padding:5.2px;
position:relative;
font-size:12px;
background-color:#d0caca;
height:440px;}

.texto_tecno{
text-align:left;
}

.texto_tecno a{
text-decoration:none;
font-family:share;
font-size:1.2em;
color:rgb(255, 17, 134);
}


div#novedadestecno .novedadestecnoimg{
margin-top:10px;
width:100%;
}




.subtitulo_tecno{
font-family:share;
font-size:14px;
border-bottom: 1px solid rgb(131, 131, 131);
display:block;
margin-left:0px;
}





.subtitulo_n{
font-family:share;
font-size:14px;
border-bottom: 1px solid rgb(131, 131, 131);
display:block;
margin-left:0px;
}
















/* TECNOLOGIA novedad */



div#pagina aside#otras_novedades{
float:right;
width:20%;
position:relative;
padding: 15px;
padding-top:3%;
font-size:12px;
display:;
background-color:rgb(255, 245, 0);
}




section#novedad1{
width:74.5%;
float:left;
margin-top:3%;
padding:px;
position:relative;
font-size:12px;
background-color:white;;
}


section#novedad1 .novedadimg{
margin-top:10px;
width:100%;
-webkit-filter: grayscale(0%);
}

.novedad_copete{
font-family:share;
font-size:17px;
border-bottom: 0px solid rgb(131, 131, 131);
display:;
color:rgb(255, 245, 0);
background-color:#4b4b4b;
padding:5px;
}


.novedad_volanta{
font-style:italic;
color:#b1abab;
}

.novedad_titulo{
font-family:viga;
font-weight:bold;
font-size:30px;
line-height:100%;
padding-bottom:;
display:block;
color:rgb(72, 72, 72);
padding-top:0px;
padding-bottom:10px;
border-bottom:2px solid #919191;
}

.novedad_bajada{
font-family:share;
font-size:18px;
font-style:;
line-height: 20px;
color:#454545;
}

.novedad_nota{
font-size:13px;
line-height: 17px;
}

.capitular{
font-size:36px;
color:rgb(7, 217, 255);
}

/* NOVEDAD VIDEO */
div#novedad_video {
width: 100%;
padding:;
float:;
clear:both;
}

.epigrafe{
display:block;
font-style:italic;
width:100%;
text-align: center;
}



/* Novedades ASIDE*/


/*
aside#novedades_otras{
float:right;
width:21%;
position:relative;
padding-left:10px;
padding-right:10px;
padding-top:3%;
font-size:12px;
background-color:rgb(255, 255, 255);
}
*/

aside#novedades_otras{
float:right;
width:24%;
position:relative;
padding-left:0px;
padding-right:0px;
padding-top:3%;
font-size:12px;
background-color:rgb(255, 255, 255);
-webkit-filter: grayscale(100%);
}

aside#novedades_otras:hover{
-webkit-filter: grayscale(0%);
}



ul.lista_novedades {
  list-style-type: none;
  margin: 0;
margin-top:10px;
  padding: 0;
}
 
ul.lista_novedades img{
width:100%;
margin-bottom:10px;
}

ul.lista_novedades img:hover{
width:100%;
}

ul.lista_novedades li {
display: block;
width:100%;
height: 100%;
position: relative;
}

span.texto_ventana span {
display: table-cell;
text-align: center;
vertical-align: middle;
}

span.texto_ventana {
background: rgba(0,0,0,0.5);
    color: yellow;
    font-family:share;
    font-size:18px;
    line-height: 19px;
display: table;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity:0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
 
ul.lista_novedades li:hover span.texto_ventana {
opacity: 1;
}











/* TEXTO LECTURA */
.textolectura{
font-size:13px;
line-height: 17px;
}




/* ALUMNO - NIVEL 2 html */


div#programa_todo{
width:100%;

}

section#programa_n2{
width:49%;
margin-top:3%;
position:relative;
font-size:12px;
background-color:white;
margin-right:2%;
padding-right:;
height:160px;
border-bottom:1px dotted gray;
float:left;
}

/*
section#programa_n2 .novedadimg{
margin-top:10px;
width:100%;
-webkit-filter: grayscale(100%);
}
*/



aside#programa_tps{
float:right;clear:right;
width:49%;
position:relative;
padding-left:0px;
padding-right:0px;
padding-top:4%;
padding-left:0px;
font-size:12px;
background-color:rgb(255, 255, 255);
-webkit-filter: grayscale(100%);
}


aside#programa_tps:hover{
-webkit-filter: grayscale(0%);
}

ul.lista_tp {
  list-style-type: none;
  margin: 0;
margin-top:10px;
  padding: 0;
}
 
ul.lista_tp img{
width:100%;
margin-bottom:10px;
}

ul.lista_tp img:hover{
width:100%;
-webkit-filter: grayscale(0%);
}

ul.lista_tp li {
display: block;
width:100%;
height: 100%;
position: relative;
}

span.texto_ventana_tp span {
display: table-cell;
text-align: center;
vertical-align: middle;
}

span.texto_ventana_tp {
background: rgba(0,0,0,0.5);
    color: yellow;
    font-family:share;
    font-size:18px;
    line-height: 19px;
display: table;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity:0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
 
ul.lista_tp li:hover span.texto_ventana_tp {
opacity: 1;
}



/* programa > descargas y apuntes */


div#programa_descargas{
width:100%;
clear:both;
}



nav#p_descargas{
    width:100%;
    position:;
    padding-left:;
    margin-top:10px;
    padding-right:;}

nav#p_descargas ul {
    list-style: none;
    margin:0px;
    padding:0px;
    width:100%;}

nav#p_descargas ul li a{
	text-decoration: none;
    background-color: rgb(255, 245, 0);
	width: 20%;
    padding-top:5px;
    padding-top:5px;
    padding-bottom:5px;
    display: block;
    float: left;
    font-family:share;
    line-height:20px;
	font-size: 1.06em;
	color: rgb(255, 17, 134);
    text-align: center;}

nav#p_descargas ul li a:hover{
	background-color: rgb(72, 72, 72);
	color: rgb(255, 245, 0);
    font-family:shareitalic;
}
    







/* N2 - TP3 html */



section#tp3_principal{
width:28.7%;
float:left;
margin-top:3%;
padding:15px;
position:relative;
font-size:12px;
background-color:rgb(255, 245, 0);
border:2px solid white;
color:rgb(72, 72, 72);
}


section#tp3_principal .tp3img{
margin-top:10px;
width:100%;
}


section#tp3_info{
width:20.5%;
float:left;
margin-top:%;
padding:15px;
position:relative;
font-size:12px;
background-color:rgb(209, 209, 209);
border:2px solid white;
}







div#tp3_combos{
width:100%;
clear:both;
padding-top:2%;
}
.tp3_rubros{
width:100%;
}


/* EQUIPO DOCENTE html */


div#pagina aside#info_docente{
float:right;
width:35%;
position:relative;
padding: 15px;
padding-top:%;
font-size:12px;
margin-top:5.5%;
line-height:2em;
display:;
background-color:rgb(239, 239, 239);
border-left: 1px solid rgb(131, 131, 131);
}





div#caja_docente1{
width:60%;
float:left;
margin-top:5%;
}

div#caja_docente2{
width:60%;
float:left;
margin-top:0%;
}

#docente1{
width:22%;
float:left;
margin-top:0px;
padding:5px;
font-size:12px;
background-color:rgb(255, 255, 255);
clear:;}

#docente1 img:hover{
-webkit-filter: grayscale(0%);
}


.docenteimg{
margin-top:0px;
width:100%;
-webkit-filter: grayscale(100%);
}

.docenteimg_seleccionada{
margin-top:0px;
width:100%;
}


.subtitulo_d{
font-family:share;
font-size:13px;
border-bottom: 0px solid rgb(131, 131, 131);
display:block;
background-color:rgb(229, 229, 229);
}



/* MULTIMEDIA */

div#pagina .titulosuperior_multimedia{
font-family: share;
font-size:2.7em;
margin-top:2.6%;
position: relative;
float: left;
width:100%;
padding-bottom:15px;
color:rgb(255, 245, 0);
border-bottom:3px solid rgb(255, 245, 0);
}

.multimediafondo{
width:100%;
}



/* USUARIO html */

body#bodyusuario{
background-position:center; 
background-image: none;
background-repeat: repeat;
background-color: rgb(75, 75, 75);
}

div#pagina .titulosuperior_usuario{
font-family: share;
font-size:2.7em;
margin-top:2.6%;
position: relative;
float: left;
width:100%;
padding-bottom:15px;
color:rgb(255, 245, 0);
border-bottom:3px solid rgb(255, 245, 0);
}

section#signin{
width:40%;
float:left;
background-color: #ba1919;
margin-top:8%;
margin-left:10%;
padding:15px;
position:relative;
font-size:12px;
display:;
background-color:rgb(209, 209, 209);
border:2px solid white;
}

section .usuariotelefono{
margin-top:10px;
width:100%;
}

section#login{
float:right;
margin-top:8%;
margin-right:14%;
padding:15px;
width:25%;
position:relative;
font-size:12px;
display:;
background-color:rgb(255, 245, 0);
border:2px solid white;
}

section#login h1{
background-color:rgb(255, 255, 255);
font-family:share;
font-weight:100;
font-size:16px;
}

section#signin h1{
font-family:share;
font-weight:100;
font-size:16px;
margin-bottom:1%;
border-bottom:1px solid rgb(131, 131, 131);
}








/**** Footer ****/



div#footer_texto{
margin-top:5%;
border-top:1px solid rgb(165, 165, 165);
float:left;
text-align:left;
width:100%;
font-size:10px;
font-family: arial;
color:rgb(165, 165, 165);
padding-top:1%;
position:relative;
}



































/******************** RESPONSIVE ********************/



/* TELEFONO */
@media all and (min-width:1px) and (max-width:320px){

    
div#pagina{
margin-left:2%;
margin-right:2%;
margin-bottom:19em;
width:auto;
height:auto;
}

    
                /* MENU NAVEGACION */
    
div#logozachin img{
width:40%;
display:block;
margin:auto;
margin-top:10px;
margin-bottom:10px;
}

div#menu_principal{
width:100%;
height:230px;
position:absolute;
background-color:rgb(50,50,50);

}

nav#menu{
position:absolute;
}

nav#menu ul li a{
padding-top:0px;
padding-bottom:0px;
font-size: 1.1em;
}
    
    

    /* Segundo menu - segunda jerarquia */

.img_menu{
display:none;}

nav#menu ul li .menu2_1{
    margin-top:5%;
    color: rgb(100, 100, 100);
    padding-bottom:0px;
    border-bottom: 1px solid rgb(109, 109, 109);
    float:left;width:33%;text-align:center;
    }

nav#menu ul li .menu2_2{
    margin-top:5%;
    color: rgb(100, 100, 100);
    padding-bottom:0px;
    border-bottom: 1px solid rgb(109, 109, 109);
    width:33%;float:left;text-align:center;
    }
    

    
    
    
                /* INDEX */

  
div#bienvenida{
position:relative;
}

.imagen_top{
display:none;
}

div#pagina .bienvenida{
font-family: viga;
line-height:1em;
font-size:2.3em;
position: relative;
float: left;
width:100%;
border-bottom:10px solid rgb(0, 226, 255);
clear:both;
margin-top:0em;}

.dosmilquince{
color:rgb(0, 226, 255);
letter-spacing:px;
}

div#pagina aside#registro{
float:left;
width:70%;
position:relative;
padding: 15px;
font-size:12px;
display:block;
margin-top:10%;
margin-left:10%;
height:200px;
background-color:rgb(255, 245, 0);
}

div#pagina aside#registro h1{
background-color:rgb(255, 255, 255);
font-family:share;
font-weight:100;
font-size:16px;
}


            /* INDEX proximas clases */




section#prox_clase{
width:90%;
clear:both;
}
section#prox_clase .sistemasimg{
display:none;
}

    
    
    
div#proxclase{
width:100%;
margin-top:0px;
}

section#prox_clase{
width:100%;
clear:both;
font-size:12px;
background-color:#e0e0e0;
height:100px;
}


section#prox_clase2{
width:100%;
clear:both;
font-size:12px;
background-color:#e0e0e0;
height:100px;
}


section#prox_clase .sistemasimg{
display:none;
}
section#prox_clase2 .sistemasimg{
display:none;
}


.imgalerta{
display:none;
}

    
    
    
    


}/* fin de responsive TELEFONO */



/* TABLET */
@media all and (min-width:321px) and (max-width:768px){

    
                /* INDEX proximas clases */
section#prox_clase{
width:23%;
float:left;
margin-top:%;
position:relative;
font-size:12px;
background-color:white;
padding:5px;
}

    
    
    
}/* fin de responsive TABLET */


/* COMPUTADORA */
@media all and (min-width:769){




}/* fin de responsive COMPU */