/* CSS Document */

html,body {margin:0px; padding:0px}

body {
	font-family: Trebuchet MS, Arial, "Times New Roman", Times, serif; 
	font-size:12px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color:#992607
	}

/* ---------------- STILI GENERALI ---------------- */

form {margin:0; padding:0; }
img {border:0;}
.skip {display:none}
.corsivo {font-style: italic;}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.justify {text-align:justify}
.imgright {float:right; margin-left:0.5em; margin-bottom:0.5em;}
.imgleft {float:left; margin:0px 1em 1em 0px;}

.absmiddle {vertical-align:middle}
.absmiddleico {margin-right:10px;vertical-align:middle}
.print {display:inline}
.none {display:none}
.alignbottom {vertical-align:text-bottom}
.evidenza {color:#E3001B; margin-top:5px; font-weight:bold}

a:link{color:#992607; text-decoration:none;}
a:visited{color:#992607; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
a:active {color:#000; text-decoration:underline;}

div#container {
	position: relative;
	width:98%;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	text-align: left;
	background-color:#fff;
	background-image:url(../image/bk_container.gif);
	background-position:left top;
	background-repeat:repeat-y;
	}

div#container h2 {}

#header {
	height:100px;
	background-color:#CCCCCC;
border-bottom:2px solid #992607
}


div.logo {
width:365px;
height:100px;
background-image: url('../image/logo_vivi_tortona.gif');
background-repeat: no-repeat;
display:block;
}

a.logo {
background-image: url('../image/logo_vivi_tortona.gif');
background-repeat: no-repeat;
display: block;
width:365px;
height:100px;
margin: 0px;
padding: 0px;
}


#menu_top {
	background-color:#992607;
	padding:5px 0px 7px 13px;
	margin-top:0px;
	display:none
}

#menu_top ul {margin:0px 0px 0px 0px; padding:0px; 	display:inline; list-style-type:none;}
#menu_top li {
	display:inline;
	margin:0px; 
	padding:0px 1em 0px 1em; 
	list-style-type:none; 
	color:#ffffff;
	font-size:1em;
	font-weight:bold
	}
#menu_top li a:link {color:#fff; text-decoration:none}
#menu_top li a:visited {color:#fff; text-decoration:none}
#menu_top li a:hover {color:#fff; text-decoration:underline}
#menu_top li a:active{color:#fff; text-decoration:underline}


#ricerca {padding:0px 13px 0px 0px; float:right; margin-top:-25px;display:none}
#ricerca label {color:#fff; font-size:1em; font-weight:bold}
#ricerca .campo {border:1px solid #F89F1B; width:10em; }
#ricerca .bottone {background-color:#992607; border:1px solid #fff;color:#fff; font-weight:normal}


div#navigation{
	display:none;
	position: absolute; 
	top:135px; 
	left:0px; 
	width:180px;
	padding:0;
	margin:0;
	background-color:#CCCCCC;
	}
	
div#navigation h1{
	color:#000;
	padding:0em 0px 10px 3px;
	margin:0px;
	font-family:georgia;
	font-size:1.5em
	}
	
.back_mainmenu {margin:0px 0.7em 0.7em 0em; font-size:80%}


div#navigation .mainpages h2{
	margin:0; 
	padding:0.4em 0px 0.4em 7px;
	list-style-type: none;
	background-color:#992607;
	font-size:0.9em;
	font-weight:bold;
	border-bottom:1px solid #fff;
	color:#FFF;
	display:block;
	width: auto;
	text-transform:uppercase
	}
	
	
div#navigation .mainpages h2 a:link {color:#fff; text-decoration:none}
div#navigation .mainpages h2 a:visited {color:#fff; text-decoration:none}
div#navigation .mainpages h2 a:hover {color:#fff; text-decoration:none}
div#navigation .mainpages h2 a:active {color:#fff; text-decoration:none}

div#navigation  ul.lista_pagine_menu {
	margin:0; 
	padding:0em 7px 0.4em 7px;
	list-style-type: none;
	font-size:0.9em; 
	}
	
	
div#navigation ul.lista_pagine_menu li{
	margin:0;
	padding:0em 0px 1px 8px;
	color:#2D3C6D;
	width: auto;
	margin:0;
	background-image:url(../image/ico_linav.gif);
	background-repeat:no-repeat;
	background-position:center left
}	


