html {
    
    font-size: 10px;
    padding: 0rem;
    background-size:70%;
    background-color: #FFF;
  
}

body {
    background-color: #FFFFFF;
    max-width: 940px;
    height:auto;
    margin: auto;
    padding:0rem;
    border-right-style:dotted;
    border-left-style:dotted;
    border-width: 1px;

}
#Pagina {
 float:left;  
 border-right-style:dotted;
    border-left-style:dotted;
    border-width: 1px; 
}
header{
    
}

header img {
width:100%;

}

#barra { 
    position:relative;
    top:11px;
    width: 100%;
    max-width: 940px;
    background-color: #FFFFFF;
    float:left;
    border-top-style:dotted;
    border-bottom-style:dotted;
    border-width: 1px;
    display:block;
    z-index: +1000;
    border-right-style:dotted;
    border-left-style:dotted;
    border-width: 1px;
    overflow:hidden;
}

#barra #cuadradito {
    height: 50px;
    width:4.6%;
    background-color:rgba(166, 208, 101, 0.5);
    float:left;
    border-RIGHT-style:dotted;
     border-width: 1px;
}


#barra #redes {
    height:50px;
    width: 11%;
    background-color:rgba(166, 208, 101, 0.51);
    float:right;
    border-left-style:dotted;
    border-width: 1px;
    position: relative;
    right: 0px;
    overflow: hidden;
}

#barra #redes ul{
 float:left;   
    width: 100%;
    height: 40px;
    list-style: none;
    
}




#barra #redes ul li a {
    float:left;   
    margin-left: 1rem;
    
    
}

#barra #redes ul li img{
    width: 130%;
    position: relative;
    left: -45px;
}

#barra #navegador {
    width:84%;  
    display:block;
    float:left;
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
}
#barra #navegador nav { 

    position:relative;
    color:#fff; 
    display:block;
    width:100%;
    
    margin:0rem;
    margin-top: 0rem;
    background-color: #fff;
    float:left;
}

#barra #navegador nav ul{
    width:100%;
    height: 50px;
    margin: auto;
    margin-top: 0rem;
    padding:0rem;
    background-color: #fff;
    list-style-type:none;
    display:block;
  
}

#barra #navegador nav ul li{ 
    width:16.5%;
    height: 50px;
    display:block;
    float:left; 
    list-style-type:none;
    background-color: #ffffff;
    margin:0rem;
  
    text-align: center;
 
}

#barra #navegador nav ul li a {
    position:relative;
    top: 15px;
    color:#000; 
    text-decoration:none; 
    padding:0rem; 
    margin:auto;
    text-align:center;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size:1.6em;
    border-RIGHT-style:dotted;
    border-width: 1px;
    display: block;
}

#barra #navegador nav ul li a:hover { 
    color:rgb(60, 180, 74);  
    border-bottom:1px rgb(60, 180, 74);
    
}


#Contenido {
    width:100%;
    position:relative;
    display:block;
    padding:0rem;
    margin-top: 22px;
    
    float:left;
border-top-style:dotted;
border-right-style:dotted;
    border-width: 1px;

}

#Contenido:after{
    clear: both;
    content: "";
    display: block;
}

#Cajaprincipal {
    width:74.6%;
    position:relative;
    display:block;
    padding:0rem;
    margin:0rem;
    float:left;
    border-right-style:dotted;
    border-bottom-style:dotted;
    border-width: 1px;
    z-index: +100;

}
#tp1 {
width:100%;
    
}

#tp6{
position:relative;

}

#Texto {
display:block;
}

#Titular {
    text-align: left;
    max-width:29%;
    height:156px;
    display:block;
    float:left;
    line-height:230%;
    padding-left: 3.5%;  
}

#Titular H2 a ,#Parrafo H2 a {
position:relative;
text-decoration:none;
color: rgb(166, 208, 101);
text-decoration-line: underline;
 

}

#Titular H2 a:hover, #Parrafo H2 a:hover {
position:relative;
text-decoration:none;
color: rgb(0, 0, 0);
text-decoration-line: underline;


}

#Parrafo {
    max-width: 66.6%;
    height:156px;
    display:block;
    float:right;
     padding-top: ;   
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.3rem; 
    border-left-style:dotted;
    border-width: 1px;

}

#Parrafo p {
    padding-left: 3.5%;  
    padding-right: 3.5%;
}

#Parrafo h2 {
    position:relative;
    bottom:20px;
    font-family: 'lato', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height:220%;
    color:rgb(166, 208, 101);
    text-decoration: underline;
    padding-left: 3.5%;
    
}

h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 2.8rem; 
    text-align: left;
    
}

#Titular h2 {
    position:relative;
    bottom:20px;
    font-family: 'lato', sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    color:rgb(166, 208, 101);
text-decoration: underline;
    
}

#Aside {
    float:right;
    height:100%;
    width:23.4%;
    border-left-style:dotted;
    border-width: 1px;

}

#Cuadrogris {
position:relative;
bottom:16px;
margin:0rem;
   height:30px;  
   background-color:rgb(226, 226, 226); 

}
#Cuadrogris H3 {
    position:relative;
    padding:auto;
    top: 5px;
    text-align:left;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size:1.6em;
    color:rgb(80, 80, 80);
    padding-left: 8%%;
    background-color:rgb(226, 226, 226); 
}


#Filtrar nav  { 

    position:relative;
    
    color:#fff; 
    display:block;
    width:100%;
    bottom:16px;
    margin:0rem;
    margin-top: 0rem;
    background-color: #fff;
    float:none;
}

#Filtrar nav ul{
    width:100%;
    margin: auto;
    margin-top: 0rem;
    padding:0rem;
    background-color: #fff;
    list-style-type:none;
    display:block;
  
}

#Filtrar nav ul li{ 
    width:100%;
    height: 35px;
    display:block;
    float:none;
    list-style-type:none;
    background-color: #ffffff;
    margin:0rem;
 
}

#Filtrar nav ul li a {
    height: 35px;
    line-height: 35px;
    position:relative;
    color:#000; 
    text-decoration:none; 
    padding:0rem; 
    margin:0rem;
    text-align:left;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size:1.6em;
    border-bottom-style:dotted;
    border-width: 1px;
    display: block;
    padding-left: 8%%;

}

#Filtrar nav ul li a:hover { 
    color:rgb(60, 180, 74);  

    
}

footer {
    position: absolute;
    bottom: -70px;
    width: 100%;
    background-color: rgb(204, 227, 167);
    border-left-style: dotted;
    border-right-style: dotted;
    border-top-style: dotted;
    border-width: 1px;  
        
}

    footer p {
        
        width: 96%;
        font-family: 'Roboto Condensed', condensed sans-serif;
        font-weight: 100;
        font-size: 1.5rem;
        padding-left: 1.5rem;
    }

/* Aca termina el css de galeria N2 */








/* Aca Comienza el Css del Home */




/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    height:100%;

	position: relative;
    top:1px;
	margin: 0 auto 19px;
	padding: 0;
margin-top: 0%;
z-index: -100;
    
}

.bx-wrapper img {
    position:relative;
	max-width: 100%;
	display: block;
    bottom:10px;

}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    position:relative;
    top:11px;
	left: 0px;
	background: rgb(166, 208, 101);
    margin-top:0rem;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
      background-color: rgba(166, 208, 101, 0.59);
     border-top-style:dotted;
    border-width: 1px;
    z-index: 
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	
	width: 100%;  

  
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    width:100%;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: rgb(166, 208, 101);
	padding-top: 10px;
    
    background: rgb(193, 217, 147);;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
margin-bottom: 1%;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {

	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}



#subbarra { 
    position:relative;
    top:11px;
height:20px;
    width: 100%;
    max-width: 940px;
    background-color: #FFFFFF;
    float:left;
    
    display:block;
    z-index: +1000;
    
}

#subcuadradito {
    height: 20px;
    width:20%;
    background-color:rgb(226, 226, 226);
    float:left;
   
    padding:0rem; 
    margin:auto;
    text-align:center;
    
    font-weight: 400;
    font-size:1.6em;
    list-style-type:none;
    display:block;
   border-top-style:dotted;
   border-right-style:dotted;
    border-width: 1px;
 
}

#subcuadradito li a{
font-family: 'Lato', sans-serif;
font-size: 1.5rem;
font-weight: 700;
color:#000; 
text-decoration:none; 
}


#subbarra #subnavegador {
height:20px;
    width:75%;  
    display:block;
    float:left;
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
}
#subbarra #subnavegador nav { 
    height:20px;
     width:100%;
    position:relative;
    color:#fff; 
    display:block;
   
    
    margin:0rem;
    margin-top: 0rem;
    background-color: #fff;
    float:left;
}

