/* -------------------------------------------------------------------------------------- SMALL RESET */
*{
	outline:none;
}

body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p{
	margin:0;
	padding:0;
	}
	
ul{ list-style:none; }

a, a:hover{text-decoration:none; cursor:pointer;}

input, img{ border:none; }



/* -------------------------------------------------------------------------------------- HACKS */

.clear{
	clear:both;
	height:1px;
	}

.inv{ display:none; }

/* -------------------------------------------------------------------------------------- STRUCTURE */

body{
	color:#333;
	font-size:11.5px;
	font-family:Arial, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
	line-height:21px;
	background:#3384a4 url(../images/Background.png) no-repeat center top;
	}


/* -------------------------------------------------------------------------------------- GENERALS */
.sub_text{
	display:block;
	clear:both;
}

/* -------------------------------------------------------------------------------------- HEADINGS */
h1, h2, h3, h4, h5, h6{
	color:#333;
	font-family:Arial, "Times New Roman", Times, serif;
	}

h1{	font-size:20px; border-bottom:1px solid black; margin-bottom:10px; }
h2{	font-size:48px; letter-spacing:-2px; line-height:40px; }
h3{	font-size:30px; }
h4{	font-size:24px; font-weight:bold; padding:0 0 5px 0; }
h5{	font-size:12px; border-bottom:1px solid black; margin-bottom:10px;  }
h6{	font-size:12px;  }

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

#header{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/wrapper_bg.png) no-repeat scroll center top;
height:201px;
position:relative;
}
#header .content{
	margin:0 auto;
	position:relative;
	width:960px;
}

.illustration{
	position:absolute;
	right:-80px;
	bottom:-25px;
	z-index:991;
}


/* Logo */
#header #logo{
	width:960px; height:180px;
	position:relative;
	}
#header #logo .sottotitolo{
position:absolute; top:90px; left:50px;

}

#header #logo .titolo{
position:absolute; top:20px; left:43px;

}



/* ------------------------------------------ Nav Bar */
#navbar{
	background:url(../images/header_bg.png) repeat-x left bottom;
	height:62px;
	padding-top:9px; padding-bottom:9px;
	width:100%;
	z-index:10;
	margin-top:-90px;
	
	margin-bottom:10px;
	*margin-bottom:0px;
}


#top_menu{
	text-align:center;
	width:830px; height:60px;
	margin:0 auto;
	position:relative;
	left:-25px;
	top:5px;
}
#top_menu li{
	display:inline; float:left;
	width:124px; height:60px;

}

#top_menu .chunk{ font-size:16px; text-transform:uppercase; padding:10px 0 0 0; display:block;}
#top_menu a{
	color:white;
	display:block; float:left;
	width:124px; height:60px;
	}
#top_menu a:hover{
	color:white;
	display:block; float:left;
	width:124px; height:60px;
}
#top_menu a.current{
color:#f5b302;


}

/* ------------------------------------------ colors */
.grey{ background:#dddddd; }

.b_content{
	border:1px solid #ccc;
}
/* ------------------------------------------ Paddings */
.pad20{ padding:20px; }
.pad0_20{ padding:0 20px; }
.pad10_20{ padding:10px 20px; }
.pad10_0{ padding:10px 0; }

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

#main{
}
#main .content{
	margin:0 auto;
	width:960px;
}

/* -------------------------------------------------------------------------------------- SLIDER */
#slider{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
padding:9px;
	width:942px; 
	margin:0 0 20px 0;
	position:relative;
}
#slider #slider_img{ width:942px; overflow:hidden; height:100px; }

#slider #slider_img img{ width:134px; height:100px; border:none; }

#slider #slider_img span{position:absolute; top:10px;  width:134px; z-index:999; text-align:center;}
#slider #slider_img span.telescopi{left:18px; }
#slider #slider_img span.tubi{left:167px; }
#slider #slider_img span.montature{left:320px; }
#slider #slider_img span.binocoli{left:479px; }
#slider #slider_img span.accessori{left:633px; }
#slider #slider_img span.filtri{left:656px; }
#slider #slider_img span.microscopi{left:786px; }
#slider #slider_img span.divertente{left:786px; }

#slider #slider_img a{ outline:none; margin:0; padding:0px 11px 0px 11px; display:block;  border:none; 
width:130px; float:left; color:#000000;}

