/* GBR CSS, Copyright 2010 Studio Cappello - WMR srl. */

/* 1. ------ TIPOGRAFIA ------ */

/* reset */
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
 margin: 0px;
 padding: 0px;
 border: 0px;
}

.clear:after {
	content: ""; display: block; clear: both;
}
	.clear { zoom: 1; } 

.clearer {
 clear: both;
 margin:0;
 height:0px;
 line-height:0px;
}


/* stili sul body */
body {
font-family: Verdana, Helvetica, sans-serif;
color:#223846;
font-size:12px;
background-image:url("images/bordoalto.jpg");
background-repeat:repeat-x;
padding:0px 0px 0px 0px;
}

/*collegamenti ipertestuali*/
a:link{
 color: #333333;
 text-decoration: underline;
}
a:active{
 color: #CC051C;
 text-decoration: underline;
}
a:visited{
 color: #333333;
 text-decoration: underline;
}
a:hover{
 color: #CC051C;
 text-decoration: underline;
}

/*paragrafi e titoli*/

p {

}

h2 {

}


/* ------ HEADER ------ */

#header {
 width: 930px;
 height:146px;
 margin: 0 auto;
 background: url(../img/bg_header.jpg) left top no-repeat;
}

#menu {
 width: 930px;
 padding:40px 0 0 20px;
 float: left;
}
  #menu ul {float:left; list-style:none;}
  #menu li {float:left; padding:0 10px ; margin:0; background:url(images/separatore.gif) right 3px no-repeat;}
  #menu li.last { background:none; }
  #menu li a {font-size:11px; color:#223846; text-decoration:none; text-transform:uppercase; font-weight:bold;}
  #menu li a:hover, #menu li a.active {color: #DB0004; text-decoration:none;}


#acquista {
 padding:69px 17px 0 0;
 float:right;
}



/* ------ STRUTTURA ------ */


#sito {
 width: 930px;
  height:100%;
 margin: 0 auto;
}

#container {
 width: 930px;
  margin: 0 auto;
  float:left;
}

#contenuti {
 float:left;
 margin-top:20px;
background:url(images/bg_contenuti.gif) right top repeat-y;
}




/* ------ LEFT COLUMN ------ */

#col-left {
 width:150px;
 float:left;
}

#col-left #submenu {
 width:150px;
 float:left;
}

  #col-left ul.submenu {float:left; list-style:none; margin:20px 0 0 8px;}
  #col-left ul.submenu li {float:left; padding:0 0 0 8px; margin:0; background:url(images/freccia.gif) 0 8px no-repeat; line-height:20px;  display:block; width:130px;}
  #col-left ul.submenu li a {font-size:11px; color:#223846; text-decoration:none; font-weight:bold;}
  #col-left ul.submenu li a:hover, #col-left ul.submenu li a.active {color: #DB0004; text-decoration:none;}

  
/* ------ MAIN CONTENT ------ */

#main {
 width:513px;
 padding:20px 10px;
 float:left;
}

#main p {
 font-size:11px;
 line-height:18px;
}

/* ------ MAIN CONTENT HOME ------ */

#main-home {
 width:663px;
 padding:20px 10px;
 float:left;
}

#main-home p {
 font-size:11px;
 line-height:18px;
}


/* ------ RIGHT COLUMN ------ */

#col-right {
 width:247px;
 float:left;
}

#col-right p {
 padding:12px 10px;
 line-height:18px;
}






.tabella{
background-repeat:no-repeat;
background-position:top-right;
padding:0px 0px 0px 0px;
font-family: Verdana, Helvetica, sans-serif;
color:#273842;
font-size:10px;
font-weight:bold;
}

.tabellab{
padding:2px 15px 5px 20px;
font-family: Verdana, Helvetica, sans-serif;
color:#223846;
font-size:11px;
line-height:16px;
}

.tabellab ul{
 margin-left:40px;
}

.tabellac{
font-family: Verdana, Helvetica, sans-serif;
color:#8C9EB2;
font-size:11px;
}

.tabellab a:link {
color:#CC0000; 
text-decoration:underline;

}

.tabellab a:active {
color:#CC0000; 
text-decoration:underline;
}

.tabellab a:visited {
color:#CC0000; 
text-decoration:underline;
}

.tabellab a:hover {
color:#333333; 
text-decoration:none;

}



.menu{
font-size:10px;
}

.minitabella{
background-color:#EBF2F8;
font-size:12px;
}

.minitabellaprodotti{
background-image:url('images/prodottisxalto.jpg');
background-position:top;
background-repeat:no-repeat;
background-color:#EBF2F8;
font-size:11px;
font-weight:bold;
line-height:18px;
padding:15px 15px 15px 15px;
}

.minitabellaprodotti a:active{
color:#CC051C;
}

.sottoprodotti{
font-size:10px;
font-weight:bold;
line-height:18px;
padding:8px 15px 15px 15px;
}

#footer_container {
  width: 930px;
  margin: 0 auto;
}

#footer {
 float:left;
 margin-top:30px;
 line-height:14px;
}

