/**** 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: '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;
}



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

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

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







/**** Hoja de estilos - A2 ****/


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(74,74,74);
    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;
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%;
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: 10.5pt;
	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(0, 226, 255);
                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:6%;
margin-bottom:-6px;
max-width:25px;}


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:hover{
    letter-spacing:0px;
    text-align:center;
    background-color:rgb(72, 72, 72);
    color:rgb(255, 245, 0);
}


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_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 **************/







/* TITULOS DE PAGINAS GENERALES */

.titulosuperior_general_fondo{
position:relative;
width:100%;
padding-top:2.28%;
padding-bottom:9px;/* 1.3% */
border-bottom:3px solid rgb(0, 226, 255);
background-image:url(imagenes/barrag0.png);
background-repeat:repeat-x;}

.titulosuperior_general{
font-family: share;
font-size:2.4em;
color:rgb(0, 226, 255);
background-color:white;
padding-top:5%;
padding-right:;
padding-bottom:6px;}


/* TITULOS DE PAGINAS EXTENSION */

.titulo_extension_fondo{
position:relative;
width:100%;
padding-top:2.2%;
padding-bottom:9px;/* 1.3% */
border-bottom:3px solid rgb(255, 17, 134);
background-image:url(imagenes/barray.png);
background-repeat:repeat-x;}

.titulo_extension{
font-family: share;
font-size:2.4em;
color:rgb(255, 17, 134);
background-color:white;
padding-top:5%;
padding-right:;
padding-bottom:6px;}


/* SUBTITULOS */

.subtitulo_linea{
font-family:share;
font-size:14pt;
border-bottom: 1px solid rgb(131,131,131);
display:block;
padding-bottom:3px;
margin-bottom:3%;
}

.subtitulo_linea3{
font-family:share;
font-size:14pt;
border-bottom: 1px solid rgb(131,131,131);
display:block;
padding-bottom:3px;
margin-bottom: -0.5%;}

.subtitulo_linea2{
font-family:share;
font-size:11pt;
border-bottom: 1px solid rgb(131,131,131);
display:block;
padding-bottom:3px;
margin-bottom:3%;
}

/* INDEX html */

div#bienvenida{
position:relative;
}

div#info_bienvenida{
width:72%;
float:left;
}

#info_bienvenida img{
width:100%;
}
    
#info_2015{
float:right;
width:24.3%;
display:block;
background-image: url(imagenes/bienvenida2.svg);
background-position: center;
background-repeat:no-repeat;
border-top:5px solid rgb(0, 226, 255);
border-bottom:5px solid rgb(0, 226, 255);
height:272px;
background-color:rgb(255, 245, 0);
}    

#info_2015:hover{
background-image: url(imagenes/bienvenida4.svg);
border-top:5px solid rgb(255, 245, 0);
border-bottom:5px solid rgb(255, 245, 0);
background-repeat:no-repeat;
background-color:rgb(0, 226, 255);
}

.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:14pt;
border-bottom: 1px 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:white;
height:210px;
}


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



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

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


section#prox_clase2 .sistemasimg{
margin-top:0px;
width:100%;
border-radius: 0px;
-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#sistemas{
width:100%;
float:left;
}

.subtitulo_sistemas{
font-family:share;font-family:share;font-size:13pt;
padding-top:5px;padding-left:5px;padding-bottom:3px;
background-color:rgb(226,226,226);
border-bottom:1px solid rgb(255, 17, 134);
display:block;
}

section#sistemas{
width:31%;
float:left;
margin-top:3%;
padding:px;
background-color:white;
margin-right:3.5%;
height:580px;
font-size:10pt;line-height:17pt;
border-radius:0px;
border-bottom:0px solid rgb(255, 17, 134);
}

section#sistemas2{
width:31%;
float:right;
margin-top:3%;
background-color:white;
clear:right;
height:580px;
font-size:10pt;line-height:17pt;
border-radius:0px;
border-bottom:0px solid rgb(255, 17, 134);
}



section#sistemas_hibridos{
margin-top:3%;
width:22.5%;
float:left;
position:relative;
margin-right:3.5%;
background-color:white;
font-size:10pt;line-height:17pt;
border-radius:0px;
border-bottom:0px solid rgb(255, 17, 134);
height:490px;
}