#slider #slider_img a.current,
#slider #slider_img a:hover{font-size:13px; font-weight:bold;}
#slider .jFlowPrev{
	position:absolute;
	top:71px;
	left:-14px;
	cursor:pointer;
	width:22px;
	height:33px;
}
#slider #myController{
	visibility:hidden;
	position:absolute;
	text-align:center;
	font-size:11px;
	width:122px;
	height:1px;
	bottom:33px;
	z-index:30;
	line-height:20px;
	left: 43px;
}
#myController span{
	display:inline;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0 9px 0 9px;
	color:#001a25;	
	cursor:pointer;
}

#myController span.jFlowSelected {
	color:#ccc;
}

#slider .jFlowNext{
	position:absolute;
	top:71px;
	right:-14px;
	cursor:pointer;
	width:22px;
	height:33px;
}

#slider .slider_banner{
	background:url(../images/banner_featured2.png) no-repeat;
	position:absolute;
	top:-6px;
	right:-5px;
	cursor:pointer;
	width:75px;
	height:76px;
	z-index:999;
}

/* -------------------------------------------------------------------------------------- LEFT PART */
#left_part{
	color:#333;
	float:left;
	margin:0 10px 0 0;
	width:690px;
}

#left_part .block_wrap{
	background:#FFF;
	padding:9px;
}

/* -------------------------------------------------------------------------------------- BLOG */
#blog{
	 margin:0 0 20px 0;
	
	 
}

#blog .b_content{
padding:120px 20px 20px 20px;
text-align: justify;
position:relative;
}

#blog a{
color:#000000; text-decoration:underline;}

.blog h2{
	color:#333;
	font:normal 20px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:20px 0 10px 0;
	text-align:center;
	text-transform:uppercase;
}
.blog h2 a{ color:#333; }
.blog h2 a:hover{ color:#999; }

.blog h2:first-line{
	font-size:50px;
}






/* Class of text in pages and blog */
.text h3, .text h4, .text h5, .text h6{ margin-top:15px; }
.text h3{
	line-height:100%;
}
.text p{
	padding:10px 0 5px 0;
}
.text a{
	color:#999;
	border:1px dotted #ccc; border-width:0 0 1px 0;
	padding:0 0 2px 0;
}
.text a:hover{
	/* theme file */
}
.text strong{ color:#666; font-size:12px; }
.text ul, .text ol{
	margin:10px 0 10px 50px;
}
.text ul li{
	font:normal 16px/23px Georgia, "Times New Roman", Times, serif;
	padding:5px 0;
}
.text ol {
	font:italic 24px/23px Georgia, "Times New Roman", Times, serif;
	color: #ccc;
}
.text ol p {
	color: #333;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
}
.text .note{
	color:#666;
	border:1px solid #ccc; border-width:0 0 2px 0;
	font:italic 14px/24px Georgia, "Times New Roman", Times, serif;
	padding:0 0 3px 0;
}
.text .img_left{
	border:1px solid #ccc;
	float:left;
	margin:0 12px 0 0; padding:7px;
}
.text .img_right{
	border:1px solid #ccc;
	float:right;
	margin:0 0 0 12px; padding:7px;
}

/* -------------------------------------------------------------------------------------- PORTFOLIO */
#portfolio{
	margin:0 0 20px 0;
	position:relative;
}
#portfolio .folio_title{
	background:url(../images/folio_title.png) no-repeat left top;
	color:#FFF;
	font-size:18px;
	text-transform:uppercase;
	margin:0;
	padding:10px 0 20px 0;
	position:absolute;
	left:-10px;
	top:20px;
	text-align:center;
	width:710px;
	z-index:20;
}
#portfolio .gallery{
	margin:70px 0 0 0;
}
#portfolio li a{
	display:block;
	width:144px; height:200px;
	padding:3px 3px 6px 3px; margin:0;
}
#portfolio li{
	background:url(../images/gallery_img.png) no-repeat left top;
	float:left;
	margin:0 0 12px 14px;
}


/* -------------------------------------------------------------------------------------- PAGINATE */
#pagination{
	position:relative;
	border:none;
	height:1px;
}
.paginate{
	background:url(../images/paginate.png) no-repeat left 50%;
	position:absolute;
	padding:0 5px 0 15px;
	bottom:-20px;
	right:10px;
	width:auto; height:27px;
	line-height:27px;
}
.paginate a{ color:#FFF; padding:0 5px;}
.paginate a:hover{ /* Theme file */}
.paginate a.active{ /* theme file */ }

/* -------------------------------------------------------------------------------------- CONTACT */
#contact{
	position:relative;
	margin:0 0 20px 0;
}