#subbarra #subnavegador nav ul{
    height:20px;
    width:100%;
    margin: auto;
    margin-top: 0rem;
    padding:0rem;
    background-color: #fff;
    list-style-type:none;
    display:block;
  
}

#subbarra #subnavegador nav ul li{ 
    height:21px;
    width:10%;

    display:block;
    float:left; 
    list-style-type:none;
    background-color: rgba(166, 208, 101, 0.54);
    margin:0rem;
    margin:auto;
    text-align:center;
    
}

#subbarra #subnavegador nav ul li a {
    height:20px;
    position:relative;
    color:#000; 
    text-decoration:none; 
    padding:0rem; 
    margin:auto;
    text-align:center;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size:1.3em;
    border-RIGHT-style:dotted;
    border-top-style:dotted;
    border-width: 1px;
    display: block;
   
    }


#subbarra #subnavegador nav ul li a:hover { 
    color:rgb(255, 255, 255);  
   
    
}

#texto {
display:block;
float:left;
height:100%;
   border-bottom-style:dotted;
    border-width: 1px;
     background-color: rgba(255, 255, 255, 0.49);
}

#texto2 {
display:block;
float:left;
height:100%;
   border-bottom-style:dotted;
    border-width: 1px;
     background-color: rgba(166, 208, 101, 0.5);
}

#titularhome {

    text-align: left;
    max-width:29.76%;
    height:inherit;
    display:block;
    float:left;
    line-height:230%;
    padding-left: 3.5%;
    font-size: 33rem;
  

}

#titularhome h1 {
font-size:3.4rem;

}
#Parrafohome h2 a {


}
#titularhome h2 a ,#Parrafohome h2 a {
position:relative;
text-decoration:none;
color: rgb(166, 208, 101);
text-decoration-line: underline;
 

}

#Titular H2 a:hover, #Parrafohome h2 a:hover {
position:relative;
text-decoration:none;
color: rgb(0, 0, 0);
text-decoration-line: underline;


}

#Parrafohome {
    max-width: 66.6%;
    height:auto;
    display:block;
    float:right;
    padding-top: 1rem;   
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.3rem; 
    border-left-style:dotted;
    border-bottom-style:dotted;
    border-width: 1px;
background-color: rgb(255, 255, 255);

}

#Parrafohome p {
    padding-left: 3.5%;  
    padding-right: 3.5%;
}

#Parrafohome h2 {
    position:relative;
    bottom:20px;
    font-family: 'lato', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height:220%;
    color:rgb(166, 208, 101);
    text-decoration: underline;
    padding-left: 3.5%;
    
}

/* imagenes del Aside  */



#newsletter {
    width:100%;
    height: 150px;
    border-bottom-style:dotted;
    border-width: 1px;
    
}

#previewtipoblog {
    width: 100%;
    position:relative;
    top:30px;
    border-bottom-style:dotted;
    border-width: 1px;
background-color:rgb(166, 208, 101);
}
#previewtipoblog:hover {
opacity:0.7;
    
}

#docentesh {
   width: 100%;
    position:relative;
    top:50px;
  ;
    border-bottom-style:dotted;
    border-width: 1px;  
}

#docentesh:hover {
opacity:0.5;
}
#tallerh {
   width: 100%;
    position:relative;
    
    top:77px;
    border-bottom-style:dotted;
    border-width: 1px;   
}

#tallerh:hover {
opacity:0.7;
    
}

#oerth {

  
    position:relative;
     width: 100%;
    top:120px;
    border-bottom-style:dotted;
    border-width: 1px; 
}

#oerth:hover {
opacity:0.7;
    
}
#novedadeshome {
    height:200px;
    position:relative;
    margin-top:52px;
    text-align: left;
    width:96.6%;
    display:block;
   
    line-height:230%;
    padding-left: 3.5%;
    border-top-style:dotted;
    border-bottom-style:dotted;
    border-width: 1px;
     
 
}

#novedadeshome h1 {
    position:relative;
font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 4.8rem; 
    text-align: left;
    line-height:100%;
    bottom:20px;
}   

#novedadeshome h3 {
position:relative;
height:auto;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size: 1.2rem; 
bottom:50px;
padding-left:1%;
  color:rgb(114, 112, 112);
}
#novedadeshome h2 {
    position:relative;
    bottom:60px;
    max-width: 80%;
    display:block;
   
font-family: 'lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.3rem; 
    padding-left:1%;
    line-height: 100%;
}

#novedadeshome h4 {
   position:relative;
   bottom:70px;
    font-family: 'lato', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height:100%;
    color:rgb(166, 208, 101);
    text-decoration: underline;
    padding-left: 1%;
}

#novedadeshomeizq {

    text-align: left;
    width:48.2%;
     height:150px;
    display:block;
    float:left;
    line-height:230%;
    padding-left: 3.5%;
    border-bottom-style:dotted;
    border-width: 1px;
}

#novedadeshomeizq h1 {
    position:relative;
font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 2.2rem; 
    text-align: left;
    line-height:100%;
   :
}   

#novedadeshomeizq h3 {
position:relative;
height:auto;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size: 1.2rem; 
bottom:16px;
padding-left:1%;
  color:rgb(114, 112, 112);
}
#novedadeshomeizq h2 {
    position:relative;
    bottom:25px;
    max-width: 80%;
    display:block;
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.3rem; 
    padding-left:1%;
    line-height: 100%;
}

#novedadeshomeizq h4 {
   position:relative;
   bottom:37px;
    font-family: 'lato', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height:100%;
    text-decoration-color:r
    text-decoration: underline;
    padding-left: 1%;
    color:rgb(166, 208, 101);
}
#novedadeshome h4 {
color:rgb(166, 208, 101);

}


#novedadeshome h4 a:hover, #novedadeshomeizq h4 a:hover {
position:relative;
text-decoration:none;
color: rgb(0, 0, 0);
text-decoration-line: underline;


}

#novedadeshomeder {
    width: 48.1%;
    height:150px;
    display:block;
    float:right;
    
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.3rem; 
    border-left-style:dotted;
    border-bottom-style:dotted;
    border-width: 1px;
}

#imgnovedadeshome {
  width:100%;  
    
}

iframe  {
position:relative;
margin-top: 11px;   
}

#Titularabiertas {
    text-align: left;
    max-width:29%;
    height:140px;
    display:block;
    float:left;
    line-height:230%;
    padding-left: 3.5%;  
}



#Parrafoabiertas {
    max-width: 66.6%;
    height:auto;
    display:block;
    float:right;
     padding-top: ;   
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.3rem; 
    border-left-style:dotted;
    border-width: 1px;

}

#Parrafoabiertas p  {
    padding-left: 3.5%;  
    padding-right: 3.5%;
}

#titularabiertas H2 a ,#Parrafoabiertas H2 a {
position:relative;
bottom:5px;
text-decoration:none;
color: rgb(166, 208, 101);
text-decoration-line: underline;
 font-size: 1.3rem; 
padding-left: 3.5%;  
    padding-right: 3.5%;
}

#Titularabiertas H2 a:hover, #Parrafoabiertas h2 a:hover {
position:relative;
text-decoration:none;
color: rgb(0, 0, 0);
text-decoration-line: underline;

}

/* Aca termina el css de home */








/* Aca Comienza el Css del tipoblog */


#Cajaprincipaltipoblog {
    max-width:100%;
    
    position:relative;
    display:block;
    padding:0rem;
    margin:0rem;
    
    float:left;
    border-right-style:dotted;
    border-bottom-style:dotted;
    border-width: 1px;
 

}

#ultimospostizq {
     position:relative;  
     width:66%;
    float:left;

}

#ultimospostizq a:hover {
width:100%;
display:block;
position:relative;
background-image:url(Img/TipoblogHome/hover-17.jpg); 
}


#ultimospostizq img {
display:Block;
width:100%;
z-index:-1;
}

#ultimospostizq img:hover {

position:relative;


}
#arriba img {
display:block;
position:relative;
}

#arriba img:hover  {
    width:100%;
    z-index:-1;
}
#arriba a:hover {
width:100%;
display:block;
position:relative;
background-image:url(Img/TipoblogHome/hover-18.jpg); background-repeat: no-repeat;
}

#abajo img {
display:block;
position:relative;
}

#abajo img:hover  {
    width:100%;
    z-index:-1;
}
#abajo a:hover {
width:100%;
display:block;
position:relative;
background-image:url(Img/TipoblogHome/hover-19.jpg); background-repeat: no-repeat;
}


