* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}




/* Estilos Pagina ZACHIN */

html {
		font-size: 10pt;}


body {
    background-image: url(images/fondo2-01.png);
	background-attachment: fixed;
    background-repeat: repeat;
	margin: 0 auto;
    font-family: 'Dosis', sans-serif;
    }

div#pagina{
    margin: 0 auto;
    position: relative;
    max-width:960px; 
    min-width:320px;
}

#general {
    position: relative;
    margin: auto;
    }
p {
    font-family: 'Open Sans', sans-serif;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;

}
a {
    text-decoration: none;
    color: inherit;
    }


.caption {
    font-size: .7em
    }
.caption a {
    font-size: 1em;
	
    }

/* REDES */
    
section#redes {
    width: 3%;
    margin-left: 1% ;
    float: left;
    }

section#redes ul {
    list-style: none;
    padding: 0;
    margin: 0;
    }

section#redes ul li img {
    width: 100%;
    margin-bottom: 6px;
    }


/* ARTICULOS */

#contenedorarticulos {
    width: 70%;
    height: auto;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    margin: auto;
    padding: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 60px;
    float: left;
    margin-left: 6%;
    box-sizing: border-box
           }


.sliderarticulos{
    width: 100%;
	}


.titulonotaarticulos {

	}

div#articulosmain{
	width: 100%;
    padding: 1.3%;
    float: left;
    }

.bgblancomain {
    background-color: white;
    float: left;
    }

#articulosmain img {
    width: 66%;
    float: left;
    margin: 0;
    }

#articulosmain p {
    width: 34%;
    float: left;
    }

.bgblancomain p {
    padding: 0% 1% 0 1%;
    margin: 0;
    }


.bgblancomain p {
    padding: 1% 2% 0 2%;
    margin: 0;
	font-size: 0.79rem;
    }


.bgblancomain h2 {
    font-weight: 600;
    color: rgb(255, 255, 255);
    font-size: 1.28rem;
    margin: 0;
    margin-top: .6rem;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
    width: 34%    
    }

div#articulossub{
	width: 49%;
	margin-top: 6%;
	margin-right: 2%;
    padding: 1%;
    float: left;
    }

.bgblancosub {
    background-color: white;
    float: left;
    }

#articulossub img {
    width: 45%;
    float: left;
    margin: 0;
    }

#articulossub p {
    width: 100%;
    float: left;
    }

.bgblancosub p {
    padding: 2% 3% 2% 3%;
    margin: 0;
	font-size: 0.79rem;
    }


.bgblancosub h2 {
	width: 50%; 
	font-weight: 600;
    color: rgb(255, 255, 255);
    font-size: 1.1rem;
    margin: 0;
    margin-top: .6rem;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
    }

div#articulosextra{
	width: 100%;
	margin-top: 4%;
    padding: 0.6%;
    float: right;
    }

.bgblancoextra {
    background-color: white;
    float: right;
    }

#articulosextra img {
    width: 45%;
    float: right;
    margin: 0;
    }

#articulosextra p {
    width: 55%;
    float: left;
    }

.bgblancoextra p {
    padding: 2% 3% 1% 3%;
    margin: 0;
	font-size: 0.79rem;
    }


.bgblancoextra h2 {
	width: 50%; 
	font-weight: 600;
    color: rgb(255, 255, 255);
    font-size: 1rem;
    margin: 0;
    margin-top: 0.5rem;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
    }

div#botonpie {
	width: 100%;
	height: 4rem; 
	background-color: rgb(175, 175, 175);
	font-family: 'Dosis', sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	color: #FFF;
	margin-top: 2rem;
	line-height: 4rem;
	text-align: center;
	position: relative;
	float:left
	}

#botonpie:hover{
	background-color: rgb(147, 147, 147);
	color: #FFF;
	}

.bgceleste {
    background-color: rgb(88, 169, 216);
    }
.bgmagenta {
    background-color: rgb(237, 140, 177);
    }
.bgamarillo {
    background-color: rgb(255, 226, 123);
    }


/* ARTICULOS ASIDE */

#contenedorarticulosaside1 {
    width: 17%;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    padding: 1%;
    padding-top: 2.5%;
    padding-left: 1.5%;
    padding-bottom: 1%;
    box-sizing: border-box;
    float: left;
    margin-left: 1.5%;
    }

i#asidearticuloicon{
    position: relative;
    margin-left: 36%;
    margin-bottom: 10%;
    color: rgb(154, 154, 154);
    }

#contenedorarticulosaside2 {
    width: 17%;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    padding: 1%;
    padding-top: 2%;
    padding-left: 1.5%;
    padding-bottom: 0.5%;
    box-sizing: border-box;
    float: left;
    margin-left: 1.5%;
    margin-top: 2%;
    }

#contenedorarticulosaside2 p{
	text-align: center;
	}
	
.asidetitle {
	width: 100%;
    font-family: 'Dosis'; 
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    color: rgb(154, 154, 154);
    line-height: 1.2rem;
    margin-top: 0%;
    }

.listaside {
	width:100%;
	list-style: none;
	margin-left: -15%;
	text-align: left;
	color: rgb(121, 121, 121);
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	font-size: 1.2em;
	}

.subcontentaside {
	width: 200%;
	list-style: none;
	margin-left: -73%;
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	font-size: 0.9em;
	margin-bottom: 5%;
	}


/* ARTICULO 3 (JORGE RECOMIENDA) */

#artjorgeizq {
	width: 45%;
   	padding-top: 0%; 
	margin-top: 0%;    	
	}
	

#artjorgeder {
	text-align: center;	
   	padding-top: 0%;
	width: 40.6%;   
	margin-top: -63%;    
	float: right;
   	}

section #artjorgeimg{
    width:50%;
    background-color: rgb(250, 250, 250);
    border: solid 1px rgb(227, 227, 227);
    float: right;
    padding-top: 2%;
	padding-bottom: 2%;
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
	margin-top: -64%;
    }

section #artjorgeimg img{
    float: left;
    width: 47%;
    padding-left: 0%;
    padding-right: 0%;
	margin: 1.5%;
    box-sizing:padding-box;
    }


/* 	QUIENES SOMOS */

#quienessomos {
	width: 100%
	}

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

#nuestrahistoria {
	width: 45%;
	padding: 1.1% 1.1% 1.1% 1.1%;
	background-color: rgb(237, 140, 177);
	float: left;
	}

#nuestrahistoriasub {
	width: 100%;
	padding: 2% 3% 3% 2%;
	background-color: rgb(255, 255, 255);
	float: left;
	}

.titlesomos {
	color: rgb(237, 140, 177);
	font-family: 'Dosis', sans-serif;
	font-size: 1.2em;
    font-weight: 600;
	text-align: center;
	}

.titlesomos p{
	color: rgb(237, 140, 177);
	font-family: 'Dosis', sans-serif;
	font-size: 1.7em;
    font-weight: 600;
	text-align: center;
	margin-bottom: 0%;
	}

#nuestrahistoria p{
	width: 100%;
	padding: 1% 1.3% 1% 1.3%;
	float: left;
	text-align: center;
	}

.subtitlesomos p{
	width: 50%;
	padding: 2% 1% 1% 0%;
	color: rgb(237, 140, 177);
	font-family: 'Dosis', sans-serif;
	font-size: 1.7em;
    font-weight: 600;
	text-align: left;
	margin-top: 1%;
	margin-bottom: -2%;
	float: right;
	}

.quienestexto {
	width: 50%;
	padding: 3% 0% 2% 0%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	text-align: left;
	margin-bottom: -2%;
	float: right;
	}

