*{
margin:0px;
padding:0px;
outline:0px;
}


#index{
background-color:#fff;
font-family:'Lato',sans-serif;
font-weight:400;
font-size:16px;
}

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

li{
list-style:none;
}

header{
width:100%;
max-width:960px;
margin:auto;
height: 11rem;
position:relative;
}

.barrasuperior{
width:62%;
margin:auto;
height:1rem;
background-color:white;
border-bottom: solid 0.4rem #b5b2b2;
float: right;
padding:0.5rem 1rem 1rem 1rem;
position:relative;
right: 2.1rem;
}

.logofadu{
position:absolute;
float: left;
left:0rem;
top:1%;
}

.presentacion1{
font-family:'Raleway',sans-serif;
font-weight:300;
font-size: 0.9rem;
color:#6d6a6a;
z-index:2;
position:absolute;
float:left;
left:5.5rem;
top: 1rem;
}

.mapalink{
position:absolute;
left:28rem;
top:0.1rem;
width:100%;
color:rgb(162, 70, 232);
font-size: 0.8rem;  
}

.mapalink:hover{
color: rgba(99, 251, 206, 1);
}

#logo{
position:absolute;
float:left;
left:10%;
top:0.5rem;
z-index: 998; 
}

/*navegacion*/

.slicknav_menu{
display: none;
}

nav{
display: block;
}

.navegador{
float:right;
position:relative;
margin: auto;
top:0.6rem;
right:10rem;
}

nav ul {
float:left;
list-style:none;
}

nav ul li {
position:relative;
cursor:pointer;
display:inline-block;
font-family:'Raleway', sans-serif;
font-size: 0.9rem;
padding: 1rem 2.1rem 1rem 2.1rem;
}

nav ul li:hover{
background-color:rgb(99, 251, 206);
color:white;
cursor: pointer;
}

nav ul li ul{
position:absolute;
display:none;
top:3rem;
visibility:hidden;
width:15rem;
left:0;
z-index:999;
}

nav ul li ul li{
background-color:white;
display: block;
box-shadow:2px 4px 8px #888888;
}

nav ul li ul li:hover{
background-color:rgb(99, 251, 206);
box-shadow:2px 4px 8px #888888;
}

nav ul li ul a{
text-decoration:none;
color:black;
}

nav ul li:hover ul {
display:block;
visibility:visible;
}
    
.ingresar{
font-family:'Raleway',sans-serif;
font-weight: 300;
font-size: 0.9rem;
color:rgb(99, 251, 206);
background-color:#b5b2b2;
padding: 1.6rem 1rem 1rem 1rem;
position: relative;
float: right;
top: 0rem;
left: 30.3rem;
}

.ingresar:hover{
background-color:rgb(99, 251, 206);
color:#b5b2b2;
}

/* inicio pop up    */

    #overlay_form{
	position: absolute;
	border: 5px solid rgba(99, 251, 206, 1);
	padding: 10px;
	background-color:rgba(99, 251, 206, 1);
    width: 230px;
	height: 160px;
    z-index:999;
    box-shadow:2px 4px 8px #888888; 
    top: 7rem;
    left: 41.7rem;
}

#close{
font: 'Raleway', sans-serif;    
font-size: 1.3rem;
color: blueviolet;
margin-top: -1.5rem;
float: right;
}

#overlay_form h4{
font-family: 'Raleway',sans-serif;
color:rgba(162, 70, 232, 1);
font-weight: 600;
}

#overlay_form label{
font-family: 'Lato',sans-serif;
color:rgba(162, 70, 232, 1);
font-weight: 300;
}

#overlay_form .reg a{
font-family: 'Lato',sans-serif;
color:white;
font-size: 0.9rem;    
font-weight: 400;
font-style: italic;
float: right;
}

#overlay_form .reg a:hover{
color:rgba(162, 70, 232, 1);
}

#button{
background-color: white;
color: rgba(162, 70, 232, 1);
font-family: 'Raleway', sans-serif;
font-size: 1rem;
font-weight: 500;
border: none;
padding: 0.5rem 1rem 0.5rem 1rem;
float: left;
}

#button a:hover{
background-color:rgba(162, 70, 232, 1);
color: white;
}

/*fin pop up    */


.vertical{
position:fixed;
top:11rem;
width:0rem;
}

.vertical ul li{
float: left;
padding:0rem 0rem 0rem 0rem;
}

/*fin de navegacion*/


div#contenedor{
width:100%;
max-width:960px;
margin:auto;
height:57rem;
position:relative;
}

.captionslider{
z-index: 999;
position: absolute;
top:12rem;
left: 32rem;
padding: 1rem 1rem 1rem 1rem;
width:37%;
background-color:rgba(162, 70, 232, 0.68);
color: white;
font-family: 'Raleway', sans-serif;
}

.captionslider h1{
font-size: 2rem;
font-weight:500;
text-align: center;
}

.captionslider h3{
font-size: 2rem;
font-weight:300;
text-align: center;}

.captionslider p{
font-size: 0.9rem;
font-weight:300;
}

.captionslider:hover{
background-color:rgba(99, 251, 206, 0.9);
color:grey;
cursor: pointer;
}

.fotorama{
width:90%;
float:right;
position:relative;
top:0rem; 
right: 2rem;
overflow:hidden;
z-index:1;    
}

/*ASIDE del INDEX*/

.paquetesindex{
position:relative;
width:100%;
height:auto;
top: 26.2rem;
left: 4rem;
}

.pindex{
position:absolute;
width:19%;
height: 6rem;
padding:1% 1% 2% 2%;
font-family:'Raleway',sans-serif;
font-size: 0.7em;
font-weight:400;
color:black;
text-align:left;
border-color:rgba(162, 70, 232, 1);
border-style: solid;
border-width: 0.2rem;
}

.pindex2{
position:absolute;
top: 9rem;
width:19%;
height: 5rem;
padding:1% 1% 2% 2%;
font-family:'Raleway',sans-serif;
font-size: 0.7em;
font-weight:400;
color:black;
text-align:left;
border-color:rgba(162, 70, 232, 1);
border-style: solid;
border-width: 0.2rem;
}

.paquetesindex h5{
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:400;
color:rgba(162, 70, 232, 1);
list-style-type:none;
text-decoration: none; 
}

.textoindex{
position:absolute;
width:18%;
height:auto;
top: 43rem;
left: 4rem;
font-family:'Raleway',sans-serif;
font-size: 0.7em;
font-weight:400;
color:black;
text-align:left;
}

.textoindex1{
position:absolute;
top:0rem;
width:100%;
border-left: solid;
border-bottom: solid;
border-color:rgb(99, 251, 206);
border-width: 0.2rem;
left: 41.8rem;
padding:0.8rem 0.8rem 0.8rem 0.8rem;
}

.textoindex2{
position:absolute;
top:0rem;
width:100%;
border-left: solid;
border-bottom: solid;
border-color:rgb(99, 251, 206);
border-width: 0.2rem;
left: 28rem;
padding:0.8rem 0.8rem 0.8rem 0.8rem;
}

.textoindex3{
position:absolute;
top:0rem;
width:100%;
border-left: solid;
border-bottom: solid;
border-color:rgb(99, 251, 206);
border-width: 0.2rem;
left: 14.6rem;
padding:0.8rem 0.8rem 0.8rem 0.8rem;
}

