@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
// @Sistema: Cancun Tours + Hotels 										 //
// @Version: 1.0														 //
// @Autor: Juan J. Lopez Lira											 //
// @Fecha: 30 Diciembre 2009										 	 //
// Descripcion: Archivo de Estilos Estructurales CSS					 //
/////////////////////////////////////////////////////////////////////////*/

/* Globales */
body {
	background: #f8f8f8 url(../images/background.gif) center top repeat-y;
	font: 12px Helvetica, Arial, sans-serif;
	font-weight:normal;
	text-align: left;
	color: #666666;
}
form, a, img, iframe, #search-options {
	border:0px;
	margin:0px;
	padding:0px;
}
.myclear {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.img-left, .tour-descripcion img, .hotel-descripcion img, .hotel-habitaciones img {
	float:left;
	margin: 0 10px 10px 0;
}
.img-right {
	float:right;
	margin: 0 0 0 10px;
}
h1 {
	font-size: 1.9em;
	color: #01487b;
}
h2 {
	font-size: 1.5em;
	color: #01487b;
}
/* Header */
.header {
	width:100%;
	height:125px;
	padding:0;
	margin:0 0 10px 0;
	background:#01477a url(../images/header.png) repeat-x top;
	border-bottom:5px solid #bad4df;
}
.header #logo a {
	float:left;
	display:block;
	height:102px;
	background:url(../images/cancuntoursandhotels.png) no-repeat bottom left;
	margin:10px 0 0 20px;
	padding:0;
}
/* Top Tools */
#top-tools {
	float:right;
	width:512px;
	height:64px;
	background:url(../images/strokes.png) no-repeat right top;
	padding:10px 0 0 0;
	margin:0 10px 0 0;
}
#top-tools li {
	list-style: none;
	float: right;
}
#top-tools li a {
	color:#fff;
	text-decoration:none;
	margin: 0 0 0 10px;
	border-left:  1px solid #FFF;
	padding: 0 0 0 10px;
}
#top-tools #cartflag a {
	background: url(../images/cartflag.png) left no-repeat;
	padding: 0 0 0 30px;
}
.logo a {
	display:block;
	height:102px;
	background:url(../images/cancuntoursandhotels.png) no-repeat bottom left;
	margin-top: 10px;
}
/* Menu */
#menu {
	float:right;
	width:auto;
	margin:15px 5px 0 0;
}
#menu li {
	float:left;
	list-style:none;
}
#menu li a {
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:16px;
	margin:0 0 0 15px;
	padding:5px 5px 15px 5px;
	text-transform: uppercase;
}
#menu li a:hover, #top-tools a:hover {
	color:#fbb217;
}
/* Show Cart */
#showcart {
	position: absolute;
	display: none;
	width: 280px;
	height:auto;
	padding:10px;
	margin:0 0 0 658px;
	background:#FFF;
	z-index: 100;
	border-right:1px solid #bad4df;
	border-left:1px solid #bad4df;
	border-bottom:1px solid #bad4df;
}
#showcart ul {
	list-style:none;
}
#close a {
	display: block;
	float: right;
	width: 16px;
	height: 15px;
	background: url(../images/closecart.png) no-repeat top;
	margin: 0;
}
#showcart ul li a, #removefromcart a {
	display:block;
	float: right;
	width:16px;
	height:15px;
	background:url(../images/cart-remove.png) top;
	padding:0;
	margin:0 0 0 5px;
	border:none;
}
#showcart h3 {
	clear:both;
	font-size:16px;
	color:#0871a2;
	margin:0;
	padding:0 0 0 20px;
	background:url(../images/cart.png) no-repeat left;
}
#showcart ul li {
	display:block;
	width:270px;
	height:auto;
	padding:5px;
	border-bottom:1px solid #ccc;
}
#showcart ul li:hover {
	background:#f8f8f8;
}
/* Breadcrumbs Navigation */

