/*
THEME NAME: BoxAndOne
THEME URI: http://www.ant1.it
DESCRIPTION: Sito per Box and One
VERSION: 1.0
AUTHOR: <a href="http://www.ant1.it/">Antonio Laccetti</a>
TAGS: box and one, website
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: middle;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1{ font-size: 18px; }
h2{ font-size: 16px; }
h3{ font-size: 14px; }
h4{ font-size: 12px; }
a{ color: #bc0000; text-decoration: none; }
body { background: #333 url(images/bg.jpg) no-repeat center top;  font: 12px/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
/* Ripetuti */
.clear{ clear: both; }
.hidden{ display: none; visibility: hidden; }
/* Divs */
#Container{ background: #FFF; width: 900px; margin: 280px auto 30px auto;}
#Menu, #Footer{ background: url(images/boxandone.jpg) repeat-x 0 -40px; width:900px;}
#Footer{ height: 40px; }
#Menu a{ color: #FFF; text-transform: uppercase; padding: 13px 20px; background: url(images/boxandone.jpg) repeat-x 0 -40px;display: block; }
#Menu a:hover{background: #990000;  }
#Menu li{  font-size: 14px; float: left; list-style: none; border-right: 1px #990000 solid;}
#Menu li.FeedRSS a{ background: url(images/boxandone.jpg) repeat-x 0 -80px;  padding: 13px 22px 13px 48px;}

#Logo{ height: 103px; background: #222 url(images/logo.jpg) no-repeat left top; }


/******* CONTENUTI ****/
#Contenuti{width:890px; position: relative; background: url(images/shadow.png) repeat-y 0px top; padding-left:10px;}

/*** col SINISTRA ***/
#colSx{ width: 600px; float: left; margin: 10px 10px 10px 0px; }

/* Slider Prodotto */
#sliderProdotti{background: #000;}
.Prodotto{ position: relative; }
.Prodotto, #sliderProdotti{ width: 600px; height: 249px; overflow: hidden; }
.Prodotto img{ width: 600px; height: auto; margin-top: -130px;}
.ProdottoInfo{position: absolute; background: url(images/shadow.png) repeat-y -900px top; color: #DDD; width: 200px; height: 249px; }
.ProdottoTitolo{ padding:20px 10px 10px 10px; color:#FFF ;}
.ProdottoTitolo h2, .ProdottoTitolo h2 a { font: bold 20px "Lucida Grande", "Trebuchet MS", Lucida, Verdana, sans-serif; text-shadow: #000 1px 2px 2px;  color: #FFF;}
.ProdottoTesto{ padding: 10px; }
.ProdottoPrezzo{ font-size: 40px; position: absolute; right: 10px; bottom: 10px; text-align: right; color: #fff; text-shadow: #000 1px 2px 2px; }

// #UltimiArrivi{ }
h3{ padding:0px 10px; line-height:34px; background: #870000; color: #FFF; text-transform: uppercase; background: url(images/boxandone.jpg) repeat-x 0 -40px; }

/* Prodotti in vista */
#ProdottiInVista{ margin-top: 10px; }
#ProdottiInVista .Prodotto{ position: relative; width: 298px; float: left;  border: 1px #870000 solid; height: 120px; overflow: hidden;}
#ProdottiInVista .Prodotto.alt{ margin-right: 0px;  }
#ProdottiInVista .Prodotto img{ width: 298px; height: auto; margin-top: -60px;}
#ProdottiInVista .ProdottoInfo{position: absolute;background: none; color: #333; width: 290px; height: 120px; }
#ProdottiInVista .ProdottoTitolo{ padding:10px 10px 10px 10px; color:#FFF ; position: absolute; left: 0px; top: 0px;}
#ProdottiInVista .ProdottoTitolo h2{ font: bold 20px "Lucida Grande", "Trebuchet MS", Lucida, Verdana, sans-serif; text-shadow: #000 1px 2px 2px;  }
#ProdottiInVista .ProdottoTesto{ padding: 10px; display: none;}
#ProdottiInVista .ProdottoPrezzo{ font-size: 30px; position: absolute; right: 5px; bottom: 5px; text-align: right; color: #fff; text-shadow: #000 1px 2px 2px; /* background: #444;border: 1px #000 solid;padding: 0px 5px; */}

/* Ultima News */
#UltimaNews{ margin-top: 10px; }
#UltimaNews h3{ margin-bottom: 10px; }
.Articolo{ line-height: 1.4; margin-bottom: 10px;}
.Articolo p{ padding: 3px 0px; }
.ArticoloTitolo h2{  padding: 10px; font: normal bold 16px Georgia, "Times New Roman", Times, serif;  color: #000;} 
.ArticoloTitolo, .ArticoloTitolo h2 a{color: #000;}

.ArticoloTesto{ padding:0px 10px ; }
a.read-more{ background: #CCC; color: #FFF; text-transform: uppercase; padding: 5px; margin-top: 10px; display: block; width: 150px; text-align: center;}
a.read-more:hover{ background: #999; }

/*** col DESTRA ***/
#colDx{ width: 260px; overflow: hidden; float: left; background: #EEE;  padding: 10px 10px 160px 10px;}

.box{ margin: 0px 0px 8px 0px; padding: 0px; background: #DDD;}
.box h3{background:#870000 url(images/boxandone.jpg) repeat-x 0 -40px; color: #FFF; padding:10px; line-height:1; text-transform: uppercase; }
.box li{border-bottom: 1px #CCC dotted; }
.box li a{ color: #666; width: 240px; display: block; padding: 10px;}
.box li a:hover{ background: #EEE; color: #333; }

#InfoNegozio{ text-align: center; padding:20px 10px; position: absolute; right: 0px; bottom: 50px; width: 260px; }
#LogoNegozio{ background: url(images/boxandone.jpg) no-repeat 0px 0px; width: 154px; height: 37px; display: block; margin-left: 50px;}
#InfoNegozio p{ padding: 3px; }

.navigation{ padding: 10px 0px; }
.navigation a{ background: #EEE; border: #DDD 1px solid; padding: 10px 20px; text-transform: uppercase; color: #999; display: block; width: 100px; text-align: center;}
.navigation a:hover{ background: #DDD; border: #CCC 1px solid; color: #666; }
.nav-previous{ float: right; }
.nav-next{ float: left; }
/*.pageid-665 table{margin-top:10px}*/
.pageid-665 td{padding:5px;}