div#botonpiequienes {
	width: 100%;
	height: 4rem; 
	background-color: rgb(175, 175, 175);
	font-family: 'Dosis', sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	color: #FFF;
	margin-top: 96%;
	line-height: 4rem;
	text-align: center;
	}

#botonpiequienes:hover{
	background-color: rgb(147, 147, 147);
	color: #FFF;
	}



/* TRABAJOS PRÁCTICOS */

.tituloseccion {
    font-size: 3em;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    color:rgb(121, 121, 121);
    line-height: 2.6rem;
    text-align: left;
	}

#tps {
	width: 100%;	
	font-family: 'Dosis', sans-serif;
	font-size: 1.6rem;
	font-weight: 500;
	color: #FFF;
	padding-left: 1.5%;
	margin-top: 4%;
	margin-bottom: 4%;
	float: left
	}


.tpsimg {
	width: 30%;
	margin-top: -18.5rem; 
	margin-bottom: 5%;
	box-sizing: content-box;
	float:right;
	}

#tps2 {
	width: 31.33%;	
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	font-size: 1.2rem;
	color: #FFF;
	padding-left: 1.5%;
	margin-top: 0;
	margin-bottom: 1%;
	margin-right: 3%;
	float: left; 	
	}


.tpstext {
	width: 31.33%;	
	text-align: center;
	margin-bottom: 1%;
	margin-right: 3%;
	float: left
	}

.tpstext img{
	width: 100%;	
	margin-bottom: 1%;
	margin-right: 3%;
	float: left
	}

.tpsdescargar{
	width: 31.33%;
	text-align: center;
	font-family: 'Dosis', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	background-color: rgb(193, 193, 193);
	color: #FFF;
	float: left;
	margin-right: 3%;
	margin-bottom: 4%;
	}

.tpsdescargar:hover{
	background-color: rgb(147, 147, 147);
	color: #FFF;
	}


	
/* FAQ */


#faqbox {
    width: 54.5%;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    padding: 15px;
    padding-top: 1rem;
    padding-left:1rem; ;
    padding-bottom: 1rem;
	margin-left: 6.5%;
    float:none;
    }

#faqbox2 {
    width: 24%;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    padding: 15px;
    padding-top: 1rem;
    padding-left:1rem; ;
    padding-bottom: 1rem;
    margin-top: -91.1%;
    margin-right: 7%;
    float:right;
    }

#faqcont2 {
    width: 66%;
    margin-bottom: 6%;
    }

h1.faq{
    margin-top: 7%;
    text-align: left;
    margin-left: 1%;
    }

h3{
    margin-top: 7%;
    font-size: 1.2em;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    }


/* FAQ IMGLINKS */


div.imglinks1 {
    width: 100%;
    height:153px;
    background: url(images/trabajos-02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 167%;
    }

div.imglinkstext {
    width:100%; 
    height:153px; 
    background:rgba(1, 148, 255, 0.68); 
    opacity:0; 
    }

.imglinks1:hover .imglinkstext { 
    opacity:1; 
    text-align: center; 
    color:rgb(255, 255, 255); 
    font-size:3em; 
    font-weight:600; 
    font-family: 'Dosis', sans-serif;
    line-height: 1.2em;
    } 

div.imglinks2 {
    width: 100%;
    height:153px;
    background: url(images/clases.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 5%
    }

.imglinks2:hover .imglinkstext { 
    opacity:1; 
    text-align: center; 
    color:rgb(255, 255, 255); 
	
    font-size:3em; 
    font-weight:600; 
    font-family: 'Dosis', sans-serif; 
    line-height: 1.2em;
	} 

/* FAQANS BUSCADOR */


#search {
        height:125px;
        overflow:hidden;
        position: absolute;
        }

.search-wrapper {
        width:100%;
        height:40px;
        background-color:#f0f0f0;
        margin:43px auto 0;
        margin-bottom: 0%;
        margin-top: 0%;
        border:1px solid #e9e9e9;
        -moz-border-radius: 5px; /* FF1+ */
        -webkit-border-radius: 5px; /* Saf3-4 */
        border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
        position:relative;
        float: right;
        
        }

.search-box {
        width:80%;
        height:60%;
        background-color:#fff;
        margin:5px 7px;
        -moz-border-radius: 5px; /* FF1+ */
        -webkit-border-radius: 5px; /* Saf3-4 */
        border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
        position:absolute;
        }

.search-box img.search-icon {
        margin:8px 0 0 5px;
        }

.search-box input {
        border:none;
        height:100%;
        width:96%;
        margin:0;
        font-family: 'Dosis', sans-serif;
        font-weight: 300;
        position:absolute;
        font-size:1.2em;
        padding-left:3%;
        padding-right:0%;
        }

input.submit-button {
        background:url(images/search.gif) no-repeat;
        text-indent:-9999px;
        border:none;
        height:54%;
        width:10%;
        position:absolute;
        top:20%;
        left:85%;
        cursor:pointer;
        //right:15px;
        }



/* FAQBOX1 ANSWERS */

div.faqbox1ans{
    padding: 14px;
    height: auto;
    width: 224px;
    margin-top: 5.5%;
    margin-bottom: 6px;
    margin-right: -3%;
    background-color: rgb(255, 255, 255);
    float:right;
    }

div.faqbox1ans h4 {
    text-decoration: underline;
    padding-left: 1px;
    font-weight: 600;
    font-size: 1.09em;
    color: rgba(229, 0, 126, 0.62);
    position:absolute;
    background-color: rgb(255, 255, 255);
    line-height: 0;
    }

div.faqbox1ans ul{
    width: 100%;
    padding-top: 8%;
    padding-left: 0%;
    }

div.faqbox1ans ul li {
    width: 95%;
    list-style-type: none;
    display: block;
    padding: 10px;
    position: relative;
    right: 1.7%;
    }

div.faqbox1ans ul li a{
    padding: 1px;
    list-style-type: none;
    font-size: 0.9em;
    font-family: 'Open Sans',sans-serif;
    font-weight: 500;
    color: rgba(23, 23, 23, 0.62);
    line-height: 0;
    text-align: left;
    }
	
div.faqbox1ans ul li a:hover{
    color: rgba(240, 0, 134, 0.64);
    }


/* FAQ TOOGLE */

div.pinklayer h2{
padding-top: 3%;
width: 100%;
color: rgba(240, 21, 145, 0.56);
font-size: 1.6em;
font-weight: 500;    
}

.pinklayer {
margin: 0;
padding: 0;
width: 100%;
margin-bottom: 5%;
}

.pinkheading {
margin: 1px;
font-family: 'Dosis', sans-serif;
font-size: 11pt;
color: rgb(70, 70, 70);
padding: 6px 10px;
cursor: pointer;
position: relative;
background-color:rgba(237, 140, 177, 0.48);
}

.pinkcontent {
padding: 8px 10px;
background-color:rgba(255, 231, 248, 0.67);
font-family: 'Open Sans', sans-serif;
font-size: 9,5pt;
color: rgb(121, 121, 121);
}






/* PROPUESTA DE ACADEMICA */

#propcontenido {
	width: 100%;
	margin-top: 8%;
	}

#propuestabarra {
	width:100%;
	background-color: rgb(237, 140, 177);
	font-family: 'Dosis', sans-serif;
	color: rgb(255, 255, 255);
	font-size: 1.3rem;
	font-weight: 600;
	padding: 0.5% 0.5% 0.5% 1%;	
	margin-bottom: 1.5%;
	float: none;
	}

#propcontenido img {
	width: 45%;
	float: left;
	padding-right: 2%;
	}

#propuestabarra2 {
	width:100%;
	background-color: rgb(237, 140, 177);
	font-family: 'Dosis', sans-serif;
	color: rgb(255, 255, 255);
	font-size: 1.3rem;
	font-weight: 600;
	padding: 0.5% 0.5% 0.5% 1%;	
	margin-bottom: 1.5%;
	float: none;
	}