section#sistemas_hibridos2{
margin-top:3%;
width:22%;
float:right;
position:relative;
margin-left:0px;
background-color:white;
font-size:10pt;line-height:17pt;
border-radius:0px;
border-bottom:0px solid rgb(255, 17, 134);
height:490px;
}

.sistemasimg{
margin-top:10px;
width:100%;
border-radius:15px;
}

.texto_sistemas{
margin-top:10px;
margin-left:20px;
}


/* TECNOLOGIA html */

        /* TECNOLOGIA caja principal */

section#tecnologia{
width:74.5%;
float:left;
margin-top:3%;
clear:both;
font-size:9pt;
background-color:white;}

section#tecnologia img{
width:100%;
}


        /* TECNOLOGIA caja novedades */
div#novedades_tecno_caja{
width:74.5%;
float:left;
clear:left;
}

section#novedadestecno1{
width:31%;
float:left;
position:relative;
margin-bottom:3%;
margin-right:3%;
font-size:12px;
background-color:white;
height:500px;
border:1px solid rgb(203, 203, 203);}

section#novedadestecno2{
width:31%;
float:right;
position:relative;
margin-bottom:3%;
font-size:12px;
background-color:white;
height:500px;
border:1px solid rgb(203, 203, 203);
clear:right;}

.novedadestecnoimg{
width:100%;
}

.fav{width:16px;}

.titulo_novedad_caja{
font-family:exobold;
font-size:25pt;line-height:30pt;
border-bottom: 2px solid rgb(0, 226, 255);
display:block;
margin-left:10px;margin-right:10px;
padding-bottom:10px;
color:rgb(74, 74, 74);
}

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

.texto_tecno{
display:block;
margin-left:10px;
margin-right:10px;
font-size:9pt;
line-height:13pt;
}

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

        /* TECNOLOGIA bibliografia y links */

div#pagina aside#bibliografia{
float:right;
width:20%;
position:relative;
padding-right:10px;
padding-left:10px;
padding-top:10px;
margin-top:3%;
font-size:8pt;
background-color:rgb(226, 226, 226);
clear:right;
}

.biblio_titulos{
font-family:share;
font-size: 10pt;
color:rgb(42, 42, 42);
}

.biblio a{
text-decoration:none;
font-family:share;
font-size: 10pt;
}

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

/* TECNOLOGIA novedad */

section#novedad1{
width:60%;
float:left;
margin-top:3%;
position:relative;
font-size:9pt;line-height:23px;
background-color:white;
}

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

.novedad_fondo{
width:100%;
background-image:url(imagenes/barrag2.svg);
background-repeat:repeat-x;
}

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

.novedad_titulo{
font-family:exobold;
font-weight:bold;
font-size:28pt;
line-height:30pt;
display:block;
color:rgb(72, 72, 72);
padding-top:5px;
padding-bottom:10px;
border-bottom:2px solid rgb(72, 72, 72);
}

.novedad_bajada{
font-family:sharebold;
font-size:13pt;
line-height: 21px;
}

.novedad_nota{
line-height: 20px;
}

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


.novedad_nota_imagen{
float:right;
padding-left:20px;
padding-bottom:10px;}

.novedad_nota_img{
float:right;
max-width:140px;
padding-bottom:5px;}


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

/* NOVEDAD VIDEO */

div#novedad_video {
width: 100%;
padding:;
float:;
clear:both;
}

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

/* Novedades relacionadas */

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);
}

#novedades_otras img{
width:100%;
margin-top:10px;
-webkit-filter: grayscale(100%);
}

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

        #novedades_otras a{
        font-family:exosemibold;
        font-size:10pt;line-height:14pt;
        color:rgb(74,74,74);
        }

        #novedades_otras a:hover{
        font-family:exosemibold;
        color:rgb(0, 226, 255);
        }


.relacionados_titulo{
border-bottom: 2px solid rgb(0, 226, 255);
display:block;
padding-top:5px;padding-bottom:6px;
color:rgb(74, 74, 74);
margin-bottom:10px;
}

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

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

/* ALUMNO - NIVEL 1 html */

