@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100.01%;
	color:#333;
	background-color: #FFFFFF;
	background-image: url(assets/images/layout/bg.gif);
	background-repeat: repeat;
	}
#flashcontent {
	display:block;
	width:64.563em;
	height:24.375em;
	padding: 0;
	margin:0 0 1.250em;
	z-index: 50;
	position:relative;
	}
#page {
	width:69em;
	margin:0 auto;
	position:relative;
	}
#header {
	width:69em;
	height:26.565em;
	display:block;
	clear:both;
	}
#header_bg {
	width:60em;
	margin:0 4.5em 0 4.5em;
	background-image:url(/blog/wp-content/themes/ottante/images/bg_shadow_top.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:10.63em;
	z-index:-1;
	position:absolute;
	}
#header img.logo {
	width:19.94em;
	height:7.44em;
	margin:1.88em 0 1.25em 0;
	float:left;
	}
#header div.minimenu {
	height:2.19em;
	width:60em;
	margin-right:4.51em;
	display:block;
	margin: 0 auto;
	}
#header div.minimenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#header div.minimenu li {
	display:block;
	float:right;
	height:1.188em;
	list-style-type:none;
	border-left:1px solid white;
	color: #999;
	font-size:0.75em;
	font-weight:bold;
	padding-top: 1.67em;
	padding-right: 1.67em;
	padding-left: 1.67em;
	}
#header div.minimenu li a {
	font-weight:bold;
	color: #00588c;
	display:block;
	text-decoration:none;
	}
#header div.minimenu li a:hover {
	color: #DE2887;
	}

#header div.quote {
	float:right;
	width:32.142em;
	margin:2.50em 5.75em 0 0;
	text-align:right;
	}
#header div.quote h2 {
	color:#333;
	font-size:0.88em;
	font-style:italic;
	margin:0 0 1.07em 0;
	padding:0;
	line-height:1.29em;
	font-weight:normal;
	}
#header div.quote p {
	color:#666;
	font-size:0.81em;
	margin:0;
	padding:0;
	
	}
#banner_box {
	height:15em;
	width:60em;
	margin:1.63em auto 1.25em auto;
	background-image:url(/blog/wp-content/themes/ottante/images/background_banner_box.jpg);
	background-repeat:repeat-x;
	background-position:top;
	position:relative;
	}
#banner_box_content {
	background-image:url(/blog/wp-content/themes/ottante/images/top_left.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	height:15em;
	width:60em;
	}
#banner_box_content2 {
	background-image:url(/blog/wp-content/themes/ottante/images/top_right.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	position:relative;
	height:14.37em;
	width:60em;
	padding-top:0.63em;
	}
#banner_box_content2 div.banner1 {
	width:58.75em;
	height:14.38em;
	margin:0 9px 0 10px;
	background-image:url(/blog/wp-content/themes/ottante/images/bg_swfbanner_1.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	}
#banner_box_content2 div.banner1 img {
	width:58.75em;
	height:11.88em;
	}
/**************************************************CONTENT***************************************/
#content {
	width:59.06em;
	display:block;
	margin:1.250em auto 3em;
	position:relative;
	}
#sidebar1 {
	float:left;
	width:15em;
	margin-right:1.56em;
	}
#novita {
	padding-top:0.938em;
	border-bottom:1px solid #E4E4E4;
	margin:2.81em 0 2.5em 0;
	}
#promozione {
	padding-top:0.938em;
	border-bottom:1px solid #E4E4E4;
	margin:2.81em 0 1.0em 0;
	}

#novita h1, #promozione h1 {
	font-size:1.13em;
	color: #4C4E4E;
	padding:0 0 1.11em 1.06em;
	margin:0;
	text-transform:uppercase;
	}
.novita {
	margin-bottom:0.63em;
	}
.novita img {
	float:left;
	border: 1px solid #e4e4e4;
	margin-right:0.90em;
	}
#promozione_content {
	background-image:url(/blog/wp-content/themes/ottante/images/bg_middle_right_col.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:0.938em 0 0 1.25em;
	}
#novita_content {
	background-image:url(/blog/wp-content/themes/ottante/images/bg_middle_right_col.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:0.938em 0 0 1.25em;
	}
