@charset "utf-8";

/*		ESTILOS NUEVOS (JCMA)		*/
body{
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
.clearer{
	clear:both;	
}
#container{
	width: 703px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
#header{
	width:703px;
	height:127px;
	margin-bottom: 20px;
	}
#contenido{
	width:703px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
	margin-bottom: 3px;
	padding-bottom: 3px;
	background-image: url(../images/bg_contenido.gif);
	background-repeat: repeat-y;
}
#menu_zona{
	padding-left: 2px;
	background-color: #FFF;
	padding-right: 2px;
	text-align: center;
	border: 1px solid #eaeaea;
	float: left;
	width: 225px;
}
#fotos{
	padding-left: 2px;
	background-color: #F2F2F2;
	padding-right: 2px;
	text-align: justify;
	border: 1px solid #eaeaea;
	float: left;
	width: 225px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#fotos img{
	background-color: #FFF;
	margin-top: 3px;
	margin-bottom: 3px;
}
#fotos p{
	padding: 5px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.contactoventas{
	display: block;
	height: 125px;
	width: 125px;
	background-image: url(../images/contactoventas.png);
	background-position: center top;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
.contactoventas:hover{
	background-position: center bottom;
}
.contactoventas span{
	display: none;
}
#info{
	width:470px;
	float: right;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #808080;
}
#info p, #info ul{
	text-align: justify;
}
#info a{
	text-decoration: none;
	font-weight: bold;
	color:#FF6600;
}
#info a:hover{
	color:#586478;
}
#info h1{
	background-color: #E5A734;
	text-align: right;
	height: 40px;
	margin: 0px;
	
}
#info h2{
	color: #7EA32E;
	font-size: 15px;
	font-family: "Tahoma. Verdana", Geneva, sans-serif;
	margin-left: 5px;
	text-align: right;
}
#info h2 img{
	margin-left: 10px;

}
#info h3{
	color: #E5A734;
	font-size: 12px;
	font-family: "Tahoma. Verdana", Geneva, sans-serif;
	margin-left: 10px;
	text-align: left;
	margin-top: 24px;
	margin-bottom: 12px;
}
#info h4 {
	color: #FF6600;
	font-size: 12px;
	font-family: "Tahoma. Verdana", Geneva, sans-serif;
	margin-left: 30px;
	text-align: left;
	margin-top: 12px;
	margin-bottom: 12px;
}
#info .fotos{
	text-align:center;
}
#info .fotos img{
	margin-top:6px;
	margin-bottom:6px;
}
#footer{
	position: relative;
	clear: both;
	background-color: #e2e2e2;
	height: 60px;
}
#footer #copyright{
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #969693;
	width: 230px;
	position: absolute;
	top: 15px;
	left: 15px;
}
#footer #desarrollo{
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 11px;
	position: absolute;
	top: 15px;
	left: 240px;
}
#footer #desarrollo a{
	color:#7C7C7C;
	text-decoration: none;
}
#footer #desarrollo a:hover{
	color:#000063;
}

#info table{
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #808080;
	width: 430px;
	margin-right: auto;
	margin-left: auto;
	border-collapse:collapse;
	margin-bottom: 12px;
	margin-top: 12px;
}
#info table td{
	background-color: #FFF;
	border: 1px solid #808080;
	padding: 2px;
	text-align: center;
}
#info table th{
	background-color: #f2f2f2;
	border: 1px solid #808080;
	padding: 2px;	
	}

#info p{
	margin-top: 12px;
	margin-right: 30px;
	margin-bottom: 12px;
	margin-left: 30px;
}

