/* 
    Name: main.css
    Date: 30/10/2009
    Description: Main Css for etrek
    Version: 1.0 
    Author: Luca Di Bella fo Web Tech Area
    Autor URI: http://www.webtecharea.it
*/

@import url('lib/reset.css');
@import url('lib/text.css');
@import url('lib/960_custom12.css'); /* container 10 */

/*--------------------------------
	General Styles
--------------------------------*/
body { font-family: Tahoma, Arial, Helvetica, sans-serif;}

a {color: #ED8A0B; text-decoration: none;}

a:hover {color: #ED8A0B;}

input, textarea 	{ padding: .2em; border: 1px solid #ccc; background-color: white; font-family: Georgia, Times, Times New Roman, serif; font-size: 1.2em; color: #333; font-style: italic; width: 98%; }
input:focus	{ background-color: #9FFFFD; }
label, .label { font-weight: bold; color: #333;}

/*--------------------------------
	Helper Styles
--------------------------------*/
.lastminute { border-color: #FF6699; }
.gruppi		{ border-color: #006699; }
.crociere	{ border-color: #FFCC33; }
.sposi		{ border-color: #669933; }

/*--------------------------------
	Page Structure
--------------------------------*/
#header {
	position: relative;
	height: 129px;
	margin-bottom: 20px;
	border-top: 12px solid #ED890B;
	/*border-bottom: 1px solid #ccc;*/
	background: white url('images/head_bg_main.jpg') no-repeat 100% 0;
}
#maincontent {
	position: relative;
}
#footer {
	border-top: 3px solid #ccc;
	font-size: 11px;
}

/*--------------------------------
	Page Components
--------------------------------*/
#logo {
	position: absolute;
	width: 215px;
	height: 82px;
	top: 20px; 
	background: white url('images/head_logo.jpg') no-repeat 0 0;
	text-indent: -10000em;
}

#nav {
	position: absolute;
	height: 26px;
	top: -7px;
	right: 0;
	margin: 0;
	padding: 0 0 0 48px;
	list-style: none;
	background: white url('images/nav_ang01.gif') no-repeat 0 100%;
}
#nav li {
	margin: 0;
	padding: 0 20px;
	height: 26px;
	float: left;
	background-color: #ED890B;
	
}
#nav li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #00035A;
	font-weight: bold;
	text-decoration: none;
}

#breadcrumb {
	position: absolute;
	height: 27px;
	bottom: 0;
	/*padding: 0 60px 0 10px;*/
	padding: 0 100px;
	line-height: 30px;
	background: white url('images/top_tab.gif') no-repeat 100% 100%;
	font-weight: bold;
	color: #00035A;
}

.vgdetail {
	
}
.vgdetail dt {
	font-weight: bold;
	color: red;
}
.vgdetail dd {
	font-size: 12px;
	margin-bottom: 10px;
}
.vgdetail dd span {
	display: block;
	font-size: 1.2em;
	border-top: 3px solid black;
}
.vgdetail .title span { font-weight: bold; }
.vgdetail .note span { font-size: 12px;}

.image_gallery {}
.image_gallery ul { margin: 0 0 1em 0; padding: 0; }
.image_gallery li { margin: 0 0 6px 0; padding: 0; list-style: none; float: left; }
.image_gallery .medium { margin: 0 10px; }

.maintext {margin-top: 84px; }

.vginfo { display: block; width: 201px; height: 56px; background: white url('images/pul_richiedi_info.gif') no-repeat center center; margin:20px auto; text-indent: -10000em; }

#cat_nav { list-style: none; height: 24px; margin-bottom: 10px; border-bottom: 1px solid #ccc; overflow: hidden; }
#cat_nav li { margin: 0 10px 0 0; float: left; position: relative; }
#cat_nav a { display: block; width: 140px; height: 18px; margin-top: 6px; padding-left: 10px; font-family: Georgia, Times, Times New Roman, serif; color: white; font-size: 1em; text-decoration: none;}
#cat_nav a.active { margin-top: 0; height: 24px; font-size: 1.2em; }
#cat_nav a.lastminute {background: white url('images/tabs/tab_yellow.gif') no-repeat top left;}
#cat_nav a.gruppi {background: white url('images/tabs/tab_green.gif') no-repeat top left;}
#cat_nav a.sposi {background: white url('images/tabs/tab_pink.gif') no-repeat top left;}
#cat_nav a.crociere {background: white url('images/tabs/tab_purple.gif') no-repeat top left;}

.pane_ 				{}
.pane_lastminute 	{}
.pane_gruppi 		{}
.pane_crociere 		{}
.pane_sposi			{}

.vgitem { min-height: 192px; }
.vgitem1 { min-height: 250px; }
.vgitem dt { margin-bottom: 5px; padding-bottom: 5px; /*border-bottom: 1px dashed #ccc;*/}
.vgitem dt a { font-weight: bold; color: red; text-decoration: none; }
.vgitem .title { font-weight: bold; }

.pagination { text-align: center; margin-bottom: 10px; }

#sedi { font-size: 12px; }
#sedi dt { font-weight: bold; }

#sidebar { margin-top: 20px; }
#sidebar ul { list-style: none; }
#sidebar li { margin: 0 0 5px 0; padding: 0 0 5px 6px; border-bottom: 1px dashed #ccc; font-size: 12px; }
#sidebar li .title { font-weight: bold; color: #333; }
#sidebar a { text-decoration: none; }


#sidebar h3	{ margin-bottom: 10px; height: 24px; font-size: 14px; font-family: Georgia, Times, Times New Roman, serif; font-weight: normal; color: white; padding-left: 6px; line-height: 30px; }
#sidebar .lastminute h3 { background: white url('images/tabs/tab_yellow.gif') no-repeat top left; border-bottom: 1px solid #FFCC33;}
#sidebar .gruppi h3 	{ background: white url('images/tabs/tab_green.gif') no-repeat top left; border-bottom: 1px solid #669933;}
#sidebar .crociere h3 	{ background: white url('images/tabs/tab_purple.gif') no-repeat top left; border-bottom: 1px solid #006699;}
#sidebar .sposi h3 		{ background: white url('images/tabs/tab_pink.gif') no-repeat top left; border-bottom: 1px solid #FF6699;}

.cat_home_item {width:816px; height:120px;}

.cat_home_item ul { list-style: none; }
.cat_home_item li { margin: 0 0 3px 0; padding: 0 0 3px 6px; border-bottom: 1px dashed #ccc; font-size: 11px; }
.cat_home_item li .title { font-weight: bold; color: #333; }
.cat_home_item a { text-decoration: none; }

.cat_home_item.lastminute li .title { color: #FFCC33;}
.cat_home_item.gruppi li .title	{  color: #669933;}
.cat_home_item.crociere li .title { color: #006699;}
.cat_home_item.sposi li .title 		{ color: #FF6699;}

.contactform {}
.contactform p {margin-bottom: .5em;}

.linklistitem { min-height: 120px; border-bottom: 1px dashed #ccc;}
.linklistitem dt { font-weight: bold;}
.linklistitem dd { font-size: 12px; }

.viaggio_blu {background:url('images/tab_viaggi_blu.gif') no-repeat bottom right;}
.viaggio_verde {background:url('images/tab_viaggi_verde.gif') no-repeat bottom right;}
.viaggio_giallo {background:url('images/tab_viaggi_giallo.gif') no-repeat bottom right;}
.viaggio_rosa {background:url('images/tab_viaggi_rosa.gif') no-repeat bottom right;}
/*--------------------------------
	Overrides
--------------------------------*/

#avmenu {
clear: left;
float: left;
width: 210px;
margin: 0 10px;
padding: 0;
font-size: 0.9em;
}

#avmenu ul {	
list-style: none;
width: 150px;

padding: 0;
font-size: 1.1em;
}	

#avmenu li {
margin-bottom: 4px;
width: 200px;
}

#avmenu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #ED890B;
display: block;
padding: 6px 0 6px 10px;
background: #f4f4f4;
border-left: 4px solid #ED890B;
}	
	
#avmenu li a:hover {
background: #eaeaea;
color: #02075B;
border-left: 4px solid #02075B;
}

#content {
/*
margin: 0 10px 10px 230px;
line-height: 1.6em;
*/
padding: 0 10px 0 10px;
text-align: left;
width: 816px;
margin: 0 130px 0px 130px;
position:absolute;
}

#content p {
	margin-bottom:5px;
}

#content h2 {
font-size: 1.4em;
margin: 0 0 0.5em 0;
color:#ED890B;
}

