/* generales */

@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);
@font-face {
    font-family: 'a_little_sunshineregular';
    src: url('a_little_sunshine-webfont.eot');
    src: url('a_little_sunshine-webfont.eot?#iefix') format('embedded-opentype'),
         url('a_little_sunshine-webfont.woff') format('woff'),
         url('a_little_sunshine-webfont.ttf') format('truetype'),
         url('a_little_sunshine-webfont.svg#a_little_sunshineregular') format('svg');
    font-weight: normal;
    font-style: normal;}
	
*{ margin:0px; padding:0px; }

/* navegadores fijos */

body {
	font-family: 'Rosario', sans-serif;
	background-image:url(img/fondo.png);
	}
header { background-image:url(img/header.png);}

#logo {
	position:relative;
	text-align:center;
	top:70px;
	
}

nav {
	position:fixed;
	top:270px;
}


#redes_soc {
	position:fixed;
	top:270px;
	right:0px;
	list-style: none;
}

#contacto {
	position:fixed;
	top:470px;
	right:0px;
}

/* pagina */

#pagina {
	
	max-width:960px;
	height:auto;
	text-align:center;
position:relative;
margin:80px auto 0px auto;

}

#bajada img {
	position:relative;
	top:-38px;
}

h1 {
	font-family: 'a_little_sunshineregular';
	font-size:55px;
}

h2 {
	font-family: 'a_little_sunshineregular';
	font-size:30px;
	position: relative;
	right: 200px;
	top:-248px;
}
	

#bajada p {
	position:absolute;
	width:545px;
	color:#FFF;
	font-size:14px;
	text-align:left;
	left:135px;
	margin-top:-240px;
	font-family: 'Rosario', sans-serif;
	font-style:400;	
}

#camino {
position: relative;
top: 30px;
height: 149px;
}

	
#camino ul li {
	list-style:none;
	display:inline;
}

#camino ul li a {
	float:left;
	width:20px;
	height:20px;
	position:relative;
	right:-140px;
	top:-17px;
	
	
}

#index {
	position:absolute;
	left:135px;
	background-image:url(img/png-28.png);
	top:-20px;
}

#cosgaya {
	position:relative;
	left:240px;
}

#trabajos {
	position:relative;
	left:360px;
}

#docentes {
	position:relative;
	left:480px;
}

#talleres {
	position:relative;
	left:600px;
}

#comentarios {
	position:relative;
	left:710px;
}

footer {
	position:absolute;
	left: 0px;
	margin-top:60px;
	width:100%;
}

/* cosgaya */


	
	
#bajada-cosgaya img {
	position:relative;
	top:-38px;
	left: -23px;
}

	

#bajada-cosgaya p {
position: absolute;
width: 760px;
color: #FFF;
font-size: 14px;
text-align: left;
left: 135px;
margin-top: -302px;
font-family: 'Rosario', sans-serif;
font-style: 400;
text-align:justify;
}




#guía{
position:relative;
top:-28px;
left: 15px;
height:300px;

}


	
	
#saber img {
	position:relative;
	top:10px;
	left:-25px;
}


#saber{
position: absolute;
width:300px;
color: #FFF;
font-size: 14px;
text-align: left;
left: 0px;
margin-top:-50px;
font-family: 'Rosario', sans-serif;
font-style: 400;
text-align:justify;


}
#saber p{
position: absolute;
width:253px;
color: #FFF;
font-size: 12px;
text-align: left;
left: 11px;
margin-top: -242px;
font-family: 'Rosario', sans-serif;
font-style: 400;
text-align:justify;
}
#saber h3 {
	font-family: 'a_little_sunshineregular';
	font-size:14px;
	position: relative;
	top:-260px;
	left: 12px;
}

	
#responsabilidad img {
	position:relative;
	top:-350px;
	left:-35px;
}


#responsabilidad {
position: absolute;
width:300px;
color: #FFF;
font-size: 14px;
text-align: left;
left: 330px;
margin-top:310px;
font-family: 'Rosario', sans-serif;
font-style: 400;
text-align:justify;


}

#responsabilidad p{
position: absolute;
width:253px;
color: #FFF;
font-size: 12px;
text-align: left;
left: 0px;
margin-top: -602px;
font-family: 'Rosario', sans-serif;
font-style: 400;
text-align:justify;
}

#responsabilidad h3 {
	font-family: 'a_little_sunshineregular';
	font-size:14px;
	position: relative;
	top:-620px;
	left: 1px;
}




	
#diversidad img {
	position:relative;
	top: -350px;
	left: -26px;
}


#diversidad {
position: absolute;
width:300px;
color: #FFF;
left: 650px;
margin-top:310px;



}

#diversidad p{
position: absolute;
width:253px;
color: #FFF;
font-size: 12px;
text-align: left;
left: 11px;
margin-top: -600px;
font-family: 'Rosario', sans-serif;
font-style: 400;
text-align:justify;
}

#diversidad h3 {
	font-family: 'a_little_sunshineregular';
	font-size:14px;
	position: relative;
	top:-620px;
	left: -14px;
	
}




/*talleres*/



	
#bajada-talleres img {
	position:relative;
	top:-28px;
	left: -23px;
}

	

#bajada-talleres p {
position: absolute;
width: 760px;
color: #FFF;
font-size: 14px;
text-align: left;
left: 135px;
margin-top:82px;
font-family: 'Rosario', sans-serif;
font-style: 400;
text-align:justify;
}

.contenido {
position: absolute;
width: 670px;
left: -550px;
margin-top: 82px;
color: #000;
font-family: 'Rosario', sans-serif;
text-align: justify;
height: 1500px;
}

#trabajos-fotos {
left: 700x;
margin-top: -37px;
margin-left: 800px;
height: 1400px;
}




.foto1{
left: 700x;
margin-top: 202px;
padding-bottom:-120px;

}


.foto2{
left: 700x;
margin-top:124px;
padding-bottom:-120px;

}



.foto3{
left: 700x;
margin-top: 151px;
padding-bottom:-120px;

}

.foto4{
left: 700x;
margin-top: 151px;
padding-bottom:-120px;

}



/*comentarios*/
	
#bajada-comentarios  img {
	position:relative;
	top:-28px;
	left: -23px;
}

	

#bajada-comentarios p {
position: absolute;
width:600px;
color: #000;
font-size: 12px;
text-align: left;
left: 180px;
margin-top:58px;
font-family: 'Rosario', sans-serif;
font-style: 400;
text-align:justify;
}

form{
border:dashed;
background-color:#99cc33;
height: 240px;
margin-top:40px;

}

form input{
border:none;
background-color:#fff;
width:200px;
height:20px;
text-align:center;
margin-top: 17px;


}


textarea{
border:none;
background-color:#fff;
width:300px;
height:100px;
text-align:center;
margin-left: 221px;
;


}

.boton{
cursor:pointer;
border:dashed;
/* width:80px; */
height:50px;
background-color:#12a87a;
color:#FFF;
margin-left: 20px;
margin-top: 80px;

}



/*gracias*/


#bajada-comentarios-gracias  img {
	position:relative;
	top:-28px;
	left: -23px;
}

	

#bajada-comentarios-gracias p {
position: absolute;
width:600px;
color: #000;
font-size: 18px;
text-align: left;
left: 300px;
margin-top:68px;
font-family: 'Rosario', sans-serif;
font-weight:800;

text-align:justify;
}