/* Main */
html, body {
	height, width:100%;
	margin:0;
	padding:0;
}
body {
	color:#fff;
	font-family:Verdana, "Trebuchet MS", Arial, sans-serif;
	font-size:11px;
	
	background:#284678 url(/images/bg2.jpg) no-repeat fixed;
}
@media print {
    body {
        font-family:"Trebuchet MS", Arial, sans-serif;
        font-size:0.85em;
    }
}
#main {
	position:absolute;
	width:1200px;
	left:50%;
	margin-left:-600px;
}
#header {
	position:relative;
	height:200px; /*max 240*/
	background:url(/images/header-bg-trans.png) bottom no-repeat;
	z-index:10;
}
#corpo {
	background:url(/images/corpo-bg-trans.png) repeat-y;
	width:1200px;
	padding-bottom:32px; /* caf: per migliorare la leggibilità dei link in basso */
	min-height:256px; /* caf: per migliorare la leggibilità dei link in basso */
}
#footer {
	width:1200px;
	height:200px; /*max 200*/
	background:url(/images/footer-bg-trans.png) no-repeat;
	clear:both;
}

/* Tag */
p, ul, li {
	margin:0;
	font-size:11px;
	text-align:justify;
}
a {color:#ff6f20;}
a:visited{color:#ff6f20;}
a:hover{color:#fff;}
h1 {
	display:block;
	margin:0 0 5px 0;
	padding:0;
	font-size:22px;
	font-weight:normal;
	color:#fff;
	float:left;
}
h2 {
	margin:0 0 15px 0;
	padding:20px 0 0 0;
	font-size:22px;
	font-weight:normal;
	color:#ff6f20;
	clear:both;
}
h3 {
	margin:5px 0 5px 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}
img {
	border:0;
}
ul li {
	list-style-type:disc;
	list-style-position:outside;
	text-indent:0;
	padding:0;
	margin:0;
}
html* ul li {text-indent:15px;}
.tappabuchi {
	clear:both;
}
select, input, textarea {
	background:transparent none repeat scroll 0 0;
	border:1px solid #FF6F20;
	margin:0;
	padding:0;
	color:#fff;
	font-family:Verdana, "Trebuchet MS", Arial, sans-serif;
	font-size:11px;
}
html* select{color:#000;}
input {
	vertical-align:middle;
	margin-top:-2px;
}
label{margin-right:18px;}
.chk {margin-right:10px;}
form {
	width:500px;
}

/* Corpo */
#corpo-bottom {
	position:absolute;
	bottom:200px;
	left:0;
	background:url("/images/corpo-bg-orange-trans.png");
	height:220px;
	width:1200px;
	z-index:2;
}
#colSx {
	width:950px;
	margin-left:150px;
	position:relative;
	z-index:5;
}
#colDx {
	width:340px;
	top:0;
	float:right;
	background:;
	margin-left:50px;
	margin-right:50px;
	position:relative;
	z-index:5;
}
.simpleText {
	margin-right:50px;
}
.simpleText p {
	padding-top:5px;
}

/* Banner */
.banner {
	height:120px;
	margin-bottom:20px;
	border:1px solid #ff6f20;
	overflow:hidden; /* soluzione temporanea per il testo che esce dal riquadro */
}
.banner .glow, .banner-foto{
	position:absolute;
	top, left:0;
}
.banner h4 {
	font-size:12px;
	margin:12px 15px 0 0;
	float:right;
	padding:0;
	color:#ff6f20;
	clear:both;
	max-width:150px;
	position:relative;
}
.banner p {
	margin:3px 15px 0 0;
	clear:both;
	float:right;
	text-align:right;
	width:145px;
	z-index:10;
	position:relative;
}

/* Foto */
.foto {
	position:relative;
	margin-bottom:10px;
	background:url(/images/lines-bg-trans.png) repeat;
	padding:10px 0 0 10px;
}
.foto-content {
	position:relative;
	width:330px;
}
.foto72 img {
	width:72px;
	height:72px;
}
.foto a {
	position:relative;
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.foto-print {
    margin-bottom:10px;
}
.foto-print img {
    width:170px;
    height:170px;
}
.foto-print img.big {
    width:340px;
    height:auto;
}

/* News */
#news {
	width:510px;
	float:left;
	position:relative;
	margin-top:20px;
}
#news a:link, #news a:visited, #news a:active {
	color:#fff;
	/* text-decoration:none; CAFxX: facciamo vedere i link! */
}
#news a:hover {
	text-decoration:underline;
}
#news img , #news object, #news embed { /* CAFxX: limitiamo la dimensione delle immagini delle news in home */
	max-width:100%;
	max-height:400px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
#news img { /* CAFxX: se applichiamo height:auto ai video, diventano alti 200px... WTF? */
	height:auto;
}
#news h3 {
	margin-top:30px; /* CAFxX: un pó di spazio tra una news e l'altra */
}
#news h2  {
	margin-bottom:-20px;
}
.bordoSxBox {
	margin-top:30px;
	position:relative;
}
.bordoSxBox h2 {
	clear:none;
}
.bordoSxBox h3 {
	display:inline;
	margin-right:30px;
}

.data {
	font-weight:bold;
	font-size:10px;
}
.bordoSx {
	border-left:1px solid #ff6f20;
	padding-left:10px;
	margin-left:2px;
}
.bordoSx p {
	margin-bottom:10px;
}