.novita h2, .promozioni h2 {
	color:#242424;
	margin:0 0 0.438em;
	padding:0;
	font-size:0.813em;
	}
.novita h2 a, .promozioni h2 a {
	color:#242424;
	margin:0 0 0.8em 0;
	padding:0;
	text-decoration: none;
	}
.novita h2 a:hover, .promozioni h2 a:hover {
	color:#4C85B1;
	}
.novita p {
	color:#606060;
	margin:0 0.60em 0.60em 0;
	padding:0;
	font-size:0.75em;
	line-height: 1em;
	}
.preis {
	font-size:1.0em;
	color:#DE2887;
	font-weight:bold;
	}
.oldpreis {
	font-size:1.0em;
	color:#C0C0C0;
	font-weight:bold;
	text-decoration:line-through;
	margin-right:0.59em;
	}
.offerpreis {
	font-size:1.0em;
	color:#DE2887;
	font-weight:bold;
	}
.promozioni{
	margin-bottom:0.5em;
	}	
.promozioni img {
	float:right;
	border: 1px solid #E4E4E4;
	}
#right {
	float:left;
	width:42.50em;
	}
.middle {
	float:left;
	width:26.81em;
	padding:0 2.69em 0 0.5em;
	}
.post {
	margin:0.5em 0 0 0;
	display:block;
	}
.post a {
	text-decoration:none;
	color:#00598F;
	}
.post a:hover {
	text-decoration:none;
	color:#DE2887;
	}
.post ul {
	margin:0.5em 0;
	padding:0;
	}
.post li {
	list-style-type:disc;
	font-weight:bolder;
	font-size:0.75em;
	margin:0 0 0.5em 1.5em;
	padding:0;
	}
h3 {
	margin:2.0em 0 0.5em 0;
	padding:0;
	color:#7A9DC6;
	text-align:left;
	font-size:0.938em;
	}
h4 {
	margin:0;
	padding:0;
	color:#7A9DC6;
	text-align:left;
	font-size:0.938em;
	}
.date.archive {
	float:right;
	color:#6C9ABC;
	font-size:0.938em;
	margin:0 0 0 2.0em;
	padding:0;
	}
textarea#comment {
	width:33em;
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
	}
#commentform input {
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
	}
.post p.postmetadata {
	font-size:0.70em;
	text-align:left;
	border-bottom:1px solid #E4E4E4;
	border-top:1px solid #E4E4E4;
	border-left:none;
	display:block;
	padding:0.5em 0 0.5em 0;
	margin: 0.5em 0 0.5em 0;
	color:#4C4E4E;
	}
.post p.postmetadata a {
	text-decoration:none;
	color:#00598F;
	}
.post p.postmetadata a:hover {
	text-decoration:none;
	color:#DE2887;
	}
.middle h1, .middle h1 a, .middle h1 a:visited, #sidebar2 h1 {
	font-size:1.13em;
	color: #4C4E4E;
	padding:0 0 1.11em 0;
	margin:0;
	text-decoration:none;
	}
.date {
	float:right;
	color:#6C9ABC;
	font-size:0.94em;
	margin:0.25em 0 0 2.0em;
	}

.middle p {
	color:#333;
	font-size:0.813em;
	margin:0;
	padding:0.5em 0;
	line-height: 1.563em;
	}
.middle ul {
	line-height: 1.250em;
	}
.middle img {
	float:right;
	margin-left:1.25em;
	}
	
.middle h2, #sidebar2 h2 {
	font-size:0.94em;
	color: #242424;
	margin:1.00em 0 0.67em 0.93em;
	padding:0;
	}
p.ivainc {
	font-size:0.75em;
	color:#DE2887;
	font-weight:bold;
	padding-left:4em;
	display:block;
	background-image:url(/blog/wp-content/themes/ottante/images/star.gif);
	background-position:1.7em;
	background-repeat:no-repeat;
	line-height:1.5em;
	margin:0;
	}
.consegna {
	width:18.13em;
	text-align:center;
	}
.consegna img {
	margin: 0 auto;
	}
#sidebar2 {
	width:12.5em;
	float:left;
	}
#sidebar2 h2 {
	color:#4C4E4E;
	font-size:0.94em;
	margin: 3.0em 0 0.8em 0.67em;
	padding:0;
	}
