@charset "utf-8;
    /*css document*/
    
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900,400italic,700italic);
    
    *{ margin: 0;

    }


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



#contenedor{
    background-color: #d3eaff;
    width: 950px;
    margin:auto;
    height: auto;
    }


body{
    background-color: #d3eaff;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    color: black;
    
}


header{
    background-color: white;
    height: 60px;
    width: 100%;
    float: left;
    z-index: 10;
    position: fixed;
    border-left-width: inherit;
    border-right-width: inherit;
    border-top-width: inherit;
    border-bottom-width:thin;
	border-bottom-color: #ff9749;
	border-style:solid;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
 
}

#contenedorheader{
    background-color: white;
    width: 950px;
    margin:auto;
    height: 60px;
}

header img{
    float: left;
    width: 140px;
    margin-top: 1px;
    margin-left: 0.5rem;
}


header nav ul{
    width: 577px;
    padding-left: 0px;
    font-size: 1rem;
    list-style: none;
    float: right;
    font-weight: 400;
}
        
header nav ul li {
     float: right;
     width: 9rem;
     text-align: center;
     
 }

header nav ul li a{
    float: left;
    text-align: center;
    display: inline-block;
    width: 9rem;
    color: black;
    padding-top: 1.3rem;
    height: 2.45rem;
}

header nav ul li a:hover{
    border-left-width: inherit;
    border-right-width: inherit;
    border-top-width: inherit;
	border-bottom-color: #eb7721;
    border-bottom-width: thick;
	border-style:solid;
    color: #eb7721;
    text-align: center;
    width: 9rem;
    float: left;
    height: 2.2rem;
    font-weight: 400;
}

main{
    
    display: block;
    width: 700px;
    float: left;
    
}

#contenedorslider{
    width: 950px;
    margin:auto;
    height: 330px;
}

#slider{
    margin-top: 10rem;
    width: 950px;
    color: #ffffff;
    float: left;
    height: 330px;    
}

#slider img{
    width: 950px;
    float: left;
    height: 330px;
}

#imagenppal {
    position: absolute;
    z-index: 2;
    margin-top: 12rem;
    width: 14rem;
    height: 6rem;
    float: left;
    background-color:rgba(175, 0, 0, 0.8);
      
}

{background-color:rgba(198, 16, 16, 0.8);
background-color:rgba(114, 190, 178, 0.85);}

.vs {
    font-size: 21px;
    float: left;
    color: white;
    font-weight: 300;
     padding-top: 0.3rem;
padding-left: 2rem;}


}

#principal p{
    float: left;
    padding-top: 0rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 18.6rem;
    font-size: 20px;
    margin-left: 0rem;
    margin-right: 0.5rem;
    width: 21rem;
    color: white;
    
}

   

h20{
    font-size: 20px;
    float: left;
    margin-top: 1rem;
    color: #26292B;
}

#novedades{
    float: left;
    margin-top: 1rem;
    width: 710px;
    height: 600px;  
  }

#fila1 {
    float: left;
    margin-top: 1rem;
    height: 470px;    
    
}

#fila2 {
    float: left;
    margin-top: 0.5rem;
    height: 480px;
    
}

{color noticias #f5f4f4}

#novedad1 {
    float: left;
    width: 345px;
    height: 470px;
    background-color: white;
    color: #575757;
}



#novedades h2{
    float: left;
    clear: both;
    margin-top: 1.5rem;
    width: 20rem;
    font-size: 16px;
    padding-right: px;
    line-height: 1.3rem;
    margin-left: 15px;
    font-weight: 600;
}



#novedades a{
    color: black;
}

#novedades a:hover{
    color: #eb7721;
}


#tags{
    float: left;
    margin-bottom: 0.5rem;
    background-color: #67acac;
    width: 7.5rem;
    height: 1.6rem;
    padding-top: 0.2rem;
    padding-left: 1rem;
    font-size: 17px;
    color: white;
    font-weight: 400;
}

#text {
    float: left;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 1rem;
    line-height: 1.2rem;
    font-size: 12px;
    
}
    
/*hover colores home*/

#novedad1 #img{
    width: 100%;
    float: left;
    height: 15rem;

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

#imgnoti img{
    float: left;
    width: 100%;
}
{#f8c037}
#hoverimg{
    background-color: rgba(234, 97, 13, 0.7);
    height: 15rem;
    width: 100%;
    float: left;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    opacity: 0;
    margin-top: -15rem;
}

