/* 
Theme Name: Trafic Tours
Theme URI: http://www.trafictours.com
*/



html, body { background-color: white; 
	height: auto !important; 
	height: 100%; 
	margin: 0; padding: 0; }

* { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-family: Helvetica, Arial, sans-serif;
 }


/*------------Basic styles------------*/

p, .legend p {
	margin: 0 20px;
	padding: 10px 0 0;
	font-size: 0.8em; 
	line-height: 1.8em;
	color: #7C9499}

.right {
	text-align: right} 	
	
h1, h2, h3, h4 { 
	margin: 0 20px;
	color: #0071AF;
	line-height: 1.5em; 
	background: transparent }

h1 { 
	font-size: 1.3em;
	font-weight: 700}	

h2 { 
	font-size: 1.1em }

h3 { 
	font-size: 0.97em;
	font-weight: 400 }	

h4 { 
	font-size: 0.9em;
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 0}	
	
strong { 
	font-weight: 700}

a:link {
    color: #B55A00;
    text-decoration: underline}

a:active { 
 color: #E5A870; 
 text-decoration: underline; }	

a:visited {
    color: #C1AB95;
    text-decoration: underline}
    
a:hover { 
 color: #E5A870; 
 text-decoration: underline; }		

.clear, .clean, .cleared   { 
	clear: both; 
	list-style: none
	}

.clean { 
	border-bottom: #EEF5FF 6px solid;
	margin: 18px 0;
	padding: 0;
	}	

.cleared { 
	margin: 18px 0;
	padding: 0;
	}	
	

/*-------------Layout----------------*/

.container { 
	border:#000000 0px solid;
	width: 950px;
	background-color: white;
	margin: 0 auto; 
	padding: 0}

html>body .content { 
	height: auto}
	
/*--------- header----------------*/
#header {			
	width: 918px; 
	height: 100px;
	margin: 0 auto; 
	background: white;   	     
      }
	
 /* logo */
.hdlogo{ 
	width: 918px; 
	background-color: white; 
	margin: 0}

/* language */

.right{ 
	float: right;
	width: 800px;
	background-color: white;
	margin: 0;
	padding: 0 0 6px }

.language { 
	background-color: #E7F7F3;
	text-align: center; 
	margin: 0;
	padding: 0 5px 6px } 
 
.language p { 
	font-size: 0.7em;
	margin: 0;
	padding: 0} 
 
.language a { 
	color: #758DA0; 
	text-decoration: underline}
	 
#currentlang { 
	color: #C4CAD6; 
	text-decoration: underline}

/* hednav */
.hednav { 
	float: right;
	width: 450px;
	background-color: transparent;
	margin: 10px 0 0 0;
	padding: 0 0 6px } 

.hednav ul {
	font-size: 0.9em;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

.hednav ul li {
	margin-left: 0;
	padding-left: 2px;
	border-right: #000000 1px solid;
	list-style: none;
	display: inline;
	padding: 0 10px
	}

/*--------- breadcrumb----------------*/ 
#breadcrumb {
	color: #ccc;
	padding: 3px;
	margin: 0;
	font-size: 0.8em
	}

#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#breadcrumb ul li a {   
	text-decoration: none; }

#breadcrumb #currenta { 
	color: #63809E;
	font-weight: 600;
}
	
	
 /* ---------navigation------------ */
.navi {						
	width: 950px; 
	height: 36px; 
	background: url(images/nav.jpg) repeat; 
	margin: 0 auto; 
	padding: 0
	}	


/* Main nav list  */
#nav { 
	padding: 0}

ul#nav { 	margin: 0
}

/* Main nav list items */
#nav li  { 
	font-size: 0.78em;
	float: left; 
	list-style: none; 
	text-align: center;
	border-right: #29ABE2 solid 2px;
}

#nav li a {   /* Main nav styles for all links */
	font-weight: 600;
	color: white; 
	background-color: transparent;
	display: block; 
	line-height: 29px; /* height of the tab */
	text-decoration: none; }
	 
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active, #nav a#current    { 
	padding-right: 15px; 
	padding-left: 15px; }

#nav a:hover, #nav a:active {
	color: #746799}

#nav a#current { 
	color: #3292D0;
	background: #B7E3ED url(images/navcurrent.jpg) repeat;}

	
/* subnav */	

#subnav { 
	z-index: 2;
	position: absolute;
	margin: 11px 0 0 0; 
	padding: 0}

#subnav h1{ 
	color:white}
	
ul#subnav, #subnav li  { 
	margin: 0;
	padding: 0}