.rightsection {
	background-image:url(/blog/wp-content/themes/ottante/images/bg_middle_right_col.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border-bottom:1px solid #E4E4E4;
	margin:0;
	}
.rightsection select {
	margin:0.5em;
	}
.rightsection ul {
	list-style:none;
	margin: 0 0.63em 1.25em 0.63em;
	padding:0.94em 0 0 0;
	}
.rightsection ul li {
	font-size:0.81em;	
	margin:0 0 0.8em 0;
	}

.rightsection ul li a {
	color:#00598F;
	line-height:1.0em;
	text-decoration:none;
	}
.rightsection ul li a:hover  {
	color:#DE2887;
	}
.rightsection ul li.archives {
	font-size:0.77em;
	color:#7A9DC6;
	}
li.archives a.seeall {
	background-image:url(/blog/wp-content/themes/ottante/images/freccia.gif);
	background-repeat:no-repeat;
	background-position:left 0;
	font-weight:bold;
	font-size:0.89em;
	line-height:0.79em;
	text-transform:uppercase;
	text-decoration:none;
	color:#7A9DC6;
	margin-top: 0.5em;
	margin-bottom: 0;
	padding-top:0;
	padding-bottom:0;
	padding-left: 1.55em;
	display:block;
	}
li.archives a.seeall:hover {
	background-image:url(/blog/wp-content/themes/ottante/images/freccia.gif);
	background-repeat:no-repeat;
	background-position:left -10px;
	font-weight:bold;
	font-size:0.89em;
	text-transform:uppercase;
	text-decoration:none;
	color:#DE2887;
	display:block;
	}	
		
	
/****************************** box vertical menu *******************************************/

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0 auto;
 min-width:14em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#00598f;
 z-index:1;
 margin-left:13px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(/blog/wp-content/themes/ottante/images/bg_vertical_menu.png) no-repeat top right;
 _background-image:url(/blog/wp-content/themes/ottante/images/bg_vertical_menu.png.jpg);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 17px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */

}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog p,
.dialog ul {
 margin:0; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0 0 0.5em 0.5em;
}
.dialog h1 {
 	padding:1.8em 0 1.0em 0;
	color:#87acc7;
	font-size:1.06em;
	border-bottom:1px solid #e4e4e4;
	margin:0 0 0 0.5em;
	text-indent:0.12em;
	}
.dialog ul {
	list-style:none;
	}
.dialog li {
	font-size:1.063em;
	border-bottom:1px solid #e4e4e4;
	padding: 0.5em 0 0.5em 0;
	font-weight:bold;
	color: #999999;
	text-align:left;
	}
.dialog li a {
	font-weight:bold;
	color: #347BA6;
	text-decoration: none;
	}
.dialog li a:hover {
	color: #DE2887;
	}

/***************************** form ricerca ****************************************************/
form.ricerca {
	margin:0;
	padding:0;
	}
input.search {
	width:195px;
	height:22px;
	color:#000;
	border:1px solid white;
	float:left;
	background-image:url(/blog/wp-content/themes/ottante/images/searchform.gif);
	background-repeat:no-repeat;
	padding-top:5px;
	margin-top:2px;
	padding-left:15px;
	}
input.button {
	padding-top:0.3em;
	height:25px;
	float:left;
	background-image:none;
	}
/***************************** newsletter box **************************************************/
.tagbox {
	margin:0 0 0 0;
	width:12.5em;
	background:url(/blog/wp-content/themes/ottante/images/bg_newsletterbox.jpg);
	background-color:#191919;
	background-repeat:repeat-x;
	background-position:top;
	}
.bl {
	background: url(/blog/wp-content/themes/ottante/images/bl.jpg) 0 100% no-repeat; 
	width:12.5em;
	}
.br {
	background: url(/blog/wp-content/themes/ottante/images/br.jpg) 100% 100% no-repeat

	}
.tl {
	background: url(/blog/wp-content/themes/ottante/images/tl.jpg) 0 0 no-repeat

	}
.tr {
	background: url(/blog/wp-content/themes/ottante/images/tr.jpg) 100% 0 no-repeat; 
	padding:0.94em;
	}
.tr a {
	color:#D3D3D3;
	text-decoration:none;
	}
.tr a:hover {
	color:#DE2887;
	text-decoration:none;
	}
