/*---------------------------------------------
CAPITANVENEZIA
- - - - - - - - - - - - - - - - - - - - - - -
Description:	Base setup styles
Filename:		capitanvenezia.css
Theme Name:     
Theme URI:      http://www.intersezione.com
Version:		1 beta
Date:			lug 3, 2007
Author:         Intersezione srl
Company:        Intersezione srl
Please: 
        
/*=========================================================================================== Global Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../img/body_bg.jpg) top left no-repeat;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* impostazioni per tutto */

p {
	line-height:1.4em;
}

a:link, a:visited {
	color:#0079AC;
	position:relative;
	text-decoration:none;
}

a:hover {
	color:#003e41;
	position:relative;
}

/* =============== FINE GLOBAL RESET =============================================================== */

/* ========== FORMATTAZIONE MENU PRINCIPALE A SX ================================== */
div#container {
	width:990px;
	float:left;
}

div#menu_carrier {
	width:410px;
	float:left;
}
ul#mainmenu {
	list-style-type:none;
	float:left;
	width:241px;
	width:129px;
	height:241px;
	padding-left:230px;
	padding-top:350px;
}

ul#mainmenu li {
	width:129px;
}

ul#mainmenu li#progetto a:link, ul#mainmenu li#progetto a:visited{
	background:url(/img/progetto.png) top left no-repeat;
	height:55px;
	width:129px;
}

ul#mainmenu li#progetto a:hover{
	background:url(/img/progettoh.png) top left no-repeat;
	height:55px;
	width:129px;


}

ul#mainmenu li#personaggi a:link, ul#mainmenu li#personaggi a:visited{
	background:url(/img/personaggi.png) top left no-repeat;
	height:40px;
	width:129px;
}

ul#mainmenu li#personaggi a:hover{
	background:url(/img/personaggih.png) top left no-repeat;
	height:40px;
	width:129px;


}

ul#mainmenu li#news a{
	background:url(/img/news.png) top left no-repeat;
	height:34px;
	width:129px;
	
}

ul#mainmenu li#news a:hover{
	background:url(/img/newsh.png) top left no-repeat;
	height:34px;
	width:129px;
}

ul#mainmenu li#iniziative a{
	background:url(/img/iniziative.png) top left no-repeat;
	height:29px;
	width:129px;
}
ul#mainmenu li#iniziative a:hover{
	background:url(/img/iniziativeh.png) top left no-repeat;
	height:29px;
	width:129px;
}

ul#mainmenu li#contatti a{
	background:url(/img/contatti.png) top left no-repeat;
	height:31px;
	width:129px;
}
ul#mainmenu li#contatti a:hover{
	background:url(/img/contattih.png) top left no-repeat;
	height:31px;
	width:129px;
}

/*ul#mainmenu li#goodies a{
	background:url(/img/goodies.png) top left no-repeat;
	height:31px;
	width:129px;
	
}
ul#mainmenu li#goodies a:hover{
	background:url(/img/goodiesh.png) top left no-repeat;
	height:31px;
	width:129px;
}*/

ul#mainmenu li#links a{
	background:url(/img/link.png) top left no-repeat;
	height:52px;
	width:129px;
}
ul#mainmenu li#links a:hover{
	background:url(/img/linkh.png) top left no-repeat;
	height:52px;
	width:129px;
}


ul#mainmenu a:link, ul#mainmenu a:visited{
	display:block;
	position:relative;
	text-indent:-4000px;
	margin:0;
	padding:0;
	cursor:hand;
	*margin-top:-1px;	
}



ul#mainmenu a:hover{
	display:block;
	position:relative;
}
/* ========== FORMATTAZIONE MENU SECONDARIO SOTTO HEADER ================================== */

ul#aux_menu {
	padding-left:15px;
	padding-top:45px;
	list-style-type:none;
	float:left;
	width:525px;
}

ul#aux_menu li {
	display:block;
	float:left;
	width:100px;
	position:relative;
}

ul#aux_menu li a:link, ul#aux_menu li a:visited  {
	color:#b3c2d5;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
	position:relative;
}

ul#aux_menu li a:hover {
	text-decoration:underline;
	color:#053a40;
	position:relative;
}
div#indicatore_sezione_pers {
	margin-top:40px;
	float:left;
	margin-left:30px;
	*margin-left:15px;
	width:510px;
	position:relative;
	clear:both;
	
	clear:both;
}

