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

body{	font-size:20px; line-height:23px;	font-family: 'Pragati Narrow' ; padding: 0px;	margin: 0px; background:#fff; 	color:#333;	}
#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; }


#header{ width: 100%; background:url(../img/head/Visita%20OC-12.png); }

#tiempo{border: 0px solid #f60; width:25%; float:left; margin-top:15px; }	
#logo{border: 0px solid #f60; width:50%; float:left;  text-align:center;  margin-top:20px; margin-bottom:20px }	
#logo img{width:155px;}
#redes{border: 0px solid #f60; width:25%; float:right; text-align:right; margin-top:10px; margin-bottom:10px;}		
#logo2{display:none;}

#column-left {

    border: 0px solid #D2D2D2;
    //position: fixed;
	//top: 0;
    height: 41px;
    overflow: hidden;
    text-align: center;
    width: 100%;
	z-index:1000;
}
/*.xxx0{ height:200px}*/

#mmm1{background:#000; min-height:250px}
#mmm2{display:none}
#mmm3{display:none}
#mmm4{display:none}
#mp1{width:300px; border: 0px solid #0F0; float:left; margin-left:15px}
#mp2{width:300px; border: 0px solid #0F0; float:left}
#mp3{width:300px; border: 0px solid #0F0; float:left}
#mp4{width:300px; border: 0px solid #0F0; float:left}
#mp5{width:300px; border: 0px solid #0F0; float:left}


 /* -------------------- CSS Carrusel -------------------------- */