.contactHead{
	height:100%;
	padding:0 20px 20px 20px;
}



#map_canvas{
	border:1px solid #ccc;
	float:left;
	margin:20px 0; padding:8px;
	width:350px; height:350px;
}
#personnal_infos{
	float:left;
	padding:20px;
	width:220px; height:310px;
}

/* -------------------------------------------------------------------------------------- SIDEBAR */

#sidebar{ float:left; width:250px; margin:0 0 0 10px;}
#sidebar a{ color:#333; }
#sidebar a:hover{ /* theme file */ }

#sidebar .block_wrap{
	background:#FFF;
	padding:9px;
	margin:0 0 20px 0;
	position:relative;
}
#sidebar h3{
	background:url(../images/sidebar_h3.png) no-repeat left top;
	color:#FFF;
	font-size:18px;
	text-transform:uppercase;
	margin:0; padding:10px 0 20px 8px;
	position:relative;
	left:-20px;
	top:10px;
	width:222px;
	z-index:20;
}

#search_form{
}
#search_form .field{
	background:#fff;
	color:#000;
	height:16px;
	padding:3px;
	width:180px;
	border:1px solid black;
	margin-bottom:10px;
}
#search_form .submitter{
	background:url(../images/submitter_search.png) no-repeat left 50%;
	height:32px;
	width:32px;
	float:right;
	margin-right:2px;
	cursor:pointer;
}

.list_sidebar{ margin:0; padding:0; }
.list_sidebar li{display:block;width:180px; border:1px dotted #ccc; 
	border-width:0 0 1px 0;
	
	
	font-size:13px;}
.list_sidebar li a{

display:block;padding:6px 0 6px 4px; width:180px; 
	border-width:0 0 1px 0;
	
	
	font-size:13px;
	
}
.list_sidebar li a:hover{
	background:url(../images/sidebar_li_hover.png) repeat-x left bottom;
}

/* Stars of Skills and Knowledges */
.star_1{ background:url(../images/star_1.png) no-repeat right 50%; }
.star_2{ background:url(../images/star_2.png) no-repeat right 50%; }
.star_3{ background:url(../images/star_3.png) no-repeat right 50%; }
.star_4{ background:url(../images/star_4.png) no-repeat right 50%; }
.star_5{ background:url(../images/star_5.png) no-repeat right 50%; }



.slogan{
	margin:0 0 20px 0;
}
.slogan .linOne{ font-size:45px; color:#FFF; }
.slogan .linTwo{ font-size:33px; /* theme file */ }
.slogan .linThree{ font-size:25px; color:#999; }


#mini_slider{
	width:230px; height:100%;
	position:relative;
}
#mini_slider #mini_slider_img{ width:230px; overflow:hidden; height:230px; }
#mini_slider #mini_slider_img img{ width:230px; height:230px; border:none; }
#mini_slider #mini_slider_img a{ outline:none; margin:0; padding:0; border:none; }
#mini_slider .jFlowPrev{
	position:absolute;
	top:100px;
	left:-23px;
	cursor:pointer;
	width:22px;
	height:33px;
}
#mini_slider #myController{
	text-align:center;
	font-size:10px;
	width:150px;
	height:1px;
	bottom:0px;
	line-height:20px;
	left: 80px;
	position:absolute;
}
#mini_slider #myController span{
	color:#FFF;
	display:inline;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:3px 9px 3px 9px;
	cursor:pointer;
}

#mini_slider #myController span.jFlowSelected {
	 /* Theme file */
}

#mini_slider .jFlowNext{
	position:absolute;
	top:100px;
	right:-23px;
	cursor:pointer;
	width:22px;
	height:33px;
}

#mini_slider .slider_banner{
	background:url(../images/banner_featured.png) no-repeat;
	position:absolute;
	top:-16px;
	right:-15px;
	cursor:pointer;
	width:75px;
	height:76px;
	z-index:999;
}




/* -------------------------------------------------------------------------------------- NETWORK */
#network{
}
#network .content{ width:960px; margin:0 auto 20px auto; }

#network .block_wrap{
	background:#FFF;
	padding:9px;
	
}
#network .b_content{
	height:100%; /* It's only for IE 7 */
	position:relative;
	
}

