@charset "utf-8";
/* CSS Document */

body{ font-family: 'Quicksand', sans-serif; padding: 0px;	margin: 0px; color:#FFF; background:#FFF	}
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:96%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:100%; border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:url(../img/tras.png) }
#contenedor4{	width:65%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#header{min-height:95px;  border:0px solid#C30;  width: 100%;}
#reds{border: 0px solid #f60; width:97px; font-size:16px; height:41px; float:right; text-align:right; margin-top:14px; margin-right:20px;}	
#logo{float:left; width:200px; border: 0px solid #f60;   }	
#logo img{width:100%}

footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}
#maps{	width: 100%;	height: 300px;	}

#cua1{width:50%; float:left; border:0px solid #09F; margin-left:5%; margin-top:2%}
#cua2{width:40%; float:right; border:0px solid #09F;}

#cua3{width:40%; float:left; border:0px solid #09F;}
#cua4{width:50%; float:right; border:0px solid #09F; margin-right:5%; margin-top:6%; margin-bottom:6%}

.bg1{background:url(../img/index/bg.png); background-size:100%; }

#cua5{width:50%; float:left; border:0px solid #09F; margin-left:5%; }
#cua6{width:40%; float:right; border:0px solid #09F; margin-top:2%; margin-bottom:2%}
#fem1{display:none}
#fem2{display:block}

#cua7{width:37%; float:left; border:0px solid #09F; }
#cua8{width:32%; float:left; border:0px solid #09F; }
#cua9{width:31%; float:right; border:0px solid #09F; }

#trans{width:49%}

.bg2{background:url(../img/index/bg4.png); background-size:100%; }
#invi{width:45%}