#hoverimg:hover{
    opacity: 1;
}

#textohover{
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 160px;
    font-weight: 300;
    color: white;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    
}

#novedad2 #img{
    width: 100%;
    float: left;
    height: 15rem;

}


#novedad2 #hoverimg:hover{
    opacity: 1;
}



#novedad3 #img{
    width: 100%;
    float: left;
    height: 15rem;

}


#novedad3 #hoverimg:hover{
    opacity: 1;
}



#novedad4 #img{
    width: 100%;
    float: left;
    height: 15rem;

}


#novedad4 #hoverimg:hover{
    opacity: 1;
}




/*fin  hovers home*/


#novedad2 {
    float: left;
    margin-left: 10px;
    width: 345px;
    height: 470px;
    background-color: white;
    color: #575757;
    
}



#novedad3 {
    float: left;
    margin-left: 0px;
    width: 345px;
    height: 470px;
    background-color: white;
    color: #575757;
    
}

#novedad4 {
    float: left;
    margin-left: 10px;
    width: 345px;
    height: 470px;
    background-color: white;
    color: #575757;
    
}

aside{
    width: 14.5rem;
    float: right;
    margin-top: 1rem;
    
}

h21{
    font-size: 20px;
    float: left;
    margin-top: 1rem;
    color: #26292B;
}


#aside #buscador img{
    float: left;
    width: 85%; 
    margin-top: 1.5rem;
    margin-left: 0.6rem;
    border-width:thin;
	border-color:#aaaaaa;
	border-style:solid;
}

#cronograma {
    float: left;
    margin-top: 1rem;

}


aside h6{
    float: left;
    font-size: 14px;
    background-color: gray;
    font-weight: 400;
    color: white;
    width: 13rem;
    text-align: center;
    padding-top: 1.5rem;
    height: 2rem;
}

aside h6:hover{ 
    background-color: #eb7721;
}


#aside{
    float: left;
    margin-top: 0.8rem;
    padding-left: 0.7rem;
    height: 660px;
    background-color: white;
}

#ahora{
    float: left;
    margin-top: 1.5rem;
    background-color: #e6e6e6;
    padding-top: 0.7rem;
    padding-bottom: 0.5rem;
    font-size: 15px;
    width: 12.5rem;
    color: #d40c1e;
    padding-left: 0.5rem;
    font-weight: 700;   
}

#tarde{
    float: left;
    margin-top: 0.5rem;
    background-color: #e6e6e6;
    padding-top: 0.7rem;
    padding-bottom: 0.5rem;
    font-size: 15px;
    color: gray;
    width: 12.5rem;
    padding-left: 0.5rem;
}

#continua{
    margin-top: 0.5rem;
    float: left;
    background-color: #e6e6e6;
    padding-top: 0.7rem;
    padding-bottom: 0.5rem;
    font-size: 15px;
    color: gray;
    width: 12.5rem;
    padding-left: 0.5rem;
}

#mañana{
    margin-top: 0.5rem;
    float: left;
    background-color: #e6e6e6;
    padding-top: 0.7rem;
    padding-bottom: 0.5rem;
    font-size: 15px;
    color: gray;
    width: 12.5rem;
    padding-left: 0.5rem;
}



#mas a{
    color: white;
    float: left;
    display: block;
    margin-top: -0.8rem;
    padding-top: 0.6rem;
    height: 2.4rem;
    width: 100%;
     
}

#mas a:hover{
    color: white;
    background-color: #eb7721;
}

#horario{
    float: left;
    color: #eb7721;
    margin-left: 0px;
    width: 3rem;
    padding-top: 0.9rem;
    height: 2.1rem;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    border-style: solid;
    border-color: #eb7721;
    border-bottom-width: thin;
    border-top-width: inherit;
    border-left-width: inherit;
    border-right-width: inherit;
}


#program{
    float: left;
    width: 8.3rem;
    height: 2rem;
    padding-top: 1rem;
    background-color: white;
    color: black;
    font-weight: 400;
    font-size: 14px;
    padding-left: 0.5rem;
    border-style: solid;
    border-color: #eb7721;
    border-bottom-width: thin;
    border-top-width: inherit;
    border-left-width: inherit;
    border-right-width: inherit;
    
}

#program a{
    color: black;
}



#otros a {
    color: black;
}