.click{
font-weight: 600;
text-decoration: none;
position: absolute;
top:80%;
left:90%;
color: rgba(162, 70, 232, 1);
font-size: 2rem;
font-weight: 600;
text-decoration: none;
}

.click:hover{
color:rgba(99, 251, 206, 1);
}

.mapa{
position: absolute;
top:45rem;
left: 4rem;
}

.mapa h5{
position:absolute;
top: -1.8rem;
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:400;
color:rgba(162, 70, 232, 1);
list-style-type:none;
text-decoration: none; 
}

/*fin aside index*/

.propuestahome{
width:65%;
height:5rem;
position:relative;
margin: auto;
top:4rem;
right: 2rem;
float: right;
border-style:solid;
border-width:0.2rem;
border-left: none;
border-right: none;
border-bottom-color:rgb(162, 70, 232); 
border-top-color:rgb(162, 70, 232);
}

.propuestahome h3{
position:relative;
top:-2.4rem;    
float: right;
font-family: 'Raleway', sans-serif;
color:rgb(162, 70, 232);
font-size: 1.5rem;
}

.propuestahome p{
font-family:'lato',sans-serif;
font-size: 1rem;
font-weight:400;
font-style:italic;
width:90%;
position:absolute;
left:1rem;
top:0.8rem;
}

.clickpropuesta{
font-size:1.5rem;
font-weight: 600;
text-decoration: none;
position: absolute;
top:2.4rem;
left:38rem;
color: rgba(162, 70, 232, 1);
font-weight: 600;
text-decoration: none;
}

.clickpropuesta:hover{
color:rgba(99, 251, 206, 1);
}


.miniaturas{
list-style-type:none;
position:absolute;
float:right; 
top:32rem;
right:2%;
}

.miniaturas li{
float: left;
display: inline-block;
padding:0.5rem;
}

footer{
width:100%;
max-width:960px;
background-color:#cccaca;
margin:auto;
padding-bottom:1rem;
font-family: 'lato',sans-serif;
font-weight:300;
font-size:0.7rem;
color:white;
line-height:140%;
text-align:center;
}

footer p{
width: 80%;
margin: auto;
padding: 1rem 0rem 0rem 0.5rem;
}


/******************FIN INDEX+++++++++**********/


/*INDEX RESPONSIVE*/

@media only screen and (min-width:320px) and (max-width:767px){ 
    
header{
width: 100%;
max-width:320px;
}    
    
.barrasuperior{
width:22.6rem;
margin:auto;
float:none;
top: 0rem;
border-bottom: none;
border-top:solid 0.4rem #b5b2b2;
height: 1rem;
}

.logofadu{
left:14.2rem;
position: absolute;
top: 3.2rem;
}

.presentacion1{
left:15rem;
font-size: 0.8rem;
position: absolute;
top:6rem;
width: 10rem;
}

.mapalink{
left:0rem;
top:-5.5rem;
width:100%;
color:rgb(162, 70, 232);
font-size: 0.8rem;  
}

#logo{
left:-2rem;
top:1rem;
width:8rem;
z-index: 998;
}

/*navegacion responsive1*/
    
    
.slicknav_menu{
display: block;
z-index: 999;
width: 100%;
max-width:320px;
margin: auto;
} 

.navegador{
display:none;
top:0rem;
right: 1rem;
}

nav ul {
background-color:#c1bfbf;
float:right;
}

nav ul li {
padding: 0.5rem 1rem 0.5rem 1rem;
}

nav ul li:hover{
background-color:rgb(99, 251, 206);
color:white;
cursor: pointer;
}

nav ul li ul{
position:absolute;
display:none;
top:3rem;
width:15rem;
left:0;
z-index:999;
}

nav ul li ul li{
background-color:#dedddd;
display: block;
box-shadow:2px 4px 8px #888888;
}
    
.slicknav_menu .ingresar{
display: none;
}    

.ingresar{
font-size: 0.8rem;
padding: 1rem 1rem 1rem 1rem;
position: relative;
float: right;
top:-6rem;
left: -1rem;
}

.ingresar:hover{
background-color:rgb(99, 251, 206);
color:#b5b2b2;
}
    
    
/* inicio pop up responsive   */

    #overlay_form{
    top: 0rem;
    left:2.6rem;
}

/*fin pop up responsive   */    

.vertical{
display: none;
}


/*fin de navegacion responsive1*/

div#contenedor{
max-width:400px;
height:52rem;
}

.captionslider{
top:2rem;
left:0rem;
padding: 1rem 2rem 1rem 0rem;
width:92%;
}

.captionslider h1{
font-size: 1.5rem;
}

.captionslider h3{
font-size: 1.5rem;
}
.captionslider p{
font-size: 0.8rem;
width: 82%;
margin: auto;
}

.fotorama{
width:100%;
float:none;
top:0rem; 
right:0rem;    
}

/*ASIDE del INDEX*/

.paquetesindex{
position:relative;
top: 18rem;
left: 1rem;
}

.pindex{
width:10.5rem;
height: 7rem;
}
    
.pindex2{
top: 0rem;
left: 12rem;
width:10.5rem;
height: 7rem;
line-height: 1rem;   
}

.textoindex{
display: none;
}

.textoindex1{
display: none;
}

.textoindex2{
display: none;
}

.textoindex3{
display: none;
}

.mapa{
top:40rem;
left: 1rem;
}

.mapa h5{
font-size: 0.8rem;
}
    
.mapa iframe{
width:125%;
}

/*fin aside index responsive*/

.propuestahome{
width:90%;
height:5rem;
margin: auto;
top:4rem;
right:1rem;
}

.propuestahome h3{
font-size: 1.2rem;
}

.propuestahome p{
font-size: 0.9rem;
top:0.4rem;
}

.clickpropuesta{
font-size:1.4rem;
top:3.1rem;
left:20rem;
}

.miniaturas{
position:relative;
float:none; 
top:5rem;
left: 0.5rem;
}
    
.miniaturas img{
width: 8rem;
}

.miniaturas li{
float: left;
display: inline-block;
padding:0.1rem;
}

footer p{
width: 70%;
}

}


@media only screen and (min-width:768px) and (max-width:950px){
        
    
header{
max-width:768px;
}

.barrasuperior{
width:75%;
right:0rem;
}

.logofadu{
top:0.5rem;
}

.logofadu img{
width: 4.5rem;  
}

.presentacion1{
font-size: 0.8rem;
top: 1.2rem;
left: 
}

.mapalink{
position:absolute;
left: 27rem;
top:0rem;
width:40%;
font-size: 0.8rem;  
}

#logo{
left:5%;
top:0.5rem;
width:8rem;
}

/*navegacion*/

.navegador{
top:0rem;
right: 6.5rem;
}

nav ul li {
padding: 1.3rem 2rem 1.3rem 2rem;
}

.ingresar{
padding: 1.6rem 1rem 1rem 1rem;
float: right;
top: 0rem;
left: 31.7rem;
}
    
/* inicio pop up    */

    #overlay_form{ 
    top: 7rem;
    left: 31.8rem;
}


/*fin pop up    */

.vertical{
top:9rem;
}

