body,td,th {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1em;
	font-weight: 400; 
	color: #fff;
}
a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400; 
	color: #eee;
}

a:hover {
	text-decoration: none;
	color: #fff;
    transition-duration: 1s;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #b20000;
}

body {
	background-color: #EEE;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#linea {
	background-image: url(imagenes/linea.jpg);
	background-repeat: repeat-x;
	height: 26px;
	width: 100%;
	margin: 0%;
    overflow: hidden;
}


#cajaheader {
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	float: ;
	margin-top: 0px;
    overflow: hidden;
	
	background: #00D7BA;

}

#logo {
	height: 140px;
	width: 100%;
	background-repeat: no-repeat;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
    text-align: center; 
	font-family: roboto-condensed-webfont, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #fff;
}

.contenedor-ancho {
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	float: left;
    overflow: hidden;
}

.contenedor940 {
	width: 100%;
	max-width: 940px;
	overflow: hidden;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    overflow: hidden;
}
/* para 768px o menos */
@media screen and (max-width: 760px) {
	.contenedor940 {
		width: 94%;
	}
}


.banner01 {
	background-image: url("images/banner-quiensoy.jpg");
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:right;
	/***  este css ES PERFECT para background responsive ***/
}
/* para 768px o menos */
@media screen and (max-width: 760px) {
	.banner01 {
		background: #00afc2;
	}
}

.banner02 {
	background-image: url("images/bannermusicoterapia.jpg");
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	/***  este css ES PERFECT para background responsive ***/
}

.banner03 {
	background-image: url("images/banner-estimulacion.jpg");
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	/***  este css ES PERFECT para background responsive ***/
}

.banner04 {
	background-image: url("images/banner-estimulacion02.jpg");
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	/***  este css ES PERFECT para background responsive ***/
}

.banner05 {
	background-image: url("images/banner-contacto.jpg");
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:right;
	/***  este css ES PERFECT para background responsive ***/
}

.fotoquien {
	display: none;
}
/* para 768px o menos */
@media screen and (max-width: 760px) {
	.fotoquien {
	display: block;
	margin-top: 60px;
	margin-bottom: -60px;
	margin-left: auto;
	margin-right: auto;
	}
}



/********* TEXTOS *********/

.caja-textoangosto {
	width: 62%;
	margin-top: 18%;
	margin-bottom: 6%;
	float: left;
	text-align: left;
	overflow: hidden;
}
.caja-textomedio {
	width: 80%;
	margin-top: 16%;
	margin-bottom: 6%;
	float: left;
	text-align: left;
	overflow: hidden;
}
.caja-textomedio-margen {
	width: 76%;
	margin-top: 8%;
	margin-bottom: 6%;
	float: left;
	text-align: left;
	overflow: hidden;
}
.caja-textomedio-margen-right {
	width: 76%;
	margin-top: 8%;
	margin-bottom: 6%;
	float: right;
	text-align: right;
	overflow: hidden;
}
.caja-textocentrado {
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 14%;
	margin-bottom: 6%;
	text-align: center;
	overflow: hidden;
}
.texto-gris {
	color: #333333;
}

/* para 768px o menos */
@media screen and (max-width: 760px) {
	.caja-textoangosto {
	width: 70%;
	margin-top: 12%;
	margin-bottom: 6%;
	}
	.caja-textomedio {
	width: 80%;
	margin-top: 12%;
	margin-bottom: 6%;
	margin-left: ;
	}
	.caja-textomedio-margen {
	width: 80%;
	margin-top: 12%;
	margin-bottom: 6%;
	margin-left: ;
	}
	.caja-textomedio-margen-right {
	width: 80%;
	margin-top: 12%;
	margin-bottom: 6%;
	margin-left: ;
	}
	.caja-textocentrado {
	margin-top: 12%;
	margin-bottom: 6%;
    overflow: hidden;
	}
}
/* para 480px o menos */
@media screen and (max-width: 480px) {
	.caja-textoangosto {
	width: 80%;
	}
	.caja-textomedio {
	width: 90%;
	}
	.caja-textomedio-margen {
	width: 90%;
	}
	.caja-textomedio-margen-right {
	width: 90%;
	}
}

/********* Fin de TEXTOS *********/


.foto-redonda {
	width: 100%;
	max-width: 268px;
	}
	
/* para 480px o menos */
@media screen and (max-width: 480px) {
	.foto-redonda {
	width: 50%;
	}
}
	
.parrafo1 {
	padding-left: 5%;
}
.parrafo2 {
	padding-right: 5%;
}

.color1 {
	background: #3BC3BA;
}
.color2 {
	background: #A764D4;
}

#content {
	padding: 10px;
	margin: 20px auto;
	width: 900px;
	text-align: center;
    overflow: hidden;
}

#content a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	color: #5d49ad;
}

#content a:hover {
	text-decoration: none;
	color: #fff;
    transition-duration: 1s;
}



#menucontenedor {
	background-image: url(imagenes/linea2.jpg);
	background-repeat: repeat-x;
    height: 40px;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
    overflow: hidden;
                
}

#menucaja {
    height: 40px;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}