/*		ESTILOS DE PÁGINA PRINCIPAL DE CADA ZONA		*/
#topzona{
	width:703px;
	text-align: right;
	background-color: #FFF;
}
#topzona #enlaces{
	color: #808080;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 11px;
	width: 230px;
	float: left;
	border-collapse:collapse;
	background-color: #FFF;
}
#topzona #enlaces p{
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
#topzona #enlaces strong,bold{
	color:#FF6600;
}
#topzona #enlaces a, #topzona #enlaces span{
	display: block;
	height: 60px;
	background-repeat: no-repeat;
	background-position: left 0px;
	text-decoration: none;
	color: #808080;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding-left: 80px;
	text-align: left;
	padding-top: 10px;
	border: 1px solid #E4E4E4;
	margin-top: 5px;
}
#topzona #enlaces span a{
	display: inline;
	background-repeat: no-repeat;
	background-position: left 0px;
	text-decoration: none;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #7FBC2D;
	font-weight: bold;
	}
#topzona #enlaces span a:hover{
	color: #F60;
	}
	#topzona #enlaces .paginasamarillas{
	float: right;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	}
#topzona #enlaces a img{
	padding-bottom: 10px;
}
#topzona #enlaces .enlace1{
	background-image: url(../images/back_1.gif);

}
#topzona #enlaces .enlace2{
	background-image: url(../images/back_2.gif);

}
#topzona #enlaces .enlace3{
	background-image: url(../images/back_3.gif);

}
#slideshow{
	width:471px;
	height:218px;
	text-align: right;
	float: right;
}
#mapa_cr{
	width:463px;
	height:315px;
	text-align: right;
	float: right;
}
#mapa_inter{
	width:463px;
	height:220px;
	text-align: right;
	float: right;
}


#zona_izquierda{
	padding-left: 2px;
	background-color: #e4e4e4;
	padding-right: 2px;
	text-align: center;
	border: 1px solid #eaeaea;
	float: left;
	width: 225px;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #808080;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 2px;
}
#zona_izquierda img{
	margin-top: 5px;
}
#zona_izquierda h1{
	margin-top: 5px;
}
#zona_izquierda a{
	color: #448CCB;
	text-decoration: none;
}
#zona_izquierda a:hover{
	color: #F60;
}
#zona_izquierda p{
	background-color: #FFF;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 20px;
	display: block;
	height: 15px;
	line-height: 15px;
	background-image: url(../images/p_2.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
}
#zona_izquierda ul{
	background-color: #FFF;
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 20px;
	font-weight: normal;
	margin: 0px;
}
#zona_izquierda span{
	margin-bottom: 5px;
	display: block;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.menu_paquetes{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#info .menu_paquetes li{
	margin-top: 5px;
}
#info .menu_paquetes li a{
	font-weight:normal;
	color: #808080;
	font-size: 11px;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: none;
	background-image: url(../images/flecha.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
}
#info .menu_paquetes li a:hover{
	color: #FF6300;
}


/*		TÍTULOS		*/
.costarica{
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/titulos/costarica.jpg);
}
.centroamerica{
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/titulos/centroamerica.jpg);
}
.sudamerica{
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/titulos/sudamerica.jpg);
}
.norteamerica{
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/titulos/norteamerica.jpg);
}
#info .centrado{
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
	
}
#index_box{
	width: 464px;
	float: right;
}
#index_box h1, #index_box h2{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	height: 25px;
	line-height: 25px;
	}
#index_box h1{
	background-color: #93bc3c;
	padding-left: 25px;
	margin: 0px;
	}
#index_box h2{
	float: left;
	padding-left: 12px;
	width: 220px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
	#index_box #anaranjado{
	background-color: #e5a734;
	}
	#index_box #gris{
	background-color: #8f8f8f;
	}
#index_box .caja{
	width: 232px;
	float:left;
	position: relative;
	display: block;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
	#index_box .caja img{
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	}
	#index_box .caja h3{
	color: #7EA32E;
	font-size: 11px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
	#index_box .caja .vermas{
	color: #7EA32E;
	text-decoration: none;
	background-image: url(../images/p_4.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	text-align: right;
	padding-right: 10px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	}