#espacio{
    float: left;
    margin-top: 1.3rem;
    width: 100%;
}

#espacio ul {
  padding:0px;
    float: left;
}

#espacio li {
  position:relative;
  list-style:none;
  float:left;
  width: 12.05rem;;
  margin-right:1rem;
  margin-bottom:0.5rem;
  color:#fff;
  text-align:right;
  padding:108px;
    height: 2.8rem; 
}

#espacio #imgtw {
    float: left;
    margin-top: 0.3rem;
  width:75px;
  height:3rem;
}

#espacio #imgtw img {
    height: 2rem;
    float: left;
}

#espacio li p {
  font-size:20px;
    float: right;
  font-weight:bold;
  margin:0px;
    width: 5rem;
}



#espacio li .follow {
  float: left;
  font-size:14px;
    font-weight: 400;
  width:6rem;
  height:16px;
  margin-top: 0.5rem;
}
   

h1{
    padding-left: 1rem;
    margin-top: 3rem;
    margin-left: 1rem;
    font-size: 25px;
    color: white;
    width: 23rem;
    line-height: 1.7rem;
    
        
}

h1:hover {color: black;
    text-decoration: underline;
}
    


h5:hover {color:white;
        text-decoration: underline;
    background-color: #e96040;
}

h5{ color:white;
    float:right;
    background-color: gray;
    font-family: "Roboto", sans-serif;
    margin-top: 1.7rem;
    margin-right: 1rem;
    font-size: 11px;
    width: 4rem;
    height: 1rem;
    text-align: center;
    padding-top: 4px;
    
}

h6{ color:#3999a6;
    float:left;
    font-family: "Roboto", sans-serif;
    margin-top:1.7rem;
}





#contenedorfooter{
    background-color: #232527;
    width: 950px;
    margin:auto;
    height: auto;
}

footer{
    float: left;
    list-style-type: none;
    background-color: #ffffff;
    width: 100%;
	height: auto;
    margin-top:2rem;
	position:relative;
	padding-bottom:20px;
    clear: both;
    color: white;
}



#izquierda{
    margin-top: 0.8rem;
    float: left;
    height: auto;
    width: 330px;

}

#izquierda h7{
    font-size: 13px;
    font-weight: 300;
    float: left;
    width: 117px;
    line-height: 1.3rem;
    margin-top: 0.6rem;
    color: white;
}

#h7{
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
}

#logofooter{
    float: left;
    width: 12rem;
}

#logofooter img{
    width: 80%;
    float: left;
    

}

footer ul{
    width: 520px;
    margin-right: 0rem;
    float: right;
}
}


footer ul li{
list-style-type: none;
margin-top: 0.5rem;
}



footer ul h4{
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 400;
float: left;
margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}


footer ul li a{
    font-size: 14px;
    font-weight: 300;
color: darkgrey;
    float: left;
    clear: both;
    margin-bottom: 0.3rem;
}

footer ul li a:hover{
color: #eb7721;}




footer p{
    color: #6c6c6c;
    font-size: 11px;
    width: 533px;
    margin-top: -2rem;
    margin-left: 11rem;
    float: left;
    height: 30px;
    text-align: left
}




   
/* FIN INDEX */











/* CONTACTO */

#contenedorcontacto{
    width: 950px;
    margin:auto;
    height: 50rem;
}

#mapa{
    float: left;
    width: 950px;
    margin-top: 5rem;
}

#mapa img{
    width: 100%;
}

#maincontacto{
    height: 700px;
    width: 700px;
    margin-top: 0.5rem;
    background-color: ;
}


.contactbox {
    margin-top: rem;
    margin-left: 1rem;
    padding: 0.5rem;
	display: block;
	width: 41rem;
	height: 480px;
	float: left;
    background-color: ;
    
}

.contactotitulo {
    font-family: "Roboto";
	width: 610px;
	height: 3.5rem;
	padding: 5px 20px  0px 0px;
    border-style:solid;
    border-color: gray;
    border-top-width: inherit;
    border-left-width: inherit;
    border-bottom-width: 1.5px;
    border-right-width: inherit;
}

.contactotitulo h21{
    font-size: 30px;
    margin-top: 0rem;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}

#contacto {
	width: 660px;
    font-family: "Roboto", sans-serif;
	border: 1px transparent;
	text-align: left;
	padding: 0px;
	margin: 2rem 0px 0px 0px;
	color: #575757;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: 700;
}