aside#n1_objetivos{
margin-top:3%;
width:50%;
float:left;
margin-right:3%;
background-color:white;
font-size:9pt;line-height:14pt;
border-radius:0px;
height:900px;
}

section#unidades_nivel1{
width:47%;
float:right;
margin-top:3%;
clear:right;
height:900px;
}

#unidad_1_bloque{
width:100%;
clear:both;
margin-bottom:5px;}

#unidad_1_bloque:hover{
width:100%;
-webkit-filter: hue-rotate(100deg);}


/* ALUMNO - NIVEL 2 html */

/* Objetivos */

aside#n2_objetivos{
margin-top:3%;
width:50%;
float:left;
margin-right:3%;
background-color:white;
font-size:9pt;line-height:14pt;
border-radius:0px;
height:700px;
}

.niveles_titulo{
font-family:exobold;
font-size:14pt;line-height:20pt;
border-bottom: 0px solid rgb(165, 165, 165);
display:block;        
padding-bottom:3px;
padding-top:3px;
padding-left:6px;
color:rgb(155, 155, 155);
background-color:rgb(227, 225, 225);
}

section#unidades_nivel2{
width:47%;
float:right;
margin-top:3%;
clear:right;
height:700px;
}

section#unidad_a{
margin-top:2%;
width:31.5%;
float:left;
margin-right:3%;
background-color:white;
font-size:10pt;line-height:17pt;
border-radius:0px;
height:;
background-color:#fff100;
}
            section#unidad_a_seleccionada{
            margin-top:2%;
            width:31.5%;
            float:left;
            margin-right:3%;
            background-color:white;
            font-size:10pt;line-height:17pt;
            border-radius:0px;
            height:;
            background-color:rgb(255, 245, 0);
            }
            
            #unidad_a_seleccionada img{
            width:100%;
            padding-top:60px;
            padding-bottom:60px;
            -webkit-filter: hue-rotate(100deg);}

section#unidad_b{
margin-top:2%;
width:31%;
float:right;
position:relative;
margin-left:0px;
background-color:white;
font-size:10pt;line-height:17pt;
border-radius:0px;
height:;
background-color:#fff100;
}

#unidad_a img,#unidad_b img{
width:100%;
padding-top:60px;
padding-bottom:60px;
}

#unidad_a:hover,#unidad_b:hover{
-webkit-filter: hue-rotate(100deg);}

.unidad_titulo{
font-family:exobold;
font-size:12pt;line-height:15pt;
display:block;        
padding-bottom:6px;padding-top:6px;
color:rgb(100, 100, 100);
text-transform: uppercase;
background-color:white;
text-align: center;
}

nav#lista_unidad{
list-style:url(imagenes/bulletflechac.svg);}

/* Nivel 1 TPS */

section#n1_imagentp1{
margin-top:;
margin-bottom:2%;
width:33.5%;
float:right;
background-color:rgb(227, 225, 225);
height:150px;
background-image: url(imagenes/n1tp_1a.jpg);
background-position: right;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
}

        section#n1_imagentp1:hover{
        background-image: url(imagenes/n1tp_1b.jpg);
        background-position: left;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        }

section#n1_imagentp2{
margin-top:;
margin-bottom:2%;
width:33.5%;
float:right;
background-color:rgb(227, 225, 225);
height:150px;
background-image: url(imagenes/n1tp_2a.jpg);
background-position: right;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
}

        section#n1_imagentp2:hover{
        background-image: url(imagenes/n1tp_2b.jpg);
        background-position: left;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        }

/* Nivel 2 TPS */

section#n2_info{
margin-top:;
width:50%;
float:left;
background-color:rgb(227, 225, 225);
height:150px;
border:1px dotted rgb(0, 226, 255);
margin-right:0.5%;
margin-bottom:2%;}

        section#n2_info p{
        padding-left:10px;
        padding-right:10px;
        font-size:9pt;line-height:13pt;
        }

section#n2_dato{
margin-top:;
width:15%;
float:left;
background-color:rgb(227, 225, 225);
height:150px;
border:1px dotted rgb(0, 226, 255);
margin-bottom:2%;}

        section#n2_dato p{
                padding-left:10px;
                padding-right:10px;
                padding-top:10px;
                padding-bottom:10px;
                font-size:8pt;line-height:13pt;
                text-align:center;}

