/*Foglio di stile CSS 
sito PORCEDDA RAPPRESENTANZA srl
Autore:Fabrizio Acciaro*/ 

/*intestazione del sito*/
.header{
	font-family: "Calibri Light", Calibri;
	position:relative;
	width: 60.000em;
	margin: 0 auto;
	background:#ffffff;
}
/*corpo del sito*/
body {
	min-width: 600px;
	min-height: 600px;
	background-color:#333;

}*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
a>b>u{color:#375630;}
/*pannello aziende nella pagina clienti*/
 #divazienda
 {
	position:relative;
	outline:none;
	text-decoration: none;
	background-color:#fff;
	position:relative;
	background-color:#fff;
	height:124px;
 
 }
.form-5 {
    /* Size and position */
    width: 230px;
    margin: 30px 150px 20px;
    position: relative;

    /* Styles */
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1), 0 3px 2px rgba(0,0,0,0.1);
}

 #divazienda:hover
 {
	background-color:#658a5c;
 	
 }

/*serve per le immaigni aziendali nella lista*/ 
#imgzienda
{

	position:relative;
	float:left;

} 
/*logo delle aziende nella pagina clienti*/
#imgzienda>img
{ 	
	margin: 15px;
}
/*testo nella pagina clienti*/
#testoazienda p
{
	color:#000;	
}


#testoazienda
{ 	position:relative; 
 	text-align:justify;
	margin-left:180px;
	margin-right:20px;
	height:124px;
}
 
/*-----------------------------fine----------------------------------*/



#gdotext{
	float: right;
	position:relative;
	background-color:#fff;
	margin: 0px 0px 20px 0px;
	overflow:auto;
	width: 45em;
	height:654px;
}

 #sezrap{
	float: right;
	position:relative;
	background-color:#030;
	background-color:#fff;
	margin: 0px 18px 0px 20px;
	overflow:auto;
	width: 44em;
	height:280px;
	top:0px;
}
 #sez p{
	float: right;
	position:relative;
	background-color:#030;
	background-color:#fff;
	margin: 0px 18px 0px 20px;
	overflow:auto;
	width: 44em;
	height:40px;
	
}

 
/*-------------------------------------------------------------------------------------*/
/*div in alto sopra la foto per spot all'azienda*/
#spot{
	width:100%;
	position:absolute;
	top:0px;
	background-color: #030;
	color: white;
	opacity: .4;
	filter: alpha(opacity=40);
	z-index: 5;
	font-size: 1.313em;
	font-weight: bold;
	font-family: "Calibri Light", Calibri;
	text-align: center;
 
	}
	 
/*div informazioni aggiornamento*/
.update
{
	position:relative;
 	margin:0 auto;
	background-color:#fff;
 
}

/*logo del sito in alto*/
#logo{
	position:relative;
	z-index:1;
	/*border:1px solid red;*/
 }
 #logo>img{
	/*border:1px solid black; */
	padding-left:20px;

 }
 #azienda{ 
	background-color:#000000;
}

/*pannello pagina gdo e trade*/
#gdotext ul{
	padding-left:20px;
}
/*pannello con info servizi ("titoli")*/
#service{ 
	position:relative;
	float: right;
	width: 44em;
	height:5em; 
	background-color:#ffffff;
	margin: 0px 18px 10px 0px;
	text-align: center;
	color: #375630;
	font-family: "Calibri Light", Calibri;
	font-weight: bold;
	z-index:1;
}
#servicecoll{ 
	position:relative;
	float: right;
	width: 44em;
	height:5em; 
	top:20px;
	background-color:#ffffff;
	margin: 0px 18px 10px 0px;
	text-align: center;
	color: #375630;
	font-family: "Calibri Light", Calibri;
	font-weight: bold;
	z-index:1;
}

/*pulsante agenzia rappresentanza*/
#agrap{
	color: #FFF;
	text-align: center; /* orizzontale */
	font-size:20;
	font-family: "Calibri Light", Calibri;
}
#servset{
	color: #FFF;
	text-align: center; /* orizzontale */
	font-size:20;
	font-family: "Calibri Light", Calibri;
}
.serveset>ul>li>ul>li{margin-left:40px;}
/*index.html pannello contatti*/
#contacts{ 
	float: right;
	width: 44em;
	height:5em; 
	background-color:#ffffff;
	margin: 0px 18px 5px 0px;
	text-align: center;
	   
	color: #375630;
	font-family: "Calibri Light", Calibri;
	font-weight: bold;
}   
/*pannello contenente acc,person e nome collaboratori*/




 /*contenitore della parte principale del sito*/