ul#subnav  { 
	width: 930px;
	padding-left: 20px;
	background: white url(images/subnav.jpg) repeat}
#subnav li  { 
	font-size: 0.8em;
	float: left; 
	list-style: none; 
	background: white url(images/subnavli.jpg) repeat;
	text-align: center;
	border-right: #B8DFE8 solid 1px;
	border-left: #B8DFE8 solid 1px}

#subnav li a {   
	font-weight: 200;
	color: #08557F; 
	display: block; 
	line-height: 25px; 
	text-decoration: none; 
	margin: 0 10px;
	padding: 0}
	 
#subnav a:link, #subnav a:visited, #subnav a:hover, #subnav a:active, #subnav a#currente    { 
	padding:0 9px; }

#subnav a:hover, #subnav a:active {
	color: #746799}

#subnav a#currente { 
	color: white;
	font-weight: 600;
	background-color: #04A1DC;}


 /* picture */	
.picture	{
	width: 950px; 
	height: 267px;
	background: white;
	margin: 12px 0 0;
	padding: 0}
	
 /* ---------columns------------ */
	
.content {						
	width: 950px; 
	background: white; 
	margin: 0; 
	padding: 0;
	border-bottom: #EEF5FF 6px solid}

.bannerboxes   {
	float: left;
	width: 100%;
	background-color: white;
	margin: 0;
	padding: 0 0 30px 0
	}


.eachBox   {
	float: left;
	width: 33%;
	background-color: white;
	margin: 0;
	padding: 0 0 0 0
	}


.threequarter   {
	float: left;
	width: 74.99%;
	background-color: white;
	margin: 0;
	padding: 0 0 30px 0
	}


.quarter   {
	float: left;
	width: 25%;
	background-color: white;
	margin: 0;
	padding: 0 0 30px 0
	}

	
.threequartercol   {
	float: left;
	width: 682px;
	background-color: white;
	margin: 0;
	padding: 0 0 30px 0
	}


.quartercol   {
	float: left;
	width: 268px;
	background-color: white;
	margin: 0;
	padding: 0 0 30px 0}

.halfcol, .halfcoltour    {
	float: left;
	width: 49%;
	background-color: white;
	margin: 0}

.halfcol  {
	padding: 15px 0 30px 0}
	
.destinaimg {
	float: left;
	width: 209px;
	background-color: transparent;
	margin: 0;
	padding: 15px 0}

.destinatext {
	float: left;
	width: 473px;
	background-color: transparent;
	margin: 0;
	padding: 15px 0}

/* -tour--- */
.tourimg, .tourimgdes {
	float: left;
	background-color: transparent;
	margin: 0;
	padding: 15px 0;
	font-size: 0.9em}

.tourimg {
	width: 139px}

.tourimgdes {
	width: 209px} 
	
.tourimg img, .tourimgdes img {
	padding: 0 0 0 20px}
	
.tourtext, .tourtextdes {
	float: left;
	background-color: transparent;
	margin: 0;
	padding: 15px 0}

.tourtext {
	width: 543px}
	
.tourtextdes {
	width: 473px}

	
/* -tour resume--- */
.tourdes {
	float: left;
	width: 351px;
	background-color: transparent;
	margin: 0;
	padding:  0}

.tourresdes {
	float: left;
	width: 290px;
	background-color: transparent;
	margin: 0;
	padding:  0}
	
/* -tour resume book--- */
.tourbook{
	float: left;
	width: 183px;
	background-color: #F8FEFF;
	margin: 0;
	padding: 0 0 20px}

.touroptions{
	background-color: white;
	margin: 0;
	padding: 0;
	border: #EAF4E9 1px solid;
	}

.tourpages {
	background-color: #F8FEFF;
	margin: 0;
	padding: 0;
	}
.left{
	float: left;
	color: #4A98BA}

.pages {
	float: right;
	text-align: right;
	font-size: 0.7em;
	color: #7C9499}

.pages img{
	float: none;
	clear: both;
	margin: 0;
	padding: 5px 0}

.sortours {
	font-size: 0.9em;
	float: right;
	text-align: right}

.sortours ul{
	margin: 0;
	padding: 3px}	

.sortours li{
	margin-left: 0;
	padding-left: 2px;
	list-style: none;
	display: inline;
	padding: 0 10px}	
	
/* - list tour--- */
.quarterul   {
	float: left;
	padding: 0;
	}

.quarterul li { 
	float: left; 
	width: 120px; 
	margin: 3px; 
	padding:0 }


/* - renglon--- */
.renglon {
	margin: 10px 0;
	padding: 10px 0}

.renglon img{
	padding-bottom: 20px}

.testimony {	
	padding: 20px 0 15px 0;					
	background: #FAFCFF}	

.top{
	margin: 0;	
	padding: 0 0 40px;	
	border-bottom: #EEF5FF 6px solid;
	border-left: #EEF5FF 5px solid}
	
 /* ---------intro------------ */
.intro {						
	background: white; 
	margin: 0; 
	padding: 20px 0 5px 0;
	border-bottom: #EEF5FF 6px solid}	

.intro p { 
font-size: 1em;
	margin: 0;
	padding: 0 20px }

.intro strong{ 
	color:#D8720E}
	


 /* ---------footer------------ */
#footer { 
	width: 950px; 
	height: 120px; 
	background-color: white;
	margin:25px 0 auto; 
	padding: 0}  



#footer p{ 
	float: right;
	font-size: 0.7em;
	color: #63809E;
	text-align: right;
	margin: 0 20px;
	padding-top: 15px;
	 } 

#footer ul{ 
	margin: 0; 
	padding: 15px}
	  
#footer li {  
	font-size: 0.7em;
	color: #63809E;	
	display: inline; 
	margin-left: 3px; 
	line-height: 25px; 
	text-decoration: none;
	list-style: none }

#footer li a {   /* Main nav styles for all links */
	display: inline; 
	margin-left: 3px; 
	line-height: 25px;
	text-decoration: underline}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active   { 
	padding-right: 9px; 
	padding-left: 9px; }








/*-----------------------------------Other tags-----------------------------------------*/

/*-------- img--------- */
.content img {
	float: left;
	margin: 0 9px 0 0}
	
.renglon img, .destinaimg img {
	float: left;
	margin: 0 20px}

/* lists */
ul { margin: 5px 0 5px 35px; }
ol { margin: 5px 0 5px 35px; list-style: decimal }
ol li, ul li { 
	color: #7C9499; 
	font-size: 0.8em; 
	line-height: 1.8em }

.destinatext ul {
	margin: 0 0 0 55px;
	padding: 15px 0}

/* colum 50% */
.doble { 
	float: left;
	width: 35%;
	list-style: none;
	margin: 0 0 0 25px;
	padding: 20px 0 0 }

.maincol ul {						
	margin: 0 25px; 
	padding: 15px 0 30px 15px}

.maincol li { 
	list-style-image: url(../../MarivalGoldMembers/programacion/images/icono-lista.jpg)}



/* action */
.action{ 
	width: 222px;
	height: 219px;
	background-color: #149ED9; 
	margin: 11px 0 0 0; 
	padding: 0;
	z-index: 2;
	position: absolute;
	border-right: #094656 1px solid;
	border-bottom: #094656 1px solid}

.action h1{ 
	font-size: 1.5em;
	color: white;
	margin: 10px 0 0 20px}
	
.action p{ 
	font-size: 0.9em;
	color: white;
	margin: 0 20px;
	line-height: 1.5em;
	padding: 0}

.action a:link,  .action a:hover, .action a:visited, .action a:active, .tourbookit a:link, .tourbookit a:visited, .tourbookit a:hover, .tourbookit a:active  { 
	background-color: #D8720E;
	color: white;
	line-height: 29px;
	padding: 5px 30px;
	text-decoration: none;
	border-bottom: #B65A27 3px solid}
	

.action a:link,  .action a:hover, .action a:visited, .action a:active { 
	margin: 0 0 0 30px}
	
/* search form */
.search { 
	width: 364px;
	height: 25px;
	float: right;
	font-size: 0.9em;
	color: #67759b; 
	background: url(images/backsearch.jpg) repeat; 
	margin: 0; 
	padding: 0}

.search img { 
	float: left;
	margin-left: 5px	}
	
.text {
	float: left;
	width: 256px;
	height: 19px;
	margin: 2px auto 5px 3px;
	padding: 0;
	color: #535760;
	background: white;
	border: 1px solid #8F9BB7}

.keyw{
	width: 130px;
	height: 19px;
	padding: 0;
	background: white;
	border: 1px solid #8F9BB7}
.submit {
	height: 19px;
	color: white;
	background-color: #D8720E;
	margin: 3px 0 5px 3px;
	padding: 0 5px;
	border-bottom: #B65A27 3px solid} 

/* find tour */
.book{ 
	background-color: #E1F9FF; 
	margin: 0; 
	padding: 0 0 15px 0;
	border-left: #B1E1F2 3px solid;
	border-right: #B1E1F2 3px solid;}

.book ul{ 
	background-color: #f1fbff; 
	margin: 0 10px 10px 10px; 
	padding: 0}

.booktext, .bookmenu{ 
	float: left;
	margin: 20px 7px 5px 0;
	line-height: 15px;
	color: #1878A8;
	list-style: none}
	
.booktext{ 
	width: 57px;
	font-size: 0.76em}

.bookmenu{ 
	font-size:0.7em }

.bookit { 
	color: #67759b; 
	background-color: #269BE0; 
	margin: 0; 
	padding: 0 0 10px 0}

.bookit h4 { 
	color: white; 
	font-weight: 600;
	margin: 0; 
	padding: 15px 0 5px 10px}

.bookit p { 
	color: #014B68; }


#booknav, ul#booknav, #booknav li  { 
	margin: 0;
	padding: 0}


#booknav li  { 
	float: left; 
	list-style: none; 
	text-align: center;
}

#booknav li a {   
	color: white;
	background-color: #1765AE;
	display: block; 
	line-height: 25px; 
	text-decoration: none; 
	margin: 8px 10px 0 0 ;
	padding: 0;
	border-top: #0F5893 3px solid;
	border-right: #0F5893 3px solid;
	border-left: #0F5893 3px solid;
	}
	 
#booknav a:link, #booknav a:visited, #booknav a:hover, #booknav a:active, #booknav a#currentisimo    { 
	padding:0 9px; }

#booknav a:hover, #booknav a:active {
	color: #E1F9FF}

#booknav a#currentisimo { 
	color: #014B68;
	font-weight: 600;
	background-color: #E1F9FF;
	border-top: #B1E1F2 3px solid;
	border-right: #B1E1F2 3px solid;
	border-left: #B1E1F2 3px solid;
	}
/*-------------------------------------------------------------------------------*/


h2 a:link, h4 a:link, .doble li a:link{
    color: #269BE0}


h2 a:actived, h4 a:actived, .doble li a:actived{
    color: #5BC1F4}


h2 a:visited, h4 a:visited, .doble li a:visited{
    color: #8DB3C6}

h2 a:hover, h4 a:hover, .doble li a:hover{
    color: #5BC1F4}
    
.faqs li a {
    color: #AAAFBA}
    
.faqs li a:visited {
    color: #AAAFBA}
    
.faqs li a:hover {
    color: #746799}

/* content images*/
.imgcontent{ 	
	margin-top:38px;
	padding: 0}
	
/* Logo*/	
span.logo { 
	float: left;
	position: relative; 
	top: 0; 
	left: 0;
	margin:0;
	padding: 0}
span.logo img { 
	margin-top: 10px; 
	margin-left: 15px; 
	padding-top: 0; 
	padding-left: 0; }
	
span.testi { 
	color: #269BE0;}

.peq { 
	font-size:0.6em;
	font-weight: 200}

/* number of tours category*/
.tours { 
	font-size:0.8em;
	font-weight: 200;
	color: #7C9499;}

/* tours info orange*/
.orange, .rate, .rate p{ 
	font-weight: 600;
	color: #C87818;}
	
.rate, .rate p{ 
	height: 44px;
	float: left;
	width:110px;
	margin: 0;
	padding: 0;
	font-size: 1.0em}

.rate p{ 
	margin: 5px 0 0 20px;
	padding: 0}
	

.rinfo {
	width: 250px;
	float: left;
	margin-left: 25px;
	padding-top: 5px}

.rinforeferral {
	width: 145px;
	float: left;
	margin-left: 25px;
	padding-top: 5px}
	
.raddress {
	width: 550px;
	float: left;
	margin-left: 25px;
	padding-top: 5px}
.iaddress{
	width: 550px}

.requestinf{
	float: left;
	margin:0}

.identifier{
	width: 45px;
	font-size: 0.75em;
	float: left;
	margin:0;
	line-height: 1em;
	text-align:left;
	}
	
.codephone  {
	width:40px;
	height: 25px;
	color: #535760;
	border: 1px solid #CBCBCB}
	
.mainphone{
	width:155px;
	height: 25px;
	color: #535760;
	border: 1px solid #CBCBCB}

.state {
	width: 258px;
	height: 25px;
	border: #dbe4f1 solid 1px
	}

	
.forminput {
	width: 258px;
	height: 25px;
	color: #535760;
	border: 1px solid #CBCBCB}

textarea {
	width: 550px;
	color: #535760;
	border: 1px solid #CBCBCB}


.marquee { background:#fff; padding:5px; border:1px solid #ccc; }

object, #video { margin-left: 20px }