#index_box .caja1{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b8b8b8;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #b8b8b8;
	width: 231px;
	height: 100px;
}
#index_box .caja2{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b8b8b8;
	height: 100px;
}
#index_box .caja3{
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #b8b8b8;
	width: 231px;
	height: 100px;
}
#index_box .caja4{
	height: 100px;
}
#index_box .caja ul{
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#index_box .caja ul li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b8b8b8;
}
#index_box .caja ul li a{
	color: #7C7C7C;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/p_7.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
}
#index_box .caja ul li a:hover{
	color: #E5A734;
}
#index_box .caja form{
	padding-right: 10px;
	padding-left: 10px;
}
#index_box .caja div #contacto p{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#index_box .caja div #contacto label span{
	margin-right: 10px;
}
#index_box .caja form input{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7C7C7C;
	border: 1px solid #b8b8b8;
	padding: 0px;
	margin: 0px;
}
#index_box .caja div #contacto label #email{
	width: 160px;
}
#index_box .caja form #Enviar{
	background-color: #FFF;
	color: #000;
	margin-top: 10px;
	float: right;
}
#index_box .caja form #Enviar:hover{	
	background-color: #b8b8b8;	
	color: #FFF;
}


/*	PROMOCIONES	*/

#promociones{
	margin-bottom: 30px;
	text-align: center;
}
#promociones h1{
	background-color:#E5A734;
	height:40px;
	background-image:url(../images/titulos/promociones.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#promociones h1 span{
	display:none;
}
#promociones img{
	margin-bottom: 20px;
}
.promos{
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #09C;
}
.promos a{
	color: #14008f;
	text-decoration: none;
}
.promos a:hover{
	color: #E3A735;
}


#caja_provisional{
	width: 464px;
	float: right;
}
#caja_provisional h1{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	height: 25px;
	line-height: 25px;
	background-color: #93bc3c;
	padding-left: 25px;
	margin: 0px;
}
#caja_provisional p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
.afiches{
	margin: 0px;
	padding: 0px;
}
#revistas{
	text-align: left;
	background-color: #FFF;
	display: block;
	margin-bottom: 10px;
}
#revistas img{
	margin: 0px;
	padding: 0px;
}
#revistas a{
	display: block;
	background-color: #FFF;
	height: 50px;
	width: 280px;
	float: left;
	background-image: url(../images/revistas/icono_revistas.png);
	background-repeat: no-repeat;
	padding-left: 70px;
	line-height: 50px;
	color: #488077;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-position: 6px 6px;
}
#revistas a:hover{
	color: #E5A734;
}



#index_pop_up{
	display:none;
	z-index:10000;
	position:relative;
	
	width:800px; 
	height:400px; 
	margin-top:100px; 
	background-color:#cccccc; 
	padding:20px;
}
#index_pop_up .close{
	position:absolute;
	cursor:pointer;
	right:-10px;
	top:-10px;
	z-index:10000;
	background-image: url(../images/cerrar.png);
	height: 20px;
	width: 20px;
}
.index_popup{
	display:block;
	width:800px;
	height:400px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #FFFFFF;
	position:relative;
	z-index:500;
}
.index_popup h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin: 20px;
	padding: 0px;
}
.index_popup h2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin: 20px;
	padding: 0px;
}
.index_popup p{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align:justify;
	margin: 20px;
	padding:0px;
}
.index_popup a{
	font-weight:bold;
	text-decoration: none;
	color: #003366;
}
.index_popup a:hover{
	color: #990000;
}
.index_popup .precio{
	background-color: #efefef;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	padding: 20px;
	margin-bottom: 20px;
	border: solid 1px #999;
}
.index_popup .foto{
	float: right;
	padding: 10px;
	border: solid 1px #999;
	background-color: #f6f6f6;
	text-align:center;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.index_popup .tablafoto{
	background-color: #efefef;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 740px;
	padding: 10px;
	border: solid 1px #999;
}
.index_popup .tablafoto td{
	text-align:center;
	font-weight:bold;
	font-size: 11px;
}
.index_popup .foto p{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 11px;
	text-align:center;
}
.index_popup .centrado{
	text-align:center;
	margin-left: 30px;
	margin-right: 30px;
	clear:both;
}
.index_popup ul li{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align:justify;
	margin: 20px;
	padding:0px;
}
.index_popup td{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align:justify;
	margin: 20px;
	padding:0px;
}