#ultimospostder {
      position:relative;  
     width:33%;  
    float:right
    
}   
#ultimospostder img {
position:relative;
width:100%;

}   

#tipoblogimglateral1{
position:relative;

z-index:-10;
}

#tipoblogimglateral1  a:hover{
top:px;
width:100%;
display:block;
position:relative;
background-image: url(Img/TipoblogHome/hovertransparencia-18.jpg); background-repeat: no-repeat;
}



#tipoblogimglateral2{
position:relative;
margin-top: 10px;
z-index:-10;
}

#tipoblogimglateral2  a:hover{
top:px;
width:100%;
display:block;
position:relative;
background-image: url(Img/TipoblogHome/hovertransparencia-19.jpg); background-repeat: no-repeat;
}


#tpbarra { 
    position:relative;
    top:11px;
    height:20px;
    width: 100%;
    max-width: 940px;
    background-color: #FFFFFF;
    float:left;
    margin-bottom: 11px;
    display:block;
    z-index: +1000;
     border-bottom-style:dotted;
    border-width: 1px;
}

#tpcuadradito {
    height: 20px;
    width:10%;
    background-color:rgba(166, 208, 101, 0.59);
    float:left;
   
    padding:0rem; 
    margin:auto;
    text-align:center;
    
    font-weight: 400;
    font-size:1.6em;
    list-style-type:none;
    display:block;
   border-top-style:dotted;
   border-right-style:dotted;
    border-left-style:dotted;
    border-width: 1px;
 
}

#tpcuadradito li a{
font-family: 'Lato', sans-serif;
font-size: 1.5rem;
font-weight: 700;
color:#000; 
text-decoration:none; 
}


#tpbarra #tpnavegador {
height:20px;
    width:89%;  
    display:block;
    float:left;
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
}
#tpbarra #tpnavegador nav { 
    height:20px;
     width:100%;
    position:relative;
    color:#fff; 
    display:block;
   
    
    margin:0rem;
    margin-top: 0rem;
    background-color: #fff;
    float:left;
}

#tpbarra #tpnavegador nav ul{
    height:20px;
    width:100%;
    margin: auto;
    margin-top: 0rem;
    padding:0rem;
    background-color: #fff;
    list-style-type:none;
    display:block;
  
}

#tpbarra #tpnavegador nav ul li{ 
    height:21px;
    width:13%;
    display:block;
    float:left; 
    list-style-type:none;
    background-color: rgba(255, 255, 255, 0.54);
    margin:0rem;
    margin:auto;
    text-align:center;
    
}

#tpbarra #tpnavegador nav ul li a {
    height:20px;
    position:relative;
    color:#000; 
    text-decoration:none; 
    padding:0rem; 
    margin:auto;
    text-align:center;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size:1.3em;
    border-RIGHT-style:dotted;
    border-top-style:dotted;
    border-width: 1px;
    display: block;

   
    }


#tpbarra #tpnavegador nav ul li a:hover { 
    color:rgb(60, 180, 74);  
   background-color: rgba(114, 112, 112, 0.22);
    
}


#Triplecontenedor{

position:relative;
margin-top: 11px;
border-top-style:dotted;
border-width: 1px;

width:100%;
float:left;
height:427px;
border-bottom-style:dotted;
border-width: 1px;
}

#tripimg{
float: left;
width:33.3%;
height:427px;
border-bottom-style:dotted;
border-width: 1px;
}

#tripimg img{
float: left;
width:100%;  
}

#triptxt{
display:block;
float: left;
height:427px;
width:32.9%;
background-color: rgb(234, 245, 236);
background-image:url(Img/TipoblogHome/fondoliso-20.jpg);
background-repeat: no-repeat;
border-bottom-style:dotted;
border-width: 1px;
}

#triptxt:hover {

}
#triprel{
display:block;
float:left;
width:33.3%;
height:427px;
border-bottom-style:dotted;
border-left-style:dotted;
border-width: 1px;
}

#triprel img{
float: left;
width:100%;  
}

#triptxt h2 a ,#Parrafotp h2 a {
position:relative;
margin-top: 233px;
text-decoration:none;
color: rgb(166, 208, 101);
text-decoration-line: underline;
padding-left: 7.5%; 

}


#triptxt h2 a:hover ,#Parrafotp h2 a:hover {
  color: rgb(0, 0, 0);  
}
#Parrafotp {
    max-width: 100%;
  
    display:block;
 
    margin-top: -3px;
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.3rem; 
   
}
#Parrafotp p {
      padding-left: 7.5%;
        padding-right: 3.5%;
}

#Parrafotp h2 {
    position:relative;
    margin-top: -10px;

    font-family: 'lato', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height:220%;
    color:rgb(166, 208, 101);
    text-decoration: underline;
    padding-left: 7.5%;
    
}

#triptxt h1 {
    position:relative;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 2.8rem; 
  
    line-height: 100%;
    top:86px;
    padding-left: 7.5%;
}

#triptxt h3 {
    position:relative;
    margin-top: -21px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 2.4rem; 
    text-align: left;
    line-height: 100%;
  ;
    padding-left: 7.5%;
}

#triptxt h4 {
 position:relative;
    margin-top: 80px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.4rem; 
    text-align: left;
    line-height: 100%;
    padding-left: 7.5%;   
    
}

#triprel h1 {
    position:relative;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 2.4rem; 
    line-height: 100%;
    margin-top:10px;
    padding-left: 7.5%;
    bottom:15px;
}

#triprel h3 {
    position:relative;
    margin-top: 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 2.0rem; 
    text-align: left;
    line-height: 100%;
    padding-top: 5px;
    padding-left: 7.5%;
}

#relacionados {
    height:30px;    
  background-color:rgb(226, 226, 226);
}

#relacionadospaq {
    border-top-style:dotted;
    border-bottom-style:dotted;
    border-width: 1px;
    height:90px;
}


#relacionadospaq:hover {
    border-top-style:dotted;
    border-bottom-style:dotted;
    border-width: 1px;
    height:90px;
  background-color:rgb(226, 226, 226);
}
#relacionados h3 {
position:relative;
padding-top: 4px;
font-family: 'Lato', sans-serif;
font-size: 1.9rem;
font-weight: 700;
color:#000; 
text-decoration:none
}

#cargandomas {
    background-color:rgb(226, 226, 226);
}

/* Aca termina el css de tipobloghome N2 */








/* Aca Comienza el Css de n2tp7 */

#Titularn7 {
    text-align: left;
    max-width:29%;
    
    display:block;
    margin-top:220px;
    float:left;
    line-height:230%;
    padding-left: 3.5%;  
}

#Titularn7 H2 a ,#Parrafon2 H2 a {
position:relative;
text-decoration:none;
color: rgb(166, 208, 101);
text-decoration-line: underline;


}

#Titularn7 H2 a {
    position:relative;
    bottom:15px;
  font-size: 1.7rem;  
}


#Titularn7 h5 a {
position:relative;
  bottom:20px;
color: rgb(0, 0, 0);
text-decoration-line: underline;
font-family: 'lato', sans-serif;
font-weight: 700;
line-height:-100%;
font-size: 1.3rem; 
;
}


#Titularn7 H2 a:hover, #Parrafon2 H2 a:hover {
position:relative;
text-decoration:none;
color: rgb(0, 0, 0);
text-decoration-line: underline;


}

#Parrafon2 {
    max-width: 75%;
    height:530px;
    display:block;
    float:right;
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.3rem; 
    border-left-style:dotted;
    border-width: 1px;
    padding-top: 2rem;
}

#Parrafon2 p {
    padding-left: 3.5%;  
    padding-right: 3.5%;
}

#Parrafon2 h2 {
    position:relative;
    bottom:20px;
    font-family: 'lato', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height:220%;
    color:rgb(166, 208, 101);
    text-decoration: underline;
    padding-left: 3.5%;
    
}

#texton7 {
    position:relative;
    display:block;
    height:550px;
    border-width: 1px;
    border-bottom-style:dotted;
    border-width: 1px;
    margin-bottom:2px;
}






#Titularn7 H2 a ,#Parrafon2 H2, #Parrafon3 h2 a {
position:relative;
text-decoration:none;
color: rgb(166, 208, 101);
text-decoration-line: underline;
bottom:5%;  
left:4%;

}

#Titularn7 H2 a {
    position:relative;
    bottom:15px;
  font-size: 1.7rem;  
}


#Titularn7 h5 a {
position:relative;
  bottom:20px;
