/*  

Theme Name: Tonneaux
Description: Sogno Tricolore (Frecce Tricolori) Theme by Pregel.
Version: 1.0
Author: Cristian Zaretta
Author URI: http://www.ptcommunication.it

*/

@import url("reset.css");

html { 				
	font-family:		"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color:				#999;
	font-size:			12px;
}

body {
	margin:				15px 0 0 0;
	background:			#fff url(../images/bg.jpg) repeat-x 0 0;
}

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

a:hover {
	text-decoration:	underline;
}

.left {
	float:				left;
}

.right {
	float:				right;
}

.justify {
	text-align:			justify;
}

.form {
	font-family:		"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size:			11px;
	height:				18px;
}

/* Container */

#box-container {
	width:				978px;
	position:			relative;
	margin:				0 auto 0;
	border:				1px solid #f1dd18;
	background-color:	#FFFFFF;
}

/* Header */ 

#header {
	width:				978px;
	height:				334px;
	position:			relative;
	margin:				0;
	background:			#fff url(../images/header-frecce-tricolori.jpg) no-repeat 0 0;
}

#header.page {
	width:				978px;
	height:				183px;
	position:			relative;
	margin:				0;
	background:			#fff url(../images/header-page.jpg) no-repeat 0 0;
	border-bottom:		1px solid #f1dd18;
}

/* Menu */

#box-menu {
	width:				980px;
	height:				34px;
	margin:				0 auto 6px;
	position:			relative;
	background-color:	#0d64a6;
}

#italian-flag {
	width:				372px;
	height:				18px;
	float:				left;
	position:			absolute;
	background:			#0d64a6 url(../images/italian-flag.jpg) no-repeat 0 0;
	margin:				8px 0 0 0;
}

#menu ul {
	width:				608px;
	height:				34px;
	position:			absolute;
	margin:				0 0 0 372px;
	background-color:	#666666;
	font-size:			13px;
}

#menu li {
	width:				152px;
	height:				34px;
	background:			#0d64a6 url(../images/plane.png) no-repeat 5px 5px;
	float:				left;
	overflow:			hidden;
}

#menu li a{
	width:				152px;
	height:				34px;
	float:				left;
	line-height:		34px;
	text-indent:        45px;
	color:				#fff;
	text-decoration:	none;
	overflow:			hidden;
}

#menu li a:hover{
	width:				152px;
	height:				34px;
	background:			#2b2789 url(../images/plane.png) no-repeat 5px 5px;
	float:				left;
	color:				#fff;
	text-decoration:	none;
}

/* Page */

#box-page {
	width:				652px;
	height:				100%;
	position:			relative;
	float:				left;
	margin:				0 0 0 0;
}

#box-content-page {
	width:				628px;
	height:				100%;
	position:			relative;
	float:				left;
	margin:				12px 0 0 0;
	padding-bottom:     30px;
}

#box-content-page h1 {
	width:				628px;
	text-indent:        20px;
	padding:            12px 0 12px 0;
	font-style:			normal;
	font-family:		"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size:			14px;
	line-height:		14px;
	color:				#fff;
}

/* Eventi */

#box-content-page h1.primo-piano {
	background-color:	#ffa800;
}

#box-content-page h1.view-gallery {
	background:			#ffd686 url(../images/white-arrow.png) no-repeat 170px 15px;
	width:				329px;
	position:			absolute;
	bottom:				0;
	text-indent:        75px;
}	

#box-content-page h1.view-gallery a{
	color:				#fff;
}

#box-content-page h1.view-gallery .img{
	width:				48px;
	height:				51px;
	background:			transparent url(../images/bg-view-gallery.png) no-repeat 0 0;
	position:			absolute;
	top:			    -15px;
	left:				20px;
}

#box-content-page h1.news {
	background-color:	#0d64a6;
	margin:				40px 0 0 0;
}

#box-content-page h1.prossimi-eventi {
	background-color:	#cdcdcd;
	margin:				40px 0 0 0;
}

#box-ultimo-evento {
	width:				628px;
	height:				100%;
	position:			relative;
	border-bottom:		1px dotted #ddd;
}

#box-ultimo-evento #descrizione {
	width:				329px;
	height:				100%;
	float:				left;
	position:			relative;
	margin:				16px 0 0 0;
	border-right:		1px dotted #ddd;
	padding-bottom:     65px;
}

#box-ultimo-evento #gallery {
	width:				298px;
	height:				145px;
	float:				left;
	position:			relative;
	margin:				16px 0 0 0;
}
#box-ultimo-evento #gallery #img {
	width:				295px;
	height:				127px;
	position:			relative;
	border:				1px solid #49c71f;
	margin:				19px 0 0 0;
}