div#navigation ul.lista_pagine_menu li a:link {color:#000; text-decoration:none}
div#navigation ul.lista_pagine_menu li a:visited {color:#000; text-decoration:none}
div#navigation ul.lista_pagine_menu li a:hover {color:#000; text-decoration:underline}
div#navigation ul.lista_pagine_menu li a:active {color:#000; text-decoration:underline}



div#navigation h3 {
background-color:#bcdbec;
color:#2d3c6d;
margin:5px 0px 5px 0px;
padding:6px 0px 6px 13px;
font-size:0.9em
}

div#navigation ul.list_pag_sx{
	padding:0em 7px 0.4em 7px;
	margin:2em 0em 2em ;
	list-style-type: none;
	font-size:0.9em; 
	font-weight:bold;
	text-transform:uppercase
	}
	
div#navigation .list_pag_sx li{
	margin:0;
	padding:0em 0px 1em 0px;
	color:#000;
	display:block;
	width: auto;
	background-repeat:no-repeat;
}	

div#navigation .list_pag_sx li a:link {color:#000; text-decoration:none}
div#navigation .list_pag_sx li a:visited {color:#000; text-decoration:none}
div#navigation .list_pag_sx li a:hover {color:#000; text-decoration:none}
div#navigation .list_pag_sx li a:active {color:#000; text-decoration:none}



div#extra{
	display:none;
	position: absolute; 
	top:135px; 
	right:0; 
	width:200px;
	padding:0px;
}	

div#extra .contentextra {
	font-size:0.9em;
	padding:5px 10px 7px 0px;
}
.select_localita {width:163px}
.sponsor {border-bottom:1px solid #992607; padding:0.5em 0em 0.5em 0em}

div#extra .contentextra h3{
	color:#992607;
	margin:5px 0px 5px 0px; 
	padding:0.4em 7px 0.4em 0px;
	list-style-type: none;
	font-weight:bold;
	border-bottom:1px solid #992607;
	display:block;
	width: auto;
	text-transform:uppercase; 
	font-size:1em; 
	clear:both
}

div#extra ul{color:#992607; margin:0px; padding:0px 0px 0px 15px; font-weight:bold}
div#extra li{
	margin:0;
	padding:0px 0px 1em 0px;
	font-size:0.9em
}

div#extra li a:link {color:#000; text-decoration:none}
div#extra li a:visited {color:#000; text-decoration:none}
div#extra li  a:hover {color:#992607; text-decoration:underline}
div#extra li  a:active {color:#992607; text-decoration:underline}

.periodo {font-weight:bold}
.img_ev img{width:100px; height:75px}

ul.li_ev {margin:1em 0em; padding:0px;}

ul.li_ev li{
list-style-type:none;
background-image:url(../image/ico_subpages_active.gif);
background-repeat:no-repeat;
background-position:left top;
padding:0px 0px 2.5em 20px;
margin:0px
}

.ev_desc {font-size:95%}

div#content{
	margin: 0px 0px 0 0px; 
	padding:1em 0em 1em 0em;
}


/*NEWS HOME PAGE-----------*/
#home_cx h2{
margin:0.5em 5px 1em 0px;
color:#D37A1A;
font-size:2em;
padding:0em 0px 5px 0px;
border-bottom:3px solid #ccc
}

#home_cx .notizia {font-size:1em;}

#home_cx .immaginenews {float:left; margin-right:1em; border:1px solid #992607; width:100px; height:85px;}
#home_cx ol {list-style-type:none; margin:0px; padding:0px;}
#home_cx li {padding:0em 0.5em 0em 0.5em; margin:0px;}

#home_cx a:link {color:#992607; text-decoration:none}
#home_cx a:visited {color:#992607; text-decoration:none}
#home_cx a:hover {color:#000; text-decoration:underline}
#home_cx a:active {color:#000; text-decoration:underline}




.hrclear{
 height: 1px;
 border-spacing: 0;
 border-collapse: collapse;
 border: none;
 color: #fff;
 height: 1px;
 background-color:#fff; 
 clear:both
}

div#contentint{
	margin: 0px 0px 0px 180px; 
	padding:1em 0px 1em 1em;
	/*noIEmac\*/
	min-height: 850px;
	height: auto !important;
	/*end */
	height:850px;
	}
	
