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

body{	font-size:18px;	font-family: 'Open Sans', sans-serif;	padding: 0px;	margin: 0px; background:#fff;	color:#333;	}
#contenedor1{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden;	}
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden;	}
#contenedor3{	width:60%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden;	}
#contenedor4{width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:url(../img/index/fondo1.png); background-size:100%}
#conte4{width:42%; margin-top:15px;	float:right; font-size:20px; }
.menuu{background:#FCC85E;}

#header{min-height:95px; width:100%;  border:0px solid #966;}
#logo{margin-top:10px; margin-bottom:15px; width:277px; float:left;  border: 0px solid #f60;	}	
#logo img{width:100%}

#reds{border: 0px solid #000; width:60%; height:85px; float:right; margin-top:5px; font-size:17px; text-align:left;}	
#red1{width:60%; float:left; margin-top:15px; border:0px solid #093}
#red2{width:40%; float:right; text-align:right; border:0px solid #093}

#tel{color:#FCC85E; font-size:26px; font-weight:600}

a{color: #333; text-decoration: none;	}
a:hover{ color: #FAB541;  text-decoration: none;	}

#boton1 a{color: #333; text-decoration: none;	}
#boton1 a:hover{ color: #FAB541;  text-decoration: none;	}

#titu{color:#FCC85E; font-size:35px; font-weight:700;}
#titu2{color:#232323; font-weight:600;}
#titu3{color:#FFB71B; font-weight:600;}
#txt1{font-size:35px; }

p, #formulario_contacto {font-size:18px; text-align:justify}

#cua1{width:180px; padding:10px 7px; font-size:18px; border:0px solid #F33; text-align:center; display: inline-block;}

#logospromo{width:115px; padding:10px 7px; font-size:18px; border:0px solid #F33; text-align:center; display: inline-block;}
#boton1{border:1px solid #333; width:150px; padding:10px 15px; border-radius:3px }
#sit1{width:33%; float:left; font-size:16px;  margin-top:35px;}
#sit2{width:34%; float:left; font-size:16px; text-align:center;  margin-top:28px;}
#sit3{width:240px; float:right; font-size:16px; text-align:right;  margin:15px 0;}

#about1{width:50%; float:left}
#about2{width:45%; float:right}

#inputs{width:98%; height:25px; margin-bottom:7px; border:1px solid #999;}
#inputs1{width:340px; height:25px; margin-top:4px; border:1px solid #999;}
#inputs2{width:98%; height:100px; margin-bottom:13px; border:1px solid #999;}
#inputs3{border: 1px solid #fff; border-radius:3px; height:25px; margin-top:5px}

#boton2{background:#FCC85E; padding:7px 15px; border:1px solid #FCC85E; color:#333; font-size:16px; font-weight:600}

#boton3 {  width:130px; text-align:center; font-weight:600; min-height:40px;}
#boton3 a.boton3{background:#FCC85E;  color:#333;padding:7px 15px; }
#boton3 a:hover.boton3{background:#333; padding:7px 15px; width:130px; text-align:center; font-weight:600; color:#fff}
#mapss{width:100%; height:300px}

#pr0{border:0px solid #F30; min-height:210px;}
#pr1{float:left; width:30%; margin-top:10px; }
#pr2{float:right; width:65%; margin-top:10px; }

#abo1{border-bottom:2px dashed #CCC; min-height:210px;}
#abo11{border-bottom:2px dashed #CCC; min-height:210px;}
#abo2{border:0px solid #0F0; float:left; width:15%}
#abo2 img{ width:85%}
#abo3{border:0px solid #0F0; float:left; width:40%; margin-left:5%}
#abo4{border:0px solid #0F0; float:left; width:25%; margin-top:15px}

#xx1{display:block}
#xx2{display:none}
#previewWrapper{width:100%}


@media screen and (min-width: 1050px) and (max-width: 1200px) {
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden;	}

#abo1{border-bottom:2px dashed #CCC; min-height:190px;}
#abo11{border-bottom:2px dashed #CCC; min-height:150px;}
#abo2{border:0px solid #0F0; float:left; width:15%}
#abo2 img{ width:85%}
#abo3{border:0px solid #0F0; float:left; width:40%; margin-left:5%}
#abo4{border:0px solid #0F0; float:left; width:25%; margin-top:15px}

#pr0{border:0px solid #F30; min-height:180px;}
#pr1{float:left; width:30%; margin-top:10px; }
#pr2{float:right; width:65%; margin-top:-10px; }

}

@media screen and (min-width: 850px) and (max-width: 1049px) {
#contenedor2{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px; overflow:hidden;}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px; overflow:hidden; }
#contenedor4{width:100%;	border: 0px solid #F60;	margin: 0px auto 0px; overflow:hidden; background:url(../img/index/fondo1.png) no-repeat #FFB71B; background-size:100%}
#conte4{width:42%; margin-top:0px;	float:right; font-size:20px; }

#reds{border: 0px solid #000; width:60%; height:85px; float:right; margin-top:5px;}	
#red1{width:60%; float:left; margin-top:15px; border:0px solid #093; display:none}
#red2{width:100%; float:right; text-align:right; border:0px solid #093}

#txt1{font-size:23px; }

#abo1{border-bottom:2px dashed #CCC; min-height:170px;}
#abo11{border-bottom:2px dashed #CCC; min-height:130px;}
#abo2{border:0px solid #0F0; float:left; width:15%}
#abo2 img{ width:85%}
#abo3{border:0px solid #0F0; float:left; width:55%; margin-top:-15px; margin-left:3%}
#abo4{border:0px solid #0F0; float:left; width:25%; margin-top:15px}

#pr0{border:0px solid #F30; min-height:180px;}
#pr1{float:left; width:30%; margin-top:10px; }
#pr2{float:right; width:65%; margin-top:-10px; }

}

@media screen and (min-width: 650px) and (max-width: 849px) {
#contenedor2{	width:90%;	border: 0px solid #f00;	margin: 0px auto 0px; overflow:hidden;}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px; overflow:hidden; }
#contenedor4{width:100%;	border: 0px solid #F60;	margin: 0px auto 0px; overflow:hidden; background:url(../img/index/fondo1.png) no-repeat #FFB71B; background-size:150%}
#conte4{width:42%; margin-top:0px;	float:right; font-size:20px; }
.menuu{background:#4B4B4D;}

#reds{border: 0px solid #000; width:45%; height:85px; float:right; margin-top:5px;}	
#red1{width:100%; float:left; margin-top:15px; border:0px solid #093; display:none}
#red2{width:100%; float:right; text-align:right; border:0px solid #093}

#txt1{font-size:23px; }

#xx2{display:block; margin-top:360px; text-align:center}
#xx1{display:none}
#previewWrapper{width:100%; margin: 0px auto 0px; overflow:hidden;}

#sit1{width:100%; float:none; font-size:16px; text-align:center; margin-top:15px;}
#sit2{width:100%; float:none; font-size:16px; text-align:center;  margin-top:15px;}
#sit3{width:240px; float:none; font-size:16px; text-align:center; margin: 0px auto 0px; overflow:hidden; margin-top:15px; margin-bottom:15px;}

#abo1{border-bottom:2px dashed #CCC; min-height:170px;}
#abo11{border-bottom:2px dashed #CCC; min-height:130px;}
#abo2{border:0px solid #0F0; float:left; width:15%}
#abo2 img{ width:85%}
#abo3{border:0px solid #0F0; float:left; width:55%; margin-top:-15px; margin-left:3%}
#abo4{border:0px solid #0F0; float:left; width:25%; margin-top:15px}

#pr0{border:0px solid #F30; min-height:180px;}
#pr1{float:left; width:30%; margin-top:10px; }
#pr2{float:right; width:65%; margin-top:-10px; }


}

@media screen and (min-width: 450px) and (max-width: 649px) {
body{	font-size:16px;	font-family: 'Open Sans', sans-serif;	padding: 0px;	margin: 0px; background:#fff;	color:#333;	}

#contenedor2{	width:90%;	border: 0px solid #0C0;	margin: 0px auto 0px; overflow:hidden;}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px; overflow:hidden; }
#contenedor4{width:100%;	border: 0px solid #F60;	margin: 0px auto 0px; overflow:hidden; background:url(../img/index/fondo1.png) no-repeat #FFB71B; background-size:150%}
#conte4{width:42%; margin-top:0px;	float:right; font-size:20px; }
.menuu{background:#4B4B4D;}

#logo{width:250px; float:none;  border: 0px solid #f60; margin: 10px auto 0px; overflow:hidden; }
#logo img{width:100%}

#reds{border: 0px solid #000; width:100%; height:85px; text-align:center; float:none;  margin: 10px auto 0px; overflow:hidden; }
#red1{width:100%; float:left; margin-top:15px; border:0px solid #093; display:none}
#red2{width:100%; float:right; text-align:right; border:0px solid #093; text-align:center;}

#txt1{font-size:22px; }
#titu{color:#FCC85E; font-size:24px; font-weight:700;}
p, #formulario_contacto {font-size:16px; text-align:left}

#cua1{width:150px; padding:10px 20px; font-size:18px; border:0px solid #F33; text-align:center; display: inline-block;}
#cua1 img{ width:100% }

#xx2{display:block; margin-top:240px; text-align:center}
#xx1{display:none}
#previewWrapper{width:100%; margin: 0px auto 0px; overflow:hidden;}

#sit1{width:100%; float:none; font-size:15px; text-align:center; margin-top:15px;}
#sit2{width:100%; float:none; font-size:15px; text-align:center;  margin-top:15px;}
#sit3{width:240px; float:none; font-size:15px; text-align:center; margin: 0px auto 0px; overflow:hidden; margin-top:15px; margin-bottom:15px;}

#about1{width:100%; float:none;}
#about2{width:100%; float:rnone; margin-top:20px;}

#abo1{border-bottom:2px dashed #CCC; min-height:170px;}
#abo11{border-bottom:2px dashed #CCC; min-height:130px;}
#abo2{border:0px solid #0F0; float:none; width:50%; margin-left:25%; text-align:center;}
#abo2 img{ width:70%}
#abo3{border:0px solid #0F0; float:none; width:100%; margin-top:15px; margin-left:0%; text-align:center}
#abo4{border:0px solid #0F0; float:none; width:100%; margin-top:20px; margin-bottom:15px}

#pr0{border:0px solid #F30; min-height:180px;}
#pr1{float:left; width:100%; margin-top:10px; }
#pr2{float:right; width:100%; margin-top:10px; }


}

@media screen and (min-width: 300px) and (max-width: 449px) {
body{	font-size:15px;	font-family: 'Open Sans', sans-serif;	padding: 0px;	margin: 0px; background:#fff;	color:#333;	}

#contenedor2{	width:90%;	border: 0px solid #0C0;	margin: 0px auto 0px; overflow:hidden;}
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px; overflow:hidden; }
#contenedor4{width:100%;	border: 0px solid #F60;	margin: 0px auto 0px; overflow:hidden; background:url(../img/index/fondo1.png) no-repeat #FFB71B; background-size:150%}
#conte4{width:42%; margin-top:0px;	float:right; font-size:20px; }
.menuu{background:#4B4B4D;}

#logo{width:250px; float:none;  border: 0px solid #f60; margin: 10px auto 0px; overflow:hidden; }
#logo img{width:100%}

#reds{border: 0px solid #000; width:100%; height:85px; text-align:center; float:none;  margin: 10px auto 0px; overflow:hidden; }
#red1{width:100%; float:left; margin-top:15px; border:0px solid #093; display:none}
#red2{width:100%; float:right; text-align:right; border:0px solid #093; text-align:center;}
#tel{color:#FCC85E; font-size:22px; font-weight:600}

#txt1{font-size:20px; }
#titu{color:#FCC85E; font-size:22px; font-weight:700;}
p, #formulario_contacto {font-size:15px; text-align:left}

#cua1{width:110px; padding:10px 10px; font-size:15px; border:0px solid #F33; text-align:center; display: inline-block;}
#cua1 img{ width:100% }

#xx2{display:block; margin-top:165px; text-align:center}
#xx1{display:none}
#previewWrapper{width:100%; margin: 0px auto 0px; overflow:hidden;}

#sit1{width:100%; float:none; font-size:15px; text-align:center; margin-top:15px;}
#sit2{width:100%; float:none; font-size:15px; text-align:center;  margin-top:15px;}
#sit3{width:240px; float:none; font-size:15px; text-align:center; margin: 0px auto 0px; overflow:hidden; margin-top:15px; margin-bottom:15px;}

#about1{width:100%; float:none;}
#about2{width:100%; float:rnone; margin-top:20px;}

#abo1{border-bottom:2px dashed #CCC; min-height:170px;}
#abo11{border-bottom:2px dashed #CCC; min-height:130px;}
#abo2{border:0px solid #0F0; float:none; width:50%; margin-left:25%; text-align:center;}
#abo2 img{ width:70%}
#abo3{border:0px solid #0F0; float:none; width:100%; margin-top:15px; margin-left:0%; text-align:center}
#abo4{border:0px solid #0F0; float:none; width:100%; margin-top:20px; margin-bottom:15px}

#pr0{border:0px solid #F30; min-height:180px;}
#pr1{float:left; width:100%; margin-top:10px; }
#pr2{float:right; width:100%; margin-top:10px; }

}



/* CSS Carrusel */