/* 
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,td, .legend p {
	margin: 0 20px;
	padding: 10px 0 0;
	font-size: 0.8em; 
	line-height: 1.8em;
	color: #7C9499}

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

h1 { 
	font-size: 1.3em;
	font-weight: 700}	
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 { 
	width: 950px;
	background-color: white;
	margin: 0 auto; 
	padding: 0}

	
/*--------- header----------------*/
#header {			
	width: 918px; 
	height: 94px;
	margin: 0 auto; 
	background: white;   	     
      }
	
 /* logo */
.hdlogo{ 
	width: 918px; 
	background-color: white; 
	margin: 0}

/* language */

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

.language { 
	float: right;
	width: 186px;
	background-color: #E7F7F3;
	text-align: center; 
	margin: 0;
	padding: 0 0 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: 280px;
	margin: 20px 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}

.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 0 0
	}

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


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

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

.halfcol  {
	padding: 0 0 0 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}

 /* ---------intro------------ */
.intro {						
	background: white; 
	margin: 0; 
	padding: 20px 0 20px 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}


/* search form */
.search { 
	width: 356px;
	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;
	}
/*-------------------------------------------------------------------------------*/

/* 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: 18px; 
	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}
	
.tabber H2{
font-size: 13pt;
}	
	
.location {
font-size: 11pt;
font-weight: normal;
color: #FFFFFF;
background-color: #149ED9;
padding: 4px;
}

.category {
font-size: 11pt;
font-weight: normal;
color: #EEEEEE;
background-color: #B7AB95;
}
.mode_highlight{
color: #B7AB95;
font-weight:bold;
background-color: #D1CCAF;
}
TD{
font-size: 9pt;
font-weight: normal;
}
.TESTER{
color: #FFFFFF;
background-color: #993311;
border-color: #F90;
border-width: 1px;
border-style: solid;
}
.boco
{
	border-color: #CCCCCC;
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
}
input
{
	border-color: #CCC;
	border-width: 1px;
	border-style: groove;
}	
.coreshopheader
{
	color: #FFFFFF;
	background-color: #149ED9;
}