/* Newsletter */
#newsletter {
	display:block;
	width:155px;
	margin-top:35px;
	border:1px solid #ff6f20;
	float:right;
	text-align:center;
	padding: 20px 0; /* CAFxX: to fix the login div in home */
}
#newsletter p {
	margin:10px;
	text-align:left;
}
#newsletter input, #newsletter button {
	margin:0 0 10px 0;
	width:135px;
}
#newsletter input {
	border:1px solid #000;
	background:#fff;
}
#newsletter button {
	border:1px solid #000;
	font-size:10px;
	color:#fff;
	font-family:Verdana, "Trebuchet MS", Arial, sans-serif;
	font-weight:bold;
	padding:2px;
	background:#ff6f20;
	cursor:pointer;
}

/* Footer */
#footer p {
	position:absolute;
	bottom:110px;
	width:100%;
	text-align:center;
}
#footer span {
    margin:0 5px;
}

/* Header */
#menu {
	position:absolute;
	right:100px;
	top:140px;
	width:435px;
	height:25px;
	background:#ff6f20 url(/images/bg-orange.png) repeat;
	z-index:10;
}
#menu a {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	float:left;
	margin:4px 0 0 15px;
	position:relative;
	z-index:11;
}
#menu a:hover {
	color:#000;
}
#menu img {
	float:left;
	margin:1px 0 0 15px;
}
#logo {
	position:absolute;
	top:140px;
	left:300px;
}
#header .corporate-info {
    position:absolute;
    right:150px;
    top:135px;
    width:470px;
    text-align:right;
    color:#ff6f20;
}
#header .corporate-info span {
    display:inline-block;
    margin:0 4px 2px;
}
#header .corporate-info .url {
    font-size:50%;
}
@media print {
    #menu {
        display:none;
    }
    #logo {
        top:100px;
        right:500px;
        left:auto;
    }
    .logoext {
        position:absolute;
        top:100px;
        right:150px;
        width:351px;
        height:27px;
    }
}

/* PRODOTTI */
.product {
	width:286px;
	float:left;
	margin:0 20px 20px 0;
	border:1px solid #ff6f20;
	height:160px;
	position:relative;
	text-align:left !important;
	font-size:10px;
}
.product-bg {
	height:160px;
	width:286px;
	position:absolute;
	left:0;
	z-index:3;
}
.product-photo {
	display:block;
	position:relative;
	
	float:left;
	margin:0 10px 0 0;
	height:160px;
	width:120px;
	z-index:9;
}
.product-title {
	font-size:14px;
	margin:7px 0 2px 10px;
	font-weight:bold;
	position:relative;
	z-index:10;
	color:#ff6f20;
	display:block;
	text-decoration:none;
}
.product-title:visited {
	color:#ff6f20;
	text-decoration:none;
}
.product-title:hover {
	color:#fff;
	text-decoration:none;
}
.product-genericP {
	margin:5px 10px 0 10px;
	position:relative;
	z-index:10;
	text-align:left;
}
.product-note {
	margin:5px 10px 0 10px;
	position:relative;
	z-index:10;
	text-align:left;
}
.product-note  span {
	padding:0 1px 0 1px;
	margin-right:2px;
}
.product-note-color62 {background:#aacc00;}
.product-note-color63 {background:#00cc00;}
.product-note-color64 {background:#cc00aa;}
.product-note-color65 {background:#aa0000;}
#product-form {
	display:block;
	border:0px solid #ff6f20;
	/* per risolvere il fenomeno del titolo che schiaccia il form togliamo margin-left e mettiamo float */
	/* margin-left:450px; */
	float:right;
}
#product-form p {
	display:inline;
	margin-right:20px;
	margin-bottom:3px;
}

/* PRODOTTO */
td {
    vertical-align:top;
}
.product-actions {
    margin:16px 0 16px 0;
}
.qrcode {
    display:none;
}
@media print {
    .product-actions {
        margin:0.5cm 0.5cm 0.5cm 0;
    }
	.qrcode {
        margin:0 0.5cm 0 0;
        display:block;
        float:left;
        width:4cm;
        height:4cm;
	}
}
/* GESTIONE */
.gestione textarea, .gestione input {
	margin:0 10px 10px 0;
}
.photo-big {
	display:none;
	min-height:450px;
}
#photo-big0 {
	display:block;
}
img.gestione_preview {
	width:72px;
	height:72px;
	display:inline-block;
}

/* TMP */
#map {color:#000;}

/* GESTIONE - PRODOTTI - tentativo di sistemare i bordi delle textarea */
td.focusedTextarea > textarea {
	display: block !important;
	border-top-width:0;
}
td.focusedTextarea > textarea:first-child {
	border-top-width:1px;
}

/*	CAFxX 20100811 nuovo look del form nella pagina di ricerca; il CSS precedente
	non viene eliminato - queste dichiarazioni sono override */
#product-form {
	border:0px solid #ff6f20;
	background-color: #ff6f20;
	float:none;
	margin: 0 0 0 -50px;
	padding: 8px 50px;
	width:901px;
	text-align:center;
}
#product-form p {
	margin-right:26px;
}
#product-form p:last-child {
	margin-right:0;
}
#product-form label {
	margin-right: 0;
}
#product-form select, #product-form input, #product-form textarea {
	background-color:#fff;
	border-color:#fff;
	color:#000;
}
#product-form select {
	margin: 0 0 0 8px;
}
#product-form input[type="submit"] {
	cursor:pointer;
}
#product-form input[type="checkbox"] {
	margin-right:6px;
}

/* class no-print e no-screen */
@media print {
	.no-print {
		display:none !important;
	}
}
@media screen {
	.no-screen {
		display:none !important;
	}
}

/* stili per schermi piccoli */
@media screen and (max-width:1018px) {
    #header {
        margin-top:-68px;
    }
    #footer p {
        bottom:42px;
    }
    #footer {
        height:92px;
    }
    #corpo-bottom {
        bottom:92px;
    }
}