section#n2_imagentp1{
margin-top:;
margin-bottom:2%;
width:33.5%;
float:right;
background-color:rgb(227, 225, 225);
height:150px;
background-image: url(imagenes/n2tp_1a.jpg);
background-position: right;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
}

        section#n2_imagentp1:hover{
        background-image: url(imagenes/n2tp_1b.jpg);
        background-position: left;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        }

section#n2_imagentp2{
margin-top:;
margin-bottom:2%;
width:33.5%;
float:right;
background-color:rgb(227, 225, 225);
height:150px;
background-image: url(imagenes/n2tp_2a.jpg);
background-position: right;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
}

        section#n2_imagentp2:hover{
        background-image: url(imagenes/n2tp_2b.jpg);
        background-position: left;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        }

section#n2_imagentp3{
margin-top:;
margin-bottom:2%;
width:33.5%;
float:right;
background-color:rgb(227, 225, 225);
height:150px;
background-image: url(imagenes/n2tp_3a.jpg);
background-position: right;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
}

section#n2_imagentp3:hover{
background-image: url(imagenes/n2tp_3b.jpg);
background-position: left;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
}

section#programa_n2{
width:49%;
margin-top:5%;
position:relative;
font-size:12px;
background-color:rgb(227, 225, 225);
margin-right:2%;
padding-right:;
height:160px;
border: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%);
}


/* N1 y N2 - GALERIA DE TPS */

div#tp_galeria{
width:100%;
float:left;
clear:both;
margin-top:3%;
}

section#tp_galeria_imagen{
width:20%;
float:left;
}

    div#tp_galeria img{
    width:100%;
    -webkit-filter: grayscale(100%);
    }
    
    div#tp_galeria img:hover{
    -webkit-filter:grayscale(0%);
    }


/* N2 - TP2 html */

.lista_tramas{
width:100%;
}


/* N2 - TP3 html */

div#linea_cyan{
border-bottom:1px dotted rgb(0, 226, 255);
}


section#tp3_pauta{
width:36%;
float:left;
margin-top:3%;
padding:15px;
position:relative;
line-height: 15pt;
background-color:rgb(255, 247, 49);
border:1px dotted rgb(0, 226, 255);
}

        section#tp3_pauta .tp_titulo{
        font-family:exobold;
        font-size:25pt;line-height:30pt;
        border-bottom: 6px solid rgb(0, 226, 255);
        display:block;        
        padding-bottom:10px;
        color:rgb(74, 74, 74);
        text-align:left;
        }

section#tp3_info{
width:58%;
float:right;
margin-top:3%;
background-color:white;
}

.tp3_imagen{
width:100%;
border-radius:15px;
}

.tp3_destacado{
background-color:rgb(93, 93, 93);
color:rgb(255, 245, 0);
padding:5px;
}


/* TP3 -COMBOS */

div#tp3_combos{
width:100%;
float:left;
clear:both;
margin-top:3%;
}

section#comboleft{
width:20%;
float:left;
position:relative;
background-color:white;
height:auto;
}

/*
section#comboright{
width:20%;
float:right;
position:relative;
font-size:12px;
margin-left:0px;
background-color:white;
height:auto;
}
*/

#comboleft img,#comboright img{
-webkit-filter: hue-rotate(100deg);
width:80%;
display: block;
margin:auto;
}

#comboleft img:hover,#comboright img:hover{
-webkit-filter: hue-rotate(0deg);
}


.imagen_ventana{
float:left;
margin-right:%;
margin-left:-5%;
}


/* EQUIPO html */

.subtitulo_doc{
font-family:share;
font-size:14pt;
border-bottom: 1px solid rgb(131,131,131);
padding-bottom:3px;
margin-bottom:2%;
display:block;
width:97%;
}

div#caja_docente1{
width:100%;
float:left;
margin-top:3%;
clear:both;
}

#docente1{
width:20.7%;
float:left;
padding:5px;
padding-bottom:8px;
background-color:rgb(226, 226, 226);
margin-right:3%;
margin-bottom:3%;
margin-top:1%;
}

#docente1 img{
margin-top:0px;
margin-bottom:5px;
width:100%;
-webkit-filter: grayscale(100%);
}