#footer a {
font-size:11px;
font-weight:normal;
padding-right:10px;
text-decoration:none;
}

  #footer ul {float:left; list-style:none; margin:20px 0 0 14px;}
  #footer ul li {float:left; padding:0 10px ; margin:0; background:url(images/freccia.gif) 0 8px no-repeat; line-height:20px;  display:block; width:140px;}
  #footer ul li a {font-size:10px; color:#223846; text-decoration:none; font-weight:bold;}
  #footer ul li a:hover, #footer ul li a.active {color: #DB0004; text-decoration:none;}
  
#footer .indirizzo {
 font-size:10px;
 font-weight:normal;
 padding:8px 0 12px 0;
 border-top: 1px solid #D7E3EF;
 border-bottom: 1px solid #D7E3EF;
 margin:10px 0 20px 0;
}

#footer .indirizzo a {
 font-size:10px;
text-decoration:underline;
}

#footer .seo1 {
 font-size:10px;
 color:#777777;
}

#footer .seo2 {
 font-size:10px;
 margin-top:10px;
 margin-bottom:20px;
  color:#777777;
}

#footer .seo2 a {
 font-size:10px;
}

#footer .seo2 p {
 margin-bottom:10px;
}



.minitabellanews{
background-repeat:no-repeat;
background-position:top;
background-color:#EBF2F8;
font-size:12px;
line-height:20px;
height:100%;
}

.minitabellanews p{
padding:15px 10px 5px 10px;
}


.minitabellanewsb{
background-repeat:no-repeat;
background-position:top;
background-color:#EBF2F8;
padding:5px 0px 5px 15px;
font-size:11px;
line-height:20px;
}

.minitabellab{
padding:10px 15px 5px 15px;
font-size:10px;
}


.ricerca{
background-repeat:no-repeat;
background-position:top;
background-color:#EBF2F8;
padding:20px 0px 20px 15px;
font-size:11px;
line-height:20px;
text-align:left;
}

input.newsletter {
 width:220px;
 margin-left:10px;
 margin-bottom:10px;
}

.testo{
padding:10px 5px 5px 20px;
font-size:11px;
}


.testoconbordo{

font-size:11px;
border: thin #ffffff solid;
}

.titolo{
padding-left:40px;
padding-top:3px;
}

.titolob{
color:#CC051C;
font-size:12px;
font-weight:bold;
}

.titolow{
color:#000000;
font-size:12px;
font-weight:bold;
}

.titolow a {
color:#CC051C;
font-size:12px;
font-weight:bold;
}

.titolow a:hover {
color:#CC051C;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

h1 { color:#CC051C;
font-size:12px;
font-weight:bold; }

.titolob a{
color:#CC051C;
}

.titolob a:hover{
text-decoration:underline;
}

.titolob a:active{
text-decoration:underline;
}
.sottotitolo{
padding:2px 15px 5px 20px;
font-family: Verdana, Helvetica, sans-serif;
color:#223846;
font-size:11px;
line-height:16px;
}




.news {
font-size:11px;
line-height:18px;
height:100%;
}

/*

div.news a {
	color: #CC051C;
	text-decoration: none;
}
div.news a:hover {
	 color: #CC051C;
	 text-decoration: underline;
}

.news a { color: #CC051C;
	text-decoration: none;
	
	}*/
	
.prodotti a { 
	font-size:11px;
	line-height:18px;
	color: #CC051C;
	text-decoration: none;
	font-weight:bold;
	
	}
	
.prodotti a:hover {
text-decoration:underline;
}
	

.prova { background-color: #FFFFFF; }
.prova1 { background-color: #def0ff; }
.prova2 { background-color: #EBF2F8; }

.mioform
{
   border: 1px solid #000000; font-size: 11px; background-color: #FFFFFF; width: 200px; margin-bottom: 5px;
}

.mioform1
{
  border: 1px solid #000000; font-size: 11px; background-color: #d2d9ec; width: 200px;  margin-bottom: 5px;
}

.errori
{
    border: 1px solid #ff5912; background-color: #FFFFFF; text-align: left; margin-top: 3px; margin-bottom: 3px; margin-left: auto; margin-right: auto; width: 300px; padding: 3px; font-size: 12px;
}


.erorri li{ margin-left:40px; font-size: 12px; }

.invdiv{ display: none;  margin-top: 0px; padding-top: 0px; clear: both; border: 0px solid #C0C0C0; border-top: 0px solid #000000;}
.invdiv2{ display: block;  margin-top: 0px; padding-top: 0px;clear: both; border: 0px solid #C0C0C0; border-top: 0px solid #000000;}

.invdiv3{ display: block;  margin-top: 0px; padding-top: 0px;clear: both; border: 0px solid #C0C0C0; border-top: 0px solid #000000;}

.errordiv {width: 480px; background-image: url(images/alert.png); background-repeat: no-repeat; height: 50px; margin-left: 15px; margin-top: 15px;}

.formio { background-color: #FFFFFF; border: 1px solid #A5C4DA; font-size: 10px; height: 16px; width: 150px; }

.formio2 { background-color: #ffe0a3; border: 1px solid #A5C4DA; font-size: 10px; height: 16px; width: 150px; }

.mytr { background-color: #FFFFFF;}
.mytr3 { background-color: #FFFFFF;}
.mytr2 { background-color: #EBF2F8; }
.auto_form { font-size: 11px; color:#2581CA;  }
.auto_form td { padding: 4px; }
.auto_form textarea { width: 350px; height: 200px; }

.paginazione a { font-size: 13px; color: #FB1D06;}