#content h3 {
font-size: 1.2em;
margin: 0 0 0.5em 0;
color:#00035A;
background: 
}

#content h4 {
font-size: 1em;
margin: 0 0 0.5em 0;
color:#00035A;
}

#content_su_di_noi {
padding: 0 15px 20px 15px;
text-align: left;
}

#content_su_di_noi p {
	margin-bottom:5px;
}

#content_su_di_noi h2 {
font-size: 1.4em;
margin: 0 0 0.5em 0;
color:#ED890B;
}

#content_su_di_noi h3 {
font-size: 1.2em;
margin: 0 0 0.5em 0;
color:#00035A;
background: 
}

#content_su_di_noi h4 {
font-size: 1em;
margin: 0 0 0.5em 0;
color:#00035A;
}

#content_contatti {
padding: 0 8px 20px 8px;
text-align: left;
}

#content_contatti p {
	margin-bottom:5px;
}

#content_contatti h2 {
font-size: 1.4em;
margin: 0 0 0.5em 0;
color:#ED890B;
}

#content_contatti h3 {
font-size: 1.2em;
margin: 0 0 0.5em 0;
color:#00035A;
background: 
}

#content_contatti h4 {
font-size: 1em;
margin: 0 0 0.5em 0;
color:#00035A;
}

/*#content img {
padding: 1px;
display:inline;
background: #cccccc;
border: 4px solid #f0f0f0;
}*/


/* BANNER */
#banner {
float: left;
height:500px;
}

#banner1 {
float: right;
}