#docente1:hover{
background-color:rgb(0, 226, 255);
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
-ms-transition: background-color 0.5s ease-out;
}

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


/* EQUIPO nombres */
.subtitulo_d{
font-family:share;
font-size:11pt;
line-height: 15pt;
display:block;
text-align:center;
}

#docente1 .subtitulo_d a{
color:rgb(72, 72, 72);
letter-spacing: 0.5px;
}

#docente1 .subtitulo_d a:hover{
color:white;
}


/* EQUIPO ventana de info */

div#pagina aside#info_docente{
float:right;
width:35%;
position:relative;
margin-top:5%;
background-color:white;
border-left: 10px solid rgb(0, 226, 255);
}

.subtitulo_docente{
font-family:share;
font-size:13pt;
line-height: 17pt;
padding-top:5px;padding-left:5px;padding-bottom:3px;
background-color:rgb(255, 245, 0);
border-bottom:3px solid rgb(0, 226, 255);
display:block;
padding-left:15px;
text-align: left;
}

.texto_docente{
display:block;
padding-left:15px;
font-size:9pt;
line-height:17pt;
text-align: left;
}

.redes img{
max-width:50px;
-webkit-filter: grayscale(100%);
}

.redes img:hover{
-webkit-filter: grayscale(0%);
}


/* 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%;
margin-top: 4%;
}


/* USUARIO html */

body#bodyusuario{
background-position:center; 
background-image: url(imagenes/fondo_usuario.png);
background-repeat: repeat;
}


/* TITULO SUPERIOR USUARIO */

.titulo_usuario_fondo{
position:relative;
width:100%;
padding-top:2.28%;
padding-bottom:9px;/* 1.3% */
border-bottom:3px solid rgb(255, 245, 0);
background-image:url(imagenes/barrag3.svg);
background-repeat:repeat-x;}

.titulo_usuario{
font-family: share;
font-size:2.4em;
color:rgb(255, 245, 0);
background-color:rgb(75,75,75);
padding-top:5%;
padding-right:;
padding-bottom:6px;}

/* contenido */

div#usuario_top_usuario{
position:fixed;
top:0px;
right:1.73%;
opacity:1;
z-index:999;
}

section#signin{
width:30%;
float:left;
margin-top:3%;
margin-left:15%;
padding:15px;
position:relative;
font-size:12px;
display:;
background-color:rgb(227, 225, 225);
}

        #contactform_usuario{
        width:115%;
        position:relative;
        float:left;
        }


section#login{
float:right;
margin-top:3%;
margin-right:14%;
padding:15px;
width:30%;
position:relative;
font-size:12px;
display:;
background-color:rgb(227, 225, 225);
}




/* MI SESION */

section#sesion_perfil{
width:36%;
float:left;
margin-top:3.4%;
padding:15px;
padding-bottom:5px;
position:relative;
line-height: 13.4pt;
background-color:rgb(255, 247, 49);
border:1px dotted rgb(0, 226, 255);
text-align: center;
}

        .tp_titulo{
        font-family:exobold;
        font-size:25pt;line-height:30pt;
        border-bottom: 6px solid rgb(0, 226, 255);
        display:block;        
        padding-bottom:7px;
        color:rgb(74, 74, 74);
        text-align: center;
        margin-bottom:5px;
        }


        section#sesion_img{
        background-image: url(imagenes/sesionfoto.jpg);
        background-position: center;
        background-repeat: no-repeat;
        height:210px;
        width:210px;
        margin:auto;
        display:block;
        border-radius:15px;
        background-size: 100%;
        margin-top:5px;
        }

        section#sesion_img:hover{
        background-image: url(imagenes/sesionfotohover.jpg);
        }

section#sesion_info{
width:58%;
float:right;
margin-top:3.8%;
background-color:white;
margin-bottom:3%;
}

/* SESION FAVORITOS */

div#sesionfavoritos{
width:100%;
margin-top:1%;
}

section#fav1{
width:31.9%;
float:left;
position:relative;
margin-top:2%;
margin-right:1.7%;
font-size:12px;
background-color:white;
height:250px;
border:1px solid rgb(203, 203, 203);}

section#fav2{
width:32%;
float:right;
position:relative;
margin-top:2%;
font-size:12px;
background-color:white;
height:250px;
border:1px solid rgb(203, 203, 203);
clear:right;}

