@charset "utf-8";

body{
	background-image: url(Imagenes/backlogo2.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	}

div.logo_gr {
    width: 410px;
    margin: auto;
    /*border: 1px solid red;*/
}
div.logo_ch {
	display: none;
}

/*comienca parte principal*/
main {
    max-width:1200px;
    margin: auto;
    /*border: 1px solid blue;*/
	margin-top: 50px;
	padding: 10px;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width: 650px) {
	
	
 div.logo_gr {
   display: none;
 }
 div.logo_ch {
	display: block;
	width: 250px;
	margin: auto;
 }
		
}




.seccion1 {
max-width:50%;
/*border: 1px solid red;*/
padding-top: 120px; 
font-family:   Arial," sans-serif";
color:#2A1633;
text-shadow: 1px 1px 1px #FAE9F6	; 
text-align: center;
font-size: 30px;
float:left;
}
	
.seccion2{
max-width: 48%;
text-align: center;
/*border: 1px solid red;*/
float:right;
}

.seccion2 img {
 max-width: 70%;
 border-radius: 2%;
 }

.seccion2 p{
font-family:   Arial," sans-serif";
color:#2A1633;
text-shadow: 1px 1px 1px #FAE9F6	; 
text-align: center;
font-size: 26px;
padding-top: 100px;
margin-left: -40px;
margin-right: 20px;
}

.seccion3{
max-width: 48%;
text-align: center;
float:left;
}

.seccion3 img {
 max-width: 65%;
 border-radius: 2%;
 margin-top: 100px;
 }

.seccion4{
max-width: 48%;
text-align: center;
float: right;
margin: auto;
border: 1ps solid pink;
}

.seccion4 img {
 max-width: 75%;
 border-radius: 2%;
 margin-top: 60px;
 margin-bottom: 140px;
 }

.seccion5 {
font-family:   Arial," sans-serif";
color:#2A1633;
text-shadow: 1px 1px 1px #FAE9F6	; 
text-align: center;
font-size: 30px;
float: left;
max-width: 50%;
padding-top: 100px;
}


.seccion6{
font-family:   Arial," sans-serif";
color:#2A1633;
text-shadow: 1px 1px 1px #FAE9F6	; 
text-align: center;
 display: none;
}

.seccion1 a:hover, .seccion2 a:hover, .seccion3 a:hover, .seccion4 a:hover {
opacity: 0.5;
}

h1, h2{
font-family:   Arial," sans-serif";
color:#2A1633;
text-shadow: 1px 1px 1px #FAE9F6; 
font-size: 30px;
font-weight: normal;
}

@media screen and (max-width: 1000px) {
  .seccion1 {
  font-size: 26px;
  padding-top: 70px; 
  }

	h1{
	font-size: 26px;
	}	
	
	h2{
	font-size: 24px;
	}	
	
  .seccion2 p{
  font-size: 24px;
  padding-top: 70px;
  }	

 .seccion3 img{
  margin-top: 60px;
 }

 .seccion4 img{
  margin-top: 40px;
 }
	
  .seccion5 p{
  font-size: 26px;
  padding-top: 0px;
  }	
	
}


	
@media screen and (max-width: 800px) {
  .seccion1 {
  font-size: 22px;
  padding-top: 40px; 
  }

	h1 {
	font-size: 22px;	
	}
	
  .seccion2 p{
  font-size: 20px;
  padding-top: 50px;
  }	
		
	h2 {
	font-size: 20px;	
	}

  .seccion3 img {
  margin-top: 40px;
 }
	
  .seccion4 img{
  margin-top: 20px;
 }
	
  .seccion5 p{
  font-size: 22px;
  margin-top: -20px;
  padding-top: 0px;
  }	
	
}


@media screen and (max-width: 650px) {
.seccion1 {
font-size: 18px;
padding-top: 30px; 
}
	
	h1 {
	font-size: 18px;	
	}
	
.seccion2 p{
  font-size: 17px;
  padding-top: 10px;
 }	
	
	h2 {
	font-size: 17px;	
	}
	
 .seccion3 img {
  margin-top: 20px;
 }
 
.seccion4 img{
  margin-top: 20px;
 }
	
 .seccion5 p{
  font-size: 18px;
  margin-top: -40px;
  padding-top: 0px;
  }	
	
}


@media screen and (max-width: 500px) {
  .seccion1 {
  float: none;
  max-width: 100%;
  font-size: 20px;
  padding-top: 0px; 
  }
	
	h1 {
	font-size: 20px;	
	}
	
  .seccion2 {
  float: none;
  max-width: 100%;
  }

  .seccion2 img {
   max-width: 50%;
   border-radius: 2%;
  }
	    
  .seccion2 p {
  max-width: 100%;
  font-size: 18px; 
  margin: 0px;
  padding: 40px 0;
  }
	
	h2 {
	font-size: 18px;	
	}	

  .seccion3 {
  float:none;
  max-width: 100%;
  }
  
  .seccion3 img {
  max-width: 50%;
  }
	
  .seccion4{
  float:none;
  max-width: 100%;
 }	
	
 .seccion4 img{
  margin-top: 0px;
  max-width: 50%;
  margin-bottom: 60px;
	  
 }

  .seccion5 {
	float: none;
	max-width: 100%;
	display:none; 
  }

  .seccion6 {
	display: block;  
	float: none;
	overflow: hidden;
	max-width: 100%;
  }
	
  .seccion6 p {
  max-width: 100%;
  font-size: 20px; 
  padding: 40px 0;
  text-align: center;
  }
	
}

/*finaliza parte principal*/

/*colage*/

.separadorgaleria {
display: block;
clear: both;
overflow: hidden;
margin-top: 100px;
max-width: 1200px;
height: 32x;
background-color: #FAE6F4 
}

.separadorgaleria p {
margin: auto;
text-align: center;
font-size: 25px;
color: #B75FC1;
}


.fotoscolage1{
display: block;
clear: both;
float: left;
min-width: 49%;
padding: 50px 0px 0px 15px;
}

.fotoscolage2{
display: block;
float: left;
min-width: 49%;
padding: 50px 0px 0px 0px;
}

.fotoscolage3{
display: block;
clear: both;
float: left;
min-width: 49%;
padding: 10px 0px 50px 15px;
}

.fotoscolage4{
display: block;
float: left;
min-width: 49%;
padding: 10px 0px 50px 0px;
}

.colage img{
float:left;
padding: 1px;
border: 1px solid #D38CE7;
border-radius: 1%;
max-width: 22%;
margin: 10px 5px 0 5px; 
text-align: center;
}


@media screen and (max-width: 1000px) {
	.colage img{
	float:left;
	padding: 1px;
	border: 1px solid #D38CE7;
	border-radius: 1%;
	max-width: 21%;
	text-align: center;
	}
}

@media screen and (max-width: 800px) {
	
	.fotoscolage1 {
	clear:both;
	width: 100%;
	padding: 50px 0px 10px 30px;
	}
		
	.fotoscolage2, .fotoscolage3, .fotoscolage4{
	clear:both;
	width: 100%;
	padding: 10px 0px 10px 30px;
	}
	
	.fotoscolage4{
	padding-bottom: 50px;
	}
}

@media screen and (max-width: 650px) {
	
	.fotoscolage1 {
	clear:both;
	width: 100%;
	padding: 50px 0px 10px 30px;
	}
		
	.fotoscolage2, .fotoscolage3, .fotoscolage4{
	clear:both;
	width: 100%;
	padding: 10px 0px 10px 30px;
	}
	
	.fotoscolage4{
	padding-bottom: 50px;
	}
	
}

@media screen and (max-width: 500px) {
	
.separadorgaleria {
  margin-top: 0px;
  }
	
	.fotoscolage1 {
	padding: 50px 0px 10px 10px;
	}
		
	.fotoscolage2, .fotoscolage3, .fotoscolage4{
	padding: 10px 0px 10px 10px;
	}
	
	.fotoscolage4{
	padding-bottom: 50px;
	}

}










/*footer*/
	
footer {
	clear: both;
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	color: #993399;
	background-color: #F6EDFE;
	padding: 5px 0;
	position: relative;
	
}

footer p {
	margin:5px 0;
}

.sep {
	margin-bottom:15px;
}


footer a{
	text-decoration: none;
	color: #993399; 
	}

footer .tel{
text-decoration: none;
color: inherit;
}


.wap{
	height: 18px;
	width: auto;
	padding:0;
	margin:-3px;
}


img.face{
	height: 25px;
	margin-bottom: -5px;
}

footer a:hover {
color:#622073;
opacity: 0.5;
}

footer.grande{
	display:block
}

footer.chico{
	display: none;
}


@media screen and (max-width: 650px) {
	
footer.grande{
	display:none;
}

footer.chico{
	display: block;
}

		
}
/*fin footer*/