#network h3{
	background:url(../images/network_h3.png) no-repeat left top;
	color:#FFF;
	font-size:18px;
	float:left;
	text-transform:uppercase;
	padding:10px 0 20px 8px;
	position:relative;
	left:-20px;
	top:10px;
	_top:5px;
	width:119px;
	z-index:20;
}

ul.contatti,
#network ul{
	float:left;
	margin:0;
	_position:relative;
	_top:-5px;
	padding-left:50px;
}
ul.contatti li,
#network ul li{
	float:left;
	margin:10px 0; padding:0 0 0 70px;
	width:160px;
}

ul.contatti li a,
#network ul li a{
	color:#333;
	display:block;
}
#network ul li a:hover{
	/* theme file */
}


.skype{ background:url(../images/skype.png) no-repeat left; }
.phone{ background:url(../images/phone.png) no-repeat left; }
.mail{ background:url(../images/mail.png) no-repeat left; }

.contatti{width:630px; margin-top:10px; margin-bottom:10px; height:65px;}


/* -------------------------------------------------------------------------------------- FOOTER */
#footer{
	color:#FFF;
	font-size:11px;
	background:url(../images/footer_bg.png) no-repeat;
	background-position:top center; 
	padding-top:100px;
}
#footer .content{ width:960px; margin:0 auto; padding:0 0 10px 0; }

#footer #logo_bottom{
	display:block; float:left;
	width:358px; height:75px;
}
#footer .bottom_nav_1, #footer .bottom_nav_2{
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	display:block; float:left;
	line-height:75px;
	height:75px;
}
#footer .bottom_nav_1 li, #footer .bottom_nav_2 li{
	display:inline;
	float:left;
	margin:0 0 0 25px;
}
.bottom_nav_1{
	width:301px;
}
.bottom_nav_2{
	padding:0 0 0 30px;
	width:271px;
}
#footer .bottom_nav_1 li a, #footer .bottom_nav_2 li a{ color:#FFF; }
#footer .bottom_nav_1 li a:hover, #footer .bottom_nav_2 li a:hover{ /* theme file */ }

#footer .copyvalid_line{
	border:1px solid #999; border-width:1px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	padding:6px 0 0 0;
	text-align:center;
}
#footer .copyvalid_line a{
	color:#ccc;
	border:1px dotted #444; border-width:0 0 1px 0;
}
#footer .copyvalid_line a:hover{
	color:#f06;
	border:1px dotted #ccc; border-width:0 0 1px 0;
}
#footer .copyvalid_line .part{
	float:left;
	display:block;
	width:480px; height:25px;
}
#footer .copyvalid_line .align_right{
	text-align:right;
}




/* Theme Color Blue */

/* Hover states */
.blog_article .biglines a:hover, 			/* big lines text */
.blog_article .details a:hover, 			/* detail article */
.comments_post .user_post p a:hover, 		/* detail article */
#sidebar a:hover, 							/* sidebar */
#network ul li a:hover, 					/* network */
#footer .bottom_nav_1 li a:hover, 			/* bottom menu left */
#footer .bottom_nav_2 li a:hover 			/* bottom menu right */
{
	color:#0787d9;
}

#top_menu a:hover{

	color:#f5b302;
}

.text a:hover{								/* main text*/
	color:#0787d9;
	border:1px dotted #333; border-width:0 0 1px 0;
}

.slogan .linTwo{
	color:#0787d9;
	font-size:33px;
}

#footer .copyvalid_line a:hover{			/* copyright + valid line */
	color:#0787d9;
	border:1px dotted #ccc; border-width:0 0 1px 0;
}

