/*------------------------------------------
Title:			IL SALMASTRO
Author:			Andrea Baroni
URL:			http://www.andrea.baroni.name
Created:		18 March 2008
Modified:		-
------------------------------------------*/

@import url(styles_page_sections.css);


/******* GLOBALI ***************************/

html {
	background:#877763;
}

body {
	height:100%;
	margin:0;
	padding:0;
	position:relative;
	color: #EEE;
	font-size:1.0em;
	line-height:1.3em;
	font-family:Arial, Verdana, sans-serif;
	text-align:left;
	background:#877763 url(../images/bk_body.jpg) left top repeat-x;
	border:0;
	text-align:left;
	/*overflow-x:hidden;*/
}

img{/*max-width:100%;*/}

strong,b{ color:#FFF; }

a {	color:#a1bee2; text-decoration:underline; }

a:hover { color:#FFFFFF; text-decoration:underline; }

p {	padding:0; margin:0 0 10px 0; text-align:justify; font-size:100%; z-index:100;}

p img {	float:left; margin: 5px 10px 5px 0; border:2px solid #FFF; }

.popup p { margin-right:20px; }


div.hr {
	width:392px; height:84px; margin:0 auto 15px; text-align:center; padding:0; border:0px;
}
div.hr hr {
  display: none;
}

hr{ width:100%; height:1px; background:#333; margin:25px auto 30px; border:0px;  }

img{ border:0; }

ul, ol, dl {
	position: relative;
}
			  
ul{ margin:15px 0 15px 50px; padding:0; list-style:square; }

ul li{ margin: 0 0 5px 0; padding:0px; }

iframe { border:0px; }

.pagination{ float:right; text-align:right; font-size:85%; border-bottom:1px solid #333; margin:0 0 10px 0;}


/*----------- TITLES ------*/
h1{ margin:0 0 20px -2px; padding:0; font-size:280%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }

h2 { height:30px; margin:0 0 0 -2px; margin-bottom:10px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:160%; text-transform:uppercase; }

h3 { font-size:130%; margin:5px 0 10px 0; text-transform:uppercase; font-weight:normal; }

h3.notizia{ margin:0 0 10px 0;}

h4.notebox{ padding:12px 10px 10px 20px; border:1px solid #FFF; background:#ccdff7; width:60%; color:#333; font-weight:normal; }

/*--------- FORMS ----------*/

form{
	margin: 50px 0 25px 20px;
}

label { display:block; width:70px; height:26px; padding:4px 0 0 0; font-size:95%; clear:both; float:left; }

input, input.checkbox{ width:330px; height:26px; background:#f8f7eb; border:1px solid #686761; margin:0 0 20px 0; font-size:120%; color:#555; text-align:left;}

input.checkbox, form.iscrizione input.checkbox { width:20px; height:20px; margin:5px 50px 20px 5px; border:0; background:#000;}

select{ width:320px; height:30px; margin:5px 0 20px 0; font-size:80%; padding:3px 0 0 0; color:#555;}

textarea { background:#f8f7eb; width:400px; border:1px solid #686761; font-size:105%; clear:both; font-family:Arial, Helvetica, sans-serif; color:#555;}

input.button { height:30px; font-size:90%; margin:20px 0 0 105px; width:180px; border:1px solid #5c6e84; color:#FFF; background:#87a1c2; cursor:pointer; text-align:center;}

input.button:hover { background:#ccdff7; color:#333; border:1px solid #e5edf7;}

form.iscrizione{ border-left:1px solid #333; padding-left:15px; margin-left:0px; }
form.iscrizione label{width:190px; padding-top:5px; font-size:90%; }
form.iscrizione input{ width:280px;}


/*--------- TABELLE ----------*/

table{
	border:2px solid #70604e;
	font-size:90%;
	margin-top:10px;
	margin-bottom:20px;
}


table th{
	background:#70604e;
	color:#FFFFFF;
	border-bottom:2px solid #383027;
	border-right:1px solid #383027;
}

table td{
	border:1px solid #aaa49b;
}



table.linksTable{
	border:0px;
	width:98%;
	margin:0;
	padding:0;
	position:relative;
}


table.linksTable td{
	border:0;
	vertical-align:top;
	width:50%;
}


table.contacts{
	border:0px;
	width:600px;
	margin:0 auto 0;
}


table.contacts td{
	border:0;
	vertical-align:top;
}



/*---------  NEWS ----------*/


ul.latestnews{
	margin:0;
	padding:0;
	margin:0;
	list-style:none;
	min-height:150px;
	height:auto !important;
	height:150px;
	font-size:86%;
	line-height:1.1em;	
}


ul.latestnews li{
	padding:8px 5px 15px 4px;
	margin:10px 0 13px 0;
	position:relative;
	min-height:45px;
	list-style:none;
	background:url(../images/bk_latestnews_li.gif) bottom left no-repeat;
}

ul.latestnews li.odd{
	
}
ul.latestnews li a{ text-decoration:none; }
ul.latestnews li a:hover{ text-decoration:none; }

.newsdate{
	position:absolute;
	left:0px;
	top:9px;
	width:40px;
	height:42px;
	padding:1px 0 3px 5px;
	margin:0;
	color:#777;
	background:url(../images/bk_date.gif) left top no-repeat;
}

.newsdate .month{
	text-transform:uppercase;
	font-size:90%;
	color:#FFF;
	display:block;
	clear:both;
	width:27px;
	text-align:center;
}

.newsdate .day{
	width:29px;
	margin:5px 0 0 0;
	text-align:center;
	font-size:120%;
	display:block;
	font-weight:bold;
}

.fotoNews{
	float:left;
	border:3px solid #FFF;
	margin:5px 15px 8px 0;
}

.fotoNewsSmall{
	float:left;
	border:1px solid #FFF;
	margin:2px 10px 5px 0;
	position:relative;
}

.fotoNewsSmall img{
	max-width:80px;
	max-height:100px;
}





/*--------- LISTE ----------*/

ul.titles {
	margin-left:50px;
}


ul.titles li{
	text-transform:uppercase;
	margin-bottom:10px;
	font-weight:bold;
	font-size:115%;
	font-family:Arial, Helvetica, sans-serif;
}

ul.titles li a{ text-decoration:none;}


ul.newsList, ul.concorsiList{
	margin:30px 0 0 0;
	padding:0;
	list-style:none;
	width:86%;
}


ul.newsList li,  ul.concorsiList li{
	margin:0 0 60px 0;
	padding:15px 0 0 0;
	border-top:1px solid #333;
}

ul.newsList li p,  ul.concorsiList li p{
}

ul.newsList li ul,  ul.concorsiList li ul{
	margin:5px 0 0 30px;
}

ul.newsList li ul li,  ul.concorsiList ul li{
	margin:0;
}

ul.newsList li .titoloNews,  ul.concorsiList li .titoloConcorso{
	font-size:110%;
	font-weight:bold;
}


ul.newsList li .testoNews,  ul.concorsiList li .testoConcorso{
	margin:8px 0 0 0px;
	padding-left:79px;
}


ul.concorsiList li hr { margin:5px auto 20px; }



ul.linksList{
	position:relative;
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
}

ul.linksList li{
	height:25px;
	padding:0 0 3px 25px;
	margin:10px 0 10px 0;
	font-size:110%;
	background:url(../images/bk_news_li.gif) left top no-repeat;
}

ul.linksList li p{
	margin:0;
}



ul.thumbs
{
	width:97%;
	margin:15px 0 0 15px;
	padding:0;
	list-style:none;
}

ul.thumbs li
{
	margin:0 0 5px 15px;
	padding:0;
	min-height:150px;
	height:auto !important;
	height:150px;
	float:left;
	min-width:120px;
	width:auto !important;
	width:120px;
	text-align:center;
	font-size:90%;
}

ul.thumbs li img
{
	margin:0 auto 5px;
	border:3px solid #FFF;
}

ul.thumbs li a
{
	display:block;
	margin:0;
	padding:0;
	color:#777777;
}


ul.thumbs li a:hover{
	text-decoration:none;
	color:#111111;
}



ul.notiziarioList
{
	width:97%;
	margin:25px 0 0 15px;
	padding:0;
	list-style:none;
}

ul.notiziarioList li
{
	margin:0 5px 15px 15px;
	padding:0;
	min-height:170px;
	height:auto !important;
	height:170px;
	width:190px;
	float:left;
	text-align:center;
	font-size:90%;
}

ul.notiziarioList li img
{
	border:0px;
}

ul.notiziarioList li a
{
	display:block;
	margin:0;
	padding:0;
	color:#777777;
	text-decoration:none;
}


ul.notiziarioList li a:hover{
	text-decoration:none;
	color:#FFFFFF;
}



ul.galleries
{
	width:96%;
	margin:30px 0 0 15px;
	padding:0;
	list-style:none;
}

	
ul.galleries li
{
	margin:0 0 5px 5px;
	padding:11px 0 0 0;
	min-height:200px;
	height:auto !important;
	height:200px;
	float:left;
	min-width:170px;
	width:auto !important;
	width:170px;
	position:relative;
	text-align:left;
	line-height:0.9em;
	background:url(../images/icon_gallery.gif) left top no-repeat;
	font-size:80%;
}

ul.galleries li .icon
{
	width:100px;
	height:100px;
	margin:0 0 30px 8px;
	display:block;
	overflow:hidden;
}

ul.galleries li a
{
	display:block;
	margin:0;
	padding:0;
	width:140px;
	color:#CCC;
	text-decoration:none;
}


ul.galleries li a:hover{
	text-decoration:none;
	color:#FFFFFF;
}


ul.widelist li{
	margin-bottom:20px;
}




/*----------PAGNAV-------------*/


.pageNav {
	text-align:center;
	position:relative;
	margin:0 0 30px 0;
	padding:0;
	font-size:90%;
}


.pageNav ul {	
	width:200px;
	height:19px;
	margin:3px auto 0;
	padding:0;
	padding-left:8px;
	list-style:none;
	border-bottom:1px solid #2e2b27;
	border-top:1px solid #2e2b27;
}

.pageNav ul li{
	margin:0 2px 0 0;
	padding:2px 6px 0 0;
	float:left;
	height:16px;
	width:15px;
	font-size:13px;
	color:#656565;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/bk_pagnav_li.gif) right no-repeat;
}

.pageNav ul li.last { background:none; }

.pageNav ul li a {
	padding:2px 4px 2px 4px;
}

.pageNav ul li a:hover {
	font-weight:bold;
	text-decoration:none;
	background:#877763;
}



/*-------- CLASSI ---------*/
/*-------------------------*/

.clear_all	{
	clear:both;
}


.textsmall { font-size:80%; font-style:italic; }

.textcoverband { font-size:80%; color:#FFF; }

.textred { color:#990000; }

.textcyan { color:#6699cc; font-weight:bold;}

.textbrown { color:#996633;}

.date{
	border:1px solid #555;
	float:left;
	text-align:center;
	margin:-2px 10px 10px 0;
	padding:0 5px 0 5px;
	position:relative;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:85%;
	background:#2e2b27;
}


.gallerynew, .gallerynewdate{
	font-weight:normal;
	color:#000;
	text-align:center;
	z-index:1;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:70%;
	padding:3px 5px 5px 5px;
	margin:0;
	line-height:1.0em;
	position:absolute;
	border:1px solid #333333;
}

.gallerynew {
	min-width:76px;
	width:auto !important;
	width:76px;
	height:8px;
	background:#FF6600;
	top:7px;
	left:5px;
}

 .gallerynewdate {
 	min-width:50px;
	width:auto !important;
	width:50px;
	height:8px;
	top:100px;
	right:58px;
	background:#FFF;
}


.scadenza{
	position:relative;
	font-size:80%;
	height:40px;
	margin:0;
	padding:0;
	text-align:left;
}


.scadenzaBox{
	text-align:center;
	position:relative;
	margin:0 0 0 5px;
	padding:1px 5px 0 5px;
	border:1px solid #555;
	text-align:center;
	background:#2e2b27;
	font-size:105%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}


.codiceFiscale {
	font-size:70%;
	text-align:right;
	position:absolute;
	bottom:10px;
	right:88px;
	margin:0;
	padding:0 0 0 5px;
	color:#AAA;
	border-left:1px solid #555;
}


.fotoChiSiamo {
	width:98%;
}

.fotoChiSiamo table {
 	border:0;
	margin:0 auto 0;
}


.fotoChiSiamo table td {
 	border:0;
	vertical-align:top;
	text-align:center;
}

.fotoChiSiamo tr td img{
  width:100% !important;
  width:auto;
  max-width:267px;
  border:3px solid #FFF;
}



.galleryText {
	margin:10px 0 0 0;
	padding:10px 20px 10px 20px;
	min-height:150px;
	height:auto !important;
	height:150px;
	font-size:90%;
	position:relative;
	background:url(../images/bk_galleryText.jpg) left top repeat-x; 
}

.galleryText h2, .galleryText p { z-index:1; position:relative; }

.galleryText #CornerL {
	width:25px;
	height:25px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/bk_galleryTextCL.gif) left top no-repeat;
	z-index:0;
}

.galleryText #CornerR {
	width:25px;
	height:25px;
	position:absolute;
	top:0px;
	right:0px;
	background:url(../images/bk_galleryTextCR.gif) left top no-repeat;
	z-index:0;
}


.breadcrumbs {
	margin:0;
	padding:0;
	width:500px;
	height:15px;
	font-size:80%;
	position:absolute;
	top:62px;
	right:100px;
	text-align:right;
}
.breadcrumbs a{text-decoration:none;}

.pageId {
	width:200px;
	height:50px;
	margin:0;
	padding:10px 0 0 0;
	color:#8d8573;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:220%;
	position:absolute;
	text-align:center;
	top:180px;
	left:200px;
	background:url(../images/bk_pageId.gif) left top no-repeat;
}



.statuto {
	top:30px;
	left:10px;
	width:233px;
	height:60px;
}



.statuto a {  display:block; height:60px; width:233px;}