/*fin de navegacion*/

div#contenedor{
max-width:768px;
height:42rem;
}

.captionslider{
top:6rem;
left: 25rem;
width:40%;
z-index: 998;
}

.fotorama{
width:93%;
top:-2rem; 
right:0rem;    
}

/*ASIDE del INDEX*/

.paquetesindex{
top: 19rem;
left: 3rem;
}

.pindex{
width:22%;
}

.pindex2{
display: none;}

.mapa{
top:29.5rem;
left:3rem;
}
    
.mapa iframe{
width:65%;
}    

/*fin aside index*/

.propuestahome{
width:65%;
top:3rem;
right:0rem;
}

.clickpropuesta{
top:2.8rem;
left:29rem;
}

.miniaturas{
top:29.2rem;
right:0rem;
width: 65%;
border-bottom: solid;
border-bottom-color: rgba(99, 251, 206, 1);
padding-bottom: 0.8rem;
}

.miniaturas li{
padding:0.3rem;
}

.miniaturas img{
width: 9.8rem;
}  
    
.textoindex{
display: none;
}
    
footer{
width:100%;
max-width:960px;
background-color:#cccaca;
margin:auto;
padding-bottom:1rem;
font-family: 'lato',sans-serif;
font-weight:300;
font-size:0.7rem;
color:white;
line-height:140%;
text-align:center;
}

footer p{
width: 80%;
margin: auto;
padding: 1rem 0rem 0rem 0.5rem;
}

}  
/**************FIN INDEX RESPONSIVE**********/




/**************INICIO PROPUESTA**********/



div#contenedor2{
width:100%;
max-width:960px;
margin:auto;
height:45rem;
overflow:hidden;
position:relative;
}

main h4{
width:90%;
position:relative;
margin: auto;
top:0rem;
float:right;
right:2%;
z-index:10px;
text-align:right;
background-color:rgba(162, 70, 232, 0.79);
color: white;
padding: 1rem 1rem 1rem 1rem;
font-family:'Raleway',sans-serif;
font-size: 1.3rem;
font-weight:500;
box-shadow:2px 4px 8px #888888;
}

div.bloquetxt{
position:relative;
margin:auto;
width:93.3%;
margin: auto;
float:right;
right:2%;
height:17.5rem;
top:1rem;
border-bottom:solid; 
border-color: rgba(99, 251, 206, 0.76);
}

.parrafo1{
font-family: 'lato',sans-serif;
font-style: italic;
font-size: 1rem;
font-weight:400;
width:45%;
position:relative;
float:right;
top:1rem;
right:0rem;
}

.parrafo2{
font-family: 'lato',sans-serif;
font-size: 0.9rem;
font-weight:300;
width:45%;
position:absolute;
float:right;
top:7rem;
right:0rem;
}

#grupo{
position:absolute;
width:48%;
float:left;
top:0rem;
left:4.7%;
z-index:-1;
clear: both;
}

.cajapropuesta{
width:65%;
height:5rem;
position:relative;
margin:auto;
top:6.5rem;
right:2rem;
float:right;
border-style:solid;
border-width:0.2rem;
border-left: none;
border-right: none;
border-bottom-color:rgb(99, 251, 206); 
border-top-color:rgb(99, 251, 206);
margin-bottom:4rem;
}

.cajapropuesta1{
width:100%;
position:absolute;
top:0.8rem;
}

.cajapropuesta h3{
position:relative;
top:-3.1rem;    
float: right;
font-family: 'Raleway', sans-serif;
color:rgba(162, 70, 232, 1);
font-size: 1.5rem;
}

.cajapropuesta p{
font-family:'lato',sans-serif;
font-size: 1rem;
font-weight:400;
font-style:italic;
width:90%;
position:absolute;
left:1rem;
}

.cajapropuesta2{
width: 100%;
position: absolute;
top:1rem;}



/**************FIN PROPUESTA**********/


/**************INICIO SRG M1 M2**********/
div#contenedorsrg{
width: 100%;
max-width: 960px;
margin:auto;
height:68rem;
overflow:hidden;
position:relative;
}

div.bloquetxt2{
position:relative;
margin:auto;
width:93.3%;
margin: auto;
float:right;
right:2%;
height:26.5rem;
top:1rem;
border-bottom:solid; 
border-color: rgba(99, 251, 206, 0.76);
}

div.bloquetxt2 h5{
position: absolute;
font-family: 'lato',sans-serif;
font-size: 1rem;
font-weight:600;
right: 16.8rem;
top: 5rem;
color: rgba(162, 70, 232, 1);
}

.parrafo3{
font-family: 'lato',sans-serif;
font-style: italic;
font-size: 1rem;
font-weight:400;
width:40%;
position:relative;
float:right;
top:1rem;
right:0rem;
}

.parrafo4{
font-family:'lato',sans-serif;
font-size: 0.9rem;
font-weight:300;
width:40%;
position:absolute;
float:right;
top:7rem;
right:0rem;
}

#srg{
position:absolute;
height: 27.5rem;
width:53%;
float:left;
top:3.6rem;
left:4.7%;
z-index:-1;
clear: both;
}

.videoresponsive{
position: relative;
margin:0 auto;
height:0;
padding-bottom:56.25%;
}

.videoresponsive iframe{
position: absolute;
height: 100%;
width: 100%;
top:5rem;
left: 0rem;      
}

.cajavideo{
width:65%;
height:29rem;
position:relative;
margin:auto;
top:6.5rem;
right:2rem;
float:right;
border-style:solid;
border-width:0.2rem;
border-left: none;
border-right: none;
border-bottom-color:rgba(162, 70, 232, 1); 
border-top-color:rgba(162, 70, 232, 1);
margin-bottom:4rem;
}

.cajavideo1{
width:100%;
position:absolute;
top:0.8rem;
}

.cajavideo h3{
position:relative;
top:-3.1rem;    
float: right;
font-family: 'Raleway', sans-serif;
color:rgba(162, 70, 232, 1);
font-size: 1.5rem;
}

.cajavideo p{
font-family:'lato',sans-serif;
font-size: 1rem;
font-weight:400;
font-style:italic;
width:90%;
position:absolute;
left:1rem;
}

.cajavideo2{
width: 100%;
position: absolute;
top:1rem;}

.paquetesrg{
position:relative;
width:100%;
height:auto;
top: 36.8rem;
left: 4rem;
}

.paquetesrg h5{
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:400;
color:rgba(162, 70, 232, 1);
list-style-type:none;
text-decoration: none; 
margin-bottom: -0.688rem;
}


.mapasrg{
position: absolute;
top:55.5rem;
left: 4rem;
}

.mapasrg h5{
position:absolute;
top: -1.8rem;
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:400;
color:rgba(162, 70, 232, 1);
list-style-type:none;
text-decoration: none; 
}



/************FIN SRG M1 M2**********/

/************INICIO SRG M1 M2RESPONSIVE**********/
@media only screen and (min-width:320px) and (max-width:767px){    
    
    
div#contenedorsrg{
max-width:400px;
height:1650px;
}
    
main h4{
width:100%;
top:0rem;
right:1rem;
left: 2rem;
text-align: center;
}
    