#carrusel		  {	border:0px solid #000; height:110px;	}
#bg_carrusel 	  { width:100%; height:120px;}
#carrusell 		  { width:100%; height:110px; border:0px solid #000000; margin:10px auto; }
.list_carousel 	  {margin:0px 0 0px 0px;	width: 100%; text-align:center;}
.list_carousel ul {margin: 0; padding: 0; list-style: none;	display: block;}
.list_carousel li {width: 200px; height: 110px;	padding: 0;	margin: 0px; display: block; float: left; border:0px solid #000;}


p, #binetas{line-height:23px; font-size:20px; }

#condado1{width:60%; float:left; margin-top:20px }
#condado2{width:35%; float:right; margin-top:20px}
#condado2 img{width:100%; margin-top:80px; margin-bottom:30px; margin-top:20px}

#condado11{width:30%; float:left;  margin-top:20px }
#condado11 img{width:100%; margin-top:30px; margin-bottom:30px}
#condado22{width:65%; float:right;  margin-top:20px}

#cua1{float:left; width:23%; margin:0% 1%;}
#cua1 img{width:100%; margin-bottom:15px;}
	
#txt1{	font-family: 'Pragati Narrow'; font-size:35px; color:#6A3500;   margin: 10px 0px; }
#txt2{	font-family: 'Pragati Narrow'; font-size:35px; color:#f60;   margin: 10px 0px; }
#txt3{	font-family: 'Pragati Narrow'; font-size:25px; color:#000;   margin: 10px 0px; }
#txt4{margin-top:10px; margin-bottom:10px; background:#242424;  width:140px; border-radius:3px; padding:5px; text-align:center;}
h1{	font-family: 'Pragati Narrow'; font-size:35px; color:#333;   margin: 15px 0px; }

#red1{width:45%; float:left; }
#red2{width:50%; float:right;  }
#red2 img{width:100%;  }

#red11{width:31%; margin: 0 1.1%; float:left; }
#vid1{width:100%; height:280px }

#red22{width:50%; float:left; }

#viaja1{width:30%; float:left; }
#viaja2{width:65%; float:right;  }

#hotel-1{width:25%; float:left; }
#hotel-2{width:70%; float:right;  }

#hot1{width:58%; float:left; }
#hot2{width:35%; float:right;  }
#hot2 img{width:90%;}

#bgtitu{color:#fff; font-weight:600; padding:8px 0; background:url(../img/head/Visita%20OC-12.png);}
#bggris{border:1px solid #ddd; width:100%; background:#f2f2f2;	margin: 0px auto 0px;	overflow:hidden;  padding:10px;}

#estrellas, #ciudades, #buscar, #comida2{height:35px; margin-top:8px;}
#bus1{width:276px; float:left}
#bus2{width:196px; float:left; margin-left:15px;}

#cua-hotel{width:44%; padding:13px; border:1px solid #ccc; margin-bottom:15px; text-align:left; float:left; margin-right:15px;}

#info-hotel-1{float:left; width:55%;}
#info-hotel-2{float:right; width:40%;}

a{ color: #528E99;	text-decoration: none;	}
a:hover{ color: #3F6E76;    text-decoration: none;	}

#titu{	color:#3F6E76; font-size: 55px; font-family: 'Pragati Narrow'; font-weight:600;  	}
#titu2{	color:#3F6E76; font-size: 35px; font-family: 'Pragati Narrow'; font-weight:600; 	}
#titu3{	color:#333; font-size: 25px; font-family: 'Pragati Narrow'; font-weight:600; line-height:28px  	}
#titu4{	color:#3F6E76; font-size: 45px; font-family: 'Pragati Narrow'; font-weight:600; line-height:47px 	}

a.f11{ color: #fff;	text-decoration: none;	}
a.f11:hover{ color: #232323;    text-decoration: none;	}

a .doc{ background:#3F6E76; color:#FFF;	text-decoration: none;	}
a .doc:hover{ background: #6d6d6d; color:#FFF;    text-decoration: none;	}

a .boton-forma{ background:#6d6d6d; color:#FFF;	text-decoration: none; text-align:center; text-transform:uppercase; margin-bottom:10px; padding:7px 10px;	font-family: 'Pragati Narrow'; line-height:25px}
a .boton-forma:hover{ background: #3F6E76; color:#FFF;    text-decoration: none;	}

#contaa1{width:45%; border:0px solid #09F; float:left}
#contaa2{width:45%; border:0px solid #09F; float:right; }
#cont1{height:30px; background:none; width:98%;  margin-bottom:20px; font-size:22px; color:#666; border:1px solid #ccc; font-family: 'Pragati Narrow';}
#cont2{height:80px; background:none; width:98%;  margin-bottom:20px; font-size:22px; color:#666; border:1px solid #ccc; font-family: 'Pragati Narrow';}
#bot{background:#f00; color:#fff; font-family: 'Pragati Narrow'; font-size:20px; padding:5px 30px; border:0px; }

#f1{float:left; width:33%; border: 0px solid #0C6; font-size:20px; margin-top:20px;}
#f2{float:left; width:33%; border: 0px solid #0C6; font-size:20px; margin-top:0px;}
#f3{float:left; width:33%; text-align:right; border: 0px solid #0C6;font-size:20px;}

#map_i2, #map_i3{
width:100%;
height:668px;
margin:0px auto;
}

.section2{
width:230px;
height:450px;
border:red solid 0px;
float:left;
margin-left:57px;
margin-top:91px;
background:url(../img_map/banda.png);
position: absolute;
z-index:10;
}

.contenidolist{
overflow:auto;
width:232px;
height:400px;
border:blue solid 0px;
float:left;
margin-left:0px;
margin-top:0px;
padding-bottom:5px;
}
.list2{
/*color:#39AA35;*/
color:#007BEA;
/*color:#fff;*/
font-family:Arial;
font-size:10px;
margin:0 auto;
text-align:center;
font-weight:bold;

}


/**********MAPA INTERACTIVO ******************************/
#map_i{
background:url(../img_map/fondo.png);
width:900px;
height:1200px;
border-radius:5px;
border: 0px solid #33C;
margin:10px auto;
border: 0px solid #C30;
}
.section{
width:257px;
height:380px;
background:url(../img_map/cuadro.png);
float:left;
margin-left:30px;
margin-top:10px;

}

.list{
color:#F97400;
font-family:Calibri;
font-size:12px;
margin:0 auto;
text-align:center;
font-weight:bold
}

tr{
padding:0;
margin:0;
}
td{
padding:0;
margin:0;

}


@media screen and (min-width: 1000px) and (max-width: 1149px) {

#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#column-left {display:none}

}

@media screen and (min-width: 800px) and (max-width: 999px) {
#contenedor1{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }
#column-left {display:none}

#condado1{width:60%; float:left; margin-top:20px }
#condado2{width:35%; float:right; margin-top:20px}
#condado2 img{width:100%; margin-top:80px; margin-bottom:30px; margin-top:60px}

#condado11{width:35%; float:left;  margin-top:20px }
#condado11 img{width:100%; margin-top:58px; margin-bottom:30px}
#condado22{width:60%; float:right;  margin-top:20px}

#viaja1{width:350px; float:none; margin: 0px auto 0px;	overflow:hidden;  margin-bottom:20px }
#viaja1 img{width:100%; }
#viaja2{width:70%; float:none; margin-left:15%;  }

#cua-hotel{width:94%; padding:13px; border:1px solid #ccc; margin-bottom:15px; text-align:left; float:left; margin-right:0px;}

}

@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor1{	width:90%;	border: 0px solid #3C0;	margin: 0px auto 0px;	overflow:hidden; }
#column-left {display:none}

#condado1{width:100%; float:none; margin-top:20px }
#condado2{width:60%; float:none; margin-top:20px; margin-left:20%}
#condado2 img{width:100%; margin-bottom:30px; margin-top:15px;}

#condado11{width:60%; float:none;  margin-top:20px; margin-left:20% }
#condado11 img{width:100%; margin-top:15px; margin-bottom:30px}
#condado22{width:100%; float:none;  margin-top:20px}

#cua1{float:left; width:48%; margin:0% 1%; margin-bottom:15px}
#cua1 img{width:100%; margin-bottom:15px;}
	
#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:20px; margin-top:0px;}
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:20px; margin-top:20px; margin-bottom:20px}
#f3{float:none; width:195px; text-align:center; border: 0px solid #0C6; font-size:20px; margin: 0px auto 0px;	overflow:hidden; }

#red1{width:100%; float:none; }
#red2{width:100%; float:none;  }
#red2 img{width:100%;  }

#red11{width:80%; margin: 0 10%; float:left; margin-bottom:20px }
#vid1{width:100%; height:280px }

#red22{width:80%; float:none; margin-left:10%; margin-bottom:20px }

.section2{
width:230px;
height:450px;
border:red solid 0px;
float:left;
margin-left:0px;
margin-top:91px;
background:url(../img_map/banda.png);
position: absolute;
z-index:10;
}

#viaja1{width:350px; float:none; margin: 0px auto 0px;	overflow:hidden;  margin-bottom:20px }
#viaja1 img{width:100%; }
#viaja2{width:100%; float:none; margin-left:0%;  }

#hotel-1{width:60%; float:none; margin-bottom:25px; margin-left:20%; }
#hotel-2{width:100%; float:none;  }

#cua-hotel{width:94%; padding:13px; border:1px solid #ccc; margin-bottom:15px; text-align:left; float:left; margin-right:0px;}


}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor1{	width:90%;	border: 0px solid #FF6;	margin: 0px auto 0px;	overflow:hidden; }
#column-left {display:none}

#tiempo{border: 0px solid #f60; width:120px; float:left; margin-top:7px; text-align:center }	
#logo2{display:block; border: 0px solid #f60; width:100%; float:none;  text-align:center; margin: 0px auto 0px;	overflow:hidden; margin-top:10px; margin-bottom:10px }	
#logo{display:none;}
#logo img{width:155px;}
#redes{border: 0px solid #f60; width:140px; float:right; text-align:right; margin-top:0px; margin-bottom:10px;}		

#condado1{width:100%; float:none; margin-top:20px }
#condado2{width:60%; float:none; margin-top:20px; margin-left:20%}
#condado2 img{width:100%; margin-bottom:30px; margin-top:15px;}

#condado11{width:60%; float:none;  margin-top:20px; margin-left:20% }
#condado11 img{width:100%; margin-top:15px; margin-bottom:30px}
#condado22{width:100%; float:none;  margin-top:20px}

#cua1{float:left; width:48%; margin:0% 1%; margin-bottom:15px}
#cua1 img{width:100%; margin-bottom:15px;}
	
#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:20px; margin-top:0px;}
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:20px; margin-top:20px; margin-bottom:20px}
#f3{float:none; width:195px; text-align:center; border: 0px solid #0C6; font-size:20px; margin: 0px auto 0px;	overflow:hidden; }

#red1{width:100%; float:none; }
#red2{width:100%; float:none;  }
#red2 img{width:100%;  }

#red11{width:90%; margin: 0 5%; float:left; margin-bottom:20px }
#vid1{width:100%; height:280px }

#red22{width:90%; float:none; margin-left:5%; margin-bottom:20px}

.section2{
width:230px;
height:450px;
border:red solid 0px;
float:left;
margin-left:0px;
margin-top:91px;
background:url(../img_map/banda.png);
position: absolute;
z-index:10;
}

#viaja1{width:350px; float:none; margin: 0px auto 0px;	overflow:hidden;  margin-bottom:20px }
#viaja1 img{width:100%; }
#viaja2{width:100%; float:none; margin-left:0%;  }

#hotel-1{width:80%; float:none; margin-bottom:25px; margin-left:10%; }
#hotel-2{width:100%; float:none;  }

h1{	font-family: 'Pragati Narrow'; font-size:35px; color:#333; line-height:35px;   margin: 15px 0px; }

#estrellas, #ciudades, #buscar, #comida2{height:35px; margin-top:8px;}
#bus1{width:270px; float:none}
#bus2{width:190px; float:none; margin-left:40px;}
buscador{margin: 0px auto 0px;	overflow:hidden; }

#contaa1{width:100%; border:0px solid #09F; float:left; margin-bottom:20PX;}
#contaa2{width:100%; border:0px solid #09F; float:right; }

#cua-hotel{width:94%; padding:13px; border:1px solid #ccc; margin-bottom:15px; text-align:left; float:left; margin-right:0px;}

#info-hotel-1{float:none; width:100%; margin-bottom:15px; text-align:center}
#info-hotel-2{float:none; width:100%; text-align:center; margin-bottom:15px;}
#info-hotel-2 img{width:100%;}
}



@media screen and (min-width: 320px) and (max-width: 479px) {
body{	font-size:18px; line-height:20px;	font-family: 'Pragati Narrow' ; padding: 0px;	margin: 0px; background:#fff; 	color:#333;	}

p, #binetas{line-height:20px; font-size:18px; }
	
#txt1{	font-family: 'Pragati Narrow'; font-size:28px; color:#6A3500;   margin: 10px 0px; }
#txt2{	font-family: 'Pragati Narrow'; font-size:28px; color:#f60;   margin: 10px 0px; }
#txt3{	font-family: 'Pragati Narrow'; font-size:25px; color:#000;   margin: 10px 0px; }
#txt4{margin-top:10px; margin-bottom:10px; background:#242424;  width:140px; border-radius:3px; padding:5px; text-align:center;}
h1{	font-family: 'Pragati Narrow'; font-size:28px; color:#333; line-height:28px;   margin: 15px 0px; }

#contenedor1{	width:90%;	border: 0px solid #C0F;	margin: 0px auto 0px;	overflow:hidden; }
#column-left {display:none}

#tiempo{border: 0px solid #f60; width:120px; float:left; margin-top:7px; text-align:center }	
#logo2{display:block; border: 0px solid #f60; width:100%; float:none;  text-align:center; margin: 0px auto 0px;	overflow:hidden; margin-top:10px; margin-bottom:10px }	
#logo{display:none;}
#logo img{width:155px;}
#redes{border: 0px solid #f60; width:140px; float:right; text-align:right; margin-top:0px; margin-bottom:10px;}		

#condado1{width:100%; float:none; margin-top:20px }
#condado2{width:80%; float:none; margin-top:20px; margin-left:10%}
#condado2 img{width:100%; margin-bottom:30px; margin-top:15px;}

#condado11{width:80%; float:none;  margin-top:20px; margin-left:10% }
#condado11 img{width:100%; margin-top:15px; margin-bottom:30px}
#condado22{width:100%; float:none;  margin-top:20px}

#cua1{float:left; width:48%; margin:0% 1%; margin-bottom:15px}
#cua1 img{width:100%; margin-bottom:15px;}
	
#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:20px; margin-top:0px;}
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:20px; margin-top:15px; margin-bottom:15px}
#f3{float:none; width:195px; text-align:center; border: 0px solid #0C6; font-size:20px; margin: 0px auto 0px;	overflow:hidden; }

#red1{width:100%; float:none; }
#red2{width:100%; float:none;  }
#red2 img{width:100%;  }

#red11{width:100%; margin: 0 0%; float:left; margin-bottom:20px }
#vid1{width:100%; height:280px }

#red22{width:100%; float:none; margin-left:0%; margin-bottom:20px}

.section2{
width:230px;
height:450px;
border:red solid 0px;
float:none;
margin-left:0px;
margin-top:50px;
background:url(../img_map/banda.png);
position: absolute;
z-index:10;
}

#viaja1{width:250px; float:none; margin: 0px auto 0px;	overflow:hidden;  margin-bottom:20px }
#viaja1 img{width:100%; }
#viaja2{width:100%; float:none; margin-left:0%;  }

#hotel-1{width:100%; float:none; margin-bottom:25px; margin-left:0%; }
#hotel-2{width:100%; float:none;  }

#estrellas, #ciudades, #buscar, #comida2{height:35px; margin-top:8px;}
#bus1{width:270px; float:none}
#bus2{width:190px; float:none; margin-left:40px;}
buscador{margin: 0px auto 0px;	overflow:hidden; }

#hot1{width:95%; float:left; margin-bottom:15px }
#hot2{width:93%; float:none;  }
#hot2 img{width:100%;}

#contaa1{width:100%; border:0px solid #09F; float:left; margin-bottom:20PX;}
#contaa2{width:100%; border:0px solid #09F; float:right; }

#cua-hotel{width:90%; padding:13px; border:1px solid #ccc; margin-bottom:15px; text-align:left; float:left; margin-right:0px;}

#info-hotel-1{float:none; width:100%; margin-bottom:15px; text-align:center}
#info-hotel-2{float:none; width:100%; text-align:center; margin-bottom:15px;}
#info-hotel-2 img{width:100%;}
}


/* CSS Carrusel */