/*

Struttura layout

Testata
	Logo
	Menu alto
	
Corpo
	Colonna
		Menu
		Box banner
	Contenuto
	apertura contenuto
		inserimento contenuto in pagina diretto in html
	
Chiusura
	Chiusura contenuto
	Chiusura corpo
	firma
	
*/


/*----- Per visualizzare img nello sfondo attivare i commenti in body e il margin in fondo -----*/

 body {
	margin:0;
	padding:0;
	font-family:sans-serif;
	font-size: 0.8em;
	
	/*da commentare in caso di img nel bg*/
	background-color:#000;
	padding:10px 0; 
	
	/*da attivare per img nel bg
	background-color:#000;
	background-image:url(images/img-interne/fondo.jpg); background-repeat: no-repeat; background-position: top center; */
  }
  

/*----- Fondo racchiude tutto il layout -----*/
 
 #fondo {
    background-color:#fff;
	position:relative;
	width: 960px;
	height: 100%; /*con ihherit va*/
	padding:10px;
	
	/*da commentare in caso di img nel bg*/
	margin:0 auto;
	
	/*da attivare per img nel bg
	margin: 120px auto 0;*/
  }
 
	
/*----- stile generale -----*/
 
a {
    text-decoration: none;
    color: #d24162;
  }

a:hover {
    color: #000;
  }

a img {
    border:0;
  }
  

p strong {
	color:#d24162;
  }
  
/*li {
    font-size: 1,2em;
	color:#000;
	list-style-type: square;
	line-height:1.7;
  }*/

 
  
/*----- H1 per titoli articolo -----*/

h1 {
    font-size: 1.5em;
	color:#fff;
	margin:0 0 5px 0;
	padding:5px;
	background-color:#000;	
  }
  
h2 {
    font-size: 1.3em;
	color:#fff;
	padding:5px;
	margin:0;
	background-color:#d24162;
  }
  
h3 {
    font-size: 1.2em;
	color:#d24162;
  }

h4 {
    font-size: 1.2em;
	color:#d24162;
	line-height:1;
  }

  
/*----- stile dei form -----*/

#form{
	width:775px;
}

#form fieldset{
	border: none;
	position:relative;
}

#form ol{
	list-style:none;
	margin-left:-10px;
	text-align:left;
}

#form li{
	list-style:none;
	clear:both;
	margin-left:70px;
	padding:1em;
	margin-bottom:.5em;
}

#form abbr{
	border:none;
	color:#F00;
	cursor:help;
}

#form p.controls{
	padding:1.5em;
	text-align:center;
}

#form label{
	float:left;
	margin-right:90px;
	width:150px;
	text-align:left;
}

#form li.error{
	background-color:#efefef;
	border:1px dashed #d24162;
	margin-left:-30px;
}

#form label.error{
	color:#d24162;
	float:right;
	font-size:100%;
	font-weight:bold;
	width:220px;
	margin-right:5px;
}
/*
div.error{
	border:2px solid #F00;
	color:#660D1E;
	font-size:105%;
	margin:3em auto;
	padding:1em 4em;
	width:74%;
}
*/
.bottone, bottone:active{
	color:#fff;
	background-color:#000;
	border:1px #000 solid;
	padding:5px;
	width:100%;
	height:70px;
	font-weight:bold;
}

.bottone:hover{
	background-color:#d24162;
	border:1px #d24162 solid;
}


/*----- testata del tpl -----*/
  
#testata {
	height:80px;
	clear: both;
	margin-bottom:10px;
  }
  
/*----- corpo del tpl -----*/
  
#corpo {
	clear: both;
  }
  
  
/*----- chiusura del tpl -----*/
  
#chiusura {
	clear: both;
	margin-bottom:5px;
  }
  

/*----- titolo -----*/

#logo {
	float:left;
	}
	
 
/*----- menu alto -----*/

#menu-alto{
	float:right;
	}

#menu-alto ul, #menu-alto li {
	list-style:none; 
	margin:0; 
	display: block;
	line-height:30px;
}
  
div#menu-alto ul li {
	float: right; 
	margin:0;
	padding:0; 
	border-left:1px solid #fff;
	width:90px;
	background-color:#000;
  }

div#menu-alto a {
	display: block; 
    text-decoration:none; 
	text-align: center;
	color: #fff;
  }

div#menu-alto a:hover {
	display:block;
	color: #fff;
	background-color:#d24162;
	margin:auto;
  } 
 

/*----- menu principale -----*/

#menu{
	margin-bottom:5px;
}

#menu ul, #menu li{
	padding:0;
	margin:0;
}

#menu li{
	list-style: none;
	position: relative;
	width:122px;
	height: 30px;
	padding:0 20px;
	margin:0;
	background-color: #000;
	line-height: 30px;
	cursor:pointer;
	border-bottom: 1px solid #fff;
	text-align:right;
}

#menu li a{
	display: block;
	text-decoration:none;
	color: #fff;
}

#menu li:hover{
	background-color:#d24162;
}

#menu ul ul{
	position: absolute;
	top:0;
	left:163px;
	visibility:hidden;
}

#menu ul li:hover ul{
	visibility:visible;
	z-index:2;
}

/*----- colonna per banner -----*/
  
#colonna {
    float: left;
    width: 160px;
  }
  

/*----- galleria -----*/

#galleria {
	height:430px;
	margin-bottom:10px;
	}

#myGallery {
	float:right;
	margin-right:45px;
	padding-bottom:5px;
	border:9px solid black;
	z-index:1;
}
pre {
	background: #eee;
	padding: 1em;
	overflow: auto;
	margin: 1em;
	max-height: 250px;
}

	 
/*----- contenitore del contenuto -----*/
  
#contenuto {
    float:right;
	width:790px;
  }

#contenuto a {
    text-decoration: underline;
    color: #d24162;
	outline:none;
  }

#contenuto a:hover {
    text-decoration: none;
    color: #d24162;
  }


/*----- contenitore generico / i banner larg 150px -----*/								
  
.box {
    border: 1px solid #ccc;
	float:left;
	padding:5px;
	margin:3px;
  }

.box-focus {
	float:left;
	margin-left:10px;
	width:360px;
}

.box-colore {
	background-color:#d24162;
	color:#fff;
	padding:20px;
	margin:10px;
	text-align:center;
}


/*----- contenitore generico mezza pagina -----*/			
  
.box-mini {
    border: 1px solid #ccc;
	width:380px;
	height:590px;	
	float:left;
	padding:4px;
	margin:2px;
	text-align: center;
  }
  
.box-mini p{
	text-align: left;
  }

.box-mini li {
	text-align: left;
	list-style-position:inside;
	margin-left:-20px;
  }


/*----- Dati aziendali -----*/
 
#firma {
    clear: both;
    text-align: left;
	font-size: 10px; 
	margin-top:5px;
	padding:5px;
    height: 55px;
    color: #ccc;
	background-color:#000;
  }
  
#firma a {
    color: #fff;
  }

#firma a:hover{
    color: #c00;
  }