.breadcrumbs {
	width: 100%;
	height: auto;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	color: #999;
}
.breadcrumbs li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	background: url(../images/breadcrumbs.gif) no-repeat right center;
	padding: 0 10px 0 0;
}
.breadcrumbs a {
	color: #999;
	text-decoration: none;
}
.breadcrumbs a:hover {
	color: #0871a2;
	text-decoration: none;
}
.breadcrumbs #last {
	background-image: none;
}
/* Hiddens */
.logo a h1, #PriceFrom, #PriceTo, #close a span, #removefromcart a span, #showcart ul li a span, .recomendado_en span, .recomendado_es span, .transportacion_en span, .transportacion_es span {
	display:none;
}
/* hovers */
.reserve a:hover, #showcart ul li a:hover, #removefromcart a:hover, #close a:hover, #pagar a:hover {
	background-position:bottom;
}
/* Hover Azul Claro */
.footer li a:hover, .title a:hover, .paginator a:hover {
	color: #0CF;
}
/* Paginator */
.paginator {
	width:inherit;
	height:auto;
	text-align: right;
	color:#C60;
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
}
.paginator a {
	width:auto;
	height:auto;
	color:#103c67;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 5px;
}
/* Hotels */
.hotels {
	width:680px;
	height:auto;
	border:1px solid #dbe9ee;
	background:#FFF;
	margin:0 0 10px 0;
	padding:10px;
}
.photo {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	background:#fff;
	width:150px;
	height:120px;
	overflow:hidden;
}
.info {
	float:left;
	width:310px;
	height:auto;
	margin:0 10px 0 0;
	padding:0;
	color:#999;
}
.title a {
	display:block;
	color: #069;
	font-weight:bold;
	font-size:14px;
}
.category {
	margin:5px;
	width:77px;
	height:18px;
	background:url(../images/category.png) no-repeat;
}
#category1 {
	background-position:0;
}
#category2 {
	background-position:-77px;
}
#category3 {
	background-position:-154px;
}
#category4 {
	background-position:-231px;
}
#category5 {
	background-position:-308px;
}
#category6 {
	background-position:-385px;
}
#category7 {
	background-position:-462px;
}
.rates {
	float:left;
	width:180px;
	height:auto;
	text-align:center;
	border-left:1px solid #CCC;
	padding:0 0 0 10px;
	font-size:10px;
}
.rates h4 {
	color:#387fa6;
	font-size:14px;
	font-weight:lighter;
}
.rates h2 {
	color:#ff9900;
	margin:5px 0 0 0;
	font-size:26px;
	font-weight:lighter;
}
.rates h2 span {
	color:#999;
	margin:10px 0;
	font-size:18px;
	font-weight:lighter;
}
.reserve a, #pagar a {
	display:block;
	width:100px;
	height:20px;
	padding:5px;
	margin:10px auto;
	background:url(../images/reserve.png) repeat-x top;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-size:17px;
}
.submenu-hotel {
	clear: both;
	width: 700px;
	border-bottom: solid 1px #ccc;
	margin: -15px 0 0 0;
	position: absolute;
}
.submenu-hotel li {
	float: right;
	list-style: none;
}
.submenu-hotel li a {
	display: block;
	text-decoration: none;
	color: #01487b;
	margin: 0 0 0 5px;
	padding: 2px 5px;
	background: #f8f8f8;
	border-left: solid 1px #ccc;
}
.submenu-hotel #active a {
	border-left: solid 1px #ccc;
	background: none;
	color: #f4af19;
}
.submenu-hotel #active a:hover {
	border-left: solid 1px #ccc;
	background: none;
	color: #f4af19;
}
.submenu-hotel li a:hover {
	color: #f4af19;
}
.hotel-descripcion #category1, .hotel-descripcion #category2, .hotel-descripcion #category3, .hotel-descripcion #category4, .hotel-descripcion #category5, .hotel-descripcion #category6, .hotel-descripcion #category7 {
	margin: 10px 0 0 215px;
}
.title-options {
	margin:10px 0 0 0;
	background:#01477a url(../images/darkblue-deg.png) repeat-x top;
	text-align:center;
	padding:10px 0;
	width:100%;
}
.title-options h3 {
	color:#FFF;
	font-size:14px;
	font-weight:lighter;
}
.hotel-descripcion img {
	border-left: 5px solid #f4af19;
}
#hotel-servicios {
	width: 95%;
	padding: 10px;
	margin: 0 auto;
	background: url(../images/deg-hoteles.png) repeat-x top;
}
#hotel-servicios li {
	float: left;
	margin: 0 5px 5px 0;
	padding: 5px 10px;
	width: 190px;
	background: url(../images/bullet.png) left center no-repeat;
	list-style: none;
}
/* Tours */
.tour-descripcion, .hotel-descripcion, .hotel-habitaciones {
	margin:0 0 10px 0;
}
.tours-precios {
	margin:10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #CCC;
}
.tours-precios h3, .hotel-habitaciones h3 {
	color:#0871a2;
	font-size:18px;
	font-weight:lighter;
}
.tours-precios #incluye {
	float:left;
	width:450px;
	margin:0 10px 10px 0;
	padding:0 10px 0 0;
	border-right:1px solid #CCC;
}
.precios {
	float:left;
	width:200px;
	text-align:center;
	padding:0 0 10px 0;
}
.precios h4 {
	font-size:18px;
	color: #9C0;
	font-weight:lighter;
}
#adulto, #menor {
	width:100px;
	float:left;
}
#adulto h2, #menor h2 {
	font-weight:lighter;
	font-size: 16px;
}
.recomendado_en {
	display:block;
	position:absolute;
	width:100px;
	height:100px;
	background:url(../images/recomendado_en.png) no-repeat center;
	z-index:9000;
	margin:70px 0 0 110px;
}
.recomendado_es {
	display:block;
	position:absolute;
	width:100px;
	height:100px;
	background:url(../images/recomendado_es.png) no-repeat center;
	z-index:9000;
	margin:70px 0 0 110px;
}
.transportacion_en {
	display:block;
	width:100px;
	height:100px;
	background:url(../images/transportacion_en.png) no-repeat center;
	margin:10px auto;
}
.transportacion_es {
	display:block;
	width:100px;
	height:100px;
	background:url(../images/transportacion_es.png) no-repeat center;
	margin:10px auto;
}
#scheduletbl {
	width: 100%;
	margin: 10px auto;
	border: 1px solid #f8f8f8;
}
#scheduletbl th {
	text-align: center;
	padding: 5px;
	background: #e5e5e5;
	color:#0871A2;
}
#scheduletbl td {
	text-align: center;
	padding: 5px;
	background: #e5eff5;
}
.qtreservation {
	display:none;
	width:180px;
	height:auto;
	background:#333;
}
#info {
	width:90%;
	height:auto;
	margin:10px auto;
}
#info li {
	display:block;
	width:auto;
	padding:2px 0 5px 20px;
	background:url(../images/bullet.jpg) left top no-repeat;
	list-style:none;
}
.tours-home {
	float:left;
	width:175px;
	height:250px;
	background:#FFF;
	margin:0 0 0 10px;
	padding:0 0 10px 0;
	border:1px solid #bad4df;
	overflow: hidden;
}
.tours-home #title {
	padding:2px 5px;
	text-align:center;
	background: url(../images/darkblue-deg.png) repeat-x top;
}
.tours-home h2 {
	color: #FFF;
	font-size:15px;
	font-weight:lighter;
}
.tours-home ul {
	list-style:none;
}
.tours-home li a {
	display:block;
	border-bottom:1px dashed #CCC;
	padding:5px;
	text-decoration:none;
	color:#069;
	font-size:10px;
}
.tours-home li a span {
	color: #9C0;
	font-size:12px;
	font-weight:bold;
}
.tours-home li a:hover {
	background:#f9eacd;
}
.tours-home li img {
	width:40px;
	height:30px;
	float:left;
	margin:0 5px 5px 0;
}
/* Shopping Cart */