.tr div.image {
	display:block;
	padding-bottom:0.625em;
	border-bottom:1px dotted #868686;
	}
.tr p {
	color:#D3D3D3;
	font-size:0.75em;
	line-height:1.25em;
	padding:0;
	margin:0.938em 0 0.81em;
	}
/***************************** end box vertical menu *******************************************/

.clear {
	clear:both;
	}
a.seeall {
	background-image:url(/blog/wp-content/themes/ottante/images/freccia.gif);
	background-repeat:no-repeat;
	background-position:left 0;
	font-weight:bold;
	font-size:0.69em;
	line-height:0.79em;
	text-transform:uppercase;
	text-decoration:none;
	color:#7A9DC6;
	display:block;
	margin-top: 1.875em;
	margin-bottom: 1.875em;
	padding-left: 1.35em;
	}
.entry p a.more-link {
	background-image:url(/blog/wp-content/themes/ottante/images/freccia.gif);
	background-repeat:no-repeat;
	background-position:left 0;
	font-weight:bold;
	font-size:0.89em;
	line-height:0.79em;
	text-transform:uppercase;
	text-decoration:none;
	color:#7A9DC6;
	display:block;
	margin-top: 1.875em;
	margin-bottom: 1.875em;
	padding-left: 1.35em;
	}
a.seeall.post {
	font-size:0.80em;
	}
a:hover.seeall {
	background-image:url(/blog/wp-content/themes/ottante/images/freccia.gif);
	background-repeat:no-repeat;
	background-position:left -10px;
	font-weight:bold;
	font-size:0.69em;
	text-transform:uppercase;
	text-decoration:none;
	color:#DE2887;
	display:block;
	}
.entry p a:hover.more-link  {
	background-image:url(/blog/wp-content/themes/ottante/images/freccia.gif);
	background-repeat:no-repeat;
	background-position:left -10px;
	font-weight:bold;
	font-size:0.89em;
	text-transform:uppercase;
	text-decoration:none;
	color:#DE2887;
	display:block;
	}
a.seeall.back{
	background-image:url(/blog/wp-content/themes/ottante/images/freccia_back.gif);	
	text-decoration:underline;
	}
a:hover.seeall.back {
	background-image:url(/blog/wp-content/themes/ottante/images/freccia_back.gif);
	}

/***************************** footer *******************************************/
#footer {
	width:58em;
	display:block;
	background-color:#6c9abc;
	background-image:url(/blog/wp-content/themes/ottante/images/bg_footer.jpg);
	background-repeat:repeat-x;
	background-position:top;
	position:relative;
	margin:0 auto;
	padding:1.563em 1em 0;
	color:#E1EAF1;
	line-height: 1.25em;
	}
#footer p {
	font-size:0.75em;
	margin:0;
	padding:0 0 1.5em 0;
	}
a.poweredby  {	
	float:right;
	width:3.0em;
	color:#FFF;
	text-decoration:none;
	background-image:url(/blog/wp-content/themes/ottante/images/ibloom_logo.gif);
	background-repeat:no-repeat;
	background-position:right;
	font-size:0.75em;
	line-height:1.5em;
	}
a:hover.poweredby  {
	color:#DE2887;
	background-image:url(/blog/wp-content/themes/ottante/images/ibloom_logo_hover.gif);
	}
	
	
/***************************** swf *******************************************/
#sitemap {
	background-image:url(/blog/wp-content/themes/ottante/images/bg_sitemap.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:58em;
	display:block;
	position:relative;
	margin:0 auto;
	padding:1.25em 1.00em 0 1.00em;
	color:#333;
	}
#sitemap h1 {
	font-size:0.94em;
	color:#00598f;
	text-transform:uppercase;	
	margin:0 0 1.13em 0;
	padding:0;
	}
#sitemap div.col {
	float:left;
	width:12.44em;
	margin-right:2.0em;
	padding-bottom:2.19em;
	}
#sitemap div.col h2 {
	color:#6c9abc;
	font-size:0.81em;
	margin:0 0 0.62em 0;
	padding:0;
	}	
#sitemap div.col ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#sitemap div.col ul li {
	margin:0;
	padding:0;
	font-size:0.81em;
	}
#sitemap div.col ul li ul li {
	margin:0 0 0 1.5em;
	padding:0;
	text-transform:lowercase;
	font-size:100%;
	}
