/* CSS Document */
body { margin:0; padding:0;
text-align:center;}
body{

/*Eliminiamo i margini e il padding predefiniti dal browser per il tag BODY, 
eliminiamo anche gli horizontal-rule, inutili nel layout che realizzeremo.*/
	background-attachment: scroll;
	background-image:url(../images/recmac-background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
/* ----------------------------------------------------------------------------------------------------------------- */
html{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}
/* l'HR serve per separare le varie righe orizzontali che compongono il mio sito------------------------------------ */
hr { display:none;}
/* ----------------------------------------------------------------------------------------------------------------- */

/* questi stili compongono la struttura base del sito */
#container {
position:relative;
width:849px;
margin:0 auto;
text-align:left;
background-attachment: scroll;
background-image: url(../img/container-grafica-webdesign.jpg);
background-repeat: repeat-y;
background-position: left top;
}

#testa {
width:849px;
margin:0 auto;
text-align:left;
}
#corpo-colonna1 {
	position:absolute;
	top:0;
	left:0;
	width:200px;

}
#corpo {
position:relative;
width:489px;
margin:0 auto;
text-align:left;
background-attachment: scroll;
background-image: url(../images/container-recmac_08.jpg);
background-repeat: repeat-y;
background-position: left top;
padding:0 160px 0 200px;

}
#piedipagina {
width:849px;
margin:0 auto;
text-align:left;
background-attachment: scroll;
background-image: url(../images/piede-recmac_09.jpg);
background-repeat: no-repeat;
background-position: left top;
min-height:115px;
height:120px;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

/* questi stili gestiscono la posizione delle colonne */
div#nav{
margin-left:20px;
margin-top:10px;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
height:300px;
color: #000;
width: 175px;
}

div#menudestra {
	position:absolute;
	top:8px;
	left:692px;
	width:150px;
}

/*Questo è il div dei contenuti*/
div#contenuti {
margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	height: auto !important;  /*per i browser moderni */
    height: 400px;/*       per IE5.x e IE6 */
    min-height: 395px; /*  per i browser moderni */
}
div#contenutiazienda {
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	height: auto !important;
	height: 400px;
	min-height: 395px;
	background-attachment: scroll;
	background-image: url(../images/azienda-recmac/azienda-recmac_09.jpg);
	background-repeat: no-repeat;
	background-position: left 24px;
}
div#contenutiprodotti {
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	height: auto !important;
	height: 410px;
	min-height: 405px;
	background-attachment: scroll;
	background-image: url(../images/prodotti-recmac_09.jpg);
	background-repeat: no-repeat;
	background-position: left 24px;
}
div#contenutiservizi {
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	height: auto !important;
	height: 400px;
	min-height: 395px;
	background-attachment: scroll;
	background-image: url(../images/servizi-recmac_09.jpg);
	background-repeat: no-repeat;
	background-position: left 24px;
}
div#contenutidovesiamo {
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	height: auto !important;
	height: 400px;
	min-height: 395px;
	background-attachment: scroll;
	background-image: url(../images/azienda-recmac/dove-siamo-recmac_09.jpg);
	background-repeat: no-repeat;
	background-position: left 24px;
}
div#contenutiattrezzature {
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	height: auto !important;
	height: 400px;
	min-height: 395px;
	background-attachment: scroll;
	background-image: url(../images/attrezzature-recmac_09.jpg);
	background-repeat: no-repeat;
	background-position: left 24px;
}
div#contenutinews {
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	height: auto !important;
	height: 400px;
	min-height: 395px;
	background-attachment: scroll;
	background-image: url(../images/news-recmac_09.jpg);
	background-repeat: no-repeat;
	background-position: left 24px;
}
div#contenutischede {
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	height: auto !important;
	height: 400px;
	min-height: 395px;
	background-attachment: scroll;
	background-image: url(../images/scheda-recmac_09.jpg);
	background-repeat: no-repeat;
	background-position: left 24px;
}
div#contenuticontatti {
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	height: auto !important;
	height: 400px;
	min-height: 395px;
	background-attachment: scroll;
	background-image: url(../images/contatti_08.jpg);
	background-repeat: no-repeat;
	background-position: left 24px;
}
div#contenutinewsletter {
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	height: auto !important;
	height: 400px;
	min-height: 395px;
	background-attachment: scroll;
	background-image: url(../images/newsletter-recmac_09.jpg);
	background-repeat: no-repeat;
	background-position: left 24px;
}

div#contenutisitemap {
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	height: auto !important;
	height: 400px;
	min-height: 395px;
	background-attachment: scroll;
	background-image: url(../images/sitemap-recmac_09.jpg);
	background-repeat: no-repeat;
	background-position: left 24px;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

/*Questo è il div in cui vengono inserite il banner*/
div#banner{
	width:849px;
	margin-left:0px;
	text-align:left;
	height:167px;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