#box-ultimo-evento #descrizione p {
	width:				263px;
	float:				left;
	position:			relative;
	line-height:		30px;
	font-size:			14px;
	color:				#0d64a6;
	margin:				20px 0 4px 20px;
	padding:            0 0 0 0;
	text-indent:        17px;
	background: 		transparent url(../images/blue-point.png) no-repeat 0 11px;
}

#box-ultimo-evento #descrizione p.description {
	width:				263px;
	float:				left;
	position:			relative;
	line-height:		18px;
	font-size:			12px;
	color:				#909090;
	margin:				5px 0 4px 20px;
	padding:            0 0 0 0;
	background:			none;
	text-indent:        0;
}

#box-prossimi-eventi p {
	width:				600px;
	height:				25px;
	float:				left;
	position:			relative;
	line-height:		25px;
	font-size:			13px;
	color:				#909090;
	margin:				4px 0 4px 18px;
	padding:            0 0 0 0;
	text-indent:        17px;
	background: 		transparent url(../images/grey-point.png) no-repeat 0 8px;
}

#box-prossimi-eventi .descr {
	width:				600px;
	position:			relative;
	font-size:			12px;
	margin:				20px 0 4px 18px;
	text-align:			justify;
}

#box-prossimi-eventi strong {
	color:				#0d64a6;
	font-weight:		normal;
}

#box-prossimi-eventi p.grey {
	background-color:	#eee;
} 

#box-news h2 {
	width:				600px;
	height:				25px;
	float:				left;
	position:			relative;
	line-height:		25px;
	font-size:			13px;
	color:				#0d64a6;
	margin:				4px 0 4px 18px;
	padding:            0 0 0 0;
	text-indent:        17px;
}

#box-news .descr {
	width:				600px;
	position:			relative;
	font-size:			12px;
	margin:				20px 0 4px 18px;
	text-align:			justify;
	color:				#333;
}

#box-news .descr p {
	position:			relative;
	float:				none;
} 

#box-news strong {
	color:				#0d64a6;
	font-weight:		normal;
}

#box-news p.grey {
	background-color:	#eee;
} 

/* Gelaterie */

#box-content-page h1.gelaterie {
	background-color:	#ffa800;
}

#box-content-page #box-gelaterie {
	width:				335px;
	height:				100%;
	position:			relative;
	float:				left;
	padding-bottom:     30px;
}

#box-content-page #box-gelaterie h2{
	font-size:			13px;
	color:				#8dda58;
	margin:				20px 0 30px 20px;
}

#box-content-page #box-gelaterie p{
	width:				310px;
	margin:				10px 0 0 20px;
	position:			relative;
	color:				#0d64a6;
}

#box-content-page #box-map {
	width:				293px;
	height:				500px;
	position:			relative;
	float:				left;
}

/* Gadget */

#box-content-page h1.gelato {
	background-color:	#ffa800;
}

#box-content-page h1.gadget {
	background-color:	#ffcd74;
	margin-top:			30px;
}

#box-content-page #box-gelato {
	width:				628px;
	height:				250px;
	position:			relative;
	margin:				0;
	background:			transparent url(../images/bg-gelato.jpg) no-repeat right top;
	border-bottom:		1px dotted #ddd;
}

#box-content-page #box-gelato h2{
	font-size:			13px;
	color:				#8dda58;
	margin:				20px 0 30px 20px;
	width:				315px;
}

#box-content-page #box-gelato p{
	width:				315px;
	margin:				10px 0 20px 20px;
	color:				#0d64a6;
}

#box-content-page #box-gelato p strong{
	color:				#00619f;
}

#box-content-page #box-gadget #box-content-gadget {
	width:				605px;
	height:				506px;
	position:			relative;
	background:			#fff url(../images/bg-gadget.jpg) no-repeat 0 0;
}

/* Sidebar */

#box-sidebar {
	width:				324px;
	height:				100%;
	position:			relative;
	float:				left;
	margin:				0 0 0 0;
}

#box-banner.gallery-sidebar p {
	width:				263px;
	height:				32px;
	float:				left;
	position:			relative;
	font-size:			12px;
	color:				#0d64a6;
	margin:				4px 0 4px 18px;
	padding:            0 0 0 0;
	border-bottom:		1px solid #dedede;
	text-indent:        17px;
	background: 		transparent url(../images/grey-point.png) no-repeat 0 4px;
}

#box-banner.gallery-sidebar p a{
	color:				#909090;
}


#box-banner.gallery-sidebar .thumb-gallery {
	position:			relative;
	float:				left;
	width:				22px;
	height:				22px;
	background:			transparent url(../images/thumb-gallery.png) no-repeat 0 0;
	margin:				5px 0 0 0;
}


/* Banner */ 

#box-banner {
	width:				325px;
	position:			relative;
	float:				left;
	margin:				0;
}

#box-banner.box-centrale {
	width:				325px;
	margin:				0 ;
}

