/* @override 
	http://turismoqr.it/tarquinia/css/stili.css
	http://localhost/siena/css/stili.css */
#headcomune
{
	display: block;
	background: #FFFFFF;
	margin: 1px auto auto;
	padding-top: 0px;
	padding-bottom: 0px;
}

ul
{
	margin: 0;
	padding: 0;
}

#logocomune
{
	width: 90%;
	max-width: 560px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top: 0;
	padding-top: 12px;
}

#occhiello
{
	width: 100%;
	height: 5px;
	background-color: #8B753C;
}

#occhiello2
{
	width: 100%;
	height: 6px;
	background-color: #8B753C;
}

#content
{
	width: 100%;
	max-width: 1280px;
	min-width: 320px;
	background-color: #6F6D6E;
	margin: 0 auto auto;
}

.collapsible, .page_collapsible
{
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 0;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	height: 103px;
	position: relative;
	margin-top: -37px;
}

.barrettaLIS
{
	width: 49%;
	border-bottom: 50px solid #C1161C;
	border-left: 15px solid #C1161C;
	border-right: 50px solid transparent;
	padding-right: 20px;
	color: #E5E6E5;
	font: 1.2em "Cinzel", serif;
	line-height: 2.7;
	vertical-align: middle;
	height: 0;
	text-transform: uppercase;
}

.barrettaVirtual
{
	width: 49%;
	border-bottom: 50px solid #BF6400;
	border-left: 15px solid #BF6400;
	border-right: 50px solid transparent;
	padding-right: 20px;
	color: #E5E6E5;
	font: 1.2em "Cinzel", serif;
	line-height: 2.7;
	vertical-align: middle;
	height: 0;
	text-transform: uppercase;
}

#cmappa
{
	width: 85%;
	float: left;
	height: 10px;
}

#stanga
{
	height: 400px;
	background-color: #ECECE6;
}

#stanga img
{
	max-width: 122px;
}

div.container
{
	padding: 0;
	margin: 0;
	text-align: center;
}

h3
{
	color: #FFFFFF;
	text-align: left;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	margin-right: 0;
	padding-left: 20px;
	font: 2.3em / 1.5em "Cinzel", serif;
	padding-top: 21px;
	font-weight: 100;
}

.doppia h3
{
	padding-top: 12px;
	line-height: 40px;
	font-size: 2.3em;
}

h2
{
	color: #C8BA9E;
	font-variant: small-caps;
	text-transform: capitalize;
	font-size: 1.6em;
	line-height: 0.8em;
}

h6
{
	color: #E6E6E6;
	text-align: left;
	font: 2.1em /;
	margin-bottom: 2%;
	margin-top: 1%;
	padding-left: 3%;
}

p
{
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	font: 1.3em /;
	color: #3F3F3F;
	text-align: justify;
}

.bandella
{
	background-color: #CACAAC;
	font-variant: small-caps;
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 3%;
	line-height: 1.25em;
	font-size: 1.45em;
}

.bandella .punto
{
	top: 10px;
}

#primo
{
	background-color: #866638;
	background-image: url(../images/7_cultura.png);
	background-position: 100% 0px;
}

#secondo
{
	background-color: #302D25;
	background-image: url(../images/6_gusto.png);
	background-position: 100% 0px;
}

#terzo
{
	background-color: #84613B;
	background-image: url(../images/5_tradizioni.png);
	background-position: 100% 0px;
}

#quarto
{
	background-color: #8A763A;
	background-image: url(../images/4_eventi.png);
	background-position: 100% 0px;
}

#quinto
{
	background-color: #464D23;
	background-image: url(../images/3_dormire.png);
	background-position: 100% 0px;
}

#sesto
{
	background-color: #24333A;
	background-image: url(../images/2_virtual.png);
	background-position: 100% 0px;
}

#informazioni
{
	background-color: #620614;
	background-image: url(../images/1_info.png);
	background-position: 100% 0px;
}

#infos
{
	background-color: #51483A;
	background-image: url(../images/testate-Bobbio4.png);
	background-position: 100% 0px;
}

#crediti
{
	text-align: center;
	background-color: #FFFFFF;
}

#comunedi
{
	margin-top: 20px;
	margin-bottom: 20px;
}

#credito
{
	position: relative;
	width: 100%;
	background-color: #484033;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	background-image: none;
	height: 150px;
	vertical-align: baseline;
}

#scheda
{
	background-color: #ECECE6;
	text-align: center;
}

.punto
{
	width: 50px;
	background-color: #8B753C;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 70px;
	height: 50px;
	text-align: center;
	left: 20px;
	color: #FFFFFF;
	line-height: 50px;
	border-style: solid;
	border-color: #F8F7F7;
	left: -4%;
	position: relative;
	vertical-align: middle;
	float: right;
	margin-bottom: 3%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2em;
	font-weight: bold;
}

.icona
{
	background-repeat: no-repeat;
	position: relative;
	float: left;
	top: -4px;
	width: 40px;
	right: 5px;
}

.inlinea
{
	margin-top: 26px !important;
}

.tmenu
{
	float: left;
	width: 80% !important;
	/*margin-top: 14px;
	margin-bottom: 35px;*/
}

.tmenu2
{
	float: left;
	width: 60% !important;
	line-height: 28px;
}

.fraz
{
	margin-top: 65px;
	margin-bottom: 30px;
}

#scheda div.bandella div.punto
{
	margin-bottom: -37px;
	z-index: 999;
	margin-top: 0;
}

p strong
{
	font-variant: small-caps;
	text-transform: capitalize;
	color: #C8BA9E;
}