div#indicatore_sezione {

	float:left;
	margin-left:30px;
	width:510px;
	position:relative;
	clear:both;
	height:35px;
	background: url(/img/bg-title.gif) bottom left no-repeat;
	clear:both;
	color:#0079AC !important;
}

div.pipa {
	background: url(/img/bg-title.gif) bottom left no-repeat;
	padding-bottom:20px;
	width:500px;
	margin:0 25px 0 45px;;
	margin-bottom:5px;

}

* html div#indicatore_sezione {
	margin-left:15px;
}

div#indicatore_sezione a {
	position:relative;
	float:right;
}

div#indicatore_sezione_pers a {
	position:relative;
	float:right;
}

div#indicatore_sezione {
	margin-top:30px;
}

.left {
	margin-top:0 !important;
}

* html div#indicatore_sezione.left{
	
} 

/* STRUTTURA */

body {
	background-color:#7DA3CA;
}

div#right_container {
	float:left;
	min-height:500px;
	height:auto !important;
	height:500px;
	width:573px;
}

h1#logo {
	background: url(/img/h1_logo_bg.png) top left no-repeat;
	width:573px;
	height:80px;
}

h1#logo a {
	text-indent:-9999px;
	display:block;
	width:573px;
	height:80px;
	position:relative;
} 

div#boxtop {
	width:573px;

	background: url(/img/box_top_bg.png) top left no-repeat;
	float:left;
}

div#box_espandibile {
	width:573px;
	background: url(/img/espandibile_bg.png)top left repeat-y;
	/*background: url("/img/espandibile_bg.gif")top left repeat-y;*/
	float:left;
}

div#box_bottom {
	width:573px;
	height:94px;
	background: url(/img/box_bottom_bg.png)top left no-repeat;
	clear:both;	
}

div#news_evidenza {
	width:500px;
	margin:0 25px 0 45px;;
	border-bottom:1px solid #b3c2d5;
	margin-bottom:30px;
	padding-bottom:5px;
}

div.news_evidenza {
	width:500px;
	margin:0 25px 0 45px;;
	border-bottom:1px solid #b3c2d5;
	margin-bottom:30px;
	padding-bottom:5px;
}

h2.main_news_title {
	font-size:14px;
	font-weight:bold;
	color:#0079ac;
	text-align:right;
	border-bottom:1px solid #0079ac;
	margin-left:90px;
	margin-bottom:5px;
	text-transform:uppercase;
	position:relative;
}

div.prefisso {
	font-size:12px;
	color:#FFCC00;
	float:left;
}

div#copertina {
	width:530px;
	padding:0 20px;
}
/* MENU A ICONE DEI PERSONAGGI (SOPRA LA SCHEDA) =======================================*/
ul.char_menu {
	list-style-type:none;
	text-align:center;
}

ul.char_menu li{
	display:inline;
}

ul.char_menu a{
	position:relative;
	margin:0 2px;
}
/* COLONNA DI SINISTRA ================================================================ */

/* sezione SCHEDE PERSONAGGI */

div#big {
	width:330px;
	height:365px;
	padding-left:15px;
	float:left;
}

div#scheda_testuale {
	width:195px;
	float:RIGHT;
	padding-right:15px;
}

h2.personaggi {
	color:#0079AC;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
}

/* FINE sezione SCHEDE PERSONAGGI */
div#news_evidenza .abstract, div#news_evidenza .contenuto, div.news_preview p, div.small_title{
	font-size:11px;
}

div.news_evidenza .abstract, div.news_evidenza .contenuto, div.news_preview p, div.small_title{
	font-size:11px;
}

.abstract{
	text-align:right;
	padding:.5em 0;
	background:#f9f9f9;
	border-bottom:2px solid #C5CCD6;
	margin-bottom:1em;
	font-style:italic;
}

#news_evidenza .img_box{
	margin-top:25px;
}

.news_evidenza .img_box{
	margin-top:25px;
}

p.link_archivio {
	text-align:right;
	clear:left;
	color:#999;
}

div.img_box {
	float:left;
}

div.img_box img {
	border:2px solid #BFCFDE;
	width:80px;
	height:80px;
}


div#left_column {
	float:left;
	width:560px;
	clear:left;
}

div.news_preview {
	margin-left:45px;
	clear:left;
	margin-top:10px;
	margin-bottom:5px;
	float:left;
	width:500px;
	display:inline;
	background-color:#fff;
}

div.small_title {
	border-bottom:1px solid #0079ac;
	float:left;
	margin-left:10px;
	width:410px;
	
}