color: rgb(0, 0, 0);
text-decoration-line: underline;
font-family: 'lato', sans-serif;
font-weight: 700;
line-height:-100%;
font-size: 1.3rem; 
;
}


#Titularn7 H2 a:hover, #Parrafon3 H2 a:hover {
position:relative;
text-decoration:none;
color: rgb(0, 0, 0);
text-decoration-line: underline;


}

}

.trabajos {
position:relative;
margin-top:40px;
display:block;
width:100%; 
border-top-style:dotted;
border-bottom-style:dotted;
border-width: 1px;

float:left;
overflow: hidden;
 
}

.trabajos:after{
    clear: both;
    content: "";
    display: block;
}

#alumnotp7 {
    position:relative;
    width:25%;
    float:left;
    border-top-style:dotted;
  
    border-width: 1px;
    margin-top:13px;
}
#Parrafon3 {
    width: 100%;
    height:200x;
    display:block;
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.3rem; 
    padding-top: 2rem;
    color:rgb(0, 0, 0);
}

#Parrafon3 p {
    width:90%;
    padding-left: 3.5%;  
    padding-right: 3.5%;
    color: rgb ( 0, 0, 0,);
}

#Parrafon3 h2 {
    position:relative;
    width:90%;
    bottom:20px;
    font-family: 'lato', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height:220%;
    color:rgb(166, 208, 101);
    text-decoration: underline;
    padding-left: 3.5%;
    padding-top:7%;
}

#Parrafon3 h4 {
 position:relative;
    margin-top: 40px;
   font-family: 'lato', sans-serif;;
    font-weight: 400;
    font-size: 1.6rem; 
    text-align: left;
  line-height: 120%;
    padding-left: 7.5%; 
 color:#000;

}

#Parrafon7 h4 {
 position:relative;
    margin-top: -12px;
   font-family: 'lato', sans-serif;;
    font-weight: 400;
    font-size: 1.6rem; 
    text-align: left;
  line-height: 120%;
    padding-left: 0.5%; 
 color:#000;
}

.verde {
color:rgb(166, 208, 101);
}


#imgstp7 {
    display:Block;
    position:relative;
    height:350px;
    width: 75%;
    border-bottom-style:dotted;
    border-width: 1px;
    float:left;
}

.trabajos  img {
width:74.8%;
float:right;
margin-top:13px;
margin-bottom:20px;
}

.more-less {
   
   border-top-style:dotted;
    border-width: 1px;
}
.more-block {
position:relative;
;
}

a.adjust{
color:rgb(107, 160, 26);
 font-family: 'lato', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height:220%;
    color:rgb(166, 208, 101);
    text-decoration: underline;
 	

}

a.adjust:hover{
			background:rgb(166, 208, 101);
			color:rgb(0, 0, 0);
			-webkit-transition: all 400ms; /*safari and chrome */
			-moz-transition: all 400ms ease; /* firefox */
			-o-transition: all 400ms ease; /* opera */
			transition: all 400ms ease;
    
    
    
}    
    
h2 a:hover {
color:rgb(0, 0, 0);
}

#Parrafon3 p {
position:Relative;
    width:70%;
  left:4%; 
    
    color: rgb ( 0, 0, 0,);
    text-decoration: none;
}










/* Aca empieza  el Css de Lud */

#ContenidoCatedra {
    width:100%;
    height: 100%;
    position:relative;
    display:block;
    padding:0rem;
    margin-top: 22px;
    top:;22px;
    float:left;
    border-top-style:dotted;
    border-right-style: dotted;
    border-left-style:dotted;
    border-width: 1px;

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

#ImgMetodo2  {
    width: 100%;
    float: left;
    position:relative;
    top:-150px;
}

#ImgMetodo img{
    float: left;
    position: relative;
}


#ImgCatedra
{
    width: 42.8%;
    float: left;
}


#ImgCatedra img{
    width: 440px;
    float: left;
    position: relative;
}

#TitularCatedra {
    text-align: r;
    max-width:33%;
    height:156px;
    display:block;
    float:left;
    padding-left: 3.5%;  
    margin-top: 10rem;
}

#TitularCatedra H1 {
    line-height: 2.5rem;
    font-weight: 800;
}


#TitularCatedra H2 a {
    position:relative;
    text-decoration:none;
    color: rgb(166, 208, 101);
    text-decoration-line: underline;
    line-height: 1rem;
    font-family: 'Lato',sans-serif;
}

#parrafochico a {
    position:relative;
    text-decoration:none;
    color: rgb(166, 208, 101);
    text-decoration-line: underline;
    line-height: 1rem;
    font-family: 'Lato',sans-serif;
    font-size: 1.5rem;
    
}

#subsecciones {
    float: right;
    width: 100%;
    border-bottom-style:dotted;
    border-top-style:dotted;
    border-width: 1px;
}

#subsecciones ul{ 
    width: 96%;
    float: left;
    list-style: none;
    position: relative;
    top: -1rem;
    left: -1.4rem;;
}

#ImgCatedra img {
display:Block;
}


#subsecciones ul li img{ 
    float: left;
    width: 205px;
    margin-right: 1rem;
    
}


#ParrafoCatedra2 {
    max-width: 73%;
    height:auto;
    display:block;
    float:right;
     padding-top: ;   
    font-family: 'lato', sans-serif;
    font-weight: 500;
    font-size: 1.3rem; 
    border-left-style:dotted;
    border-width: 1px;

}

Parrafo H4 {
    font-size: 3rem;
    font-weight: 200;
    line-height: 3.1rem;
    margin-bottom: 1rem;
    margin-top: 1.2rem;
}

#ParrafoCatedra H4 {
    font-size: 3rem;
    font-weight: 200;
    line-height: 3.1rem;
    margin-bottom: 1rem;
    margin-top: 1.2rem;
        padding-left: 3.5%;  
    padding-right: 3.5%;
    font-style: normal;
}

#parrafochico {
float: right;
width: 63%;
}


#bajada {
border-bottom-style: dotted;
    border-top-style: dotted;
border-width: 1px;
    font-size: 1.4rem;
    font-weight: 600;
    
}

#bajadaCatedra {
border-bottom-style: dotted;
    border-top-style: dotted;
border-width: 1px;
    font-size: 1.4rem;
    font-weight: 600;
    
}

.subtitulo {
    font-size: 2rem;
}


#ParrafoCatedra {
    max-width: 53%;
    height:156px;
    display:block;
    float:right;   
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.3rem; 
    border-left-style:dotted;
    border-width: 1px;

}

#ParrafoMetodo {
    max-width: 65%;
    height:auto;
    display:block;
    float:right;   
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.3rem; 
    border-left-style:dotted;
    border-width: 1px;

}

#ParrafoMetodo2 {
    max-width: 65%;
    height:auto;
    display:block;
    float:right;   
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.3rem; 
    border-left-style:dotted;
    border-width: 1px;
    position: relative;
    top: -155px;

}

#ParrafoMetodo3 {
    max-width: 65%;
    height:auto;
    display:block;
    float:right;   
    font-family: 'lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 1.3rem; 
    border-left-style:dotted;
border-bottom-style:dotted;
    border-width: 1px;
    position: relative;
    top: -300px;

}

#ParrafoMetodo3 p {
    padding-left: 3.5%;  
    padding-right: 3.5%;
    font-weight: 300;
    font-style: normal;
}
#ParrafoCatedra p {
    padding-left: 3.5%;  
    padding-right: 3.5%;
    font-weight: 300;
    font-style: normal;
}

#ParrafoMetodo p {
    padding-left: 3.5%;  
    padding-right: 3.5%;
    font-weight: 300;
    font-style: normal;
}
#ParrafoMetodo2 p {
    padding-left: 3.5%;  
    padding-right: 3.5%;
    font-weight: 300;
    font-style: normal;
}


#ParrafoMetodo H4 {
    font-size: 3rem;
    font-weight: 200;
    line-height: 3.1rem;
    margin-bottom: 1rem;
    margin-top: 1.2rem;
    font-style: normal;
    padding-left: 3.5%;  
    padding-right: 3.5%;
}


#Parrafo H4 {
    font-size: 3rem;
    font-weight: 200;
    line-height: 3.1rem;
    margin-bottom: 1rem;
    margin-top: 1.2rem;
    
}

 #Cajaprincipal img{
    width: 100%;
    position: relative;
    
}



#cajadocentes {
    width: 100%; 
    border-top-style:dotted;
    border-bottom-style:dotted;
    border-width: 1px;
    float: left;
    position: relative;
}


#cajadocentes img {
width: 103px;
    margin-left: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    margin-right: 0rem;
}