#propuestasubtitulo {
	width:100%;
	font-family: 'Dosis', sans-serif;
	color: rgb(237, 140, 177);
	font-size: 1rem;
	font-weight: 600;
	margin-top: : 1%;
	margin-bottom: 2%;	
	}

#propuestabarra2 {
	width:100%;
	background-color: rgb(237, 140, 177);
	font-family: 'Dosis', sans-serif;
	color: rgb(255, 255, 255);
	font-size: 1rem;
	font-weight: 600;
	padding: 0.5% 0.5% 0.5% 1%;	
	margin-bottom: 1.5%;
	float: none;
	}

div#botonpieacademica {
	width: 100%;
	height: 4rem; 
	background-color: rgb(175, 175, 175);
	font-family: 'Dosis', sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	color: #FFF;
	margin-top: 3.5rem;
	line-height: 4rem;
	text-align: center;
	}

#botonpieacademica:hover{
	background-color: rgb(147, 147, 147);
	color: #FFF;
	}




/* MAPA DE SITIO */

.elemmapa {
	font-family: 'Dosis', sans-serif;
	font-size: 1.6em;
	text-align: center;
	font-weight: 500;
	margin-bottom: 1%;
	color: rgb(255, 255, 255);
	float: left;
	padding: 6px;
	}
.elemmapa:hover {
	font-weight: 600;
	}
.ancho1 {width: 100%}
.ancho2 {width: 34%;
margin-right: 1%;}
.ancho3 {width: 14.5%;
margin-right: 1%;}

.mapain2 {
	width: 25%;
	height: 22%;
	font-family: 'Dosis', sans-serif;
	font-size: 1.4rem;
	text-align: center;
	line-height: center;
	font-weight: 500;
	margin-top: 1%;
	width: 100%;
	color: rgb(255, 255, 255);
	float: left;
	padding: 6px;
	
	}
 .altura {
	min-height: 480px;
	
	
	}
.mapain3 {
	width: 25%;
	height: 20%;
	font-family: 'Dosis', sans-serif;
	font-size: 1rem;
	text-align: center;
	line-height: center;
	font-weight: 500;
	color: rgb(255, 255, 255);
	margin-top: 1%;

	}



/* GALERIA */

.trescolumnas {
    width: 75%;
    float: left;
    }
.unacolumna {
    width: 23%;
    float: right;
    box-sizing: content-box;
    }




.contenidogaleria, .contenidogaleriataller {
    width: 100%;
    float: left;
    }

.anchocolumna-gal, .tp {
    width: 15.83%;
}

.anchocalle-gal {
    width: 1%;
}

.tp {
    float: left;
    padding: .8%;
    box-sizing: border-box;
    margin-bottom: 1%;
    
}
    

.tp a {   
    float: left;
    width: 100%;
    }

.tp a img{   
    float: left;
    width: 100%;
    }

    
    
.fechagaleria {
    width: 100%;
    font-weight: 400;
    font-size: 1.5rem;
    color: rgb(255, 255, 255);
    padding-top: .7rem;
    padding-bottom: .7rem;
    padding-left: 6px;
    line-height: .5rem;
    margin-bottom: .5rem;
    box-sizing: border-box;
    float: left;

    }

.fechagaleria2 {
    width: 100%;
    font-weight: 200;
    font-size: 1rem;
    color: rgb(255, 255, 255);
    padding-top: .7rem;
    padding-bottom: .7rem;
    padding-left: 6px;
    line-height: .5rem;
    margin-bottom: .5rem;
    box-sizing: border-box;
    float: left;

    }

.lineometros {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%
    }

.lineometros li {
	float: left;
	margin: 0 1% 0 0;
	padding: .5rem;
	list-style: none;
	width: 32.66%;
	font-family: 'Open Sans';
	text-align: center;
    }

.lineometros li:hover {
	background-color: rgb(121, 121, 121);
	color: white;
    }

.textomaterial {
 	float: left;
	margin-bottom: 1rem;
	}

.actividad {
    width: 100%;
    font-weight: 700;
    font-family: 'Open Sans';
    font-size: .8rem;
    color: rgb(255, 255, 255);
    padding-top: .7rem;
    padding-bottom: .7rem;
    line-height: 0rem;
    margin-bottom: .5rem;
    margin-top: 0;
    box-sizing: border-box;
    float: left;
    text-align: center;

    }
.info {
    float: left;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.65);
    padding: 3% 6%;
    }

#filters {
    width: 100%;
    float: left;
    background-color: rgb(214, 214, 214);
    padding: 4px 0;
    margin-bottom: 1%;
    }
#filters label {
    width: auto;
    float: left;
    font-family: 'Open Sans';
    font-size: .6rem;
    padding: .3rem .5rem;
    margin: 0 .2rem;
}
.ui-group {
    float: left;
	padding: .4rem;
	border: solid 1px rgb(121, 121, 121);
	margin-left: .5rem;

    }
.ayudantes li {
	cursor: pointer;
}

#filters .button {
    background-color: rgb(195, 195, 195);
    border: none;
    margin: 0 1px;
    padding: .3rem .5rem;
    font-family: 'Open Sans';
    float: left;
    font-size: .7rem;
    cursor: pointer;
}

#filters .botn1 {
    background-color: rgb(88, 169, 216);
    border: none;
    margin: 0 1px;
    padding: .3rem .5rem;
    font-family: 'Open Sans';
    float: left;
    font-size: .7rem;
    cursor: pointer;
}
#filters .botn2 {
    background-color: rgb(255, 226, 123);
    border: none;
    margin: 0 1px;
    padding: .3rem .5rem;
    font-family: 'Open Sans';
    float: left;
    font-size: .7rem;
    cursor: pointer;
}

#filters .button:hover {
  background-color: rgb(154, 154, 154);
  
}
#filters .botn1:hover {
  background-color: rgb(162, 197, 217);
color: rgb(121, 121, 121);
  
}

#filters .botn2:hover {
  background-color: rgb(255, 246, 203);
  color: rgb(121, 121, 121);
  
}
.button:active,
.button.is-checked {
    font-weight: 600;
    background-color: rgb(154, 154, 154);
}

.button-group{
    float: left}
    
.otrassecciones {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}
.otrassecciones li {
    list-style: none;
    margin: 3% 0;
    padding: .6rem;
    font-family: 'Open Sans';
    font-size: .75rem;
    font-weight: 600;
    background-color: rgb(227, 227, 227);
    text-align: center;
    
}

.otrassecciones li:hover {
    background-color: rgb(121, 121, 121);
    color: white;
    
}

h2#niveles {
    width: 100%;
    font-size: 1.5rem;
    color: rgb(121, 121, 121);
    padding-left: 5px;
    margin-bottom: 1%;
    box-sizing: border-box;
    font-weight: 400;
    }
aside h2 {
    width: 100%;
    font-weight: 300;
    font-size: 1rem;
    color: rgb(121, 121, 121);
    padding-top: .7rem;
    padding-bottom: .7rem;
    padding-left: 6px;
    line-height: .5rem;
    margin-bottom: 7px;
    box-sizing: border-box;
    }
#botoneratp {
    list-style: none;
    padding: 0;
    float: left;
    margin: auto;
    width: 100%;
    
}

.contenedorpiegaleria {
    padding: 2% 6%;
    margin-top: 10px;
    border: solid 1px rgb(240, 240, 240)
    }


.titulotp {
    list-style: none;
    font-weight: 400;
    font-family: 'Open Sans';
    margin-bottom: .3rem;
    font-size: .9rem;
    margin-right: .2rem;
    display: inline-block;
    padding: .3rem .5rem;
    background-color:  rgb(163, 209, 240);
    width: 49%;
    text-align: center;
    }