div.bloquetxt2{
width:100%;
margin: auto;
float:none;
right:0rem;
height:26.5rem;
top:24rem;
}

div.bloquetxt2 h5{
left:0rem;
top: 8rem;
float: left;
}

.parrafo3{
width:100%;
float:left;
top:1rem;
}

.parrafo4{
width:100%;
float:left;
top:10rem;
}

#srg{
height:auto;
width:100%;
float:none;
margin: auto;
top:3.6rem;
left: 0rem;    
z-index:-1;
}


.videoresponsive iframe{
top:7.5rem;
left: 0rem;      
}

.cajavideo{
width:100%;
height:23rem;
top:28rem;
right:0rem;
}

.cajavideo1{
width:100%;
}

.cajavideo h3{
font-size: 1.3rem;
}

.cajavideo p{
font-size: 0.9rem;
width:90%;
left:0rem;
}

.cajavideo2{
width: 100%;
position: absolute;
top:1rem;}

.paquetesrg{
top: 53rem;
left: 0rem;    
}


.mapasrg{
top:91rem;
left:0rem;
}

.mapasrg iframe{
width:126%; 
}  
    
    
}



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

div#contenedorsrg{
max-width:768px;
height:1350px;
}
    
main h4{
width:88%;
top:0rem;
right:0rem;
left: 0rem;
text-align: right;
}    

div.bloquetxt2{
width:90%;
height:26.5rem;
top:1rem;
}

div.bloquetxt2 h5{
right: 13.1rem;
top: 4.2rem;
}

.parrafo3{
top:0.4rem;
right:0rem;
width:43%;
}

.parrafo4{
top:6.7rem;
right:0rem;
width:43%;
}

#srg{
width:48%;
left:3.8rem;
}

.cajavideo{
width:90%;
height:30.5rem;
top:6.8rem;
right:0rem;
margin-bottom:4rem;
}

.cajavideo1{
width:100%;
top:0.8rem;
}

.cajavideo h3{
top:-3.5rem;    
}

.cajavideo p{
width:100%;
left:1rem;
}

.paquetesrg{
top: 72.5rem;
left: 4.9rem;    
}

.mapasrg{
top:71rem;
left:18rem;
}
    
.mapasrg iframe{
width:  190%;
}   
    
}


/************FIN SRG M1 M2RESPONSIVE**********/




/*inicio docentes*/
div.contenedor4{
width:100%;
max-width:960px;
margin:auto;
height:1550px;
overflow:hidden;
position:relative;
}

.titulares h4{
position:relative;
width:90%;
top: 2rem;
float:right;
right:2%;
z-index:10px;
text-align:right;
background:none;
color: rgba(162, 70, 232, 1);
padding: 1rem 1rem 1rem 1rem;
font-family:'Raleway',sans-serif;
font-size: 1.3rem;
font-weight:600;
box-shadow:none;
}

.fotostitulares{
position:relative;
width:95%;
float:right;
top:2rem;
height:15rem;    
border-top-color:rgba(162, 70, 232, 1);
border-bottom-color: rgba(162, 70, 232, 1);   
border-left: white;
border-right: white;
border-style:solid;
}

.titulares ul{
position:relative;
width:100%;
margin: auto;
}

.titulares ul il{
position:relative;
float: left;
top:1rem;
left: 1rem;    
padding:0rem 0.5rem 0rem 0rem;
}

.titulares img{
width:13rem;
}

.botonesdocentes{
position:relative;
width: 100%;
left: 4rem;
}

.botonesdocentes ul{
padding-bottom: 1rem;
width: 100%;

}

.botonesdocentes ul li{
height: 2rem;
float: left;
right: 1rem;
margin: 2rem 0.2rem 1rem 0rem;
width: 30%;
background-color: rgba(162, 70, 232, 0.7);
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-size: 0.8rem;
text-align: center;
color:white;
padding-top: 1rem;
box-shadow:2px 4px 8px #888888;
}

.botonesdocentes ul li:hover{
font-weight:600;
color:black;
background-color: rgba(162, 70, 232, 1);
}


.comision{
position:absolute;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 2rem;
border-style: solid;
border-color: rgba(99, 251, 206, 0.76);
}

.comisiones img{
width: 100%;
}

.comisiones il{
width:90%;
position:relative;
margin:0.45rem;
float:right;
height:100%;
}

.comision h6{
font-family:'Raleway',sans-serif;
font-size: 0.8em;
font-weight:600;
color:rgba(162, 70, 232, 1);
padding: 1% 0% 2% 0%;
}

.comision ul il{
position: relative;
float: right;
width: 15%;
}

.rotulo{
width: 100%;
background-color:white;
font-family:'Raleway',sans-serif;
font-size: 0.9em;
font-weight: 100;
color:rgba(162, 70, 232, 1);
text-align: center;
}

.rotulo:hover{
background-color: rgba(99, 251, 206, 1);
color:rgba(162, 70, 232, 1);
}




/*fin docentes*/
/**********inicio de CRONOGRAMA************/

div#contenedor3{
width:100%;
max-width:960px;
margin:auto;
height:auto;
overflow:hidden;
position:relative;
}

.cronograma #tabs{
background: none;
border: none;
position: relative;
top:5rem;
width:100%;
max-width: 960px;
float: left;
}

.cronograma .tabs-panel
{
display: block;
position: absolute;
width:23%; 
background:none;
border:none;
cursor: pointer;
left: 2.8rem;
}

.cronograma .tabs-panel li
{
width:100%;
background-color: rgba(162, 70, 232, 0.7);
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-size: 0.8rem;
border: none;
cursor: pointer;
}

.cronograma .tabs-panel li:hover
{
color:rgba(162, 70, 232, 0.7);
background-color: rgba(99, 251, 206, 0.76);
cursor: pointer;
}

.cronograma2{
position:relative;
width:72%;
top:-1rem;
float:right;
height:45rem;
border-color: rgba(99, 251, 206, 0.76);
border-width: 0.2rem;
border-style: solid;
box-shadow:2px 4px 8px #888888;
background-color: white;
}

.cronograma2 ul{
position: absolute;
width: 100%;
}

.cronograma2 ul li{
height: 1rem;
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-size: 0.8rem;
text-align: center;
color:black;
}

.cronograma2 h7{
font-family: 'Raleway', sans-serif;
font-weight: 500;
font-size: 1.3rem;
color: rgba(99, 251, 206, 1);
text-align: right;
padding-left: 2%;
}

.agosto{
position:relative;
margin:1% 2% 0% 2%;
width:95%;
}

.agosto h5{
font-family: 'Raleway', sans-serif;
font-weight: 600;
font-size: 1rem;
color: rgba(162, 70, 232, 1);
text-align: right;
}

.septiembre{
position:relative;
top:17rem;
margin:3% 2% 0% 2%;
width:95%;
}

.septiembre h5{
margin:0% 0% 1% 0%;
font-family: 'Raleway', sans-serif;
font-weight: 600;
font-size: 1rem;
color: rgba(162, 70, 232, 1);
text-align: right;
}

.subcontenedor{
position:relative;
width:100%;
}