.request {
	width:auto;
	height:auto;
	margin:10px auto;
}
.request th, .pagos th {
	background: #ebebeb;
	color:#0871a2;
	font-size:1.0em;
	padding:0.5em;
	border-bottom: 1px dotted #ccc;
}
.request td, .pagos {
	font-size:1.0em;
	padding:0.5em;
}
.request h3 {
	color:#000;
	font-size:1.3em;
	font-weight:lighter;
}
#gtotal h4, #impuestos h4 {
	font-size:18px;
	color:#0871a2;
	font-weight: lighter;
}
#gtotal, #impuestos {
	clear:both;
	width:100%;
	margin:0;
	padding:5px 0;
	text-align:right;
	border-bottom:1px dotted #CCC;
}
#mkp a {
	width: auto;
}
#crtbtns a {
	width: 180px;
	float: left;
	margin: 10px 0 0 100px;
}
/* Pagos */
.pagos {
	width: 700px;
	margin: 0;
}
.pagos a, .pagos span {
	color: #0871a2;
	font-style: italic;
}
.pagos a:hover {
	color: #fbb217;
}
.pagos th {
	text-align: left;
	background: #ebebeb;
	color: #0871a2;
	padding: 5px;
	font-size: 1.3em;
}
.pagos td {
	text-align: left;
	width: 50%;
	padding:5px;
	border-bottom: 1px dotted #ccc;
}
#pagocc td, infocliente td {
	text-align: left;
	padding:2px 5px;
}
.acepto {
	clear: both;
	width: 682px;
	margin: 0 auto;
	text-align: center;
	background: #0871a2;
	color: #FFF;
	padding: 5px 0;
	margin-top: -10px;
	font-size: 1.2em;
}
.politicas {
	width: 660px;
	height: 150px;
	margin: 10px auto;
	padding: 10px;
	overflow: auto;
	border: 1px solid #ccc;
}
.politicas p {
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.politicas ol, .politicas ul {
	width: 90%;
	margin: 10px auto;
}
.politicas ol li {
	list-style: upper-latin;
}
form #nombre, form #apellido, form #correo, form #correoconf, form #ccu, form #direccion, .contact-form input, .contact-form textarea {
	width:200px;
	height:auto;
	padding:3px 5px;
	border:1px solid #ccc;
}
form #telefono, form #celular, form #ccn, form #ciudad {
	width:120px;
	height:auto;
	padding:3px 5px;
	border:1px solid #ccc;
}
form #llegada_vuelo, form #salida_vuelo, form #cvv, form #cp {
	width:50px;
	height:auto;
	padding:3px 5px;
	border:1px solid #ccc;
}
#pagar a, #add a {
	width: 220px;
}
/*Home Elements	*/