.titulotp:hover {
    background-color:  rgb(85, 164, 211);
    color: white;
    }


#nav2 nav {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%
    }
#nav2 nav ul {  
    padding: 0;
    margin-left: 0;
    float: left;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    width: 100%
	}

#nav2 nav ul li {  
    float: left;
    list-style: none;
    font-size: 1rem;
    width: 100%;
    text-align: center;
	} 
 
#nav2 ul li a { 
	text-decoration: none; 
    color: rgb(0, 0, 0)
	} 
#nav2 ul a li:hover{ 
    font-weight: 600;
	}
.fondoceleste {
    background-color: rgb(88, 169, 216);
    }
.fondomagenta {
    background-color: rgb(237, 140, 177);
    }
.fondoamarillo {
    background-color: rgb(247, 220, 94);
    }
.fondogris {
    background-color: rgb(214, 214, 214);
    }
.fondogrisoscuro {
    background-color: rgb(154, 154, 154);
    }
.unacolumna img {
    margin-top: 5px;
    width: 100%
    }
.trescolumnas h2 { 
    float: left;
    }
.tituloseccion {
    font-size: 3em;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    color:rgb(121, 121, 121);
    line-height: 2.6rem;
    text-align: left;
    margin-top: 0%

}

#contenedordocentes {
    width: 70%;
    height: auto;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    margin: auto;
    padding: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 60px;
    float: left;
    margin-left: 6%;
    box-sizing: border-box
           }

#contenedordondeestamos {
    width: 17%;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    padding: 1%;
    padding-top: 2%;
    padding-left: 1%;
    padding-bottom: 1%;
    box-sizing: border-box;
    float: left;
    margin-left: 1.5%;
          }


#autoridades {
    height: 100%;
    float: left;
    
}
#autoridades ul {
    list-style: none;
    padding: 0;
    margin-right: 0;
    float: left;
    margin: 0;
    
    }
#autoridades ul li img {
    width: 100%


    
    }
#autoridades ul li a {
    width: 100%;
    float: left


    
    }
#autoridades ul li {
    float: left;
    width: 24.25%;
    padding: 4px;
    margin-right: 1%;
    box-sizing: border-box;
    line-height: 0;
    
    }


.comision{
    margin: .3rem 0 0 0;
    float: left;
    width: 100%;
    color: rgb(154, 154, 154)
    }
#docentes {
    margin-top:  2%;
    float: left
    
    }
#docentes div {
    float: left;
    width: 49%;
    margin-right: 2%;
    
    }
#docentes ul {
    list-style: none;
    padding: 0;
    margin-right: 0;
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 0;
    }
#docentes ul li img {
    width: 100%
    
    }

#docentes ul li {
    float: left;
    width: 32.666%;
    padding: 1%;
    margin-right: 1%;
    box-sizing: border-box;
    line-height: 0;
    margin-bottom: 3px;
    
    }




.calendario { 
    float: left;
    width: 100%;}

.caja{ 
    width: 19%;
    height: auto;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    padding:0;
    }
.caja a img {
height: 100%;
width: 100%;
    }

#proximoviernes {
    float: left;
    width: 100%;
    margin-bottom: 3%
    }
#proximoviernes #fecha {
    width: 100%;
    text-align: center;
    font-size: 1.7rem;
    color: rgb(121, 121, 121);
    margin: 0;
    padding: 0;
    font-weight: 600;
    }

.viernesnivel {
    float: left;
    width: 49%;
    margin-right: 2%;
    padding-bottom: 4px;

}


.intacordion {
    float: left;
    border-bottom: solid 1px rgb(227, 227, 227);
    border-left: solid 1px rgb(227, 227, 227);
    border-right: solid 1px rgb(227, 227, 227);
    margin: 0;
    padding-bottom: 4px;
	width: 100%;
        
}

.transparencia2 {
    float: left;
    background-color: rgba(255, 255, 255, 0.18);
    padding: 6px 5px;
	width: 100%;
        
        
    }
.transparencia {
    float: left;
    margin: 0;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 5px;
	width: 100%;
        
        
    }
.transparencia2  ul{
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
        
        
    }
.transparencia  ul{
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
        
        
    }

.lugar{
    float: left;
    margin: 4px 0;
    padding: 0;
    list-style: none;
    width: 100%;
	padding-right: 5px;
	padding-left: 5px;
        
        
    }

.lugar a {
    width: 100%;
       
    }

.zona {
    float: left;
    margin-top: 4px;
    margin-bottom: 0;
    width: 100%;
    color: white;
    font-weight: 400;
	cursor: pointer;
	padding-left: 4px;
    }

.pregunta {
    float: left;
    margin-top: 2px;
    margin-bottom: 0;
    width: 100%;
    color: white;
    font-weight: 400;
	cursor: pointer;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	
    }
.respuesta {
	padding: 0;
	margin: 1% 0 1.3% 0;
	
	}
/* HEADER */
 

header {
    height: 50px;
    width: 100%;
    background-color: rgb(206, 206, 206);
    font-size: 1.2rem;
    position:fixed;
    z-index: 10;
    }
header #barra {
	max-width:960px; 
    min-width:320px;
    margin: 0 auto;
    box-sizing: border-box;
	}
header #barra #logo-header a{
	float:left;
    height: 50px;
    padding: 6px;
    box-sizing: border-box;
}
#navegador {
    float: right;
    }
#cssmenu {
    font-family: 'Dosis', Sans-Serif;
    font-size: 1.1rem;
    text-align: left;
    float: left;
    height: 50px;
    width: 100%;

}
#cssmenu > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    background: rgb(206, 206, 206);
}
#cssmenu > ul li#responsive-tab {
  display: none;
}
#cssmenu > ul li {
  font-size: 1.1rem;
  display: inline-block;
  *display: inline;
  zoom: 1;
  


}
#cssmenu > ul li.right {
  float: right;
}
#cssmenu > ul li.has-sub {
  position: relative;
}
#cssmenu > ul li.has-sub:hover ul {
  display: block;
}
#cssmenu > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #b0b0b0;
  border-top: 0 none;
}
#cssmenu > ul li.has-sub ul li {
  display: block;
	font-size: 1.1rem;
	
}
#cssmenu > ul li.has-sub > a {
}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {
  
}
#cssmenu > ul li a {
  display: block;
  padding: 14px 24px 11px 24px;
  text-decoration: none;
  color: rgb(0, 0, 0);
    height: 50px;
    box-sizing: border-box;
	font-size: 1.2rem;
	
    
}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
  background: #a1a1a1;
  color: #fff;
	
}


/* CONTENIDO */

section#caja {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 10px;
    position: relative; 
}
#contenedor {
    width: 88%;
    height: auto;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    margin: auto;
    padding: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 60px;
    float: left;
    margin-left: 6%;
    box-sizing: border-box
    
}
#contenedorhome {
    width: 88%;
    height: auto;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    margin: auto;
    padding: 17px;
    padding-top: 0px;
    top: 60px;
    float: left;
    margin-left: 6%;
    box-sizing: border-box
    
}

/* HOME */

h1.titulohome {
    font-size: 3em;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    color:rgb(121, 121, 121);
    line-height: 2.6rem;
    text-align: left;
    }
.vermas {
    font-weight: 800;
    color: grey;
    }

.light {
    font-weight: 100;
    } 
div#principal{
    padding: .7%;
    float: left;

    }
#principal img {
    width: 66%;
    float: left;
    margin: 0;
    }
#principal p {
    width: 34%;
    float: left;
    }