#boton1 {
    height: 25px;
    padding-left: 17px;
	padding-right: 17px;
    float: left;
    background-color: #3A01DF;
	padding-top: 15px;
	text-align: center;
	border-left: solid 2px #fff;
	border-right: solid 2px #fff;
    overflow: hidden;
}
#boton1:hover {
    background-color: #200081;
    transition-duration: 1s;
	color: #fff;
}
#boton2 {
    height: 25px;
    padding-left: 17px;
	padding-right: 17px;
    float: left;
    background-color: #73a09c;
	padding-top: 15px;
	text-align: center;
	border-left: solid 2px #fff;
	border-right: solid 2px #fff;
    overflow: hidden;
}
#boton2:hover {
	background-color: #568782;
	transition-duration: 1s;
	color: #fff;
}
#boton3 {
	height: 25px;
    padding-left: 17px;
	padding-right: 17px;
	float: left;
	background-color: #8b00e1;
	padding-top: 15px;
	text-align: center;
	border-left: solid 2px #fff;
	border-right: solid 2px #fff;
	overflow: hidden;
}
#boton3:hover {
	background-color: #500081;
	transition-duration: 1s;
	color: #fff;
}
#boton4 {
    height: 25px;
    padding-left: 17px;
	padding-right: 17px;
    float: left;
    background-color: #DF3A01;
	padding-top: 15px;
	text-align: center;
	border-left: solid 2px #fff;
	border-right: solid 2px #fff;
    overflow: hidden;
}
#boton4:hover {
	background-color: #952500;
	transition-duration: 1s;
	color: #fff;
}
#boton5 {
    height: 25px;
    padding-left: 17px;
	padding-right: 17px;
    float: left;
    background-color: #FF8000;
	padding-top: 15px;
	text-align: center;
	border-left: solid 2px #fff;
	border-right: solid 2px #fff;
                overflow: hidden;
}
#boton5:hover {
    background-color: #D75D00;
    transition-duration: 1s;
	color: #fff;
}
#boton6 {
    height: 25px;
    padding-left: 17px;
	padding-right: 17px;
    float: left;
    background-color: #00ba4f;
	padding-top: 15px;
	text-align: center;
	border-left: solid 2px #fff;
	border-right: solid 2px #fff;
    overflow: hidden;
}
#boton6:hover {
    background-color: #007130;
    transition-duration: 1s;
	color: #fff;
}




.menu {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	color: #fff;
    line-height: 1em;

}

#cajamenu {
    background-color: #EEE;
	height: 90px;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: -10px;
	float: left;
    overflow: hidden;
}
#menucont {
	height: 40px;
	width: 900px;
	font-size: 0,7em;
	color: #777;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.menumovil {
	width: 400px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
                text-align: center; 
	margin-top: 3px;
	padding-top: 10px;
                display: none; 
            
}

.fondo1 {              
background: #8b00e1;
}
.fondo2 {              
background: #952500;
}
.fondo3 {              
background-color: #73a09c;
}
.fondo4 {              
background: #73a09c;
}
.fondo5 {              
background: #00afc2;
}
.fondo6 {              
background: #568782;
}


.fotoinicio { 
                 width: 900px;     
                 margin: auto; 
                 text-align: center; 
	margin-bottom: 10px;
	margin-top: 10px;

} 
.fotoinicio ul {              
                  background-color: none;
} 
.fotoinicio li { 
                 display: inline-block; 
                 margin-right: 22px; 
                 margin-left: -18px; 
                 width: 260px; 
	font-family: bebasneue, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #777;
}



/* Foto y div programa ----------------- */

.programa {
                    height: 150px;
	width: 800px;
                    margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	text-align: left;
                    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
                    overflow: hidden;
}

.programa2 {
	width: 800px;
                    margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	text-align: left;
                    padding-bottom: 20px;
                    overflow: hidden;
}

.fotito {
                   float: left;
	margin-right: 10px;
}

/* Fin foto y div programa */

.bannerimagen {

    margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
    line-height: 1.2em;
	text-align: center;
    overflow: hidden;
}


#contacto {
	width: 300px;
                  margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
                  overflow: hidden;
}

section {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: roboto-condensed-webfont, Arial, Helvetica,           sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #666;
                  overflow: hidden;
}


.linkcorreo {
	font-family: 'Roboto Condensed', sans-serif;
	color: #FFF;
}
.linkcorreo2 {
	font-family: 'Roboto Condensed', sans-serif;
	color: #00B4AB;
}

h1 {
	font-family: LobsterTwo-Bold-webfont, Arial, Helvetica, sans-serif;
	font-size: 2.6em;
	font-weight: normal;
	color: #FFF;
	margin-top: 40px;
	margin-bottom: 20px;
}
h2 {
	font-family: LobsterTwo-Bold-webfont, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3 {
	font-family: LobsterTwo-Bold-webfont, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
}
h4 {
	font-family: LobsterTwo-Bold-webfont, Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: normal;
	color: #fff;
	margin-top: 20px;
	margin-bottom: -64px;
}
/* para 480px o menos */
@media screen and (max-width: 700px) {
	h4 {
		margin-bottom: -20px;
	}
}

h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.2em;
	font-style:italic;
	font-weight: 400;
	color: #fff;
    line-height: 1.2em;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* para 480px o menos */
@media screen and (max-width: 700px) {
	h5 {
		font-size: 1em;
	}
}

h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1em;
	font-weight: 300;
	font-style:italic;
	color: #fff;
    line-height: 1.2em;
	margin-top: 0px;
	margin-bottom: 10px;
}
.texto {
	margin-right: 10px;
	margin-top: 40px;
	margin-left: 10px;
                    line-height: 1.2em;
	text-align: center;
}

/****************  FORMULARIO ****************/

.formulario {
	width: 400px;
	padding-top: 40px;
	padding-bottom: 40px;
    overflow: hidden;
}

/****************  fin FORMULARIO ****************/


/****************  FOOTER ****************/

footer {
	background: #91b54d;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	float: left;
    overflow: hidden;
}

#cajafoot {
	width: 900px;
	padding-top: 80px;
	padding-bottom: 90px;
	color: #fff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    overflow: hidden;
}
/* para 768px o menos */
@media screen and (max-width: 700px) {
	#cajafoot {
		width: 94%;
		float: none;
	}
}