.home-tours, .home-hoteles {
	width: 100%;
	margin: 10px auto;
	border-bottom: 1px solid #b7d3df;
	padding: 10px 0;
}
.home-tours #imagen, .home-hoteles #imagen {
	float: left;
	width: 233px;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #e9e9e9;
}
.home-tours #informacion, .home-hoteles #informacion {
	float: left;
	width: 432px;
}
.list {
	width: 100%;
	margin: 10px 0;
}
.list li {
	float: left;
	list-style: none;
	text-align: center;
}
.list li a {
	display: block;
	text-decoration: none;
	width: 50px;
	height: 50px;
	margin: 5px 4px 0 0;
	font-size:10px;
	color:#99cc00;
}
.list li a span {
	display: none;
}
.home-tours h3, .home-hoteles h3 {
	font-size: 22px;
	color: #1a6997;
	font-weight: lighter;
}
.home-tours h4, .home-hoteles h4 {
	font-size: 18px;
	color: #ff6000;
	font-weight: lighter;
	margin: 15px 0 5px 0;
}
#tour-cat-11 a {
	background: url(http://www.marketingdestino.com/images/it-11.png) no-repeat center;
}
#tour-cat-3 a {
	background: url(http://www.marketingdestino.com/images/it-3.png) no-repeat center;
}
#tour-cat-7 a {
	background: url(http://www.marketingdestino.com/images/it-7.png) no-repeat center;
}
#tour-cat-8 a {
	background: url(http://www.marketingdestino.com/images/it-8.png) no-repeat center;
}
tour-cat-18 a {
	background: url(http://www.marketingdestino.com/images/it-18.png) no-repeat center;
}
#tour-cat-4 a {
	background: url(http://www.marketingdestino.com/images/it-4.png) no-repeat center;
}
#tour-cat-13 a {
	background: url(http://www.marketingdestino.com/images/it-13.png) no-repeat center;
}
#tour-cat-2 a {
	background: url(http://www.marketingdestino.com/images/it-2.png) no-repeat center;
}
#tour-cat-20 a {
	background: url(http://www.marketingdestino.com/images/it-20.png) no-repeat center;
}
#tour-cat-22 a {
	background: url(http://www.marketingdestino.com/images/it-22.png) no-repeat center;
}
#tour-cat-21 a {
	background: url(http://www.marketingdestino.com/images/it-21.png) no-repeat center;
}
#tour-cat-1 a {
	background: url(http://www.marketingdestino.com/images/it-1.png) no-repeat center;
}
#tour-cat-12 a {
	background: url(http://www.marketingdestino.com/images/it-12.png) no-repeat center;
}
#tour-cat-10 a {
	background: url(http://www.marketingdestino.com/images/it-10.png) no-repeat center;
}
#tour-cat-16 a {
	background: url(http://www.marketingdestino.com/images/it-16.png) no-repeat center;
}
#tour-cat-9 a {
	background: url(http://www.marketingdestino.com/images/it-9.png) no-repeat center;
}
#tour-cat-18 a {
	background: url(http://www.marketingdestino.com/images/it-18.png) no-repeat center;
}
#tour-cat-19 a {
	background: url(http://www.marketingdestino.com/images/it-19.png) no-repeat center;
}
#tour-cat-15 a {
	background: url(http://www.marketingdestino.com/images/it-15.png) no-repeat center;
}
#tour-cat-17 a {
	background: url(http://www.marketingdestino.com/images/it-17.png) no-repeat center;
}
#tour-cat-1 a:hover, #tour-cat-2 a:hover, #tour-cat-3 a:hover, #tour-cat-4 a:hover, #tour-cat-5 a:hover, #tour-cat-6 a:hover, #tour-cat-7 a:hover, #tour-cat-8 a:hover, #tour-cat-9 a:hover, #tour-cat-10 a:hover, #tour-cat-11 a:hover, #tour-cat-12 a:hover, #tour-cat-13 a:hover, #tour-cat-14 a:hover, #tour-cat-15 a:hover, #tour-cat-15 a:hover, #tour-cat-17 a:hover, #tour-cat-18 a:hover, #tour-cat-19 a:hover, #tour-cat-20 a:hover, #tour-cat-21 a:hover, #tour-cat-22 a:hover {
	background-position: top;
}
.promos-hotel {
	width: 100%;
}
.promos-hotel li {
	list-style: none;
}
.promos-hotel li a {
	display: block;
	text-decoration: none;
	color: #528daf;
	padding: 3px 0;
	border-bottom: 1px solid #e8e8e8;
}
.promos-hotel li a strong {
	font-size: 13px;
	color: #ff6000;
}
.promos-hotel li a:hover {
	color: #1a6997;
}
#aboutuslt {
	width: 310px;
	margin: 10px auto;
}
#porquelist {
	width: 600px;
	margin: 10px auto;
}
#aboutuslt li, #porquelist li {
	list-style: none;
	background: url(../images/bullet.png) left no-repeat;
	padding: 2px 0 2px 15px;
}
#weather img {
	width: 32px;
	height: 32px;
}/*Contact Form*/
.contact-form {
	width: 680px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #999;
	padding: 0 0 10px 0;
}
.contact-form td {
	padding: 0 10px 10px 0;
}
#contact-address {
	padding: 0 0 10px 10px;
	border-left: 1px solid #003366;
}
.contact-form .reserve a {
	float: left;
	width: 70px;
	margin-left: 8px;
}
.contact-form textarea {
	height: 60px;
}
#showmap {
	margin:10px 0;
	width:100%;
	height:300px;
}
.graybox {
	width:210px;;
	height:auto;
	padding:10px;
	background:#FFF url(../images/gray-deg.png) repeat-x bottom;
	margin:10px 0 0 0;
	border:1px solid #CCC;
}
#verisign {
	width:240px;
	height:auto;
	margin:10px 0 0 0;
	text-align:center;
}
#help {
	text-align:left;
	color:#333;
	font-size:10px;
}
#help h3 {
	font-size:16px;
	font-weight:lighter;
	color: #C60;
}
#help a {
	color:#333;
}
/* Footer */
.footer {
	width:inherit;
	height:auto;
	margin:10px 0 0 0;
	padding:10px 0;
	background:#ebf2f5;
	border-top:1px solid #bad4df;
}
.footer h3 {
	color: #333;
	margin-bottom: 5px;
}
.footer ul {
	width: 99%;
	margin:0 0 0 5px;
	border-right:1px solid #bad4df;
}
.footer ul li {
	list-style:none;
}
.footer li a {
	display:block;
	text-decoration:none;
	margin:0;
	padding:3px;
	color:#3c7c98;
}
.footer #facebook a {
	background: url(../images/facebook.png) no-repeat left;
	padding-left: 20px;
	margin-left: 5px;
}
.footer #twitter a {
	background: url(../images/twitter.png) no-repeat left;
	padding-left: 20px;
	margin-left: 5px;
}
.footer #youtube a {
	background: url(../images/youtube.png) no-repeat left;
	padding-left: 20px;
	margin-left: 5px;
}
.credits img {
	margin: 5px 0 0 50px;
}