.sliderhome, .slidergaleria {
    width: 100%;
    float: left;
    }
p {
    font-family: 'Open Sans', sans-serif;
    }


.caption {
    font-size: .7em
    }

.segunda {
    float: left;
    width: 100%;
    
}

.fondoblanco {
    background-color: white;
    padding-bottom: 1rem;
    float: left;
    }
.fondoblanco2 {
    background-color: white;
    float: left;
    }
.fondoblanco p {
    padding: 0% 1% 0 1%;
    margin: 0;
    }
.fondoblanco2 p {
    padding: 1% 2% 0 2%;
    margin: 0;
    }

.anchocolumna-home, .cajitascelestes {
    width: 32%;
}
.anchocalle-home {
    width: 2%;
}
.cajitascelestes {
    padding: .7%;
    float:left;
    margin-bottom: 2%;
    }
.cajitascelestes a {
    }
.fondoblanco h2 {
    font-weight: 400;
    color: rgb(121, 121, 121);
    background-color: rgb(255, 255, 255);
    font-size: 1.5rem;
    margin: 0;
    padding-top: .6rem;
    padding-left: 2%;
    padding-right: 2%;
    
    
    }
.fondoblanco2 h2 {
    font-weight: 600;
    color: rgb(255, 255, 255);
    font-size: 1.5rem;
    margin: 0;
    margin-top: .6rem;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
    width: 34%
    
    
    }

.titulonotahome {

	}

.solotitulo {
    padding-bottom: .6rem;
    width: 100%;
    }


.cajitascelestes p {
    margin: 0;
    margin-top: .2rem;
    padding: 0% 2% 0 2%;
    
}
.cajitascelestes img {
    margin: 0;
    padding: 0;
}
div#amarillo {
    width: 100%;
    float: left
    }
.face {
    text-align: center;
    color: rgb(121, 121, 121);
    margin: 0;
    margin-bottom: 5px;
    
    }
.face2 {
    text-align: center;
    color: rgb(121, 121, 121);
    margin: 0;
    margin-bottom: 5px;
	margin-top: 2.4%;
	float: left;
	width: 100%
    
    }
.botonfacebook {    
    background-color: rgb(250, 247, 178); 
    font-size: 2rem; 
    float: left; 
    width: 49%; 
    text-align: center; 
    box-sizing: border-box;
    color: rgb(121, 121, 121);
    
    }
#botonamarillo {
    margin-right: 1%;
    float: left;
    background-color: rgb(255, 250, 193);
    list-style: none;
    box-sizing: border-box;
    font-size: 2em;

    }
.fondoceleste {
    background-color: rgb(88, 169, 216);
    }
.fondomagenta {
    background-color: rgb(237, 140, 177);
    }
.fondoamarillo {
    background-color: rgb(255, 226, 123);
    }
.fondogris {
    background-color: rgb(214, 214, 214);
    }
/* SANTI POZZI */


.solapa{
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    margin-bottom: 1%;
    margin-top: 6%;
     }

.titulonota{
    font-size: 3em;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    color: rgb(237, 140, 177); 
    background-color: rgba(255, 238, 252, 0.89);
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 1%;
    padding-top: 1%;
    margin-top: 0%;
        }

p#intro {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 1.1rem;
    color: rgb(137, 136, 136);
    }


.subtitulonota {
    color:  rgb(237, 140, 177);
    font-size: 1.6em;
    font-weight: 500;
    }    
    
#texto {
    float: left;
}
.nota{ 
    width: 100%;
    position: relative;
    margin-top: 0%;
    float: left;
    column-count: 3;
    column-gap: 2%;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    }


section #imagenessanti{
    width:100%;
    background-color: rgb(250, 250, 250);
    border: solid 1px rgb(227, 227, 227);
    float: left;
    padding-top: 2%;
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
    }

section #imagenessanti img{
    float: left;
    width: 25%;
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
    }

 p#poster{
     width: 100%;
     color: rgb(129, 129, 129);
     font-weight: 500;
     text-align: center;
     float: left;
     font-size: .8rem;
     }

p#vermas{
    font-family: 'Dosis';
    font-weight: 400;
    font-size: 1.4rem;
    color: rgb(147, 147, 147);
    text-align: center;
    width: 100%;
    float: left;
    margin: 3% 0% 2% 0%;
    }

#piecontenedor {
    width: 88%;
    margin-left: 6%;
    box-sizing: border-box;
    float: left;
}

.contenedorchimango{
    width: 49%;
    background-color: rgba(255, 238, 252, 0.89);
    border: 1px solid rgb(240, 240, 240);
    padding: 1%;
    padding-top: 1.5%;
    padding-left: 1.5%;
    padding-bottom: 1.5%;
    box-sizing: border-box;
    float: left;
    margin-top: 1%;
	min-height: 118px;
    }

.contenedorchimango img{
    float: left;
    width: 23%;
    }

#santipozzifoto{
    float: left;
    width: 18%;
    }

.contenedorchimango h3{
    color:  rgb(237, 140, 177);
    font-size: 1.3rem;
    margin: 0;
    margin-left: 2%;
    width: 70%;
    font-weight: 700;
    float: left
    }

.contenedorchimango p{
    float:left;
    font-family: 'Open Sans', sans-serif;
    font-size: .8rem;
    margin: 0;
    margin-left: 2%;
    width: 78%;
    }

/* VIDEOTECA */

.subtitulonotavideo{
    background-color:  rgb(237, 140, 177);
    color: rgb(255, 255, 255);
    padding: 1%;
    font-family: 'Dosis',sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    float: left;
    width: 100%;
    margin-bottom: 1%;
                }

.subtitulonotametodos{
     color:  rgb(237, 140, 177);
    font-size: 1.5rem;
    font-weight: 600;
    background-color: rgba(214, 214, 214, 0.28);
    padding: 0.5%; 
    margin-bottom:1%;
    margin-top: 1%;
    float: left;
    width: 100%;
    border: 0.1rem solid rgba(237, 140, 177, 0.63);
    text-align: center;
          }

#piecontenedorvideoteca{ 
    width: 88%;
    height: auto;
    margin: auto;
    float: left;
    margin-left: 6%;
    }

.contenedorpievideoteca {
   margin-top: 10px;
    width: 53%;
    float: left;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    margin-right: 2%;
    padding: 2%;
    padding-bottom: 0.5%;
    }

#canalencuentro{
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 2%;
    float: left;
}

.contenedorpievideoteca1 {
    margin-top: 10px;
    width: 100%; 
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    padding: 2%;
    }

.titulopievideoteca{
   color: rgb(195, 195, 195);
    font-size: 1.2rem;
    font-weight: 600;
    width: 100%;
    padding-top: 25%;
    text-align: center;
}

.titulopievideoteca1{
   color: rgb(195, 195, 195);
    font-size: 0.9rem;
    font-weight: 600;
    padding-top: 1%;
    padding-bottom: 0%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: center;
    line-height: 130%;
}





#piedevideoteca{
   width: 45%;
    float: left;
}

.botonerapievideoteca {
    list-style: none;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;
    margin: 3%;
    font-size: .9rem;
    padding: .3rem .5rem;
    background-color: rgb(214, 214, 214);
    text-align: center;
    color: rgb(237, 140, 177);
    }
.botonerapievideoteca:hover {
    background-color:  rgb(237, 140, 177);
    color: white;
    }



#nav3 nav {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%
    }
#nav3 nav ul {  
    padding: 0;
    margin-left: 0;
    float: left;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    width: 100%
	}

#nav3 nav ul li {  
    float: left;
    list-style: none;
    font-size: 1rem;
    width: 100%;
    text-align: center;
    margin-bottom: 2%;
	} 
 