.subcontenedor1{
width:7%;
height:5.5rem;
float:left;
background-color: rgba(99, 251, 206, 0.3);
/*texto inerior*/
font-family:'Raleway',sans-serif;
font-size: 2rem;
font-weight:500;
color: rgba(162, 70, 232, 1);
padding: 0rem 0rem 0rem 0rem;
margin: 0rem 0rem 0.5rem 0rem;
}

.subcontenedor2{
position:relative;
width:90%;
height:5rem;
float:left;
background-color: rgba(99, 251, 206, 0.3);
padding: 0.5rem 0rem 0rem 0.5rem;
margin: 0rem 0rem 0.5rem 0.5rem;
}
.subcontenedor2 img{
width: 5rem;
float: left;
}

/*
.subcontenedor2 img:hover{
width: 7rem;
}
*/

.subcontenedor2 ul li{
position: relative;
font-family: 'Lato', sans-serif;
text-align: left;
font-weight:300;
font-size:0.8rem;
margin-left:5.5rem;
}

.materialdescarga{
position: relative;
margin:3.5rem 0rem 0rem 0rem;
padding: 1% 0% 0% 0%;
width: 25%;
height:1rem;
background-color: rgba(162, 70, 232, 0.76); 
float: right;
font-family:'Raleway',sans-serif;
font-size: 0.7rem;
font-weight:500;
color:rgba(99, 251, 206, 1);
text-align: center;
}

.materialdescarga:hover{
background-color:rgba(99, 251, 206, 0.3);
cursor: pointer;
color: rgba(162, 70, 232, 1);
}

.descargar{
margin:90% 3% 0% 0%;
padding: 1% 0% 0% 0%;
width: 30%;
height:1.5rem;
background-color: rgba(162, 70, 232, 0.76); 
float: right;
font-family:'Raleway',sans-serif;
font-size: 0.7rem;
font-weight:500;
color:rgba(99, 251, 206, 1);
text-align: center;
}

.descargar:hover{
background-color:rgba(99, 251, 206, 0.3);
cursor: pointer;
color: rgba(162, 70, 232, 1);
}


 /*ASIDE del CRONOGRAMA*/


.paquetes{
display:block;
position:relative;
width:100%;
height:auto;
margin: 8% 0% 5% 5%;
float:left;

}

.click4{
font-size: 1.5rem;
font-weight: 600;
text-decoration: none;
position: absolute;
top: 70%;
left:90%;
color: rgba(162, 70, 232, 1);
font-size: 2rem;
font-weight: 600;
text-decoration: none;
}

.click4:hover{
color:rgba(99, 251, 206, 1);
}


.paquete1{
display: block;
position:relative;
width:19%;
height:100%;
float:left;
margin:0% 1% 0% 0%;
height: 6rem;
padding:1% 1% 2% 2%;
font-family:'Raleway',sans-serif;
font-size: 0.7em;
font-weight:400;
color:black;
text-align:left;
border-color:rgba(162, 70, 232, 1);
border-style: solid;
border-width: 0.2rem;
}

.paquete1 h5{
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:400;
color:rgba(162, 70, 232, 1);
list-style-type:none;
text-decoration: none; 
}


.cajadetexto{
display:block;
width:90%;
height: 6rem;
position:relative;
margin: auto;
top:4rem;
border-style:solid;
border-width:0.2rem;
border-top:none;
border-right: none;
border-bottom-color:rgba(99, 251, 206, 1); 
border-left-color:rgba(99, 251, 206, 1);
}

.parrafo5{
display: block;
font-family: 'lato',sans-serif;
font-size: 1rem;
font-weight:400;
width:90%;
position:relative;
float:right;
right:5%;
top:-3rem;
clear:both;
}

.mapacronograma{
position: absolute;
top:44rem;
left: 3rem;
}

.mapacronograma h5{
position:absolute;
top: -1.8rem;
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:400;
color:rgba(162, 70, 232, 1);
list-style-type:none;
text-decoration: none; 
}

/**fin de CREONOGRANA**/



/*********INICIO GALERIA*********/

div.contenedor5{
width:100%;
max-width:960px;
margin:auto;
height:auto;
overflow:hidden;
position:relative;
}

.botonesgaleria{
position:relative;
width: 95%;
left: 3rem;
}

.botonesgaleria ul{
padding-bottom: 1rem;
width: 100%;
}

.botonesgaleria ul li{
height: 2rem;
float: left;
right: 5rem;
margin: 3rem 0.3rem 1rem 0rem;
width: 24%;
background-color: rgba(162, 70, 232, 0.7);
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-size: 0.8rem;
text-align: center;
color:white;
padding-top: 1rem;
box-shadow:2px 4px 8px #888888;
}

.botonesgaleria ul li:hover{
font-weight:600;
color:black;
background-color: rgba(162, 70, 232, 1);
}
.destacados{
position: relative;
margin-top: 10rem;
}

.destacados h4{
display: block;
position:relative;
width:86.8%;
margin: 0.02rem 0rem -5rem 5.2rem;
float:left;
z-index:10;
text-align:left;
background-color:rgba(162, 70, 232, 0.76);
color: white;
padding: 1rem 1rem 1rem 1rem;
font-family:'Raleway',sans-serif;
font-size: 1.3rem;
font-weight:300;
box-shadow:none;
}

.destacados .fotorama{
display: block;
z-index:2;
margin-bottom: 3rem;
}

.galerias{
position: relative;
height: auto;
width: 95%;
margin: 0rem 1rem 57rem 3rem;
}

.galerias img{
float:left;
}

.galerias ul{
width:75%;
float: right;
}

.galerias ul li{
width:29.5%;
float: left;
margin-left: 0.5rem;
margin-bottom: 1rem;
}
.galeria2{
position: absolute;
top:3rem;
}

.galeria3{
position:absolute;
margin-top: 28rem;
}

.lineados{
margin-bottom: 3rem;
}

.trabajo{
position:absolute;
width: 20%;
height: 1.4rem;
float: right;
background-color:rgba(162, 70, 232, 0.76);
font-family:'Lato',sans-serif;
font-size: 0.7rerm;
font-weight: 300;
color:white;
text-align: right;
padding-right: 1rem;
margin-top: 0.5rem;
}

.alumno{
position:relative;
width: 95%;
height: 1.4rem;
float:left;
background-color:rgba(99, 251, 206, 0.76);
font-family:'Lato',sans-serif;
font-size: 0.9em;
font-weight: 400;
color:black;
text-align:left;
margin-top: -1.8rem;
padding-left: 0.5rem;
}

.lineados{
width:80%;
float: right;
}

.imagendoble{
float: left;
margin-right: 13rem;
}
.imagendoble .trabajo{
width: 42%
}
.imagendoble .alumno{
width: 195%
}

/**fin de GALERIA**/
/*******INICIO DE NOTICIAS****/

.contenedor7{
width:100%;
max-width:960px;
margin:auto;
height:auto;
overflow:hidden;
position:relative;
}

.contenedor7 .botonesdocentes{
position:relative;
width: 91%;
left:2.9rem;
height: 10rem;
margin: 5rem 0rem 0rem 0rem;
padding-left: 2rem;
background-color: rgba(99, 251, 206, 0.76);
}