.container {	
	position:relative;
	text-align: justify;
	font-family: "Calibri Light", Calibri;
	
	
	width: 60.000em;
	height:70.523em;
	background-color: #FFF;
	margin: 0 auto;
	top:0px;
	bottom:0em;
	max-width:50,5%
 /* Il valore automatico layout centrato. */
	 
}

	 
#navigator ul {
	text-align: left;
	margin: 13;
	padding:0;
	width: 170px;
	list-style: none;
 }
 
#navigator ul li {
	font: bold 14px calibri;
	color: #fff;
	background: #375630;
	position:relative;
	padding: 15px 20px;
	cursor: hand;
	width: 170px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s; 
	transition: all 0.2s;
	background-color: #375630;
}
#navigator ul li:hover {

	background: #658a5c;
	color: #fff;
	width: 180px
   
}
  a {
	outline:none;
	text-decoration: none;
 

}
 
 /*div contenente il menù*/
#navigator {
	position:relative;
	background-color:##ffffff;
	height:49.585em;
	width: 190px;
	float: left;
	padding: 1em 0 0 10px
 
    } 
#bookmark1{position:absolute;left:190px; padding: 24px 2.4px; background-color:#87CC81;z-index:3; }
#bookmark2{position:absolute;left:190px; padding: 24px 2.4px; background-color:#87CC81;z-index:3; }
#bookmark3{position:absolute;left:190px; padding: 24px 2.4px; background-color:#87CC81;z-index:3; }
#bookmark4{position:absolute;left:190px; padding: 24px 2.4px; background-color:#87CC81;z-index:3; }
#bookmark5{position:absolute;left:190px; padding: 24px 2.4px; background-color:#87CC81;z-index:3;}
#bookmark6{position:absolute;left:190px; padding: 24px 2.4px; background-color:#87CC81;z-index:3; }
#bookmark7{position:absolute;left:190px; padding: 24px 2.4px; background-color:#87CC81;z-index:3; }
/*#bookmark8{position:absolute;left:190px; padding: 24px 2.4px; background-color:#87CC81;z-index:3; }*/

#text{ 
position:relative;
	float: right;
	width: 44em;
	background-color:#ffffff;
 
	right:18px;
	 
}
#servicerap{ 
	position:relative;
	float: right;
	width: 44em;
	height:5em; 
	background-color:#ffffff;
	margin: 0px 18px 5px 0px;
	text-align: center;
	color: #375630;
	font-family: "Calibri Light", Calibri;
	font-weight: bold;
	z-index:1;
}
#text>ul{padding-left: 2.5em; }

/*barra verticale verde che suddivide il menù navigatore dal div contentsite*/
#barV{
	position:relative;
	background-color: #375630;
	float: left;
	top:0;
	height:49.585em;
	border:none;
	width:0.300em;
	padding: 1em 0 0 1px
}
/*barra orizzontale verde che suddivide i div*/
#barH{
	 position:relative;
	background-color: #375630;
	top:30px;
	height:2px;
	z-index:2;
 }
 /*DIV esterno che contiene gli elementi del sito*/
.contentsite{
	 position:absolute;
	 background-color:#fff; /* usa questo per vedere i div */
	 float: left;
	 top:340;
	 left:210px;
	 height:49.585em;
	 border:none;
 	 width:77%;
	 padding: 1em 0 0 70px;
	 
}
/*informazioni aziendali pié pagina */
#textfoot{
	line-height:18px;
	font-size: 0.875em;
	color: #FFF;
 
}
/*informazioni copyright pié pagina */
#Copyright{
	font-size: 0.675em;
	color: #FFF;
 
}
/*grafica fine sito pié pagina*/	
 #footer {
	position:relative;
  	width: 60.000em;
 	margin: 0 auto;
	height:5.000em;
	background-color: #375630;
	/* Fornisce hasLayout a IE6 per ottenere un clearing corretto.  */
	clear: both; /* Questa proprietà clear obbliga il .container a tenere conto di dove terminano le colonne e a contenerle. */
}