#sitemap p {
	font-size:0.75em;
	padding: 0 0 2.0em 0;
	}
#sitemap a:link, #sitemap a:active, #sitemap a:visited {
	color:#DE2887;
	}
#sitemap a:hover {
	color:black;
	}
.navigation {
	display:block;
	width:100%;
	margin-top:2.0em;
	margin-bottom:2.0em;
	}
.navigation div {
	width:45%;
	float:left;
	text-align:left;
	overflow:hidden;
	}
.navigation div.alignleft a {
	font-weight:bold;
	font-size:0.69em;
	line-height:1.2em;
	text-transform:uppercase;
	text-decoration:underline;
	color:#7A9DC6;
	}
.navigation div.alignleft a:hover {
	color:#DE2887;
	text-decoration: none;
	}	
.navigation div.alignright {
	width:45%;
	float:right;
	text-align:right;
	}
.navigation div.alignright a {
	font-weight:bold;
	font-size:0.69em;
	line-height:1.2em;
	text-transform:uppercase;
	text-decoration:none;
	color:#7A9DC6;
	text-decoration:underline;
	}
.navigation div.alignright a:hover {
	color:#DE2887;
	text-decoration: none;
	}
/******************* commenti *****************************/
img.avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite { 
	color:#333;
	}
.commentlist cite a {
	text-decoration:none;
	color:#00598F;
	}
.commentlist cite a:hover {
	text-decoration:none;
	color:#DE2887;
	}
.comment-meta a {
	text-decoration:none;
	font-weight:normal;
	color:#00598F;
	font-size:0.8em;
	}
.comment-meta a:hover {
	text-decoration:none;
	font-weight:normal;
	color:#DE2887;
	font-size:0.8em;
	}
.alt {
	margin: 0;
	padding: 10px;
	}
ol.commentlist  {
	margin:0;
	padding:0;
	}
ol.commentlist li {
	margin: 0.5em 0;
	padding: 0.3em 0.3em 0em 0.6em;
	list-style: none;
	font-size:0.813em;
	font-weight: normal;
	}

ol.commentlist li ul li {
	margin-right: -0.3em;
	margin-left: 0.6em;
	font-size: 0.89em;
}

ol.commentlist p {
	margin: 0.3em 0.3em 0.6em 0;
	font-size:1.0em;
}
.children { padding: 0; }

#commentform p {
	margin: 0.3em 0;
	}

.nocomments {
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
.even, .alt {
	border-left: 1px solid #ddd; 
}
.thread-alt {
	background-color: #f8f8f8;
}

.thread-even {
	background-color: white; 
}


/* End Comments */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

img.alignright {
	float: right;
	}

img.alignleft {
	float: left
	}
img {
	border:none;
	}
/* End Images */
div.cssbutton.sample.orange input {
	border: none;
	margin-top:4px;
	height:25px;
	float:right;
	background:url("/blog/wp-content/themes/ottante/images/ok.jpg") no-repeat center bottom;
	cursor: pointer;
} 
div.cssbutton.sample.orange:hover input {
	background:url("/blog/wp-content/themes/ottante/images/ok.jpg") no-repeat center top; 
}
div.cssbutton.sample.cart input {
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 34px;
	font-weight: bold;
	color: #FFFFFF;
	margin:0px;
	height: 27px;
	background:url("/blog/wp-content/themes/ottante/images/invia.jpg") no-repeat left bottom;
	cursor: pointer;
} 
div.cssbutton.sample.cart:hover input {
	background:url("/blog/wp-content/themes/ottante/images/invia.jpg") no-repeat left top; 
}
.preventivo {
	font-size:1.05em;
	color:#DE2887;
	font-weight:bold;
	text-align:left;
	}
#google_plus_one {
	width: 80px;
	float:left;
	margin: 1.0em 0;
}
#tweetbutton1422 {
	width: 100px;
	float:left;
	margin: 0;
}
iframe {
	margin: 1.0em 0 0.5em 0;
}
.attachment-post-thumbnail{width:150px; height:150px; padding:10px 20px 10px 0;float:right;}

.socialmedia {
	padding: 0.5em;
}
.socialmedia img {
	margin: 0 0 0.5em 0;
}