.botonesdocentes h3{
width: 100%;
position: relative;
float: right;
margin: 0rem 0.5rem 0rem 0.5rem;
z-index:10rem;
text-align:right;
color: rgba(162, 70, 232, 1);
padding: 1rem 1.7rem 0rem 0rem;
font-family:'Raleway',sans-serif;
font-size: 1.3rem;
font-weight:600;
}

.noticia{
width: 90%;
position: relative;
height: 21rem;
margin: 2rem 0rem 0rem 3rem;
border-style: solid;
border-color: rgba(162, 70, 232, 1);
}

.noticia h3{
position:relative;
width:95%;
float:right;
z-index:10rem;
text-align:right;
color: rgba(162, 70, 232, 1);
padding: 1rem 1.7rem 1rem 1rem;
font-family:'Raleway',sans-serif;
font-size: 1.3rem;
font-weight:600;
}
.noticia img{
display: block;
width: 29rem;
position: absolute;
float: left;
}

.txtnoticia{
position:relative;
margin:auto;
width:43%;
height: auto;
padding: 0rem 0.5rem 1rem 0.5rem;
float:right;
border-bottom:solid; 
border-color: rgba(99, 251, 206, 0.76);
}

.txttitular{
font-family: 'lato',sans-serif;
font-style: italic;
font-size: 1rem;
font-weight:400;
text-align: left;
margin-bottom: 1rem;
}

.txtcontenido{
font-family: 'lato',sans-serif;
font-size: 0.9rem;
font-weight:300;
position:absolute;
text-align: left;
}

.fuente{
position:relative;
margin-top: 50%;
float:right;
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:500;
color:rgba(99, 251, 206, 1);
}

.txtnoticia a:hover{
color:rgba(162, 70, 232, 1);
}
    
.actividades{
width: 90%;
position: relative;
height:auto;
margin: 5rem 0rem 1rem 3rem;
margin-bottom: 2rem;
}

.exposiciones{
width:100%;
position: relative;
height: 21rem;
margin-bottom: 5rem;
}

.principal{
width: 100%;
position: relative;
height: 50%;
}

.principal img{
width:29rem;
float: left;
}
.actividades h3{
position:relative;
width:95%;
float:right;
z-index:10rem;
text-align:right;
color: white;
padding: 0.7rem 1.7rem 0.5rem 1rem;
font-family:'Raleway',sans-serif;
font-size: 1.3rem;
font-weight:500;
background-color: rgba(162, 70, 232, 1);
}

.fuente2{
position:relative;
margin-top: 26%;
float:right;
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:500;
color:rgba(99, 251, 206, 1);
}
.secundarias{
width: 100%;
position: relative;
height: 50%;
margin-top: 4rem;
}
.secundarias img{
width: 60%;
float: left;
}
.secundaria1{
width: 49%;
position: relative;
height: 72%;
float: left;
border-style: solid;
border-color:rgba(162, 70, 232, 1); 
}

.secundaria2{
width: 49%;
position: relative;
height: 72%;
float: right;
border-style: solid;
border-color:rgba(162, 70, 232, 1); 
}

.secundarias .txtnoticia{
position:relative;
margin:auto;
width:35%;
height: auto;
padding: 0rem 0.5rem 0rem 0.5rem;
float:right;
border-bottom:solid; 
border-color: rgba(99, 251, 206, 0.76);
}

.txtnoticia .click4{
font-size: 1.5rem;
font-weight: 600;
text-decoration: none;
position: absolute;
top: 70%;
left:90%;
color: rgba(162, 70, 232, 1);
font-size: 2rem;
font-weight: 600;
text-decoration: none;
}

.txtnoticia .click4:hover{
color:rgba(99, 251, 206, 1);
}

/**fin de NOTICIAS**/

/******************INICIO DE PREGUNTAS FRECUENTES+++++++++**********/

div#contenedorpreguntas{
width:100%;
max-width:960px;
margin:auto;
height:2500px;
position:relative;
}

.preguntas{
display:block;
position:relative;
margin:1% 2% 12% 2%;
width:95%;
height:auto;
float:left;
}

.botonespreguntas{
position:absolute;
margin: 0% 3% 0% 5%;
padding: 0% 0% 1% 0%;
width: 23%;
top:11.3rem;
float:left;
}

.botonespreguntas ul{
position: absolute;
width: 100%;
padding-bottom: 1rem;
}

.botonespreguntas ul li{
height: 2rem;
background-color: rgba(162, 70, 232, 0.7);
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-size: 0.8rem;
text-align: center;
color:white;
padding-top: 1rem;
}

.botonespreguntas ul li:hover{
font-weight:600;
color:black;
background-color: rgba(162, 70, 232, 1);
}

.cuadropreguntas{
display:block;
position:relative;
margin:2% 2% 2% 0%;
width:68%;
float:right;
height:auto;
border-color: rgba(99, 251, 206, 0.76);
border-width: 0.2rem;
border-style: solid;
box-shadow:2px 4px 8px #888888;
}


.cuadropreguntas h7{
font-family: 'Raleway', sans-serif;
font-weight: 500;
font-size: 1.8rem;
color: rgba(99, 251, 206, 1);
text-align: right;
padding: 1rem 1rem 1rem 1rem;
position: relative;
top: 0.8rem;
left: 2.2rem;
}

.subcontenedorpreguntas{
display:block;
position:relative;
margin:2% 0% 2% 5%;
width:92%;
height:auto;
float:left;
}

.subcontenedor2preguntas{
display:block;
position:relative;
padding-left: 2%;
padding-bottom: 2%;
padding-top: 2%;
width:100%;
height:auto;
float:right;
background-color: rgba(99, 251, 206, 0.3);
/*texto interior*/
font-family: 'Lato', sans-serif;
font-weight:500;
font-size:0.8rem;
padding: 1%;
}


.mapapreguntas{
position: absolute;
top:132.5rem;
left: 0rem;
}

.mapapreguntas h5{
position:absolute;
top: -1.5rem;
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:400;
color:rgba(162, 70, 232, 1);
list-style-type:none;
text-decoration: none; 
}

#imgpregunta{
float:right;
width:69%;
margin-right:1rem;
margin-top: 3rem;
clear:both;
}

.linkspreg{
position: relative;
margin:0rem 0rem 0rem 0rem;
padding:0.3rem 0.3rem 0.3rem 0.3rem;
width: 25%;
height:1rem;
background-color: rgba(162, 70, 232, 0.76); 
float: right;
font-family:'Raleway',sans-serif;
font-size: 0.7rem;
font-weight:500;
color:rgba(99, 251, 206, 1);
text-align: center;
}

.linkspreg a:hover{
background-color:rgba(99, 251, 206, 1);
cursor: pointer;
color: rgba(162, 70, 232, 1);
}

.laspreguntas{
font-weight: 700;
}

.paquetespreguntas{
position:relative;
width:100%;
height:auto;
top: 42.8rem;
left: 3rem;
}

.paquete2{
position:absolute;
width:19%;
height:6rem;
padding:1% 1% 2% 2%;
font-family:'Raleway',sans-serif;
font-size: 0.7em;
font-weight:400;
color:black;
text-align:left;
border-color:rgba(162, 70, 232, 1);
border-style: solid;
border-width: 0.2rem;
}