#nav3 ul li a { 
	text-decoration: none; 
    color: rgb(0, 0, 0)
	} 
#nav3 ul a li:hover{ 
    font-weight: 600;
	}




.buttonvideo{
    cursor:pointer;
    color: rgb(237, 140, 177);
    font-size: 1rem;
    background-color: rgba(214, 214, 214, 0.52);
    margin-bottom:1.2%;
    margin-top: 0%;
    margin-right: 1.2%;
    float: left;
    width: 32.5%;
    font-family: 'Dosis', sans-serif;
    text-align: center;
    padding: 0.5%;
}

.buttonvideo:hover{
    font-weight: 600;
}

.buttonvideofinal{
    cursor:pointer;
    color: rgb(237, 140, 177);
    font-size: 1rem;
    background-color: rgba(214, 214, 214, 0.52);
    margin-bottom:1.2%;
    margin-top: 0%;
    margin-right: 0%;
    float: left;
    width: 32.5%;
    font-family: 'Dosis', sans-serif;
    text-align: center;
    padding: 0.5%;
}

.buttonvideofinal:hover{
    font-weight: 600;
}




.offset{
    width:31%;
    float: left;
    margin-right: 3.5%; 
        }

.offset1 {
    width:30.4%;
    float: left;
    margin-right: 0%; 
        }

.videotecatedra{
    width:48%;
    float: left;
    margin-right: 3.5%; 
        }

.videotecatedra1 {
    width:48%;
    float: left;
    margin-right: 0%; 
        }


.imagenesmetodo{
   width: 100%;
   background-color: rgb(214, 214, 214);
   padding: 2%;
        }

.titulometodo{
    font-size: 1.2rem;
    margin-bottom: 2%;
    margin-top: 2%;
    color: rgb(195, 195, 195);
      }

.textometodo{
     margin-top: 0%;
}

.metodosdeimpresion{
   float: left;
}






/* ALUMNOS */

div#alumnos img{
    position: relative;
    margin-bottom: 2%;
    width: 100%;
      }


p#materia{
    padding-bottom: 2%;
    padding-top: 2%;
    font-size: 1rem;
    margin: auto;
    text-align: center;
    background-color: rgb(244, 244, 244);
    border: solid 1%;
    }

section#condicionesalumnos{
    width: 100%;      
}

.condiciones{
    padding-bottom: 6%;
        }

.titulo {
    font-size: 2rem;
    color: rgb(154, 154, 154);
    font-weight: 500;
    }

div#alumnos p{
    font-family: 'Open Sans', sans-serif;
    line-height: 150%;
    margin-top: 0%;
    margin-bottom: 2%;
        }

div#alumnos h3{
    margin-bottom: 2%;
    margin-top: 0.5%;
    font-size: 1.1em;
    }


div#alumnos h2{
    font-weight: 700;
    margin-top: 1%;
    margin-bottom: 3%;
    }

.estructura{ 
    width: 47%;
    float: left;
    padding-left: 0%;
    margin-right: 5%;
          }

.estructura1{ 
    width: 47%;
    float: left;
    padding-left: 0%;
    padding-right: 0%;
          }

section#recomendacion{
    float: left;
    padding-bottom: 2%;
    padding-top: 2%;
    }

#recomendacion1{ 
    float:left; 
    }

#recomendacion2{ 
    float: left;
    width:70%;
    margin-left: 5%;
    }

p#recomendaciones{
    float: left;
    color: rgb(159, 159, 159);
    font-weight: 600;
    line-height: 1rem;
    }

i#textoicono{
    margin-left:10%;
    margin-top: 10%;
    color: rgb(237, 140, 177);
    float: left;
        }

i#lapizicono {
    margin-left:10%;
    margin-top: 10%;
    color: rgb(237, 140, 177);
    float:left;
    }

h2#recomendaciones{
    color: rgb(237, 140, 177);
              }







/* CONTACTO */
    

#contenedorcontacto {
    width: 70%;
    height: auto;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    margin: auto;
    padding: 5%;
    padding-top: 10px;
    padding-bottom: 30px;
    top: 60px;
    float: left;
    margin-left: 6%;
    box-sizing: border-box
           }


#contenedorcontactofadu {
    width: 17%;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    padding: 1%;
    padding-top: 2.5%;
    padding-left: 1.5%;
    padding-bottom: 1%;
    box-sizing: border-box;
    float: left;
    margin-left: 1.5%;
          }

#contenedorcontactofaq {
    width: 17%;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    padding: 1%;
    padding-top: 2%;
    padding-left: 1.5%;
    padding-bottom: 0.5%;
    box-sizing: border-box;
    float: left;
    margin-left: 1.5%;
    margin-top: 2%;
              }

.extracontacto{
    font-family: 'Dosis'; 
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    color: rgb(154, 154, 154);
    line-height: 1.5rem;
    margin-top: 0%;
	margin-bottom: 2%
        }

.extracontacto1{
    font-family: 'Dosis'; 
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    color: rgb(154, 154, 154);
    line-height: 1rem;
    margin-top: 0%;
        }
.practica{
    font-family: 'Dosis'; 
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    color: rgb(154, 154, 154);
    margin-bottom: 0%;
        }

i#edificio{
    position: relative;
    margin-left: 36%;
    margin-bottom: 10%;
    color: rgb(154, 154, 154);
          }

i#faqcontacto{
    position: relative;
    margin-left: 36%;
    margin-bottom: 10%;
    color: rgb(154, 154, 154);
    margin-bottom: 3%;
          }


p#nivel1{
    font-family: 'Dosis';
    font-weight: 600;
    text-align: center;
    color: rgb(255, 87, 184);
        }
.planoclases {
	float: left;
	margin-top: 5%;
	}

form {
    font-weight: 500;
    font-size: 1.2rem;  
    color: rgb(198, 197, 197);
    }

h1{
    font-size: 2rem;
    font-weight: 600;
    color: rgba(229, 0, 126, 0.74); 
         }

textarea{
    width: 100%;
    height: 180px;
         }

p#contacto{
    font-family: 'Open Sans', sans-serif;
    margin-top: -2%;
    margin-bottom: 2.5%;
    line-height: 1.3rem;
    width: 95%;
         }

.buttonenviar {
    background-color: rgb(154, 154, 154);
    border: none;
    margin: 1% 0 0 0;
    padding: .3rem .5rem;
    font-family: 'Open Sans';
    float: left;
    font-size: 1rem;
    cursor: pointer;
	float: left;
	width: 20%
}

.buttonbuscar {
    background-color: rgb(154, 154, 154);
    border: none;
    margin:  0 0 0;
    padding: .2rem;
    font-family: 'Open Sans';
    float: left;
    font-size: 1rem;
    cursor: pointer;
	float: right;
	width: 20%
}

form {
    line-height: 1.7rem;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
	
      }
input#nombrecontacto {
    width: 49%;
	margin-right: 0;
	float: left;
      }
input#apellidocontacto{
    margin-left: 2%;
	width: 49%;
	
	float: left
       }
input#mailcontacto{
    width: 49%;
	margin-right: 0;
	float: left;
        }
input#nivelcontacto{
    margin-left: 2%;
	width: 49%;
	
	float: left
       }

input#asuntocontacto{
	width: 100%;
	margin-bottom: 2%;
         }
input#buscador{
	width: 77%;
	margin-bottom: 2%;
	float: left;
         }
.contbuscador {width: 100%;
float: left; padding: 4px;}


/* PARA MI ZACHIN */


h1#parami{
     margin-top: 1%;
    margin-bottom: 5%;
         }

h3#cita{
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: center;
    background-color: rgb(250,250,250);
    padding:1rem;
    position: relative;
             }