#Filtrar img {
width: 100%;}


#hovermarcela img{
    position: relative;
    top: 155px;  
}

#hoverpablo img{
    position: relative;
    top: 155px;
}

#hoverpano img{
    position: relative;
    top: 155px;
}


#video { width: 100%; float: left; 

}


/* Aca termina  el Css de Lud */

/* Aca Comienza el Css de extension */


#doblecolumna{
    float: left;
    width: 100%;
    
    }
#imagenverde{
    float:left;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-top-style: dotted;
    border-width: 1px;
    width: 49%;
    
}
#imagenverde img {
width: 100%;
}
#primertextoextension{
    float:right;
    width: 49%;
    height: 345px;
     border-bottom-style: dotted;
    border-top-style: dotted;
    border-left-style: dotted;
    border-width: 1px;
}


#tituloextension {
   background-color: rgb(250, 221, 158);
    height: 40px;
     position:relative;
    bottom:20px;
}


#tituloextension h2{
     font-family: 'Roboto Condensed', sans-serif;
    font-size: 240%;
    margin-left: 5%;
       padding-top: 4px;
    
}
#primertextoextension h3{
    font-family: 'lato', sans-serif;
     font-size: 150%;
    line-height: 1.6;
    margin-left: 20px;
    margin-right: 20px;
    font-weight: 500;
    
    
    }

#textodelcostado{
    width: 25%;
    border-top-style: dotted;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-width: 1px;
    margin-top: 30px;
    float: left;
}

#rectanguloverde {
    background-color: rgb(204, 227, 167);
    width: 9%;
    height: 1207px;
    float: left

}
#listadodetexto{
   width: 88%;
    float: right;
}

#listadodetexto p{
    border-top-style: dotted;
    border-width: 1px;

}
#listadodetexto h2{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 200%;
    border-bottom-style: dotted;
    border-width: 1px;
    font-weight: 500;
}
#listadodetexto h3{
    font-family: 'lato', sans-serif;
    font-size: 130%;
    line-height: 1.4;
    font-weight: 500;
    
}
#listadodetexto a {
    font-family: 'lato', sans-serif;
    color: rgb(53, 167, 66);

}

#contenidodelmedio{
    width: 50%;
    float: left;
    margin-top: 30px;
    background-color: rgb(204, 227, 167);
    margin-bottom: 30px;
    border-bottom-style: dotted;
    border-right-style: dotted;
    border-top-style: dotted;
    border-width: 1px;
    
    

}
#titulocontenidodelmedio{
    background-color: #FFF;
    height: 30px;
    bottom: 20px;
}

#titulocontenidodelmedio h2{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 220%;
    margin-left: 2%;
    
     

}

#cuerpocontenidodelmedio{
    background-color: rgb(204, 227, 167);
}
#trabajosextension {
    border-top-style: dotted;
    border-width: 1px;

}
#trabajosextension h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 190%;
    color:#000;
    margin-left: 2%

}
#trabajosextension h5{
    font-family: 'lato', sans-serif;
    font-size: 130%;
    line-height: 1.4;
    font-weight: 600;
    margin-left: 2%

}
#trabajosextension a {
    font-family: 'lato', sans-serif;
    color: rgb(34, 113, 43);
}

#Asideextension {
    float:right;
    height:440px;
    width:23.4%;
    border-left-style:dotted;
    margin-top: 30px;
    border-bottom-style: dotted;
    border-width: 1px;
    background-color: rgb(226, 226, 226);
}
#enlacesasidextension a{
    text-decoration: none;
}

#Cuadrogriss {
position:relative;
bottom:16px;
margin:0rem;
   height:30px;  
   background-color:rgb(129, 129, 129); 

}
#Cuadrogriss H3 {
    position:relative;
    padding:auto;
    top: 5px;
    text-align:left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size:1.6em;
    color:#FFF;
    padding-left: 8%%;
     
}
#Cuadrogriss H4 {
    position:relative;
    padding:auto;
    top: 5px;
    text-align:left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size:1.4em;
    color:#FFF;
    padding-left: 8%%;
     
}

#enlacesasidextension {
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 50px;
    

}
#enlacesasidextension a {
    border-top-style: dotted;
    border-width: 1px;
    font-family: 'lato', sans-serif;
    color: rgb(34, 113, 43);
    font-size: 140%;
    font-weight: 500;

}
#enlacesasidextension h5 {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    color: #000;
font-weight: 500;
 border-top-style: dotted;
    border-width: 1px;}

/* Aca termina el Css de extension */




/* Aca Comienza el Css de evaluacion */
#evaluaciondetp {
    width: 74%;
    float: left;
    border-bottom-style: dotted;
    border-right-style: dotted;
    border-width: 1px;
}

#sistevalu{
    width: 74%;
    float: left;
    border-bottom-style: dotted;
    border-right-style: dotted;
    border-width: 1px;
}
#tituloevaluaciontp{
    bottom: 20px;
    background-color:rgb(250, 221, 158);
    width: 25%;
    height: 30px;

}
#tituloevaluaciontp h2{
    font-family: 'Roboto Condensed', sans-serif;
    margin-left: 2%;
    font-size: 200%;
        
    
}

#textoevaluaciontp h4{
    font-family: 'lato', sans-serif;
    font-size: 150%;
    line-height: 1.4;
    font-weight: 500;
    margin-left: 2%;
    margin-right: 2%;
    
}
#correccionesabiertasev{
    float: left;
    width: 74%;
    border-bottom-style: dotted;
    border-top-style: dotted;
    border-right-style: dotted;
    border-width: 1px;
    margin-top: 20px;
}
#correccionesabiertasev img{
    float: left;
}
#cajacorreccionesabiertas {
    width: 33.44%;
    float: left;
    background-color: rgb(226, 226, 226);
    height: 201px;
}
#cuadradoverdeca{
    width: 7%;
    height: 201px;
    background-color: rgb(250, 221, 158);
    float: left;
}

#cajacorreccionesabiertas h2{ 
    font-family: 'Roboto Condensed', sans-serif;
    margin-left: 9%;
    font-size: 200%;
    line-height: 1.1;
    border-bottom-style: dotted;
    border-width: 1px;
    
}
#cajacorreccionesabiertas h5{
    font-family: 'lato', sans-serif;
    font-size: 130%;
    line-height: 1.5;
    font-weight: 600;
    margin-left: 9%;
    margin-right: 2%
    
}
#cajacorreccionesabiertas h6{
    font-family: 'lato', sans-serif;
    margin-left: 9%;
    color: rgb(34, 113, 43);
    font-size: 120%
}
#correccionesabiertasev{
    float: left;
    width: 74%;
}
#correccionesabiertasev img{
    float: left;
}
#cajaevaluacionesparciales {
    width: 74%;
    float: left;
    height: 115px;
    border-bottom-style: dotted;
    border-top-style: dotted;
    border-right-style: dotted;
    border-width: 1px;
    margin-top: 20px
}
#cuadradoverdeev{
    width: 7%;
    height: 115px;
    background-color: rgb(204, 227, 167);
    float: left;
}
#cajaevaluacionesparciales img{
    float: right;
    width: 72%
}
#cajatextoevaluacionesparciales h2{ 
    font-family: 'Roboto Condensed', sans-serif;
    margin-left: 9%;
    font-size: 150%;
    line-height: 1.1;
    border-bottom-style: dotted;
    border-width: 1px;
    
}
#cajatextoevaluacionesparciales a{
    color: rgb(34, 113, 43);
    text-decoration: none;
   

}

#cajatextoevaluacionesparciales{
    width: 27%;
    float: left;
}
#cajatextoevaluacionesparciales h5{
    font-family: 'lato', sans-serif;
    font-size: 120%;
    line-height: 1.5;
    font-weight: 600;
    margin-left: 9%;
 
    
    
}

#Asideevaluacion {
    float:right;
    height:350px;
    width:23.4%;
    border-left-style:dotted;
    border-bottom-style: dotted;
    border-width: 1px;
    background-color: rgb(234, 231, 231);
}

#Asideevaluacion a{
    text-decoration: none;
}
#Cuadrogrisss {
position:relative;
bottom:16px;
margin:0rem;
   height:30px;  
   background-color:rgb(129, 129, 129); 

}
#Cuadrogrisss H3 {
    position:relative;
    padding:auto;
    top: 5px;
    text-align:left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size:1.6em;
    color:#FFF;
    padding-left: 8%%;
     
}
#Cuadrogrisss H4 {
    position:relative;
    padding:auto;
    top: 5px;
    text-align:left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size:1.4em;
    color:#FFF;
    padding-left: 8%%;
     
}