#contacto p.floating1 {
    font-family: "Roboto", sans-serif;
	width: 612px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
}

#contacto p.floating5 {
    font-family: "Roboto", sans-serif;
	width: 612px;
    float: left;
    margin-top: 1.5rem;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
}


#contacto p.floating2 {
    font-family: "Roboto", sans-serif;
	float: left;
	width: 612px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
    margin-top: 1.5rem;
    font-size: 14px;
    font-weight: 400;
}

#contacto p.floating4 {
    font-family: "Roboto", sans-serif;
	float: left;
	width: 612px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
    margin-top: 1.5rem;
    font-size: 14px;
    font-weight: 400;
}

#contacto p.floating3 {
	float: right;
	width: 100px;
    margin-top: 0.5rem;
	margin-left: 5px;
	margin-right: 3px;
	margin-bottom: 0px;
}



#contacto #nombre, #contacto #email {
	display:block;
	border:1.5px solid #beb9b9;
	font-size:13px;
	margin:5px 0 5px;
	padding:5px;
    background-color: ;
	width:600px;
    
}

#contacto #asunto {
	display:block;
	border:1.5px solid #beb9b9;
	font-size:13px;
    background-color: ;
	margin:5px 0px 5px;
	padding:5px;
    height: 2rem;
	width:600px;
}

#contacto #mensaje {
    background-color: ;
	display:block;
	border:1.5px solid #beb9b9;
	font-size:13px;
	margin:5px 0 5px;
	padding:5px;
	width:600px;
    height: 200px;
	resize: none;
}

#contacto select {
	display:block;
	border:1px solid white;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:192px;
}



#sendcomment:hover{
    background-color: #eb7721;
    color: white;
}



#sendcomment{
    font-family: "Roboto", sans-serif;
	background-color: grey;
	border:1px solid transparent;
	color: white;
	padding:4px 10px 5px;
	font-size:11px;
	margin: 3rem 270px 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
    float: right;
    width: 7rem;
    height: 2.5rem;
    font-size: 12px;
}
    

/* QUIENES SOMOS/INSTITUCIONAL */

#contenedorquienes{
    width: 950px;
    margin:auto;
    height: 56rem;
}

#fotoquienes{
    float: left;
    width: 100%;
    height: 420px;
    background-color: white;
}

iframe{
    width: 655px;
    margin-left: 1.5rem;
    height: 400px;
}

#mainquienes{
    float: left;
    height: 31.5rem;
    width: 700px;
    margin-top: 5rem;
}

#anotate{
    float: left;
 
    line-height: 3.5rem;
    font-size: 16px;
    font-weight: 320;
    
    padding: -1.5rem 1.5rem 1.5rem 1.5rem;
}

#textoquienes{
    float: left;
    background-color: white;
    margin-top: 1.5rem;
    width: 700;
    line-height: 1.5rem;
    font-size: 16px;
    font-weight: 300;
    height: 17rem;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}

#mainquienes h21{
    font-size: 30px;
    font-weight: 600;
}

#asidequienes{
    width: 14.6rem;
    height: 400px;
    float: right;
    margin-left: 0.5rem;
    margin-top: 1.2rem;
    margin-top: 6.3rem;
    
}

   
    /* -----------------------------------------------------*/ 
  

/* ----------------------------------------------------------------- HASTA ACA FUNCIONA RESPONSIVE---------*/ 
   
    
}

h1{
    padding-left: 1rem;
    margin-top: 3rem;
    margin-left: 1rem;
    font-size: 25px;
    color: white;
    width: 23rem;
    line-height: 1.7rem;
    
        
}

h1:hover {
    color: black;
    text-decoration: underline;
}
    



h5:hover {
    color:white;
    text-decoration: underline;
    background-color: #e96040;
}



/*    --------------------------------------------------------------------------------------------                      


*/

h5 { 
    color:white;
    float:right;
    background-color: gray;
    font-family: "Roboto", sans-serif;
    margin-top: 1.7rem;
    margin-right: 0rem;
    font-size: 11px;
    width: 4rem;
    height: 1rem;
    text-align: center;
    padding-top: 4px;
    
}


    


h6{ 
    
    color:#3999a6;
    float:left;
    font-family: "Roboto", sans-serif;
    margin-top:0.5rem;
    width: 100%;
    text-align: center;
    font-size: 26px;
}




   
/* FIN INDEX */