section#fav_mas a{
width:32%;
float:right;
position:relative;
margin-top:2%;
font-size:12px;
background-color:white;
height:250px;
border:1px solid rgb(203, 203, 203);
clear:right;
display:block;
}

    section#fav_mas a:hover{
    background-color:black;
    opacity:0.7;
    color:rgb(0, 226, 255);
    }

    .mas_notas{
    font-family:exobold;
    font-size:25pt;line-height:30pt;
    display:block;
    color:rgb(74, 74, 74);
    text-align:center;
    display:block;
    width:auto;
    }

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


/* PAGINA DE CONTACTO */

section#contacto_info{
width:45%;
margin-top:3%;
float:left;
color:rgb(227, 225, 225);}

            .contacto_destacado{
            font-size:14pt;
            font-family:mondabold;
            color:rgb(255, 245, 0);
            }

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

section#contacto_formulario{
width:50%;
margin-top:3%;
float:right;
color:rgb(227, 225, 225);}


/* FORMULARIO CONTACTO */

#caja_formulario{
width:100%;
position:relative;
clear: both;}

.form{width:80%;}

#contactform{
width:60%;
position:relative;
float:left;
}

.form fieldset{
border:0px;
padding:0px;
margin:0px;
width:410px;}

.form p.contact {
font-size: 10px; 
line-height: 14px; }

.form input[type="text"] { width: 100%; }
.form input[type="email"] { width: 100%; }

.form label {
font-size: 10pt;
}

.form input, textarea { 
background-color: rgb(217, 217, 217);
border: 1px solid rgb(217, 217, 217);
padding: 7px;
color: #4b4b4b;
font-size: 9pt;
-webkit-border-radius:6px;
margin-bottom:10px; margin-top:-5px;
}

.form input:focus, textarea:focus {
border: 1px solid rgb(255, 245, 0);
background-color: rgb(255, 245, 0);}

.form input.buttom{ 
background: rgb(255, 245, 0);
display: inline-block; 
padding: 6px 10px 6px; 
color: rgb(255, 92, 127);
text-decoration: none;
box-shadow: 0 1px 3px #414141;
border: none;
position: relative;
cursor:default;
font-size: 14px;
font-family:exomedium;
}


/* Noticias de la catedra */

section#noticia_fecha{
width:15%;
float:left;
margin-top:3%;
position:relative;
background-color:yellow;
height:605px;
text-align: center;
font-family: exobold;
font-size:35pt;
color:rgb(72, 72, 72);
padding-top:40px;
}

section#noticia_catedra{
width:55%;
float:left;
margin-top:3%;
position:relative;
font-size:10pt;line-height:23px;
background-color:white;
border-bottom: 4px solid rgb(0, 226, 255);
margin-left:15px;
}

.color_gris{
color:rgb(165, 165, 165);
}

aside#otras_noticias{
float:right;
width:20%;
position:relative;
padding-right:10px;
padding-left:10px;
padding-top:10px;
margin-top:3%;
font-size:8pt;
background-color:rgb(226, 226, 226);
clear:right;
}

#otras_noticias img{
width:100%;
border-radius: 0px;
-webkit-filter: grayscale(100%);
}

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


/* ERROR */

div#pagina_error{
width:60%;
margin:auto;
}

div#pagina_error img{
display:block;
margin:auto;
margin-top:30%;}

section#link_error{
widows:100%;}

section#link_error a{
color:white;
font-family: share;
text-align: center;
text-decoration: none;
display:block;
padding:7px;
background-color:rgb(72, 72, 72);
margin:auto;
width:200px;
}

section#link_error a:hover{
background-color:rgb(255, 245, 0);
color:rgb(72, 72, 72);
letter-spacing:1px;
-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;
}

/* TALLER DE SERIGRAFIA */


section#serigrafia_cabecera{
width:100%;
margin-top:3%;
}

    section#serigrafia_cabecera img{
    width:100%;
    border-radius:15px;}