.notazachin{ 
    width: 100%;
    position: relative;
    margin-top: 0%;
    float: left;
    column-count: 2;
    column-gap: 2%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    }

#testimoniosparami{
    float: left;
    width: 100%;
              }


.cajatestimonio{
    float: left;
    width: 100%;
    margin-bottom: 0%;
         }

.testimonios1{
    background-color: rgb(247, 247, 247);
    padding: 1.5rem;
    padding-top: 0%;
    padding-bottom: 0%;
    width: 57%;
    float:left;
    border: 0.1rem solid rgba(237, 140, 177, 0.63);
    margin-bottom: 2%;
    margin-right:2%;
    margin-top: 0%;
    
                }


.oraciontestimonio1{
     color: rgba(230, 0, 126, 0.56);
    font-size: 1.32em;
    font-weight: 500;
    float: left;
          }


.testimonios1bis{
    background-color: rgb(247, 247, 247);
    padding: 1.5rem;
    padding-top: 0%;
    padding-bottom: 0.4%;
    width: 51.5%;
    float:left;
     border: 0.1rem solid rgba(237, 140, 177, 0.63);
    margin-bottom: 2%;
    margin-right:0%;
    margin-top: 0%;
                }


.oraciontestimonio2{
    background-color: rgb(247, 247, 247);
    padding: 1rem;
    padding-top: 3%;
    padding-bottom: 3%;
    margin-top: 0%;
    text-align: center;
    width: 100%;
    float:left ;
     border: 0.1rem solid rgba(237, 140, 177, 0.63);
    margin-bottom: 2%;
    margin-top: 0%;
    font-family: 'Dosis', sans-serif;
    color: rgba(230, 0, 126, 0.56);
    font-weight: 400;
    font-size: 1.3rem;
      }

.testimonios2{
    background-color: rgb(247, 247, 247);
    padding: 1.5rem;
    padding-top: 0.25%;
    padding-bottom: 0.7%;
    width: 68%;
    float:left;
     border: 0.1rem solid rgba(237, 140, 177, 0.63);
    margin-bottom: 0%;
    margin-right:2%;
    margin-top: 0%;
                }


.imagenesopinion3{
    background-color: rgb(247, 247, 247);
    padding: 1%;
    float: left;
     border: 0.1rem solid rgba(237, 140, 177, 0.63);
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 2%;
    width: 26%;
            }

.imagenesopinion3 img{
   width: 100%;
}



.imagenesopinion1{
    background-color: rgb(247, 247, 247);
    padding: 1%;
    padding-bottom: 1.5%;
    float: left;
     border: 0.1rem solid rgba(237, 140, 177, 0.63);
    float: left;
    margin-right: 2%;
    margin-top: 0%;
    margin-bottom: 2%;
    width: 46.5%;
            }

.imagenesopinion1 img{
   width: 100%;
}

.imagenesopinion2{
    background-color: rgb(247, 247, 247);
    padding: 1%;
    padding-bottom: 1.5%;
    float: left;
     border: 0.1rem solid rgba(237, 140, 177, 0.63);
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 2%;
    width: 41%;
            }

.imagenesopinion2 img{
   width: 100%;
}

.imagenesopinion img{
   width: 100%;
}


.imagenesopinion3{
    background-color: rgb(247, 247, 247);
    padding: 1%;
    float: left;
     border: 0.1rem solid rgba(237, 140, 177, 0.63);
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 2%;
    width: 30%;
            }

.zacho{
    float: left;
        }


.artistaimagenesrecomendacion{
    font-family:'Dosis', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    margin:0.5%;
    text-align: center;
    padding: 0.5%;
    background-color: rgb(240,240,240);
    color: rgb(180,180,180);
    width: 100%;
        }

#noches{
    width: 17%;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    padding: 1%;
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 1%;
    box-sizing: border-box;
    float: left;
    margin-left: 1.5%;
        }

#noches img{
    margin-top: 5%;
}

#contenedordondeestamos {
    width: 17%;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(240, 240, 240);
    padding: 1%;
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 1%;
    box-sizing: border-box;
    float: left;
    margin-left: 1.5%;
          }






/* JORNADA SOLIDARIA */



p#solidario{
    float: left;
    width: 40%;
    font-family: 'Open Sans',sans-serif;
    position: relative;
    margin-top: 0%;
    margin-right: 2%;
    font-weight: 600;
    margin-bottom: 1%;
    color: rgb(160, 159, 159);
             }

#videosolidario iframe{
    margin-bottom: 1rem;
    float: left;
          }

#contenedoressolidarios{
     margin-top:3%;
}

div#calendario1{
     width: 30%;
    background-color: rgb(250, 250, 250);
    border: solid 1px rgb(227, 227, 227);
    height:auto;
    padding: 3%;
    float: left;
    margin-right:2.5%;
            }



div#calendario1 p{
    width:100%;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    margin-top: 0%;
    float: left;
    }


div#calendario1 img{
          width: 100%;
             }

.titulosolidario{
    color: rgba(229, 0, 126, 0.74);
    font-family:'Dosis', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    margin: 0.5rem;
             }


div#calendario2{
     width: 55%;
     background-color: rgb(250, 250, 250);
    border: solid 1px rgb(227, 227, 227);
    height:auto;
    padding: 2%;
    float: left;
         }


div#calendario2 p{
    width:100%;
    font-size: 0.8rem;
    font-family: 'Open Sans',sans-serif;
    margin-top: 0%;
         }

div#calendario2 img{
    width: 45%;
    float: right;
    padding: 1rem;
    background-color: rgb(235,235,235);
    padding:0.5rem;
    margin-left: 1rem;
            }


div#calendario3{
     width: 55%;
    background-color: rgb(250, 250, 250);
    border: solid 1px rgb(227, 227, 227);
    height:auto;
    padding: 2%;
    padding-bottom: 1%;
    float: left;
    margin-top: 1rem;
            }


div#haciendocamino{
    width: 55%;
    background-color: rgb(250, 250, 250);
    border: solid 1px rgb(227, 227, 227);
    height:auto;
    padding: 2%;
    margin-bottom: 0%;
    margin-top: 2%;
    float: left;
    margin-top: 1rem;
     }

#haciendocamino p{
       
    font-family: 'Open Sans', sans-serif;
    width: 80%;
    margin-left: 20%;
     margin-top: 0%;
   }


#haciendocamino h5{
    float:left;
         }


#haciendocamino h5 i{
    float:left bottom;
    text-align:center;
         }









/* FOOTER */

#contenidofoot {
    padding: 1%;
    max-width:960px; 
    min-width:320px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    padding: 0%;
    padding-left: 1%;
    padding-right: 1%;
    }

footer {
    width: 100%;
    background-color: rgb(206, 206, 206);
    bottom: 0;
    float: left;
    margin-top: 10px;
    
    }