.barretta
{
	width: 49%;
	min-width: 270px;
	border-bottom: 50px solid #69301E;
	border-left: 15px solid #69301E;
	border-right: 50px solid transparent;
	padding-right: 20px;
	color: #E5E6E5;
	font: 1em "Cinzel", serif;
	line-height: 3.3;
	vertical-align: middle;
	height: 0;
	text-transform: uppercase;
}

.bxslider li
{
	padding: 0;
}

li
{
	text-align: left;
	padding-left: 3%;
	padding-top: 3%;
	border-top: 1px solid #CABA9F;
	border-bottom: 2px solid #CABA9F;
	vertical-align: middle;
	text-decoration: none;
	overflow: hidden;
	list-style: none;
	/*	background-color: #484033;*/
}

#ultimoli
{
	margin-bottom: 40px;
	border-bottom-color: red;
	border-bottom-width: 10px;
}

#info.servizi li
{
	border: 0px none;
	padding-top: 0;
	position: relative;
}

.info li
{
	font-style: normal;
	color: #3C3C3C;
	font-size: 1.2em;
	/*border-bottom: 1px solid #blue;
	border-top: 1px solid #blue;*/
	line-height: 1.2em;
	padding-top: 8px;
	padding-bottom: 8px;
}

ol a
{
	color: #D2CECA !important;
	font: small-caps 1.6em / 30px "Cinzel", serif;
	text-decoration: none;
	font-weight: 100;
}

ol
{
	list-style-position: inside;
	list-style-type: none;
	position: relative;
	display: block;
	width: 100%;
	margin-top: 0;
	padding-left: 0;
}

body
{
	background-color: #484033;
	font-family: "Titillium Web";
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 0;
}

/*#listube
{
	height: 580px !important;
}*/
#info.servizi
{
	background-color: #F7F7F7;
	color: #919191;
	padding-top: 1px;
}

.mangiare
{
	color: #AF7045;
}

.dormire
{
	color: #936037;
}

.mangiare, .dormire
{
	font-weight: bold;
}

.servizi
{
	color: #FFF;
}

.servizi a
{
	color: #366977;
}

.virtualimg
{
	width: 100%;
}

.stagioni
{
	background-color: #CABA9F;
	height: 64px;
	color: white;
	padding-bottom: 15px;
	margin-top: -42px;
}

div.stagioni h2
{
	color: #FFFFFF;
}

.nutili
{
	background-color: #E09462;
	height: 64px;
	color: white;
	padding-bottom: 0;
	margin-top: -42px;
}

div.mese
{
	color: #FFFFFF;
	width: 100%;
	background-color: #E4DBCC;
	font-size: 24px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: left !important;
	overflow: hidden;
	text-indent: 3%;
	clear: both;
}

#info p
{
	margin-top: -8px;
	padding-bottom: 28px;
	color: #919191;
}

p.ultimomese
{
	margin-top: -8px !important;
	padding-bottom: 11px !important;
}

.internonutili
{
	margin-top: 12px !important;
	margin-bottom: -56px !important;
}

.internonutili a
{
	color: #CABA9F;
}

h5
{
	font-weight: normal;
	font-size: 25px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.valign
{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

@media all and (min-width: 1001px) and (max-width: 3000px)
{
	.videoguida
	{
		height: 768px;
	}
}

@media all and (min-width: 581px) and (max-width: 1000px)
{
	.videoguida
	{
		height: 436px;
	}
}

@media all and (max-width: 580px) and (min-width: 471px)
{
	.collapsible, .page_collapsible
	{
		background-position: 230px !important;
	}
	
	.videoguida
	{
		height: 354px;
	}
}

@media all and (max-width: 470px) and (min-width: 395px)
{
	.collapsible, .page_collapsible
	{
		background-position: 230px !important;
	}
	
	#listube
	{
		  height: 310px;
	}
}

@media all and (min-width: 414px) and (max-width: 514px)
{
}

@media all and (max-width: 394px) and (min-width: 0px)
{
	.collapsible, .page_collapsible
	{
		position: relative;
		margin-top: -24px;
	}
	
	ol a
	{
		color: #E6E6E6;
		font: small-caps 1.4em / 40px "Cinzel", serif;
		text-decoration: none;
	}
	
	#occhiello
	{
		height: 15px;
	}
	
	.tmenu
	{
		line-height: 20px;
		width: 55%;
		margin-top: 20px;
	}
	
	.punto
	{
		margin-top: 3px;
	}
	
	.fondino
	{
		width: 62%;
		height: 40px;
		position: relative;
		left: 0px;
		top: 64px;
		border-top-right-radius: 25px;
	}
	
	h3
	{
		padding-top: 0px !important;
		font-size: 1.5em;
		margin-bottom: 0;
	}
	
	#colore1
	{
		background-color: #866638;
	}
	
	#colore2
	{
		background-color: #464D23;
	}
	
	#colore3
	{
		background-color: #302D25;
	}
	
	#colore4
	{
		background-color: #620614;
	}
	
	#colore5
	{
		background-color: #464D23;
	}
	
	#colore6
	{
		background-color: #243339;
	}
	
	#colore7
	{
		background-color: #928574;
	}
	
	.ultimo
	{
		margin-bottom: 40px;
	}
	/*.videoguida{
	    	height:240px;
	    }*/
}

@media all and (min-width: 370px) and (max-width: 510px)
{
	ol a
	{
		font: small-caps 1.4em / 30px "Cinzel", serif !important;
		font-weight: 100;
	}
}