#percorso {display:none;font-size:90%; border-bottom:1px solid #992607; padding:5px 1px 4px 1px; text-transform:lowercase}


#percorso a:link{color:#992607;text-decoration:underline;}
#percorso a:visited{color:#992607;text-decoration:underline;}
#percorso a:hover {color:#005D00;text-decoration:underline;}
#percorso a:active {color:#005D00;text-decoration:underline;}

.evidence_home {text-align:center; background-color:#FFFFE0; padding:1em;border:1px solid #D37A48; margin:0px 0px 1.5em 0px}

.titolo {color:#D37A1A; font-size:1.7em; padding:5px;margin:10px 0px 0px 0px;}
.subtitle {color:#992607;margin:10px 0px 10px 0px; padding:5px;font-size:1.2em;}
.in {font-size:90%}
#descrizione {
	padding:1em; 
	font-size:1em; 
	line-height:1.5em; 	
	color:#000;
	clear:both
	}
	
#descrizione ol li {padding:0px 0px 1.5em 0px; margin:0px;}

#txt {}
#txt a:link {color:#992607}
#txt a:visited {color:#992607}
#txt a:hover{color:#000;}
#txt a:active{color:#000; }

#txt h2 {
	color:#00AD4D;
	font-size:1.3em;
	background-color:#fff;
	padding:0em 0px 3px 0px;
	margin:20px 0px 0px 0px;
	text-transform:uppercase
	}


#txt h3 {
	color:#992607;
	font-size:1.1em;
	background-color:#fff;
	padding:0em 0px 0px 0px;
	margin:20px 0px 0px 0px;
	border-bottom:2px solid #eee
}

#txt h5 {
color:#01587B;
font-size:1.3em;
margin:1em 0em 0em 0em;
padding:0px;
}


#txt h4 {
color:#992607;
font-size:1.4em;
}

#txt h4.title_gallery {
clear:both;
padding:0em 0px 0.3em 0px;
margin:15px 0px 5px 0px;
font-family:georgia; 
border-bottom:5px solid #CCCCCC;
}

.media_sezione img {width:100%}

#aggiornamento {display:none;clear:both;text-align:right; padding:3px 0; border-top:1px solid #ccc;font-size:95%; margin-top:2em}


ul.lista_pagine {margin: 0px 0px 2em 0px; padding:0; list-style-type: none; }
.lista_pagine li{
	font-size:1em;
	padding:0px 0px 1em 20px;
	margin:0px;
	color:#000000;
	font-weight:bold;
	background-image: url(../image/ico_subpages.gif);
	background-repeat:no-repeat;
	background-position:0px 3px
	}
.lista_pagine li.liActive{
	background-image: url(../image/ico_subpages_active.gif);
	background-repeat:no-repeat;
	background-position:0px 3px
	}	
	

ul.lista_pagine li.liActive a:link,ul.lista_pagine li.liActive a:visited , ul.lista_pagine li.liActive a:hover, ul.lista_pagine li.liActive a:active{
text-transform:uppercase;

	}
	
.img_subpages {
vertical-align:middle;
margin-left:-20px;
border:1px solid #2D3C6D;
width:100px;
height:75px;
}

#sottopagine {
width:45%;
padding:2em 2em 0 2em; margin:0px 0px 0px 0px; float:left;}

#sottopagineluoghi {
float:right;
border:1px solid #992607;
padding:0.5em;
margin:2em 1em 2em 0em;
width:40%;
}

#sottopagineluoghi .info {border-bottom:1px solid #000; padding-bottom:0.2em }
#sottopagineluoghi .luogo_inlist {
background-color:#992607;
color:#fff;
padding:0em 0.3em 0em 0.3em;
margin:2px 0px 2px 0px;
font-weight:bold;
}

#sottopagineluoghi .lista_pagine li{font-weight:normal}



div#footer{
color: #000; 
font-size:11px; 
text-align:center;
padding:0.7em;
background-color:none;
border-top:1px solid #ccc
}

.w3c {margin-top:1.5em; display:none;}


div#footer a:link{color:#fff; text-decoration:none;}
div#footer a:visited{color:#fff; text-decoration:none;}
div#footer a:hover {color:#fff; text-decoration:underline;}
div#footer a:active {color:#fff; text-decoration:underline;}