div.news_data {
	color: #0079ac;
	text-align:right;
	font-size:9px;
	padding-bottom:2px;
}

h3.news_strillo {
	font-weight:bold;
	font-size:11px;
	float:left;
	text-transform:uppercase;
	width:225px;
	background:url(/img/white.gif) top left;
	position:relative;
}



div#right_column {
	float:right;
	width:200px;
	
}
/* COLONNA DI DESTRA ===========================================================*/

div.spotbox_sponsor,  div.spotbox_eventi {
	background:url("/img/spot_box_top.jpg") top left no-repeat;
	width:184px;
}

h3.sponsor, h3.eventi {
	color:#6e849c;
	font-size:11px;
	font-weight:bold;
	
	padding-top:15px;
	margin:0 15px;
	text-align:right;
	text-transform:uppercase;
}

div.spotbox_sponsor p, div.spotbox_eventi p {
	margin:0 15px;

}

div.aux_box {
	background:url("/img/spot_box_bottom.jpg") left bottom no-repeat;
	padding-bottom:30px;
}


p.spot_content {
	border-top:1px solid #6e849c;
}

div#footer {
	clear:both;
}

/* CONFIGURAZIONE LINK ============================================================== */
h3.news_strillo a:link, h3.news_strillo a:visited {
	text-decoration:none;
	color:#0079ac;
	cursor:hand; position:relative;

}

h3.news_strillo a:hover {
	color:#003e41;
	position:relative;
}

p.link_archivio a:link, p.link_archivio a:visited {
	text-decoration:none;
	color:#6e849c;
	position:relative;
}

p.link_archivio a:hover {
	color:#053a40;
	position:relative;
	background-color:#e0ecfa;
}

a.spot_title:link, a.spot_title:visited {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	position:relative;
}

a.spot_title:hover {
	color:#6e849c;	
	position:relative;
}

/* link intersezione privacy footer */


ul.credits_intersezione {
	list-style-type:none;
	clear:both;
	color:#FFFFFF;
	text-align:right;
	padding-top:55px;
	padding-right:20px;
}

ul.credits_intersezione li {
	display:inline;
	
	
}

ul.credits_intersezione li a{
}

ul.credits_intersezione li a:link, ul.credits_intersezione li a:visited {
	text-decoration:none;
	color:#FFFFFF;
}

ul.credits_intersezione li a:hover {
	color:#FFCC00;
}


li#cre1 a:link, li#cre1 a:visited, li#cre2 a:link, li#cre2 a:visited, li#cre3 a:link, li#cre3 a:visited {
	
	
}

p.back{	
	position:relative;
	top:20px;
}

p.back a:link, back a:visited{
	text-decoration:none;
	color:#6e849c;
	position:relative;
	
}

p.back a:hover {
	color:#053a40;
	position:relative;
	background-color:#e0ecfa;
}

/*li#cre1 a:link, li#cre1 a:visited {
	background:url("/img/copyright.gif") top left no-repeat;
	width:49px;
}

li#cre2 a:link, li#cre2 a:visited {
	background:url("/img/privacy.gif") top left no-repeat;
	width:37px;
}

li#cre3 a:link, li#cre3 a:visited {
	background:url("/img/intersezione.gif") top left no-repeat;
	width:78px;
}*/


.testo{
	font-size:11px!important;
	line-height:1.6em;
	margin-left:90px;
}
/*==================================================================== personalizzazione gallery */

.testo_gallery{
	font-size:11px!important;
	line-height:1.6em;
}

div#left_column_gallery {
	clear:left;
	float:left;
	width:360px;
}

div#right_column_gallery{
	float:left;
	width:200px;
}

div#change{
	float:left;
	background:url(../img/loader.gif) 50% 50% no-repeat;
	position:relative;
	z-index:100;
	cursor:crosshair;
}

* html div#change{
	margin-left:15px;
}

div#navigation{
	width:330px;
	clear:both;
	float:left;
	margin-left:20px;
	position:relative;
}

* html div#navigation{
	margin-left:10px;
}

div#prev{	
	float:left;
	margin-top:10px;
	width:24px
}

div#prev a{	
	display:block;
	height:65px;
	width:24px;
	background:url(../img/prev.gif) top left no-repeat;
}

div#prev a:hover{	
	background:url(../img/prev-on.gif) top left no-repeat;
}

div#next{	
	float:left;
	margin-top:10px;
	width:24px
}

div#next a{	
	display:block;
	height:65px;
	width:24px;
	background:url(../img/next.gif) top left no-repeat;
}

