/*------------------------------------------
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: #FFF;
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	background:#877763 url(../images/bk_body.jpg) left top repeat-x;
	border:0;
	text-align:left;
	/*overflow-x:hidden;*/
}


a {	color:#3399ff; text-decoration:none; }

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

p {	padding:0; margin:0 0 10px 10px; 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:95%; height:1px; background:#AAA; 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; }



/*----------- TITLES ------*/
h1{ height:50px; margin:0; margin-bottom:20px; padding:0; font-size:250%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;  z-index:100; }
h1.ultimeNews { height:40px; width:300px; text-indent:-900%; background:url(../images/h1_ultimeNews.gif) left top no-repeat; z-index:100; position:relative;  }
h1.inEvidenza { height:40px; width:300px; text-indent:-900%; background:url(../images/h1_inEvidenza.gif) left top no-repeat; z-index:100; position:relative;  }
h1.news{  height:50px; text-indent:-900%; background:url(../images/h1_news.gif) right top no-repeat; z-index:100; position:relative;}
h1.concorsi{  height:50px; text-indent:-900%; background:url(../images/h1_concorsi.gif) right top no-repeat; z-index:100; position:relative;}
h1.corsi{  height:50px; text-indent:-900%; background:url(../images/h1_corsi.gif) right top no-repeat; z-index:100; position:relative;}
h1.mostre{  height:50px; text-indent:-900%; background:url(../images/h1_mostre.gif) right top no-repeat; z-index:100; position:relative;}
h1.realizzazioni{  height:50px; text-indent:-900%; background:url(../images/h1_realizzazioni.gif) right top no-repeat; z-index:100; position:relative;}
h1.gallerie{  height:50px; text-indent:-900%; background:url(../images/h1_gallerie.gif) right top no-repeat; z-index:100; position:relative;}
h1.chisiamo{  height:50px; text-indent:-900%; background:url(../images/h1_chisiamo.gif) right top no-repeat; z-index:100; position:relative;}
h1.vantaggi{  height:70px; text-indent:-900%; background:url(../images/h1_vantaggi.gif) right top no-repeat; z-index:100; position:relative;}
h1.biblioteca{  height:50px; text-indent:-900%; background:url(../images/h1_biblioteca.gif) right top no-repeat; z-index:100; position:relative;}
h1.links{  height:50px; text-indent:-900%; background:url(../images/h1_links.gif) right top no-repeat; z-index:100; position:relative;}
h1.contatti{  height:50px; text-indent:-900%; background:url(../images/h1_contatti.gif) right top no-repeat; z-index:100; position:relative;}
h1.notiziario{  height:50px; text-indent:-900%; background:url(../images/h1_notiziario.gif) right top no-repeat; z-index:100; position:relative;}
h1.bilancio{  height:50px; text-indent:-900%; background:url(../images/h1_bilancio.gif) right top no-repeat; z-index:100; position:relative;}


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


h3 { font-family:Arial, Helvetica, sans-serif; font-size:125%; margin:5px 0 10px 0; text-transform:uppercase; font-weight:normal; }




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

form {
	width:600px;
	margin: 30px 0 25px 25px;
	padding-left:15px;
}

label { display:block; width:250px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:110%; clear:both; }

input, input.checkbox { width:220px; background:#f8f7eb; border:1px solid #686761; margin:0; left:0px; clear:both; }

input.checkbox { width:15px; height:15px; margin-right:5px; border:0; background:#000;}

textarea { background:#f8f7eb; border:1px solid #686761; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; }

input.button { height:30px; font-weight:bold; font-size:14px; margin-top:10px; width:180px; border:2px solid #555; background:#b4b585; cursor:pointer;}

input.button:hover { background:#dbdac8;}



/*--------- 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;
}



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


ul.lastnews, ul.evidenza {
	margin:0;
	padding:0;
	margin-bottom:25px;
	list-style:none;
	min-height:150px;
	height:auto !important;
	height:150px;
}


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


ul.evidenza {
	list-style:square;
	min-height:150px;
}

ul.evidenza li {
	background:none;
	margin:10px 0 10px 20px;
	font-size:110%;
	padding:3px 0 3px 3px;
}


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.newsList, ul.concorsiList{
	margin:0;
	padding:0;
	margin-left:10px;
	list-style:none;
}


ul.newsList li,  ul.concorsiList li{
	margin-bottom:40px;
}

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

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 18px;
	font-size:90%;
}


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;
}


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



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

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

ul.galleries li .icon
{
	position:absolute;
	top:11px;
	left:8px;
	width:100px;
	height:100px;
	overflow:hidden;
}


ul.galleries li .icon img
{

}


ul.galleries li a
{
	display:block;
	margin:0;
	padding:0;
	width:150px;
	color:#BBBBBB;
}


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







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


.pageNav {
	width:98%;
	text-align:center;
	position:relative;
	margin:0 0 20px 0;
	padding:0;
	font-size:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.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: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{
	height:18px;
	width:70px;
	border:1px solid #555;
	float:left;
	text-align:center;
	margin:0 10px 0 0;
	padding:0;
	position:relative;
	font-size:12px;
	background:#2e2b27;
}


.gallerynew {
	min-width:76px;
	width:auto !important;
	width:76px;
	height:8px;
	padding:0 5px 5px 5px;
	margin:0;
	background:#FF6600;
	border:1px solid #333333;
	position:absolute;
	top:7px;
	left:5px;
	font-size:9px;
	font-weight:normal;
	color:#000;
	text-align:center;
	z-index:200;
}

 .gallerynewdate {
 	min-width:50px;
	width:auto !important;
	width:50px;
	height:8px;
	padding:0 5px 5px 5px;
	margin:0;
	background:#CCCCCC;
	border:1px solid #333333;
	position:absolute;
	top:100px;
	right:58px;
	font-size:9px;
	font-weight:normal;
	color:#000;
	text-align:center;
	z-index:200;
}


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


.scadenzaBox{
	height:18px;
	width:70px;
	border:1px solid #555;
	text-align:center;
	position:relative;
	float:right;
	margin:0;
	padding:0;
	font-size:12px;
	color:#000000;
	background:#b4b585;
}


.codiceFiscale {
	font-size:80%;
	width:99%;
	text-align:right;
	margin:20px 0 -25px 0;
	padding:0;
	color:#999999;
}

.menuTestuale {
	position:absolute;
	bottom:10px;
	left:55px;
	font-size:80%;
	width:80%;
	text-align:left;
	margin:0;
	padding:0;
	color:#999999;
}

.menuTestuale a { color:#999999; }

.menuTestuale a:hover { color:#FFFFFF; }


.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;
}


.photoBig {
	margin:0 auto 0;
	text-align:center;
}

.photoBig img { width:auto; max-width:650px; border:4px solid #FFF; margin:0 0 5px 0; }

.photoBig .caption { text-align:center; font-size:90%; padding:0; margin:0; }


.galleryText {
	margin:10px 0 0 10px;
	padding:10px 20px 10px 10px;
	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:100; 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;
}


.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;}