/*Questo è il div in cui vengono inserite le bandierine*/
div#flag{
	width:849px;
	height:35px;
	background-attachment: scroll;
	background-image: url(../images/flag-recmac/base-flag_04.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
}

div#basemappa{
	width:563px;
	height:26px;
	margin:0 auto;
	background-attachment: scroll;
	background-image: url(../images/flag-recmac/base-flag_04.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
}

div#basesatellite{
	width:680px;
	height:26px;
	margin:0 auto;
	background-attachment: scroll;
	background-image: url(../images/flag-recmac/base-flag_04.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

/*Questi sono i div in cui viene inserito ilmenu a briciole di pane*/
div#menubriciole {
	width:478px;
	text-align:left;
	padding:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC33;
	color:#0000FF;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#topazienda {
	padding:0px;
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	background-attachment: scroll;
	background-image: url(../images/azienda-recmac/azienda-recmac_09.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:365px;
}

div#toprichiestainfo {
	padding:0px;
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	background-attachment: scroll;
	background-image: url(../images/contatti_08.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:365px;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#topdovesiamo {
	padding:0px;
	margin-left: 0px;
	font-weight: normal;
	color: #333333;
	text-align:left;
	background-attachment: scroll;
	background-image: url(../images/azienda-recmac/dove-siamo-recmac_09.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:365px;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#titolopagina {
	width:479px;
	padding: 5px;
	text-align:left;
	height:30px;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#modello {
	width:475px;
	padding: 5px;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#modelloright {
	width:415px;
	padding: 5px 50px 40px 5px;;
	text-align:RIGHT;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#elencomail {
	width:463px;
	padding: 5px 5px 5px 5px;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin:0 0 10px 0;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#descrizioneprodotti {
	width:463px;
	padding: 5px 5px 5px 22px;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin:0 0 10px 0;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#links {
	width:463px;
	padding: 10px;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin:0 0 10px 0;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#descrizionedovesiamo {
	width:463px;
	padding: 5px 5px 5px 22px;
	text-align:left;
	margin:0 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFCC00;

}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#descrizionedovesiamo2 {
	width:463px;
	padding: 5px 5px 5px 22px;
	text-align:left;
	margin:0 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#visualizza {
	width:478px;
	text-align:right;
	padding:5px;
	height:20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFCC00;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */
div#visualizzascheda {
	width:160px;
	text-align:right;
	padding:5px 20px 5px 5px;
	height:20px;
	float:right;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */
div#visualizzascheda2 {
	width:360px;
	text-align:right;
	padding:5px 20px 5px 5px;
	height:20px;
	float:right;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */
div#visualizzascheda3 {
	width:460px;
	text-align:right;
	padding:5px 20px 5px 5px;
	height:20px;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */
div#visualizzaform {
	width:270px;
	text-align:right;
	padding:5px 5px 5px 20px;
	height:20px;
	
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#dovesiamoinfo {
	width:440px;
	text-align:right;
	padding:5px 15px 20px 20px;
	height:30px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #FFCC00;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#dovesiamoinfo2 {
	width:440px;
	text-align:left;
	padding:5px 15px 20px 20px;
	height:30px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #FFCC00;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#fotocondescrizione {
width:479px;
	text-align:left;
	padding:5px;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#linkspiede {
	padding: 10px 0px 5px 470px;
	text-align:left;
	margin:0 0 10px 0;
	height:30px;
	color: #0066CC;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#indirizzo {
	width:519px;
	padding: 5px 10px 20px 280px;
	text-align:left;
	height:20px;
	color: #333333;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div#bordoflash {
	border: 7px solid #999999;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* stili per i link */
a{color: #0033CC;text-decoration:none;}
a:hover{text-decoration: none; color: #FFCC33;}
a.menuprincipale{color: #333333; text-decoration:none;}
a.menuprincipale:hover{text-decoration: underline; color:#009900;}
a.linksbassi{color: #0033CC; text-decoration:none;}
a.linksbassi:hover{text-decoration: underline; color: #00CC00;}
a.sitemap{color: #FFCC00; text-decoration:none;}
a.sitemap:hover{text-decoration: underline; color: #FFf;}
a.linksbassi2{color: #666666; text-decoration:none; font-size:9px; line-height:20px;}
a.linksbassi2:hover{text-decoration: underline; color: #00CC00;}
/*eventualmente dovessi utilizzare delle immagini come link questo stile evita di farmi visualizzare il bordo*/
img {text-decoration: none; border: 0px;}
/* ----------------------------------------------------------------------------------------------------------------------------------- */

/*classi varie*/
p {margin:0px; padding:0px;}
p.testoperfoto{
	margin:0px;
	padding:5px;
	font-weight: bold;
	color: #FFCC00;
	vertical-align: top;
}
p.newsedeventi {
	margin:0px;
	padding:5px;
	font-weight: bold;
	color: #FFCC00;
}
p.testinews {
	margin:0px;
	padding:5px 5px 5px 10px;
	font-weight: normal;
	color: #FFCC00;
}
p.testilinks {
	margin:0px;
	padding:10px;
	font-weight: normal;
	color: #333333;
}
td {text-align: left;
	vertical-align: top;}
td.tdtitolo {text-align: left;
	padding:5px 0 0 5px;
	width:500px;}
td.busta {text-align: left;
	padding:10px 5px 10px 5px;
	width:70px;}
	td.map {text-align: left;
	padding:10px 5px 10px 5px;
	width:200px;}
td.mail {text-align: left;
	padding:5px;
	width:140px;}
td.nomeprodotto {
	text-align: left;
	padding:5px;
	width:470px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
td.tdhomepage {
	text-align: left;
	padding:5px 0 0 5px;
	background-attachment: scroll;
	background-image: url(../images/flag-recmac/homepage-recmac_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:200px;
}
td.imgservizi {
	text-align:left;
	padding:8px 2px 8px 2px;
	vertical-align: top;
	width:230px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.grassetto{font-weight: bold;}
.grassettoverde{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #009900;
}
.grassettorosso{
	font-weight: bold;
	color: #CC0000;
}
.grassettoblu{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0033CC;
}
.normalegiallo{
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00;
}
.normalebianco{
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFf;
}
.corsivoarancio{
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-style: italic;
}
h1.titolo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #333333;
}
h1.titolofra {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #333333;
}
h1.modello {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	margin:0 0 0 0px;
	color: #3366FF;
}
h1.modellogrande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight:normal;
	margin:0 0 0 0px;
	color: #3366FF;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin:0 0 0 0px;
}
h1.centrato {
text-align:center;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin:0 0 0 0px;
}
h2.pubblicita {
	margin:35px 0 10px 160px;
}

p.schedatecnica {
	
	font-weight:bold;
	color:#0066FF;
}
p.testidescrizioni {
	padding:3px;
}
img.fotografie {
	margin-right:5px;
}
img.fotografieprodotti {
	margin:5px;
	border: 5px solid #999999;
}
img.fotografiascheda {
	margin:5px;
	border: 5px solid #999999;
	background-position: 200px bottom;
}

/* ----------------------------------------------------------------------------------------------------------------------------------- */
/*div che gestisce il il div nav del menu a sinistra*/

div#nav h3{ margin:0px 0 0px 0;font-size: 100%;padding: 5px;color: #f60;height:15px;}
div#nav ul{margin: 0px 0 0px 0px;padding: 0;list-style-type: none;}
div#nav li{margin: 0 0 0px 0;padding: 0;list-style-type: none;}

div#nav a{display: block;line-height: 18px;color: #000;
    text-decoration: none;font-weight:normal;}
div#nav a:hover{color: #FF9900;}
div#nav h3 a{color: #FFf;font-weight: bold; font-size:11px;}
div#nav h3 a:hover{color: #FF9900; text-decoration:none;}
/*gestisce le sottocategorie*/
div#nav ul ul li a{color: #fFF;font-weight: normal; font-size:11px;padding:0 0 0px 25px;height:25px;}

p.menunav { width:153px; margin-left:10px;margin-bottom:10px;}
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/*div che gestisce il il div nav del menu a destra*/

div#corpo-colonna3 h3{ margin:0px;font-size: 100%;padding: 0px;color: #FFCC00;height:20px;}
div#corpo-colonna3 ul{margin: 0px;padding-left: 5px;list-style-type: none;}
div#corpo-colonna3 li{margin: 0px;padding: 0px;list-style-type: none;color: #fff;}

div#corpo-colonna3 a{display: block;line-height: 18px;color: #000;
    text-decoration: none;font-weight:normal;}
div#corpo-colonna3 a:hover{color: #FFCC00;}
div#corpo-colonna3 h3 a{color: #FFCC00;font-weight: bold; font-size:12px;padding:0px;}
div#corpo-colonna3 h3 a:hover{color: #fff; text-decoration:none;}
/*gestisce le sottocategorie*/
div#corpo-colonna3 ul ul li a{color: #fff;font-weight: normal; font-size:11px;padding:0px;height:25px;}

p.menunav { width:153px; margin-left:10px;margin-bottom:10px;}
/*stili per il form*/
input { background-color:  #CCCCCC;
border:1px solid #999;
margin:3px;}
input.testi {
	background-color: #CCCCCC;
	border:1px solid #999;
	margin:3px;
	width:500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

textarea { background-color: #CCCCCC;
border:1px solid #999;
width:300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
#nasc {
	visibility: hidden;
	width:0px;
	height:0px;
}