p{font-size:20px; line-height:25px;}
#pp{font-size:20px; line-height:25px; margin:10px}
h1{color:#fff; font-weight:500; font-size:45PX; font-family: 'Chewy', cursive;}
h2{color:#fff; font-weight:400; color:#FFF; font-size:30PX; line-height:10px}

a{ color: #232323;	text-decoration: none;	}
a:hover{ color:#127C09;    text-decoration: none;	}

#f1{float:left; width:33%; border: 0px solid #0C6; margin-top:35PX; }
#f2{float:left; width:33%; text-align:center;  }
#f3{float:left; width:33%; text-align:right; margin-top:15PX; margin-bottom:15px }

#conta1{width:45%; float:left; border:0px solid #09F}
#conta2{width:45%; float:right; border:0px solid #09F}

#cont1{height:40px; background:#FFF; width:50%; border:0px; margin-top:-10px; color:#666; font-size:15px; border:2PX solid #999;  border-radius:2px}
#cont2{height:100px; background:NONE; width:50%; border:0px; margin-bottom:20px; color:#666; font-size:15px; border:2PX solid #999;  border-radius:2px}
#bot{background:#330066; color:#fff; font-size:24px; padding:5px 10px; border:0px; font-family: 'Chewy', cursive; }

#banners1{width:970px; margin:20px;}

#banners3{display:none}
#banners2{display:block}

.bgconta{background:url(../img/index/banner.png) fixed; background-size:100%}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
#contenedor0{border: 0px solid #F00;	}

#cua1{width:50%; float:left; border:0px solid #09F; margin-left:5%; margin-top:0%; margin-bottom:20px}
#cua2{width:40%; float:right; border:0px solid #09F; margin-top:30px}

#cua3{width:40%; float:left; border:0px solid #09F;}
#cua4{width:50%; float:right; border:0px solid #09F; margin-right:5%; margin-top:4%; margin-bottom:2%}

.bg1{background:url(../img/index/bg.png); background-size:100%; }


#cua5{width:50%; float:left; border:0px solid #09F; margin-left:5%; }
#cua6{width:40%; float:right; border:0px solid #09F; margin-top:4%; margin-bottom:2%}

#cua7{width:37%; float:left; border:0px solid #09F; }
#cua8{width:32%; float:left; border:0px solid #09F; }
#cua9{width:31%; float:right; border:0px solid #09F; }

#trans{width:49%}

.bg2{background:url(../img/index/bg4.png); background-size:100%; }
#invi{width:45%}
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
#contenedor0{border: 0px solid #0C3;}	

#reds{border: 0px solid #f60; width:97px; font-size:16px; height:41px; float:right; text-align:right; margin-top:40px; margin-right:20px;}	

#cua1{width:80%; float:none; border:0px solid #09F;  margin-left:10%; text-align:center; margin-top:0%; margin-bottom:20px}
#cua2{width:60%; float:none; border:0px solid #09F; margin-left:20%; margin-top:30px; margin-bottom:30px}

#cua3{width:60%; float:none; margin-left:20%; margin-top:30px; margin-bottom:30px}
#cua4{width:80%; float:none; border:0px solid #09F;  margin-left:10%; text-align:center; margin-right:0%; margin-top:4%; margin-bottom:30px}

.bg1{background:url(../img/index/bg-1.png); background-size:100%; }

#cua5{width:90%; float:none; border:0px solid #09F; margin-left:5%; }
#cua6{width:60%;  float:none; border:0px solid #09F; margin-left:20%; margin-top:30px; margin-bottom:30px}
#cua6 img{width:100%}
#fem1{display:block}
#fem2{display:none}

#cua7{width:70%; margin-left:15%; float:none; border:0px solid #09F; }
#cua8{width:47%; float:left; border:0px solid #09F; }
#cua9{width:47%; float:right; border:0px solid #09F; }

#trans{width:49%}

.bg2{background:url(../img/index/bg4.png); background-size:100%; }
#invi{width:75%}

#banners1{width:90%; margin:20px;}

.bgconta{background:url(../img/index/banner.png) fixed; background-size:120%}

}

@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor0{	border: 0px solid #FC0;	}
#contenedor4{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#reds{border: 0px solid #f60; width:97px; font-size:16px; height:41px; float:right; text-align:right; margin-top:40px; margin-right:20px;}	

p{font-size:18px; line-height:23px;}
#pp{font-size:18px; line-height:23px; margin:10px}
h1{color:#fff; font-weight:500; font-size:35PX; font-family: 'Chewy', cursive;}
h2{color:#fff; font-weight:400; color:#FFF; font-size:30PX; line-height:10px}

#cua1{width:80%; float:none; border:0px solid #09F;  margin-left:10%; text-align:center; margin-top:0%; margin-bottom:20px}
#cua2{width:70%; float:none; border:0px solid #09F; margin-left:15%; margin-top:30px; margin-bottom:30px}

#cua3{width:60%; float:none; margin-left:20%; margin-top:30px; margin-bottom:30px}
#cua4{width:80%; float:none; border:0px solid #09F;  margin-left:10%; text-align:center; margin-right:0%; margin-top:4%; margin-bottom:30px}

.bg1{background:url(../img/index/bg-1.png); background-size:100%; }

#cua5{width:90%; float:none; border:0px solid #09F; margin-left:5%; }
#cua6{width:60%;  float:none; border:0px solid #09F; margin-left:20%; margin-top:30px; margin-bottom:30px}
#cua6 img{width:100%}
#fem1{display:block}
#fem2{display:none}

#cua7{width:70%; margin-left:15%; float:none; border:0px solid #09F; }
#cua8{width:47%; float:left; border:0px solid #09F; }
#cua9{width:47%; float:right; border:0px solid #09F; }

#trans{width:49%}

.bg2{background:url(../img/index/bg4.png); background-size:183%; }
#invi{width:75%}

#cont1{height:30px; background:#FFF; width:70%; border:0px; margin-top:-10px; color:#666; font-size:15px; border:1PX solid #999;  border-radius:2px}
#cont2{height:100px; background:NONE; width:70%; border:0px; margin-bottom:20px; color:#666; font-size:15px; border:2PX solid #999;  border-radius:2px}
#bot{background:#330066; color:#fff; font-size:24px; padding:5px 10px; border:0px; font-family: 'Chewy', cursive; }

#banners1{width:100%; margin: 20px 0;}

#banners2{display:none}
#banners3{display:block}

.bgconta{background:url(../img/index/banner.png) fixed; background-size:155%; background-position:-50px;}

}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor0{border: 0px solid #000;	}
#contenedor4{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#reds{border: 0px solid #f60; width:97px; font-size:16px; height:41px; float:right; text-align:right; margin-top:40px; margin-right:20px;}	

p{font-size:17px; line-height:23px;}
#pp{font-size:17px; line-height:23px; margin:10px}
h1{color:#fff; font-weight:500; font-size:30PX; font-family: 'Chewy', cursive;}
h2{color:#fff; font-weight:400; color:#FFF; font-size:25PX; line-height:10px}

#cua1{width:90%; float:none; border:0px solid #09F;  margin-left:5%; text-align:center; margin-top:0%; margin-bottom:20px}
#cua2{width:90%; float:none; border:0px solid #09F; margin-left:5%; margin-top:30px; margin-bottom:30px}

#cua3{width:60%; float:none; margin-left:20%; margin-top:30px; margin-bottom:30px}
#cua4{width:90%; float:none; border:0px solid #09F;  margin-left:5%; text-align:center; margin-right:0%; margin-top:4%; margin-bottom:30px}

.bg1{background:url(../img/index/bg-1.png); background-size:100%; }

#cua5{width:90%; float:none; border:0px solid #09F; margin-left:5%; }
#cua6{width:80%;  float:none; border:0px solid #09F; margin-left:10%; margin-top:30px; margin-bottom:30px}
#cua6 img{width:100%}
#fem1{display:block}
#fem2{display:none}

#cua7{width:90%; margin-left:5%; float:none; border:0px solid #09F; }
#cua8{width:80%; margin-left:10%; float:none; border:0px solid #09F; }
#cua9{width:80%; margin-left:10%; float:none; border:0px solid #09F; }

#trans{width:80%}

.bg2{background:url(../img/index/bg4.png); background-size:232%; }
#invi{width:100%}

#f1{float:left; width:50%; border: 0px solid #0C6; margin-top:35PX; }
#f2{float:left; width:0%; text-align:center;  }
#f3{float:left; width:50%; text-align:right; margin-top:15PX; margin-bottom:15px }
#f3 img{width:150px;}

#cont1{height:30px; background:#FFF; width:80%; border:0px; margin-top:-10px; color:#666; font-size:15px; border:1PX solid #999;  border-radius:2px}
#cont2{height:100px; background:NONE; width:80%; border:0px; margin-bottom:20px; color:#666; font-size:15px; border:2PX solid #999;  border-radius:2px}
#bot{background:#330066; color:#fff; font-size:22px; padding:5px 10px; border:0px; font-family: 'Chewy', cursive; }

#banners1{width:100%; margin: 20px 0;}

#banners2{display:none}
#banners3{display:block}

.bgconta{background:url(../img/index/banner.png) fixed; background-size:175%; background-position:-50px;}

}


@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor0{	border: 0px solid #0C0;	}
#contenedor4{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }


#logo{  width:180PX;  }	

#reds{border: 0px solid #f60; width:97px; font-size:16px; height:41px; float:right; text-align:right; margin-top:15px; margin-right:20px; margin-bottom:15px}	

p{font-size:15px; line-height:20px;}
#pp{font-size:17px; line-height:23px; margin:10px}
h1{color:#fff; font-weight:500; font-size:25PX; font-family: 'Chewy', cursive;}
h2{color:#fff; font-weight:400; color:#FFF; font-size:20PX; line-height:10px}

#cua1{width:90%; float:none; border:0px solid #09F;  margin-left:5%; text-align:center; margin-top:0%; margin-bottom:20px}
#cua2{width:90%; float:none; border:0px solid #09F; margin-left:5%; margin-top:30px; margin-bottom:30px}

#cua3{width:60%; float:none; margin-left:20%; margin-top:30px; margin-bottom:30px}
#cua4{width:90%; float:none; border:0px solid #09F;  margin-left:5%; text-align:center; margin-right:0%; margin-top:4%; margin-bottom:30px}

.bg1{background:url(../img/index/bg-1.png); background-size:100%; }

#cua5{width:90%; float:none; border:0px solid #09F; margin-left:5%; }
#cua6{width:80%;  float:none; border:0px solid #09F; margin-left:10%; margin-top:30px; margin-bottom:30px}
#cua6 img{width:100%}
#fem1{display:block}
#fem2{display:none}

#cua7{width:100%; margin-left:0%; float:none; border:0px solid #09F; }
#cua8{width:100%; margin-left:0%; float:none; border:0px solid #09F; }
#cua9{width:100%; margin-left:0%; float:none; border:0px solid #09F; }

#trans{width:90%}

.bg2{background:url(../img/index/bg4.png); background-size:335%; }
#invi{width:100%}

#f1{float:left; width:50%; border: 0px solid #0C6; margin-top:35PX; }
#f2{float:left; width:0%; text-align:center;  }
#f3{float:left; width:50%; text-align:right; margin-top:15PX; margin-bottom:15px }
#f3 img{width:150px;}

#cont1{height:30px; background:#FFF; width:90%; border:0px; margin-top:-10px; color:#666; font-size:15px; border:1PX solid #999;  border-radius:2px}
#cont2{height:100px; background:NONE; width:90%; border:0px; margin-bottom:20px; color:#666; font-size:15px; border:2PX solid #999;  border-radius:2px}
#bot{background:#330066; color:#fff; font-size:18px; padding:5px 10px; border:0px; font-family: 'Chewy', cursive; }

#banners1{width:100%; margin: 10px 0;}

#banners2{display:none}
#banners3{display:block}

.bgconta{background:url(../img/index/banner.png) ; background-size:205%; background-position:-350px;}

}