.paquete3{
position:absolute;
top: 9.8rem;
width:19%;
height: 5.7rem;
padding:1% 1% 2% 2%;
font-family:'Raleway',sans-serif;
font-size: 0.7em;
font-weight:400;
color:black;
text-align:left;
border-color:rgba(162, 70, 232, 1);
border-style: solid;
border-width: 0.2rem;
}

.paquete4{
position:absolute;
top: 57.1rem;
width:19%;
height: 5rem;
padding:1% 1% 2% 2%;
font-family:'Raleway',sans-serif;
font-size: 0.7em;
font-weight:400;
color:black;
text-align:left;
border-color:rgba(162, 70, 232, 1);
border-style: solid;
border-width: 0.2rem;
}

.paquete6{
position:absolute;
top: 84.5rem;
width:19%;
height: 5rem;
padding:1% 1% 3% 2%;
font-family:'Raleway',sans-serif;
font-size: 0.7em;
font-weight:400;
color:black;
text-align:left;
border-color:rgba(162, 70, 232, 1);
border-style: solid;
border-width: 0.2rem;
}

.paquete7{
position:absolute;
top: 48rem;
width:19%;
height: 5rem;
padding:1% 1% 2% 2%;
font-family:'Raleway',sans-serif;
font-size: 0.7em;
font-weight:400;
color:black;
text-align:left;
border-color:rgba(162, 70, 232, 1);
border-style: solid;
border-width: 0.2rem;
}

.paquete8{
position:absolute;
top: 75.5rem;
width:19%;
height: 5rem;
padding:1% 1% 2% 2%;
font-family:'Raleway',sans-serif;
font-size: 0.7em;
font-weight:400;
color:black;
text-align:left;
border-color:rgba(162, 70, 232, 1);
border-style: solid;
border-width: 0.2rem;
}

.paquetespreguntas h5{
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:400;
color:rgba(162, 70, 232, 1);
list-style-type:none;
text-decoration: none; 
}


/******************FIN DE PREGUNTAS FRECUENTES+++++++++**********/




/******************INICIO CONTACTO++++++++**********/

div#contenedor6{
width: 100%;
max-width:960px;
margin:auto;
height:1200px;
overflow:hidden;
position:relative;
}

.formulario{
position: relative;
top:5rem;
left: 3rem;
width:40%;
height: 21rem;
font-weight:500;
background-color: rgba(99, 251, 206, 0.76);
padding:1rem 1rem 1rem 1rem;
}

#nombre{
width: 60%;
margin-top: 0.5rem;
float:left;
border-color:white;
clear:both;
}

#nombretitulo{
color: rgba(162, 70, 232, 1);
float: left;
clear:both;
}

#mail{
width:60%;    
margin-top: 0.5rem;
float: left;
border-color:white;
clear:both;
}

#mailtitulo{
color: rgba(162, 70, 232, 1);
margin-top: 1rem;    
float: left;
clear:both;
}

#mensajetitulo{
color: rgba(162, 70, 232, 1);
margin-top: 1rem;    
float: left;
clear:both;
}

#mensaje{
width:95%;    
margin-top: 0.5rem;
float: left;
border-color:white;
clear:both;
}

#botonenviar{
margin-top: 1rem;
margin-right: 1rem;    
background-color: white;
color: rgba(162, 70, 232, 1);
font-size: 1rem;
font-weight: 500;
border: none;
padding: 0.5rem 1rem 0.5rem 1rem;
float: right;
}

#botonenviar a:hover{
background-color:rgba(162, 70, 232, 1);
color: white;
}

.mapacontacto{
position: relative;
width: 100%;
top: -16.4rem;
left: 31rem;
}

.mapacontacto iframe{
width: 26rem;
height:21rem;
}

.mapacontacto h5{
position:absolute;
top: -1.5rem;
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:400;
color:rgba(162, 70, 232, 1);
list-style-type:none;
text-decoration: none; 
}

.datoscontacto{
margin-top: 1rem;
position:absolute;
height:auto;
top:35rem;
left:3rem;
}

.paquete1contacto{
display: block;
position:relative;
width:40%;
height:20rem;
float:left;
margin:0rem 2rem 0rem 0rem;
height: 5rem;
padding:1% 3% 2% 2%;
font-family:'Raleway',sans-serif;
font-size: 0.7em;
font-weight:400;
color:black;
text-align:left;
border-color:rgba(162, 70, 232, 1);
border-style: solid;
border-width: 0.2rem;
}

.paquete1contacto h5{
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:400;
color:rgba(162, 70, 232, 1);
list-style-type:none;
text-decoration: none; 
}



/******************FIN CONTACTO+++++++++**********/


/******************INICIO DE FECHAS DE INSCRIPCION+++++++++**********/

.requisitos{
position:relative;
width:93%;
float:right;
top:2rem;
right: 1rem;
height:21.5rem;    
border-top-color:rgba(162, 70, 232, 1);
border-bottom-color:rgba(99, 251, 206, 0.76) ;   
border-left: white;
border-right: white;
border-style:solid;
}

div.bloquetxtrequisito{
position:relative;
margin:auto;
width:93.3%;
margin: auto;
float:right;
right:2%;
height:17.5rem;
top:1rem;
}

#inscripcion{
position:absolute;
width:52%;
float:left;
top:0rem;
left:0rem;
z-index:-1;
clear: both;
}

article.cajafechas{
width:65%;
height:7em;
position:relative;
top:6rem;
right:2rem;
bottom: 5rem;
float:right;
border-style:solid;
border-width:0.2rem;
border-left: none;
border-right: none;
border-bottom-color:rgb(162, 70, 232); 
border-top-color:rgb(162, 70, 232);
margin-bottom:5rem;
}


.cajafechas h3{
position:relative;
top:-3.5rem;    
float: right;
font-family: 'Raleway', sans-serif;
color:rgb(162, 70, 232);
font-size:1,4rem;
}

.cajafechas p{
font-family:'lato',sans-serif;
font-size: 1rem;
font-weight:400;
font-style:italic;
width:90%;
position:absolute;
left:1rem;
}

/******************FIN FECHAS DE INSCRIPCION+++++++++**********/

/******************INICIO DESCARGAS+++++++++**********/


div#contenedordescargas{
width:100%;
max-width:960px;
margin:auto;
height:auto;
overflow:hidden;
position:relative;
}


.titulodescarga h4{
position:relative;
width:45%;
top: 3rem;
float:left;
left:32rem;
z-index:10px;
text-align:left;
background:none;
color: rgba(162, 70, 232, 1);
padding: 1rem 0rem 1rem 1rem;
font-family:'Raleway',sans-serif;
font-size: 1.3rem;
font-weight:600;
box-shadow:none;
}

.sectordescarga{
position:relative;
width:95%;
float:right;
top:-1rem;
height:17rem;    
border-top:white;  
border-bottom-color:rgba(99, 251, 206, 0.76) ;  
border-left: white;
border-right: white;
border-style:solid;
}


.imagendescarga{
float: left;
margin-top: 4rem;
margin-right: 2rem;
}


.botonesdescargas{
position:relative;
margin: 3% 0% 0% 4%;
padding: 0% 0% 1% 0%;
width: 25rem;
top:3rem;
float:left;
}

.botonesdescargas ul{
position:absolute;
width:30rem;
padding-bottom:1rem;
}