section#serigrafia_info{
width:70%;
float:left;
margin-top:4%;
font-size:9pt;
background-color:white;}


            section#serigrafia_info img{
            width:100%;
            }

            section#materiales_pics{
            width:100%;
            clear:both;
            }

            section#mat1{
            margin-top:3%;
            width:18.35%;
            float:left;
            margin-right:2%;
            text-align: center;
            font-family: exobold;
            font-size: 13pt;
            color:rgb(255, 17, 134);
            margin-bottom:3%;
            }

            section#mat2{
            margin-top:3%;
            width:18.35%;
            float:right;
            text-align: center;
            font-family: exobold;
            font-size: 13pt;
            color:rgb(255, 17, 134);
            clear:right;
            margin-bottom:3%;
            }

.bullet_numero{
max-width:27px;
padding-right:5px;
padding-bottom:8px;
padding-top:5px;
float:left;}

/* seri video */

div#serigrafia_video{
width:100%;
padding:;
float:;
clear:both;
margin-top:3%;
}

/* 3 tipos de seri */
section#serigrafia_cajas{
width:100%;
margin-top:3%;}

#serigrafia_cajas img{
margin-bottom:5px;
}
        section#serigrafia_caja1{
        margin-top:4%;
        width:31%;
        float:left;
        margin-right:3.5%;
        background-color:white;
        font-size:9pt;line-height:14pt;
        border-bottom:0px solid rgb(255, 17, 134);
        height:450px;
        }

        section#serigrafia_caja2{
        margin-top:4%;
        width:31%;
        float:right;
        background-color:white;
        font-size:9pt;line-height:14pt;
        border-bottom:0px solid rgb(255, 17, 134);
        height:450px;
        }

/* insumos aside */

aside#insumos{
float:right;
width:20%;
position:relative;
padding-right:10px;
padding-left:10px;
padding-top:10px;
margin-top:3%;
font-size:8pt;
background-color:rgb(226, 226, 226);
clear:right;
height:1520px;
}

/* seri subir */

section#seri_subir{
width:100%;
float:left;
clear:both;
background-color:rgb(255, 245, 0);
background-image: url(imagenes/serigrafia_subir.svg);
background-position: left;
background-repeat: no-repeat;
height:156px;
}

#seri_reglas{
width:33%;
float:left;
margin-right:2%;
margin-left:25%;
margin-top:4.3%;}

#seri_archivo{
width:37.5%;
float:left;
margin-top:4.3%;
}


/* subtitulo sistemas y seri */

.subtitulo_sistemas{
font-family:share;font-family:share;font-size:12pt;
padding-top:5px;padding-left:5px;padding-bottom:3px;
background-color:rgb(226,226,226);
border-bottom:1px solid rgb(255, 17, 134);
display:block;
}

/* Seri galeria */

section#serigrafia_tps{
width:100%;
float:left;
margin-top:3%;
position:relative;
font-size:12px;
background-color:rgba(255, 252, 252, 0);
}

section#serigrafia_tps img{
width:100%;
}



/* Catedra */

div#catedra_frases{
width:100%;
margin-top:1%;
}

        section#frase1{
        width:31.9%;
        float:left;
        position:relative;
        margin-top:3%;
        margin-right:1.7%;
        margin-bottom:2%;
        }

        section#frase2{
        width:32%;
        float:right;
        position:relative;
        margin-top:3%;
        clear:right;
        margin-bottom:2%;
        }

        .frase{
        font-family:exobold;
        font-size:18pt;line-height:23pt;
        display:block;
        color:rgb(167, 167, 167);
        text-align:center;
        }


section#catedra_info{
width:58%;
float:left;
margin-top:4%;
font-size:9pt;
background-color:white;
margin-bottom:6%;
}

section#catedra_foto{
float:right;
width:38%;
margin-top:3%;
clear:right;
margin-bottom:6%;
}

        #catedra_foto img{
        width:100%;
        border-radius:15px;
        height:450px;
        margin-bottom:6%;
        }


section#objetivos_catedra{
width:100%;
}

        #obj1{
        float:left;
        width:32%;
        margin-right:2%;
        background-color:white;
        font-size:9pt;
        }

        #obj2{
        float:right;
        width:32%;
        background-color:white;
        font-size:9pt;
        clear:right;
        }


/*GPS*/