#enlacesasidextension {
    margin-left: 7%;
    margin-right: 5%;
    margin-bottom: 50px;
    

}
#enlacesasidextension a {
    border-top-style: dotted;
    border-width: 1px;
    font-family: 'lato', sans-serif;
    color: rgb(34, 113, 43);
    font-size: 140%;
    font-weight: 500;

}
#enlacesasidextension h5 {
font-weight: 500;
 border-top-style: dotted;
    border-width: 1px;}

#cajaevaluaciondealumnos{
    width: 74%;
    border-bottom-style: dotted;
    border-top-style: dotted;
    border-right-style: dotted;
    border-width: 1px;
    margin-top: 20px;
    float: left;
    margin-bottom: 20px;
    
}
#eppdla{
    width: 28%;
    height: 252px;
    background-color: rgb(204, 227, 167); 
    float: left;

}
#eppdla h2{ 
    font-family: 'Roboto Condensed', condensed sans-serif;
    font-weight: 500;
    margin-left: 3%;
    font-size: 210%;
    
}
#cajatextoevaluaciondealumnos h2{ 
    font-family: 'Roboto Condensed', sans-serif;
    margin-left: 9%;
    font-size: 150%;
    line-height: 1.1;
    border-bottom-style: dotted;
    border-width: 1px;
    
}
#cajatextoevaluaciondealumnos a{
    color: rgb(34, 113, 43);
    text-decoration: none;

}

#cajatextoevaluaciondealumnos{
    width: 72%;
    float: left;
    border-bottom: dotted;
    border-width: 1px;
    height: 115px;
    
}
#cajatextoevaluaciondealumnos h5{
    font-family: 'lato', sans-serif;
    font-size: 130%;
    line-height: 1.5;
    font-weight: 600;
    margin-left: 9%;
    margin-right: 2%
    
}
#cajatextoevaluaciondealumnosdos h2{ 
    font-family: 'Roboto Condensed', sans-serif;
    margin-left: 9%;
    font-size: 150%;
    line-height: 1.1;
    border-bottom-style: dotted;
    border-width: 1px;
    
}
#cajatextoevaluaciondealumnosdos a{
    color: rgb(34, 113, 43);
    text-decoration: none;

}

#cajatextoevaluaciondealumnosdos{
    width: 72%;
    float: left;
    margin-top: 20px;
    border-top-style: dotted;
    border-width: 1px;
    
    
}
#cajatextoevaluaciondealumnosdos h5{
    font-family: 'lato', sans-serif;
    font-size: 130%;
    line-height: 1.5;
    font-weight: 600;
    margin-left: 9%;
    margin-right: 2%
    
}
#cuadradoverdealumnos{
    width: 5%;
    height: 115px;
    background-color: rgb(250, 221, 158);
    float: left;
}

/* Aca termina el Css de evaluacion */





/* Aca comienza el Css de novedades */

#cajamasgrandenov{
    width: 49%;
    float: left;
    border-bottom-style: dotted;
    border-right-style: dotted;
    border-width: 1px;
   
}

#rectangulonaranjita{
    width: 7%;
    float: left;
    background-color: rgb(250, 221, 158);
    height: 350px;
}

#rectangulonaranjita h3{
    font-family: 'lato', sans-serif;
    color: #FFF;
    font-size: 200%;
    text-align: center;
}
#rectangulonaranjita h5{
    font-family: 'lato', sans-serif;
    color: #FFF;
    font-size: 100%;
    text-align: center;
}

#titulocajamasgrandenov{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 150%;
    line-height: 1.1;
    float: left;
    width: 93%;
    

}
#titulocajamasgrandenov h1{
    margin-left: 2%;
    border-bottom-style: dotted;
    border-width: 1px;

}
#textocajamasgrandenov h3{
    font-family: 'lato', sans-serif;
    margin-left: 9%;
    margin-right: 2%;
    font-size: 190%;
    font-weight: 500;
    
}

#textocajamasgrandenov img{
    width: 93%;
    float: left;
   

}

#textocajamasgrandenov a{
    font-family: 'lato', sans-serif;
     color: rgb(34, 113, 43);
    float: left;
    margin-top: 10px;
    margin-left: 2%;
    font-size: 150%;

}
#doscajaschicas{
    width: 25%;
    float: left
}
#cajaschicasnov{
   float: left;
    margin-left: 20px;
     border-style: dotted;
    border-width: 1px;
    margin-bottom: 18px;
    height: 165px;
    background-color: rgb(204, 227, 167);
   

}

#fechacajaschicasnov{
    width: 10%;
    float: left;
    background-color: rgb(226, 226, 226);
    height: 165px;
    
}

#fechacajaschicasnov h3{
    font-family: 'lato', sans-serif;
    color: #FFF;
    font-size: 200%;
    text-align: center;
    

}
#fechacajaschicasnov h5{
    font-family: 'lato', sans-serif;
    color: #FFF;
    font-size: 100%;
    text-align: center;}

#titulocajaschicasnov{
    float: left;
    
    margin-left: 3%;
}

#titulocajaschicasnov h2{
     font-family: 'Roboto Condensed', sans-serif;
    font-size: 160%;
    line-height: 1.1;
    border-bottom-style: dotted;
    border-width: 1px;
    float: left;
    
    

}

#textocajaschicasnov{
    font-family: 'lato', sans-serif;
    line-height: 1.2;
    float: left;
    width: 75%;
    margin-left: 8%;
    
    

}

#textocajaschicasnov a{
    font-family: 'lato', sans-serif;
     color: rgb(34, 113, 43);
    float: left;
    margin-top: 10px;
    margin-left: 2%;
    font-size: 120%;

}

#cajasmedianasnov{
    width: 23.51%;
    float: left;
    margin-left: 20px;
    border-bottom-style: dotted;
    border-left-style: dotted;
    border-right-style: dotted;
    border-width: 1px;
    margin-bottom: 20px;
     background-color:rgb(226, 226, 226);
   

}

#fechacajasmedianasnov{
    width: 10%;
    float: left;
    background-color: rgb(250, 221, 158);
    height: 350px;
    
    
}

#fechacajasmedianasnov h3{
    font-family: 'lato', sans-serif;
    color: #FFF;
    font-size: 200%;
    text-align: center;
    

}
#fechacajasmedianasnov h5{
    font-family: 'lato', sans-serif;
    color: #FFF;
    font-size: 100%;
    text-align: center;}

#titulocajasmedianasnov{
    float: left;
    
    margin-left: 3%;
}

#titulocajasmedianasnov h2{
     font-family: 'Roboto Condensed', sans-serif;
    font-size: 160%;
    line-height: 1.1;
    border-bottom-style: dotted;
    border-width: 1px;
    float: left;
    
    

}

#textocajasmedianasnov{
    font-family: 'lato', sans-serif;
    line-height: 1.2;
    float: left;
    width: 75%;
    margin-left: 7%;
    font-size: 120%;
    font-weight: 500;
    
    

}
#textocajasmedianasnov img{
    position: relative;
    left: -10px;
    
    
}

#textocajasmedianasnov a{
    font-family: 'lato', sans-serif;
     color: rgb(34, 113, 43);
    float: left;
    margin-top: 10px;
    margin-left: 2%;
    font-size: 120%;

}

#imagenescajagrande{
    width: 93%;
    float: left;

    
}
#doscajaschicaslateral{
    width: 24%;
    float: left
}
#cajaschicaslateralnov{
   float: left;
    border-style: dotted;
    border-width: 1px;
    margin-bottom: 18px;
    height: 165px;
    background-color: rgb(204, 227, 167);
   

}
#cajasmedianaslateralnov{
    width: 22.7%;
    float: left;
    margin-left: 20px;
    border-style: dotted;
    border-width: 1px;
    margin-bottom: 20px;
    background-color:rgb(226, 226, 226); 
   

}
#cajamasgrandederechanov{
    width: 48.7%;
    float: right;
    border-bottom-style: dotted;
    border-left-style: dotted;
    border-width: 1px;
    border-top-style: dotted;
   
}

#doscajaschicaslateraltres{
    width: 22.8%;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
     position: relative;
    left: -462px;
}
#cajasmedianaslateraltresnov{
    width: 24%;
   float:left;
    border-style: dotted;
    border-width: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color:rgb(226, 226, 226); 
   position: relative;
    left: -462px;
    height: 

}
#imagenescajamedianalateraltres img{
    width: 90%;
    float: left;

}
#cajasmedianaslateraltresnov a{
    font-family: 'lato', sans-serif;
     color: rgb(34, 113, 43);
    float: left;
    margin-top: 10px;
    margin-left: 2%;
    font-size: 120%;

}
#fechacajasmedianastresnov{
    width: 10%;
    float: left;
    background-color: rgb(250, 221, 158);
    height: 536px;
    
    
}