.botonesdescargas ul li{
height: 1.8rem;
float: left;
margin: 0rem 0.2rem 1rem 0rem;
width: auto;
background-color: rgba(162, 70, 232, 0.7);
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-size: 0.8rem;
text-align: center;
color:white;
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}

.botonesdescargas ul li:hover{
color:rgba(162, 70, 232, 1);
background-color: rgba(99, 251, 206, 1);
}

.titulodescargasboton{
font-weight: 600;
float: left;
}


/******************FIN DESCARGAS+++++++++**********/



/******************INICIO COMENTARIOS++++++++**********/


.trendingtopic{
display:block;
padding-left: 2%;
padding-bottom: 2%;
padding-top: 2%;
width:95%;
height:auto;
float:right;
/*texto interior*/
font-family: 'Lato', sans-serif;
font-weight:500;
font-size:0.8rem;
padding: 1%;

}

.trendingtopic ul li{
float: left;
padding-right: 1rem;
padding-left: 1rem;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
background-color: rgba(99, 251, 206, 0.76);
margin-left: 4rem;
text-align: center;
}

.trendingtopic ul li:hover{
color:rgba(162, 70, 232, 1);
background-color: rgba(99, 251, 206, 0.54);
}


.cuadrolomascoment{
display:block;
position:relative;
margin:4% 2% 5% 0%;
width:92%;
float:right;
height:auto;
border-color: rgba(99, 251, 206, 0.76);
border-width: 0.2rem;
border-style: solid;
box-shadow:2px 4px 8px #888888;
}

.cuadrolomascoment h7{
font-family: 'Raleway', sans-serif;
font-weight: 500;
font-size: 1.3rem;
color: rgba(99, 251, 206, 1);
text-align: right;
padding-left: 2%;
}


.comentario1{
display:block;
position:relative;
margin:1% 2% 5% 0%;
width:92%;
float:right;
height:13rem;
border-color: rgba(162, 70, 232, 1);
border-width: 0.2rem;
border-style: solid;
box-shadow:2px 4px 8px #888888;
}


.comentario1 h5{
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:400;
color:rgba(162, 70, 232, 1);
list-style-type:none;
text-decoration: none; 
padding-bottom: 1rem;
padding-top: 1rem;
}

.comentario1 h3{
font-family:'Raleway',sans-serif;
font-size: 1.1rem;
font-weight:600;
background-color: rgba(162, 70, 232, 1);
color:white;
list-style-type:none;
text-decoration: none; 
padding-bottom: 1rem;
width: 11rem;
height:0.7rem;
margin-top: 10.7rem;
text-align: center;
padding-top: 0.2rem;
float: left;
position: absolute;
}


.comentariodentro{
width: 75%;
float:left;
margin-left: 1.5rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
font-family: 'Lato', sans-serif;
font-weight:500;
font-size:0.8rem;
padding: 1%;
}

#imagencomentario{
margin-left: 1rem;
margin-top: 1rem;
float: left;
}

.comentario2{
display:block;
position:relative;
margin:0% 2% 5% 0%;
width:82%;
float:right;
height:auto;
border-color: rgba(162, 70, 232, 1);
border-width: 0.2rem;
border-style: solid;
box-shadow:2px 4px 8px #888888;
}


.comentario2 h5{
font-family:'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:400;
color:rgba(162, 70, 232, 1);
list-style-type:none;
text-decoration: none; 
padding-bottom: 1rem;
padding-top: 1rem;
}

.comentario2 h3{
font-family:'Raleway',sans-serif;
font-size: 1rem;
font-weight:600;
background-color: rgba(162, 70, 232, 1);
color:white;
list-style-type:none;
text-decoration: none; 
padding-bottom: 1rem;
display: block;
width: 8rem;
height: 0.7rem;
margin-top: 7.5rem;
text-align: center;
padding-top: 0.5rem;
float: left;
position: absolute;
}



.comentariodentro2{
width: 75%;
float:left;
margin-left: 1.5rem;
padding-right: 1rem;
padding-left: 1.5rem;
padding-bottom: 1rem;
margin-bottom: 2rem;
font-family: 'Lato', sans-serif;
font-weight:500;
font-size:0.8rem;
padding: 1%;
}


#imagencomentario2{
margin-left: 1rem;
margin-top: 1rem;
float: left;
}


.botonescomentarios{
width: 42%;
position: absolute;
top: 11rem;
left: 31rem;
}

.botonescomentarios ul li{
float: left;
padding-left: 1rem;
padding-right: 1rem;
margin-right: 1rem;
font-family: 'Lato', sans-serif;
font-weight:500;
font-size:0.8rem;
background-color: rgba(99, 251, 206, 1);
}


.botonescomentarios ul li:hover{
color:rgba(162, 70, 232, 1);
background-color: rgba(99, 251, 206, 0.54);
}

.botonescomentarios2{
width: 50%;
float: right;
position: absolute;
top: 8.2rem;
left: 25.5rem;
}

.botonescomentarios2 ul li{
float: left;
padding-left: 1rem;
padding-right: 1rem;
margin-right: 1rem;
font-family: 'Lato', sans-serif;
font-weight:500;
font-size:0.8rem;
background-color: rgba(99, 251, 206, 1);
}


.botonescomentarios2 ul li:hover{
color:rgba(162, 70, 232, 1);
background-color: rgba(99, 251, 206, 0.54);
}


.botonespasocoment{
display:block;
position:relative;
margin:0% 2% 5% 0%;
width:82%;
float:right;
height:auto;
}

.botonespasocoment2{
width: 60%;
float: right;
position: absolute;
left: 22rem;
}

.botonespasocoment2 ul li{
float: left;
padding-left: 1rem;
padding-right: 1rem;
margin-right: 1rem;
font-family: 'Lato', sans-serif;
font-weight:500;
font-size:0.8rem;
background-color: rgba(99, 251, 206, 1);
}


.botonespasocoment2 ul li:hover{
color:rgba(162, 70, 232, 1);
background-color: rgba(99, 251, 206, 0.54);
}



/******************FIN DE COMENTARIOS+++++++++**********/


/******************INICIO DE MAPA DE SITIO+++++++++**********/

div#contenedor8{
width:100%;
max-width:960px;
margin:auto;
height:auto;
overflow:hidden;
position:relative;
}

#contenedormapa{
margin:auto;
top:2rem;
width:88%;
left: 1.2rem;
height:auto;
position:relative;
padding-left: 4rem;
padding-top: 2rem;
font-family: 'Raleway',sans-serif;
font-size: 0.9rem;
font-weight:400;
line-height: 1.5rem;
color: rgba(162, 70, 232, 1);
border-bottom: solid;
border-bottom-color: rgba(99, 251, 206, 1);
padding-bottom: 1rem;
}

#contenedormapa h5{
font-size: 1rem;
margin-top: 0.5rem;
}

#contenedormapa a{
text-decoration: underline;
font-weight: 500;
}

#contenedormapa a:hover{
color: rgba(99, 251, 206, 1) 
}

.mapa2{
margin-left: 20px;
line-height: 1.3rem;
}

#contenedor8 img{
position: absolute;
width:50%;
left: 28.9rem;
top:3.5rem;
}

/******************FIN DE MAPA DE SITIO+++++++++**********/