@media all and (min-width: 401px) and (max-width: 840px) {
    #navegador {
        width: 100%;
        background-color: rgb(206, 206, 206)
    }
    section#caja {
    padding-top: 110px;
     }
    
    section#redes {
        position: fixed;
        top: 0;
        right:0;
        width: 40%;
        margin: 0%;
        float: right;
        z-index: 11
    }
    section#redes ul li{
        width: 20%;
        float: left;
        margin-bottom: 0;
        margin-left: 10%;
        margin-top: 7%
    }
    section#redes ul {
        float: right;
        }
    section#redes ul li img {
        width: 100%;
    }
    #cssmenu > ul {
    width: 50%;
  }
  #cssmenu > ul li#responsive-tab {
    display: block;
  }
  #cssmenu > ul li#responsive-tab a {
    background: url('menu_source/images/menu.png') no-repeat;
    background-position: 95% -60%;
  }
  #cssmenu > ul li#responsive-tab a:hover {
    background-color: #a1a1a1;
    background-position: 95% 172%;
  }
  #cssmenu > ul li {
    display: none;
  }
  #cssmenu > ul li.right {
    float: none;
  }
  #cssmenu > ul li.has-sub {
    position: relative;
  }
  #cssmenu > ul li.has-sub ul {
    position: relative;
    width: 100%;
    background: #b0b0b0;
    border: 0 none;
  }
  #cssmenu > ul li.has-sub ul li {
    display: block !important;
  }
  #cssmenu > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #cssmenu > ul li.has-sub > a {
    background-image: none;
  }
    .nota { 
    column-count: 2;
    column-gap: 2%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    } 
    
    .anchocolumna-home, .cajitascelestes {
        width: 49%;
        }
	
	.cajitascelestes, #principal {
	
	padding: 1%;
	}
       
    .anchocolumna-gal, .tp {
        width: 24.25%;
        }
    
#principal img {
    width: 100%;
    float: left;
    margin: 0;
    }
#principal p {
    width: 100%;
    float: left;
    }
    
#principal h2{
    width: 100%
    }
    
.fondoblanco2 {
    padding-bottom: 1rem;
    }
    
    .titulotp {
    width: 48%
    }
    
    /* PARA MI ZACHIN media */

h1#parami{
    margin-bottom: 3%;
    margin-top: 1%;
         }
    
.cajatestimonio{
    float: none;
    width: 100%;
    margin-bottom: 2%;
         }
    
#noches{
    float:left;
    width: 100%;
            }

.notazachin{ 
    width: 100%;
    column-count: 1;
    column-gap: 0%;
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    }

.testimonios{
    width: 100%;
    float:none;
    margin:auto;
    margin-bottom: 2%;
               }
    
 .testimonios1{
    width: 100%;
    float:none;
    margin:auto;
    margin-bottom: 2%;
               }
    
    .oraciontestimonio2{
    width: 100%;
    margin-bottom: 2%;
    float: none;
    }
    
    
/* contacto media */
    
    
    #contenedorcontacto {
    width: 100%;
    margin: 0;
           }
    
    #contenedorcontactofadu {
    width: 100%;
    box-sizing: border-box;
    float: left;
    margin-top: 1%;
    padding-left: 10%;
    padding-right: 10%;    
          }

    #contenedorcontactofaq {
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding-left: 10%;
    padding-right: 10%; 
              }
    
    #edificio{
    float: left;
    width: 30%;
    margin-right: 10%    
    }
    
    #aulas {
    float: left;
    }
    
    i#edificio{
    margin-top: 20%;
    margin-bottom: 15%;    
    }
    
    
    
    /* JORNADA SOLIDARIA */

p#solidario{
    float: left;
    width: 100%;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 1%;
                 }

#videosolidario iframe{
    margin-bottom: 1rem;
    float: none;
          }
    
.caja{ 
    width: 24%;
    height: auto;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    padding:0;
    }

    
}

@media (max-width: 400px) {
  
    header{
    position: relative
    }
    
    header #barra #logo-header{
    float: left;
    
    }
    
    #navegador {
    width: 100%
    }
    #cssmenu > ul {
    width: 100%;
  }
  #cssmenu > ul li#responsive-tab {
    display: block;
  }
  #cssmenu > ul li#responsive-tab a {
    background: url('menu_source/images/menu.png') no-repeat;
    background-position: 95% -60%;
  }
  #cssmenu > ul li#responsive-tab a:hover {
    background-color: #a1a1a1;
    background-position: 95% 172%;
  }
  #cssmenu > ul li {
    display: none;
  }
  #cssmenu > ul li.right {
    float: none;
  }
  #cssmenu > ul li.has-sub {
    position: relative;
  }
  #cssmenu > ul li.has-sub ul {
    position: relative;
    width: 100%;
    background: #b0b0b0;
    border: 0 none;
  }
  #cssmenu > ul li.has-sub ul li {
    display: block !important;
  }
  #cssmenu > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #cssmenu > ul li.has-sub > a {
    background-image: none;
  }
    #pagina { 
        width: 100%;
        position: none;
            
        }
    section#caja {
    padding-top: 10px;
     }
    #contenedorhome, #contenedor {
        width: 100%;
        margin: 0;
        }
    .cajitascelestes {
        width: 100%;
        }

    header {
        height: 100px;
    }
    section#redes {
        display: none;
    }
    
    .botonfacebook{
        width: 100%;
        margin: 10px 0 0 0;
    }
    .nota{ 
    column-count: 1;
    column-gap: 2%;
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    }
    
    #piecontenedor {
    width: 100%;
    box-sizing: border-box;
    float: left;
    margin: 0;
}
    .contenedorchimango {
    width: 100%;
    box-sizing: border-box;
    float: left;
}
    .solapa{
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    margin-bottom: 1%;
    margin-top: 6%;
     }
    .anchocolumna-home, .cajitascelestes {
    width: 100%;
}
    
    .anchocolumna-gal, .tp {
    width: 32.66%;
}
    
    #principal img {
    width: 100%;
    float: left;
    margin: 0;
    }
    #principal p {
    width: 100%;
    float: left;
    }
    
    #principal h2{
    width: 100%
    }
    .fondoblanco2 {
    padding-bottom: 1rem;
    }
    .titulotp {
    width: 100%
    }
    
    
    /* contacto media */
    
    #contenedorcontacto {
    width: 100%;
    margin: 0;
           }

    #contenedorcontactofadu {
    width: 100%;
    box-sizing: border-box;
    float: left;
    margin-top: 1%;
    padding-left: 10%;
    padding-right: 10%;    
          }

    #contenedorcontactofaq {
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding-left: 10%;
    padding-right: 10%; 
              }
    
    #edificio{
    float: left;
    width: 30%;
    margin-right: 10%    
    }
    
    #aulas {
    float: left;
    }
    
    i#edificio{
    margin-top: 20%;
    margin-bottom: 15%;    
    }
    
    
    /* alumnos media */
    
    .estructura{ 
    width: 100%;
    float: none;
              }
    
    #recomendacion2{ 
    width:100%;
    margin-left: 0%;
    margin-top: 3%;
    }
   
    /* PARA MI ZACHIN media */

    
.cajatestimonio{
    float: none;
    width: 100%;
    margin-bottom: 2%;
         }
    
#noches{
    float:left;
    width: 100%;
    margin-bottom: 4%;
            }

.notazachin{ 
    width: 100%;
    column-count: 1;
    column-gap: 0%;
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    }

.testimonios{
    width: 100%;
    float:none;
    margin:auto;
    margin-bottom: 2%;
               }
    
 .testimonios1{
    width: 100%;
    float:none;
    margin:auto;
    margin-bottom: 2%;
               }
    
 .oraciontestimonio2{
    width: 100%;
    margin-bottom: 2%;
    float: none;
    }
    
.imagenesopinion{
    margin-bottom: 2%;
     }    
    
    
    
    /* JORNADA SOLIDARIA media */

p#solidario{
    float: left;
    width: 100%;
    margin-bottom: 2%;
    margin-top: 0%;
             }
    
 #videosolidario iframe{
    margin-bottom: 2%;
    float: left;
     margin-top: 2%;
          }

    
div#calendario1{
     width: 100%;
     padding: 3%;
     margin-bottom:5%;
        }    
    
div#calendario2{
     width: 100%;
            }
    
div#calendario3{
    width:100%;
       }
    
div#haciendocamino{
    width: 100%;
           }
  
	
.caja{ 
    width: 32%;
    height: auto;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    padding:0;
    }
    
    .cajitascelestes, #principal {
	
	padding: 1.2%;
	}
    
}