.subtitulo_linea_gps{
font-family:share;
font-size:14pt;
width:58%;
border-bottom: 1px solid rgb(227,225,225);
display:block;
padding-bottom:3px;
color:rgb(227, 225, 225);
margin-top:5%;
margin-left:8%;
margin-bottom:3%;
}

.gps_icono1{
float:left;
margin-top:19px;
width:60px;}

section#n2_dato1{
margin-top:;
width:15%;
float:left;
background-color:rgb(227, 225, 225);
height:150px;
border:1px dotted rgb(0, 226, 255);
margin-bottom:2%;}

section#n2_dato1 p{
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:8pt;line-height:13pt;
    text-align:center;}


section#gps_caja3 img{
margin-top:-0.4%;
width:30%;
float:right;
position:relative;
margin-right:1.5%;
background-color:white;
font-size:10pt;line-height:17pt;
border-radius:20px;
height:495px;
}


section#tecnologia1{
float:left;
font-size:9pt;
color:rgb(105, 105, 105));    
}

section#n2_info_sincupo{
margin-top:;
width:50%;
float:left;
background-color:rgb(227, 225, 225);
background-image: url(imagenes/sincupo-02.svg);
background-position: center;background-repeat: no-repeat;
height:150px;
border:1px dotted rgb(0, 226, 255);
margin-right:0.5%;
margin-bottom:2%;}


        section#n2_info_sincupo p{
        padding-left:10px;
        padding-right:10px;
        font-size:9pt;line-height:13pt;
        }


/* 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%;
}

div#footer_texto1{
margin-top:20%;
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%;
}












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



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

    
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;
}
    
    

    /* Segundo menu - segunda jerarquia */

.img_menu{
display:none;}

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

nav#menu ul li .menu2_2{
    margin-top:0;
    color: rgb(100, 100, 100);
    padding-bottom:0px;    padding-top:5px;

    width:33.5%;float:left;text-align:center;
    }
    
    
/* Menu de contacto */

.menucontacto{
display:none;
}

    
                /* INDEX */

div#bienvenida{
position:relative;
}
            
div#info_bienvenida{
width:100%;
clear:both;
}

#info_bienvenida img{
width:100%;
margin-bottom:3%;
}
    
#info_2015{
float:left;
width:100%;
}
    

            /* INDEX proximas clases */

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

section#prox_clase{
width:96.5%;
clear:both;
background-color:#e0e0e0;
height:auto;
margin-bottom:2%;
padding-left:10px;
}

section#prox_clase2{
width:96.5%;
clear:both;
background-color:#e0e0e0;
height:auto;
margin-bottom:2%;
padding-left:10px;
}

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


#footer_texto{
line-height: 10pt;
}
    
    
}/* fin de responsive TELEFONO */



/* slider */
@media all and (min-width:1px) and (max-width:350px){
div#slider{margin-top:100%;}  
}  

@media all and (min-width:350px) and (max-width:450px){
div#slider{margin-top:80%;}  
}  

@media all and (min-width:450px) and (max-width:500px){
div#slider{margin-top:70%;}  
}  



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

    
div#pagina{
margin-left:110px;
margin-right:2%;
width:auto;
height:auto;
}
    
    
        div#info_bienvenida{
        width:100%;
        clear:both;
        }

        #info_bienvenida img{
        width:100%;
        margin-bottom:3%;
        }

        #info_2015{
        float:left;
        width:100%;
        margin-bottom:3%;
        }

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

div#menu_principal{
width:100px;
}
   

/* Segundo menu - segunda jerarquia */

.img_menu{
display:none;}


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);text-align: center;
}


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);text-align: center;
}



                /* INDEX proximas clases */

    
section#prox_clase{
width:24%;
float:left;
background-color:white;

}

section#prox_clase2{
width:23,5%;
float:left;
background-color:white;
}
 
    
    
}/* fin de responsive TABLET */



/* TABLET 2 */
@media all and (min-width:500px) and (max-width:620px){

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

section#prox_clase{
width:98%;
clear:both;
background-color:#e0e0e0;
height:auto;
margin-bottom:2%;
padding-left:10px;
}

section#prox_clase2{
width:98%;
clear:both;
background-color:#e0e0e0;
height:auto;
margin-bottom:2%;
padding-left:10px;
}

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

   

} /* fin de TABLET2 */





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


}/* fin de responsive COMPU */