#cajaslargasultimas{
    width: 48.7%;
   position: absolute;
    left: 51.3%;
    top: 57.1%
    

}
#cajalarga{
    float: left;
    border-style: dotted;
    border-width: 1px;
    margin-bottom: 18px;
    height: 165px;
    background-color: rgb(226, 226, 226);
    

}
#cajalarga a{
    font-family: 'lato', sans-serif;
     color: rgb(34, 113, 43);
    float: left;
    margin-top: 10px;
    margin-left: 2%;
    font-size: 120%;

}

#titulocajalarga{
   
    margin-left: 3%;
}

#titulocajalarga h2{
     font-family: 'Roboto Condensed', sans-serif;
    font-size: 160%;
    line-height: 1.1;
    border-bottom-style: dotted;
    border-width: 1px;
    float: left;
    
    

}
#fechacajalarga{
    width: 5%;
    float: left;
    background-color: rgb(250, 221, 158);
    height: 165px;
    
}
#cajalarga img{
    width: 95%;
    float: left;
    

}



/* Aca termina el Css de novedades */






/* Aca comienza el Css de correcciones abiertas */

#primercolumna{
    width: 25%;
    float: left;
    border-bottom-style: dotted;
    border-right-style: dotted;
    border-width: 1px;
    margin-bottom: 20px;

}
#correccionesabiertascaja{
    float: left;
    background-color:rgb(226, 226, 226); 

}
#rectangulitocolor{
    float: left;
    background-color:rgb(250, 221, 158);
    width: 10%;
    height: 200px;

}

#tituloca{
    font-family: 'Roboto Condensed', sans-serif;
   
    float: left;
    margin-left: 3%;
    width: 80%;

}

#tituloca h1{
 line-height: 1.1;
    border-bottom-style: dotted;
    border-width: 1px;}


#textoca{
    font-family: 'lato', sans-serif;
    line-height: 1.2;
    width: 84%;
    margin-left: 13%;
    font-size: 140%;
    font-weight: 300;

}

#rectangulitocolorexpl{
    float: left;
    background-color:rgb(204, 227, 167);
    width: 10%;
    height: 536px; 
    

}
#explicacioncaja{
    border-top-style: dotted;
    float: left;
    margin-top: 16px;
    border-width: 1px;

}

#textoexplicacion{
    font-family: 'lato', sans-serif;
    line-height: 1.45;
    margin-right: 4.4%;
    margin-left: 13%;
    font-size: 144%;
    font-weight: 500;

}

#segundacolumna{
    width: 25%;
    float: left;
     border-bottom-style: dotted;
    border-right-style: dotted;
    border-width: 1px;
    margin-bottom: 20px;
}

#cajatextosegundacolumna{
    border-bottom-style: dotted;
    border-top-style: dotted;
    border-width: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 191px;

}
#rectangulitocolorsegund{
    float: left;
    background-color:rgb(204, 227, 167);
    width: 10%;
    height: 191px;
    

}

#textosegunda{
font-family: 'lato', sans-serif;
    line-height: 1.4;
    margin-right: 4.4%;
    margin-left: 13%;
    font-size: 160%;
    font-weight: 500;}

#terceracolumna{
    width: 25%;
    float: left;
     border-bottom-style: dotted;
    border-right-style: dotted;
    border-width: 1px;
    margin-bottom: 20px;

}

#cuartacolumna{
    width: 24.57%;
    float: left;
    border-right-style: dotted;
    border-width: 1px;
    margin-bottom: 20px;

}

#asidecorreccionesa {
    float:right;
    width:100%;
    border-bottom-style: dotted;
    border-width: 1px;
    background-color: #FFF;
    margin-bottom: 30px;
}


#cuadraditos {
position:relative;
bottom:14px;
margin-left: 6%;
    margin-right: 6%;
   height:30px;  
   background-color:rgb(204, 227, 167); 

}
#asidecorreccionesa a {
    text-decoration: none;

}
#asidecorreccionesa a cuadraditos:hover{
    background-color: rgb(34, 113, 43);

}


#cuadraditos h3 {
    position:relative;
    padding:auto;
    top: 5px;
    text-align:left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size:140%;
    color:#3b3b3b;
    padding-left: 8%%;
     
}


#cuartacolumna img{
    width: 99.9%

}




/* Aca termina el Css de correcciones abiertas */




/* Aca comienza el Css de contacto */

#cajacontactanos{
    width: 47.76%;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border-bottom-style: dotted;
    border-right-style: dotted;
    border-width: 1px;
    height: 533px;
   
}

#introduccioncontactanos{
    float: left;
    border-bottom-style: dotted;
    border-width: 1px;
    margin-bottom: 20px;
    }
#titulocontactanos{
    float: left;
    width: 100%;
    height: 60px;
    background-color:rgb(250, 221, 158);
    border-bottom-style: dotted;
    border-width: 1px;

}
#titulocontactanos h1{
    margin-left: 2%;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 250%

}

#introduccioncontactanos h3 {
    font-family: 'lato', sans-serif;
    line-height: 1.45;
    margin-right: 2%;
    margin-left: 2%;
    font-size: 144%;
    font-weight: 600;
    margin-top: 70px;

}

#linkdecontactos{
margin-left: 5%
   

}

#item h2{
     font-family: 'Roboto Condensed', sans-serif;
    color:rgb(129, 129, 129); 
    line-height: 1.1;
  
    }

#item a {
    font-family: 'lato', sans-serif;
    font-size: 163%;
    width: 100%;
    border-top-style: dotted;
    border-width: 1px;
    text-decoration: none;
    color: rgb(34, 113, 43);
    line-height: 1.1;

}

   
fieldset{
    width: 95.2%
    

}


#formulario{
    width: 50%;
    background-color: rgb(204, 227, 167);
    float: left;
}
legend{
    margin-bottom: 20px;
    float:left;
    border-bottom-style: dotted;
    border-width: 1px;
        

}


legend h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 230%;
    float:left;
    width: 100%;
    border-bottom-style: dotted;
    border-width: 1px;
        

}
legend h5 {
    font-family: 'lato', sans-serif;
    font-size: 140%;
    width: 95%;
    
    

}

label { font-family: 'lato', sans-serif;
    
    font-weight: bold; 
    color: #444; 
    font-size: 170%; 
}


input { 
    font-size: 14px; 
}


input[type="text"] { 
    
    margin: 10px 0; 
    background: #FFF; 
    border: 1px solid #ccc; 
    color: #777; 
    display: block; 
    width: 90%; 
    outline: none; 
    padding: 7px 8px;

}
#campo4 { 
    
    margin: 10px 0; 
    background: #fff; 
    border: 1px solid #ccc; 
    color: #777; 
    display: block; 
    width: 90%; 
    outline: none; 
    padding: 7px 8px;
    height: 135px;

}


input[type="submit"] { 
    
    background: rgb(34, 113, 43); 
    color: #fff; 
    padding: 8px 14px; 
    font-weight: bold; 
    display: inline-block; 
    border: none; 
    cursor: pointer; 
}


input[type="submit"]:hover { background: #444; }

#endondeestamos{
    float: left;
    width: 100%;
    border-top-style:dotted;
    border-bottom-style: dotted;
    border-width: 1px;
    height: 50px;
    margin-bottom: 20px;
    margin-top: 20px;
    bottom: 40px;
    
        
       

}

#cuadraditonaranjamapa{
   height: 50px;
    width:2%;
    background-color: rgb(250, 221, 158);
    float: 
        left;
        
    

}
#endondeestamos h2{
     font-family: 'Roboto Condensed', sans-serif;
    font-size: 230%;
    float: 
        left;
    margin-left: 1%;
    
        
    

}

iframe1{
    margin-bottom: 20px;
    float: left;

}
#comollegar{
    width: 45%;
    float:right;
    border-bottom-style: dotted;
    border-top-style: dotted;
    border-left-style:dotted;
    border-width: 1px;
    background-color: rgb(226, 226, 226);
      

}

#titulocomollegar{
    float: left;
    width: 100%;
    border-bottom-style: dotted;
    border-width: 1px;
    height: 50px;
    margin-bottom: 20px;
    bottom: 30px;

}
#titulocomollegar h2{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 250%;
    float: 
        left;
    margin-left: 3%;
    

}