/* Paginate mini slider in sidebar */
#mini_slider #myController span.jFlowSelected {
	 color:#0787d9;
	 font-size:18px;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 padding:0 5px;
}
/* Paginate link states */
.paginate a:hover{ color:#0787d9;}
.paginate a.active{
	color:#0787d9;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
}





.banner_pagine{position:absolute; top:0px; left:0px;}
.albano{width:300px; border:1px solid #CCCCCC; padding:7px; float:left; margin-right:10px; margin-top:6px;}


/*contact form*/

#contactForm{padding-top:15px; padding-bottom:20px;}

#contactForm .input_text{display:block;width:293px;}

#contactForm .formContent{width:430px;}

label span.name{padding:0 0 0 15px;font-style:italic;color:#d81614;font-size:10px; float:right;}


input{border:1px solid #aaa5a2;}

.input{padding:6px;display:block;border:1px solid #aaa5a2;width:280px; margin-bottom:5px;}		

.submit{display:block;cursor:pointer;background:#000;text-align:center;color:#fff;padding:7px 10px;border:none;margin-top:10px;}	

textarea{border:1px solid #aaa5a2;padding:7px;width:415px;overflow:auto;height:80px;font-size:11px;font-weight:normal;}	

	





option{padding:2px 0 0 5px;}

 .date{
	position:relative; border:1px solid blakc;
}
 .date_float{
	background:url(../images/network_h3.png) no-repeat left top;
	float:left;
	text-transform:uppercase;
	padding:0 0 15px 0;
	position:absolute;
	left:-40px;
	top:0px;
	width:130px;
	z-index:20;
}
 .month_year{
	color:#FFF;
	font-size:14px;
	display:block; float:left;
	line-height:14px;
	padding:5px 0 0 5px;
	text-align:center;
	width:55px;
}

 .daily{
	border:1px solid #444; border-width:0 0 0 1px;
	color:#FFF;
	display:block; float:left;
	font-size:36px;
	line-height:35px;
	padding:3px 0 0 0;
	text-align:center;
	width:60px; height:35px;
}

.news_inner{
border-bottom:1px solid #CCCCCC;
padding-bottom:15px;
margin-bottom:40px;

}

.news_inner h3{ font-size:16px !important; margin-left:100px; padding-top:10px; margin-bottom:30px;}

.products {}

.products li{ border:1px solid white; border-bottom:1px solid #cccccc; padding:10px 10px 20px 10px; display:block; margin-bottom:5px;}



#marche a{text-align:center;}


.products .product_img{
float:left; width:140px;  text-align:center; padding-bottom:10px;
}



.product_right{margin-left:140px;}

.products .product_right .title{font-size:16px; padding-bottom:5px; font-weight:bold;}

.products .product_right .price{padding-top:5px; font-size:14px; font-weight:bold;}

.products .product_img_marche{
float:left; width:140px;  text-align:center; padding-top:10px;
}

.banner_status{position:absolute;top:90px; right:22px; font-size:13px; font-weight:bold;}

.banner_status a{text-decoration:none !important;}
.banner_status a:hover{text-decoration: underline !important;}

.prod_link li{ cursor:pointer;}
.prod_link li:hover{border:1px solid black;}

#sent_mail_load{
position:absolute; left:15px; top:70px;height:160px; width:220px; background:#DDDDDD none repeat scroll 0 0; z-index:999; 
text-align:center;
display:none;
}

#sent_mail_load span{font-weight:bold;}
#sent_mail_load a{display:none;}



#sent_contact_load{
position:absolute; left:15px; top:110px; height:500px; width:640px; background:#ffffff none repeat scroll 0 0; z-index:999; 
text-align:center;
display:none;}
#sent_contact_load span{font-weight:bold; font-size:14px;}
#sent_contact_load a{display:none;}

.form_dubbi #sent_contact_load{
position:absolute; left:0px; top:0px; height:410px; width:640px; background:#ffffff none repeat scroll 0 0; z-index:999; 
text-align:center;
display:none;}
.form_dubbi #sent_contact_load span{font-weight:bold; font-size:14px;}
.form_dubbi #sent_contact_load a{display:none;}


.tabella_oculari thead tr{border-bottom:1px solid black;}

.tabella_oculari .omni{width:100px;}
.tabella_oculari .campo{width:280px;}
.tabella_oculari .estrazione{width:180px;}
.tabella_oculari .prezzo{width:100px;}

.home_box_1{height:200px; width:283px; float:left; text-align:center; margin-right:20px; border:1px solid #cccccc; padding:10px; cursor:pointer;}
.home_box_2{height:200px; width:283px; float:left; text-align:center; border:1px solid #cccccc; padding:10px; cursor:pointer;}
.home_box_3{height:130px; width:608px; float:left; border:1px solid #cccccc; padding:10px; margin-top:20px; margin-bottom:20px; cursor:pointer;}
.home_box_4{height:140px; width:608px; float:left; border:1px solid #cccccc; padding:10px; cursor:pointer;}

.home_box_1:hover,
.home_box_2:hover,
.home_box_3:hover,
.home_box_4:hover{border:1px solid black;}