#footer ul  {display:none;font-weight:bold;margin:0px; padding:0px; display:inline; list-style-type:none; }
#footer li {margin:0px; padding:0px; display:inline; list-style-type:none; }

/*GALLERY-------------------------------------------*/

.gallery_lista {clear:both; margin-bottom:1em}

.tdgallery {float:left;margin:5px;}

.tdgallery img{}


/*ALLEGATI---------------------------*/

#boxAllegatieLink {
	float:right;
	margin-left:1em;
}

#boxlink {clear:both}
#boxlink ol{list-style-type:none}
#boxlink li{padding:0px 0px 0.9em 20px; background-image:url(../image/ico_subpages_active.gif); background-repeat:no-repeat}
#boxlink img{border:1px solid #ccc}

#allegati {
  border: 1px dotted #01587B;
  width: 100%;
  margin:0px;
}

.titoloboxapp {
  background-color:#eee;
	border-bottom: 1px solid #F88F1F;
  color:#2D3C6D;
  font-size:0.9em;
  margin: 1px;
  padding: 1px 8px 1px 25px;
  font-weight: bold;
	background-image:url(../image/ico_down.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
}

.contenutobox {
  padding: 8px;
	line-height:25px;
	font-size:90%
}

.contenutobox img {vertical-align:middle}


/*LINK---------------------------*/

#link {
  border: 1px solid #B71D05;
  width: 99%;
  margin: 5px;
}

.titololinkboxapp {
  background-color:#B71D05;
  color:#FFFFFF;
  font-size:0.85em;
  margin: 1px;
  padding: 1px 8px;
  font-weight: bold;
}

.contenutoboxlink {
  padding: 8px;
	line-height:25px;
}

/* ====== RICERCA GOOGLE-LIKE */
.evidenziato {
  background-color:#FCF5A8;}

.evidenziatoint {
  background-color:#FCF5A8;}

/*----------------RICERCA-------------*/
fieldset{
	border:1px solid #992607;
	text-align:left;
	padding:12px 10px 30px 10px;
	margin:1.5em 0em 1em 0em;
	}
	
legend {
	padding: 0.1em 0.3em;
	margin-bottom:1em;
	color:#fff;
	text-align:left;
	background-color:#992607;
	font-weight:bold;
	border-bottom:2px solid #F88F1F;
	}
	
.lab{
	float:left;
	width:20%;
 	margin-right:0.2em;
 	padding-top:0.2em;
 	font-weight:bold;
	color:#000;
}

fieldset.captcha {text-align:center}
.imgcaptcha {margin:3px 0px 3px 0px}
.evidence {
background-color:#FCF5A8;
font-weight:bold;
text-align:left;
padding:2px
}
.bottonecerca {border:1px solid #F88F1F; font-weight:bold; text-transform:lowercase;	background-color:#992607; color:#fff; }
.fieldava {	
width: 15%;
	border: 1px solid #000;
	vertical-align:top;
	color:#000;
}
fieldset p  {margin:1em 0px 1em 0px}

.fld{
	width: 60%;
	border: 1px solid #000;
	vertical-align:top;
	color:#000;}

.fldg{
	width: 60%;
	border: 1px solid #000;
	vertical-align:top;
	color:#000;
}

/*Hotel e Strutture ricettive*/

.contenitore {
padding:1em;
background-color:#F9F9F9;
border:1px solid #ccc;
margin-bottom:1em;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.struttura_dx {float:right; background-color:#F0D4BC}

.struttura_dx h3 {
color:#992607;
margin:0px;
padding:2px;
font-size:1.1em;
border-bottom:2px solid #fff;
}

.struttura_dx #map {
width:350px;
height:300px;
border:1px solid #CCCCCC;
margin-bottom:5px;
}

img.fum_img {width:100px; height:75px;}

.struttura_sx img {border:1px solid #992607}
.contenitore .label {
color:#333333;
background-image:url(../image/li_fr.gif);
background-repeat:no-repeat;
padding-left:15px;
background-position:center left;
margin:0.5em 0px 0.5em 0px	
}


.functions {
display:none
}

.functions ul {list-style-type:none; margin:0px; padding:0px;}

.functions li {
	display: inline;
	margin: 0 4px;
	font-size: 10px;
	vertical-align: middle;
	padding:0px;
}