#textocomollegar{
    margin-left: 5%;
    margin-right: 5%;
        
}

#textocomollegar h2{
    font-family: 'lato', sans-serif;
    font-size: 180%;
    text-decoration: none;
    color: rgb(34, 113, 43);
    line-height: 1.1;

}
#textocomollegar h3{
    font-family: 'lato', sans-serif;
    font-size: 163%;
    width: 100%;
    text-decoration: none;
    color: #000;
    line-height: 1.1;

}
#textocomollegar h4{
    font-family: 'lato', sans-serif;
    font-size: 130%;
    width: 100%;
text-decoration: none;
    color: #000;
    line-height: 1.5;

}



/* Aca termina el Css de contacto */



@media all and (min-width:640px) and (max-width:939px)    {


#barra #navegador {
    width:100%;  
    display:block;
height:auto;
    float:none;
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
}

#barra #navegador ul li {
    width:100%;
}

}
   
@media all and (min-width:1px) and (max-width:640px)    {
    
#barra { 
    position:relative;
    top:11px;
    width: 100%;
    height:Auto;
    max-width: 940px;
    background-color: #FFFFFF;
    float:none;
    border-top-style:dotted;
    border-bottom-style:dotted;
    border-width: 1px;
    display:block;
    z-index: +1000;
    border-right-style:dotted;
    border-left-style:dotted;
    border-width: 1px;
}

#barra #cuadradito {
    height: 50px;
    width:4.6%;
    background-color:rgba(166, 208, 101, 0.5);
    float:none;
    border-RIGHT-style:dotted;
     border-width: 1px;
    display:none;
}


#barra #redes {
    height:auto;
    width: 100%;
    background-color:rgba(166, 208, 101, 0.51);
    float:none;
    border-left-style:dotted;
    border-width: 1px;
    position: relative;
    right: 0px;
    display:Block;
}

#barra #redes ul{
 float:left;   
    width: 100%;
    height: auto;
    list-style: none;
 
    
}




#barra #redes ul li a {
    float:left;   
    margin-left: rem;
    
    
}

#barra #redes ul li img{
    width: 100%;
    position: relative;
    left: 0px;
}

#barra #navegador {
    width:100%;  
    display:block;
height:auto;
    float:left;
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
}
#barra #navegador nav { 

    position:relative;
    color:#fff; 
    display:block;
    width:100%;
    height:Auto;
    margin:0rem;
    margin-top: 0rem;
    background-color: #fff;
    float:none;
}

#barra #navegador nav ul{
    width:100%;
    height: auto;
    margin: auto;
    margin-top: 0rem;
    padding:0rem;
    background-color: #fff;
    list-style-type:none;
    display:block;
    float:left;
  
}

#barra #navegador nav ul li{ 
    width:50%;
    height: auto;;
    display:block;
    float:none; 
    list-style-type:none;
    background-color: #ffffff;
    margin:0rem;
  float:left;
    text-align: center;
 
}

#barra #navegador nav ul li a {
    position:relative;
    top: 0px;
    color:#000; 
    text-decoration:none; 
    padding:0rem; 
    margin:auto;
    text-align:center;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size:1.3em;
    border-RIGHT-style:dotted;
    border-width: 1px;
    display: block;
    height:auto;
}  


#Pagina {
   width:100%; 
 
    }
    

#Contenido { 
     width:100%;
  float:none;  
}


#Cajaprincipal {
 width:100%;
float:none;
    
}

#subcuadradito {
max-width:100%; 
    
width:auto;

}

#subbarra #subnavegador {
height:20px;
  width:auto;
}


#subbarra #subnavegador nav { 
    height:20px;
     width:auto;
 width:auto;
}


#subbarra #subnavegador nav ul{
    height:20px;
   width:auto;
  
}

#subbarra #subnavegador nav ul li{ 
    height:21px;
   width:auto;


    
}

#subbarra #subnavegador nav ul li a {
    width:auto;
   
    }



#Aside {
display:none;

}
    
#novedadeshome {
    height:auto;
}

#novedadeshome h1{
padding-top: 2rem;
font-size:3rem;  
    
}

#novedadeshome h3{
padding-top: 2rem;
 
    
}
#Parrafoabiertas {
 height:auto;   
}

#novedadeshomeizq {
width:100%;
	float:none;
 height:auto;
}
#novedadeshomeizq h3 {
padding-top: 2rem;
}
#novedadeshomeder {
width:100%;
height:auto;
float:none;

}

#novedadeshomeder img {
width:100%;
}

#titularhome {
max-width:100%;
width:100%;
height:auto;
margin-top:15%;

float:none;
}

#titularhome h1 {


}
    
#Parrafohome {
    max-width: 100%;
    width:100%;
    height:auto;
    float:none;

}

#texto {

    height:auto;
    float:none;
}


#Titularabiertas {
    height:auto;
    width:auto;
    float:none;    
}

#Titularabiertas h1{
    max-width: 100%;
    width:auto;    
    
} 

#Titularabiertas h2{
    max-width: 100%;
    width:auto;    
    
}      
    
#Parrafoabiertas {
height:auto;
max-width:100%;
    width:100%;
float:none;

}
iframe {
height:auto;
width:100%;
}    

footer {
    position: relative;
    bottom: -0px;    
    
}
    
}

@media all and (min-width:640px) and (max-width:939px)    {

#barra { 
    position:relative;
    top:11px;
    width: 100%;
    max-width: 940px;
    background-color: #FFFFFF;
    float:left;
    border-top-style:dotted;
    border-bottom-style:dotted;
    border-width: 1px;
    display:block;
    z-index: +1000;
    border-right-style:dotted;
    border-left-style:dotted;
    border-width: 1px;
    overflow:hidden;
}

#barra #cuadradito {
    height: 50px;
    width:4.6%;
    background-color:rgba(166, 208, 101, 0.5);
    float:left;
    border-RIGHT-style:dotted;
     border-width: 1px;
display:none;
}


#barra #redes {
     position: relative
    height:20x;
    width: 100%;
    background-color:rgba(166, 208, 101, 0.51);
    float:right;
    border-left-style:dotted;
    border-width: 1px;
   ;
    right: 0px;
    overflow: hidden;
}

#barra #redes ul{
 float:left;   
    width: 50%;
    height: 18px;
    list-style: none;
    align-content: center;
}




#barra #redes ul li a {
    float:left;   
    margin-left: 0zrem;
    
    
}

#barra #redes ul li img{
    width: 100%;
    position: relative;
    left: -45px;
}

#barra #navegador {
    width:84%;  
    display:block;
    float:left;
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
}
#barra #navegador nav { 

    position:relative;
    color:#fff; 
    display:block;
    width:100%;
    
    margin:0rem;
    margin-top: 0rem;
    background-color: #fff;
    float:left;
}

#barra #navegador nav ul{
    width:100%;
    height: 50px;
    margin: auto;
    margin-top: 0rem;
    padding:0rem;
    background-color: #fff;
    list-style-type:none;
    display:block;
  
}

#barra #navegador nav ul li{ 
    width:16.5%;
    height: 50px;
    display:block;
    float:left; 
    list-style-type:none;
    background-color: #ffffff;
    margin:0rem;
  
    text-align: center;
 
}

#barra #navegador nav ul li a {
    position:relative;
    top: 15px;
    color:#000; 
    text-decoration:none; 
    padding:0rem; 
    margin:auto;
    text-align:center;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size:1.6em;
    border-RIGHT-style:dotted;
    border-width: 1px;
    display: block;
}

#barra #navegador nav ul li a:hover { 
    color:rgb(60, 180, 74);  
    border-bottom:1px rgb(60, 180, 74);
    
}

#barra #cuadradito {
float:left;

}
#barra #navegador {
width:99%;
   border-bottom-style:dotted;
    border-right-style:dotted;
    border-width: 1px;
    overflow:hidden;
    float:left;
}
#barra #redes {
    height:auto;
    width:100%;
    background-color:rgba(166, 208, 101, 0.51);
    float:none;
    border-left-style:dotted;
    border-width: 1px;
    position: relative;
    right: 0px;
    display:Block;
}

 #texto2 {
 top:0rem;
 }

#titularhome {
max-width:100%;
width:100%;
height:auto;
margin-top:15%;

float:none;
}

#titularhome h1 {


}
    
#Parrafohome {
    max-width: 100%;
    width:100%;
    height:auto;
    float:none;

}

#texto2 {

    height:auto;
    float:none;
   
}

#Titularabiertas {
    height:auto;
    width:auto;
    float:none;    
}
 #texto {

    height:auto;
    float:none;
}
   
}