div#next a:hover{	
	background:url(../img/next-on.gif) top left no-repeat;
}

div#small{	
	float:left;
	margin-top:10px;
	width:210px;
	overflow: hidden!important;
	position:relative;
}

div#small ul{
	float:left;
	width: 10000px;
	position:relative;
}

div#small ul li{
	list-style-type:none;
	float:left;
	text-align:center;
	width:70px;
}

div#small ul li a{
	width:70px;
	float:left;
	height:80px;
	position:relative;
}

div#small ul li a img{
	width:55px;
	height:65px;
	margin-left:4px;
}

div#small ul li a:hover{
}

div#small ul li a:hover img{
}


#imageBox {width: 210px;  }
#imageBoxInside { width: 10000px; }  
#imageBox img { float: left; padding: 0px; margin: 0px; }





/*==================================================================== personalizzazione paginazione */

div#paginazione{
	clear:both;
	display:block;
	margin:0pt 25px 30px 45px;
}

div#paginazione ul{
	font-size:10px;
}

div#paginazione ul li{
	text-align:center;
	font-weight:bold;
	float:left;
	list-style-type:none;	
	line-height:16px;
	min-height:16px;
	height:auto!important;
	height:16px;
}

div#paginazione ul li.selected{
	text-align:center;
	font-weight:bold;
	float:left;
	list-style-type:none;	
	line-height:16px;
	min-height:16px;
	height:auto!important;
	height:16px;
	display:block;
	/*border:1px solid #3F83B2;*/
	float:left;
	width:16px;
	color:#fff;
	background:#888;
	margin-right:3px;
}

div#paginazione ul li a{
	display:block;
	/*border:1px solid #3F83B2;*/
	text-align:center;
	background:#f5f5f5;
	color:#000;
	float:left;
	width:16px;
	line-height:16px;
	min-height:16px;
	height:auto!important;
	height:16px;
	margin-right:3px;
	position:relative;
}

div#paginazione ul li a.bigger{
	font-size:16px;
}

div#paginazione ul li a:hover{
	/*border:1px solid #000;*/
	background:#7DA5C9;
	color:#fff;
}


.tooltip { width: 200px; color: #000;}
.tooltip .title { 
	background: #8AABE2; 
	padding: 3px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
.tooltip .content { 
	background: #fff; 
	font: 10px Arial, Helvetica, sans-serif; 
	padding: 3px; 
	filter:alpha(opacity=80);
	opacity: 0.9;
	-moz-opacity:0.9;
	border:1px solid #8AABE2;
	border-top:0;
}


.luogoedata{
	font-style:italic!important;
}

/* STILE PAGINA INTERNA GOOGLE MAPS ===========================================================================*/

div#box_map {
	margin-left:25px;
	padding:1px;
	border:1px solid #c3cdd9;
	width:520px;
	margin-bottom:15px;
	
}

div.box_ristoranti {
	float:left;
	clear:left;
	padding-left:24px;
	
}
div.ristorante {
	float:left;
	width:95px;
	margin-left:4px;
	*display:inline;
	border:1px solid #c3cdd9;
	padding:1px;
	background-color:#f1f6fb;
	height:95px;
	overflow:hidden;
	padding:2px;
	margin-top:5px;
	
}

div.ristorantemap{
	/*float:left;*/
	width:200px;
	margin-left:4px;
	*display:inline;
	border:1px solid #c3cdd9;
	padding:1px;
	background-color:#f1f6fb;
	height:95px;
	overflow:hidden;
	padding:2px;
	margin-top:5px;
	
}

div.ristotitolo {
	text-transform:capitalize;
	margin:0 1px;
	border-bottom:1px solid #c3cdd9;
	margin-bottom:5px;
	padding-bottom:2px;
	background-color:#7da3ca;
	min-height:20px;
	height:auto !important;
	height:20px;
	

}

div.ristotitolo a:link, div.ristotitolo a:visited {
	color:#FFFFFF;
}

div.ristotitolo a:hover {
	color:#003e41;
}

div.ristoimg img {
	border:1px solid #003e41;
	float:left;
	margin:2px;
	*display:inline;
}

div#banner_mappa {
	float:left;
	padding:0 10px;
}

div#indicatore_sezione_mappa {

	float:left;
	margin-left:30px;
	width:510px;
	position:relative;
	clear:both;
	height:60px;
	/*background: url(/img/bg-title.gif) bottom left no-repeat;*/
	clear:both;
	color:#0079AC !important;
}