@font-face {
    font-family: Quicksand;
    src: url(Quicksand-Medium.ttf);
}


.body{
width: 100%;

@font-face {
    font-family: Quicksand;
    src: url(Quicksand-Medium.ttf);
}

}

.headercolor{
@font-face {
    font-family: Quicksand;
    src: url(Quicksand-Medium.ttf);
}
width: 80%;
background-color: #ffffff;
height: 20%;
color: #ffffff;
font-weight: bold;
text-align: center;

}
.borde{
@font-face {
    font-family: Quicksand;
    src: url(Quicksand-Medium.ttf);
}
width: 80%;
height: 80%;

margin: 0 auto; 
clear:both;
}

.todo{
@font-face {
    font-family: Quicksand;
    src: url(Quicksand-Medium.ttf);
}
width: 100%;
background-color: #ffffff;
height: 20%;
color: #ffffff;
font-weight: bold;
text-align: center;

}


.header{
@font-face {
    font-family: Quicksand;
    src: url(Quicksand-Medium.ttf);
}
width: 100%;
background-color: #ffffff;
height: 100%;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0 auto; 

}
.header1{
width: 100%;
background-color: #ffffff;
height: 50%;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0 auto; 
}

.header1index{
@font-face {
    font-family: Quicksand;
    src: url(Quicksand-Medium.ttf);
}
width: 100%;
background-color: #ffffff;
font-size: 18px;
height: 50%;
color: #000000;
font-weight: bold;
text-align: justify;
margin: 0 auto; 
  


}
.header2{
@font-face {
    font-family: Quicksand;
    src: url(Quicksand-Medium.ttf);
}
width: 100%;
background-color: #ffffff;
height: 50%;
color: #F9AE3B;
font-weight: bold;
text-align: center;
margin: 0 auto; 
 

     
}

.headerizq{
@font-face {
    font-family: Quicksand;
    src: url(Quicksand-Medium.ttf);
}
width: 33%;
background-color: #ffffff;
height: 80%;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0 auto; 
font-size: 30px;
 bottom:0px;
   float:left;
   
}
.headerizq1{
@font-face {
    font-family: Quicksand;
    src: url(Quicksand-Medium.ttf);
}
width: 15%;
background-color: #ffffff;
height: 80%;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0 auto; 
font-size: 30px;
 bottom:0px;
   float:left;
   
}

.contenido{
@font-face {
    font-family: Quicksand;
    src: url(Quicksand-Medium.ttf);
};
width: 100%;
height: 80%;
background-color: #fff;
 margin: 0 auto;
color: #000000;
font-weight: bold;
text-align: center;
}
.contenido1{
	    font-family: Quicksand-Medium;

width: 100%;
height: 160%;
background-color: #fff;

color: #000000;
font-weight: bold;
text-align: center;
}


.footer {
   
 width: 100%;
background-color: #242A36;
height: 80px;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0 auto; 

}

.modulocontenido{
	    

width: 100%;
background-color: #fff;
color: #000;
font-weight: bold;
text-align: center;
margin: 0 auto; 
 
   float:left;
}
.modulocontenidosm{
	    
 
width: 100%;
background-image: url("imagenes/1.png");
color: #fff;
font-weight: bold;
text-align: center;
margin: 0 auto; 
float:left;
background-position: 50% 50%;
a color: #FF0000;  /* CSS link color */
}

.modulocontenidogrupos{
	    
 
width: 100%;
background-image: url("imagenes/1.png");
color: #fff;
font-weight: bold;
text-align: center;
margin: 0 auto; 
float:left;
background-position: 50% 50%;
a color: #FF0000;  /* CSS link color */
}
.modulocontenidoai{
	    

width: 100%;
background-image: url("imagenes/salud-mental.png");
color: #000;
font-weight: bold;
text-align: center;
margin: 0 auto; 
float:left;
background-position: 50% 50%;
}
.modulocontenidounad{
	    
 
width: 100%;
background-image: url("imagenes/3.png");
color: #000;
font-weight: bold;
text-align: center;
margin: 0 auto; 
float:left;
background-position: 50% 50%;
}
.modulocontenidoadicciones{
	    

width: 100%;
background-image: url("imagenes/4.png");
color: #000;
font-weight: bold;
text-align: center;
margin: 0 auto; 
float:left;
background-position: 50% 50%;
}
.modulocontenidogrupal{
	    

width: 100%;
background-image: url("imagenes/5.png");
color: #000;
font-weight: bold;
text-align: center;
margin: 0 auto; 
float:left;
background-position: 50% 50%;
}
.modulocontenidodirectorio{
	    

width: 100%;
background-image: url("imagenes/6.png");
color: #000;
font-weight: bold;
text-align: center;
margin: 0 auto; 
float:left;
background-position: 50% 50%;
}


.modulocontenidoform{
	    

width: 100%;
background-color: #fff;
color: #000;
font-weight: bold;
text-align: center;
margin: 0 auto; 
 
   float:left;
}

.modulocontenido1{

width: 100%;
background-color: #fff;
color: #000;
font-weight: bold;
text-align: center;
margin: 0 auto; 
 
   float:left;
}

.modulocontenido2{
	    font-family: Quicksand-Medium;

width: 45%;
background-color: #fff;
color: #000;
font-weight: bold;
text-align: center;
margin: 0 auto; 
 
   float:left;
}
.titulo{
	    font-family: Quicksand-Medium;

border-radius: 20px 20px 20px 20px;
border: 0px solid #000000;
background-color: #F9AE3B;
color: #02376F;
width: 45%;
margin: 0 auto; 
}

.subrayar{
	    font-family: Quicksand-Medium;

text-decoration: underline  #F9AE3B; 
       
}

.formulario{
width: 80%;
height: 100%;
background-color: #fff;
margin: 0 auto; 
color: #000000;
font-weight: bold;
text-align: justify;

}
.formulario1{
width: 80%;
height: 100%;
background-color: #fff;
margin: 0 auto; 
color: #000000;
font-weight: bold;
text-align: justify;
font-size: 30px;

}


.button {
    background-color: #F9AE3B; 
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.inputc{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:50%; margin: 0 auto;font-size: 20px;}

.footer{
	font-size: 18px;
width: 100%;
background-color: #ffffff;
height: 100%;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0 auto; 

}
.footer1{
font-size: 18px;
width: 100%;
background-color: #ffffff;
height: 50%;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0 auto; 
  


}

.footer2{
font-size: 18px;
width: 100%;
background-color: #ffffff;
height: 50%;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0 auto; 
 

     
}

.footerizq{
width: 33%;
background-color: #ffffff;
height: 80%;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0 auto; 
font-size: 30px;
 bottom:0px;
   float:left;
   
}

.modulointro{
width: 50%;

height: 80%;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0 auto; 
font-size: 30px;
 bottom:0px;
   float:left;
}

.link{ color: #FFF; }


label {
  cursor: pointer;
}
input[type="checkbox"]  {
	  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari y Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}