#box-divisor {
	width:				1px;
	height:				261px;
	background:			#fff url(../images/box-divisor.jpg) no-repeat 0 0;
	position:			relative;
	float:				left;
	margin:				0;
}

#box-banner h1 {
	width:				325px;
	text-indent:        62px;
	padding:            19px 0 16px 0;
	font-style:			normal;
	font-family:		"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size:			14px;
	line-height:		14px;
	color:				#fff;	
}

#box-banner h1.sogno {
	background:			transparent url(../images/bg-h1-sogno.jpg) no-repeat 0 0; 
}

#box-banner h1.gallery {
	background:			transparent url(../images/bg-h1-gallery.jpg) no-repeat 0 0; 
	color:				#1a2e84;
}

#box-banner h1.gadget {
	background:			transparent url(../images/bg-h1-gadget.jpg) no-repeat 0 0; 
}

#box-banner h1 a{
	text-decoration:	none;
	color:				#fff;
}

#box-banner h1 a:hover{
	text-decoration:	none;
}

#box-banner h1.gallery a{
	text-decoration:	none;
	color:				#1a2e84;
}

/* Banner Sogno Tricolore */

#box-banner.sogno p {
	font-size:			12px;
	text-align:			justify;
	line-height:		15px;
	color:				#5c5c5c;
	margin:				0 20px 0 20px;
	padding:            0;
}

#box-banner.news p a {
	text-decoration:	none;
	color:				#5c5c5c;
}

#box-banner.news p a:hover {
	color:				#334293;
	text-decoration:	none;
}

/* Banner Gallery */

#box-banner.gallery p {
	font-size:			14px;
	text-align:			center;
	line-height:		18px;
	color:				#334293;
	margin:				0 15px 0 18px;
	padding:            0 0 0 0;
}

#box-banner.gallery #img {
	width:				295px;
	height:				127px;
	position:			relative;
	border:				1px solid #49c71f;
	margin:				15px 0 15px 14px;
}

#box-banner.gallery .img {
	padding:            20px 10px 0 15px;
}

#box-banner.gallery strong {
	color:				#feb103;
}

#box-banner.gallery p a {
	text-decoration:	none;
	color:				#334293;
}

#box-banner.gallery p a:hover {
	text-decoration:	underline;
}

/* Banner Gadget */

#box-banner.gadget p {
	font-size:			12px;
	text-align:			justify;
	line-height:		15px;
	color:				#5c5c5c;
	margin:				0 20px 0 20px;
	padding:            0;
}

#box-banner.gadget p.titolo {
	color:				#feb103;
	background:			transparent url(../images/orange-point.png) no-repeat 0 18px;
	text-indent:        20px;
	margin-bottom:		16px;
	padding-top:        16px;
}

#box-banner.gadget p.titolo a {
	text-decoration:	none;
	color:				#feb103;
}

#box-banner.gadget p.titolo a:hover {
	text-decoration:	underline;
}

#box-banner.gadget p.text {
	padding-bottom:     16px;
}

/* Link al logo */

#logo-header-big {
	width:				150px;
	height:				60px;
	position:			absolute;
	z-index:			2;
	margin:				0 0 0 0;
}

#logo-header-big a {
	width:				150px;
	height:				60px;
	position:			absolute;
	color:				#ff0000;
	text-indent:        -900em;
	margin:				260px 0 0 20px;
}

#logo-header-small {
	width:				100px;
	height:				36px;
	position:			absolute;
	z-index:			2;
	margin:				0 0 0 0;
}

#logo-header-small a {
	width:				100px;
	height:				36px;
	position:			absolute;
	color:				#ff0000;
	text-indent:        -900em;
	margin:				10px 0 0 14px;
}

/* Social */

#social {
	width:				980px;
	height:				50px;
	position:			relative;
	margin:				8px auto 0px;
	background-color:	#FFFFCC;
}	

#social p {
	font-size:			13px;
	line-height:		40px; 
	color:				#1a2e84;
	float:				left;
	margin-left:		10px;
	font-weight:		bold;      
}

#social img {
	float:				left;
	margin-right:		8px;
}


/* Footer */

#footer {
	width:				948px;
	height:				12px;
	position:			relative;
	margin:				14px auto 0;
	padding:            16px;
	background-color:	#1a2e84;
}	

#footer p {
	font-size:			10px;
	line-height:		12px; 
	color:				#fff;           
}

#footer a {
	color:				#fff;
	text-decoration:	none;
}

#footer a:hover {
	color:				#fff;
	text-decoration:	none;
}

/* Slide Show */

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* Code */

#code {
	width:				980px;
	margin:				5px auto 0;
	border:				1px dashed #003366;
}

#code p{
	font-family:		"Courier New", Courier, monospace;
	font-size:			13px;
	padding:            5px;
	color:				#666;
}