/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/***end reset**********/
body, html
{
	background-color: #dbd9d8;
	color: #282727;
	font-family: 'Oxygen', sans-serif;
	font-size: 13px;
	line-height:20px;
	margin: 0px;
	padding: 0px;
	
}

a
{
	color: #282727; text-decoration:underline;
	opacity:1;
filter:alpha(opacity=100);
-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
		transition: all 0.3s linear;

}
a:hover
{
	opacity:.70;
filter:alpha(opacity=70);

}


h1
{
	font-size: 40px;
	margin-bottom: 20px;
	font-weight: bold;
	color:#226898;
	text-align:center;
}

h2
{
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
}

.big { font-weight:bold; font-size:17px; text-transform:uppercase;}



.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	float: none;
}
.noborder { border-right:none !important;}

.wrappereislider {	position: relative;
	width: 100%;
	}


.wrapper{
	position: relative;
	width: 100%;

}
.container{
	position: relative;
	width: 970px;
	margin:auto;
	padding-top:40px;
}

.container .big-txt { font-size:18px;}


#column_right { width:960px; margin:auto;}
.box{ float:left; width:100%; 
background:#fff; display:block;
-webkit-box-shadow:  1px 1px 1px 1px rgba(136, 136, 136, 0.8);
 box-shadow:  1px 1px 1px 1px rgba(136, 136, 136, 0.8);
 border:5px solid #cccac9; padding-bottom:40px; 
}
.box p{ padding:10px;
}
.box h3
{
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
	background:#c91210;
	color:#FFF;
	padding:5px;
	-webkit-box-shadow:  1px 1px 1px 1px rgba(136, 136, 136, 0.8);
 box-shadow:  1px 1px 1px 1px rgba(136, 136, 136, 0.8);
}
.box p img{ float:left !important; margin:0px 20px 0px 0px;}
.box p { display:block; clear:both; margin:0px 20px 0px 20px !important;}

/*********************mini box prodotti****************/
.boxMini{ float:left; width:240px; 
background:#fff; display:block;
-webkit-box-shadow:  1px 1px 1px 1px rgba(136, 136, 136, 0.8);
 box-shadow:  1px 1px 1px 1px rgba(136, 136, 136, 0.8);
 border:5px solid #cccac9; padding:0px; margin:20px 25px 20px 40px !important;
}
.boxMini p{ padding:10px;
}
.boxMini h3
{
	font-size: 14px;
	margin-bottom: 5px;
	font-weight:900;
	background:#c91210;
	color:#FFF;
	padding:5px;
	-webkit-box-shadow:  1px 1px 1px 1px rgba(136, 136, 136, 0.8);
 box-shadow:  1px 1px 1px 1px rgba(136, 136, 136, 0.8); text-transform:uppercase; line-height:16px;
}
.boxMini p img{ float:left !important; margin:0px 20px 0px 0px;}
.boxMini a { text-align:right; padding:5px; display:block; text-transform:uppercase;}



/*******************************************************/



.imgdida { float:left !important; margin:0px 20px 0px 20px;}
.imgdida .dida{ font-style:italic; font-size:11px; padding:3px;}


#box_materiali { background:#c91210 url(../images/foto_materiali.jpg) no-repeat right; color:#FFF; }
#box_materiali h4{ padding:25px 15px 10px 15px; font-size:16px; font-weight:bold;}
#box_materiali p{ padding:10px; width:570px; background:url(../images/frecc.png) no-repeat right; margin:0px;}
#box_materiali a{ color:#FFF; text-decoration:none;}

.more{ color:#c91210; display:block; font-weight:bold; padding-top:10px; padding-bottom:10px;}
#menu_left{ width:310px; }

#menu_left ul li{ border-bottom:1px solid #a39f9c; }
#menu_left ul li a{ text-decoration:none; padding:10px 10px  10px 30px; display:block; 
font-size:13px; font-weight:bold;
 background:url(../images/frecc.png) no-repeat 280 10;}
#menu_left ul li a:hover{   background:url(../images/frecc.png) no-repeat 290 10 #665c54; color:#fFF;}
#slider { padding-top:0px;}

.reference{
	padding-top: 40px;
}
h1{
	font-size: 62px;
	color: #226898;
	line-height:20px;
	font-family: 'Oxygen', cursive;
}
em { }
 
/* Header Style */
#cont_header{
	
	height:130px;
		background:url(../images/bg_menu.jpg) center repeat-x;
		width:100%;
	
	
}

#header{
	
	height:130px;
	width:980px;
	margin:auto;
	position:relative;
}
#header .logo{
	background:url(../images/logo.png) no-repeat  bottom; width:190px; height:110px !important; float:left;
}
#header .logo50{
	background:url(../images/logo_50.png) no-repeat  top; width:190px; height:80px !important; position:absolute; margin-left:170px; margin-top:20px;
}

#header .languages{ position:absolute; right:0px; height:50px;  line-height:50px; color:#FFF; margin-right:15px; }
#header .languages span{ float:left; margin-top:10px; }
#header .languages a{ float:left; margin-left:3px; margin-right:3px; }
#header .languages a img{ margin-top:20px;}

#header #social { position:absolute; width:200px; text-align:right; left:50%; margin-left:280px; top:10px;} 
#header #social a{ margin:0px 3px 0px 3px} 
#main-body { padding-top:89px; }



#footer{
	width:970px; margin:auto; padding:10px 20px;
	
	position:relative; font-size:11px;
	
}

#footer .adress { background:url(../images/logo_footer.png) no-repeat left; width:550px; float:left; padding-left:160px; padding-top:0px; line-height:13px; height:60px; }     
#footer .adress h2 { font-size:11px; margin-bottom:0px; margin-top:0px;}     
#footer ul  { float:left; 
}

#footer span  { float:right; 
}

#footer ul  li{ float:left; padding-right:20px;
}

#footer .credits  { float:right; 
}
#footer .credits  a{ font-weight:900;
}

#footerbottomBox{
	 margin-bottom:0px !important; padding-bottom:0px !important; background:#fff; height:90px;
}

#footerbottom{
	width:970px; margin:auto; padding:10px;
	position:relative; font-size:11px;
	
}

#footerbottom .copy  {  width:980px; float:left;  padding-top:0px; line-height:12px;} 
#footerbottom .menufooter a { color: #282727; text-decoration:none; text-transform:uppercase;}     
#footerbottom .menufooter { display:block; margin-bottom:10px;}


#footerbottom .credits  { float:right;
}

#content { width:980px;  margin:auto;}


/************INtERNA************************/ 
#box_interna{ width:980px; border:1px solid #ccccce; float:left; margin-top:20px; background:#FFF;  
-webkit-box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, 0.1);
	
	 }

	 
#box_interna .title{ 
 width:160px; text-align:right; text-transform:uppercase; display:block;
color:#FFF;  font-size:33px; text-align:right; line-height:25px;  font-weight:100; position:absolute; top:30px; right:740px; 
 }	
#box_interna .title em{ font-size:22px; color:#fff; display:block; font-style:normal;
 }	
#box_interna .column_right{ 
 float:left; width:730px; border-left:180px solid #6f7785; position:relative;
}
#box_interna .column_right .text{ padding:30px 10px 80px 20px; 
 } 
#box_interna .column_right .text a{  padding:0 !important; float:none !important
 }
#box_interna .column_right .text ul { padding:5px 0px 0px 30px;
 }
#box_interna .column_right .text ul li{ list-style:square; padding:5px 0px 0px 0px;
 }
/*#box_interna .column_right a{ padding:30px 0; color:#606b77; font-weight:bold;  margin:0px; display:block; float:left; line-height:25px; text-decoration:underline;

 }*/

#box_interna .column_right a:hover{ color:#000;
	}
#box_interna .column_right .arrow{
	 display:block; float:left;
 width:0px;
  height:0px;
  border-bottom:15px solid transparent;  
  border-top:15px solid transparent; 
  border-left:10px solid #6f7785; 
  font-size:0px;
  line-height:0px;
  margin-right:5px;
  margin-top:20px;
 }
/**************EVENTI***********/
#box_interna .column_right .eventi{ border:1px solid #CCC; padding:10px 10px 30px ; margin-bottom:10px;  }
#box_interna .column_right .eventi h2{ color:#30bce0; font-weight:800; display:block; font-size:17px;  }
#box_interna .column_right .eventi h3{  font-weight:800; display:block; font-size:15px;  }
.title_eventi { display:block; padding:10px; background:#FFF; color:#30bce0;}

#box_interna .column_right .eventi a{ padding:30px; font-size:13px; display:block; margin-left:40px; text-decoration:underline; }



/**********end interna****************/
 
#box_performance{ width:480px; border:1px solid #ccccce; float:left; margin-top:20px; background:#FFF; margin-left:15px; 
-webkit-box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, 0.1); }
#box_performance .column_left{ 
background:#30bce0; float:left; width:180px; 
color:#FFF;  font-size:25px; text-align:right; line-height:25px; padding:50px 10px; height:150px; font-weight:100;
 }	
#box_performance .column_left span{ 
 font-size:20px; display:block; 
 } 
#box_performance .column_right{ 
 float:left; width:270px; height:150px;
}
#box_performance .column_right ul{ padding:50px 5px 10px 20px;
 }
#box_performance .column_right ul li em{ 
 }
#box_performance .column_right ul li a{ padding:5px; text-transform:uppercase; text-decoration:none; line-height:13px; }
 
 
#box_performance .column_right a{ padding:50px 0; color:#606b77; font-weight:bold;  margin:0px; display:block; float:left; line-height:25px; text-decoration:underline;

 }
#box_performance .column_right a:hover{ color:#000;
	}
#box_performance .column_right span{
	 display:block; float:left;
 width:0px;
  height:0px;
  border-bottom:15px solid transparent;  /* left arrow slant */
  border-top:15px solid transparent; /* right arrow slant */
  border-left:10px solid #30bce0; /* bottom, add background color here */
  font-size:0px;
  line-height:0px;
  margin-right:5px;
 }
 
 #box_eventi{ width:480px; border:1px solid #ccccce; float:left; margin-top:20px; background:#FFF; margin-left:15px; 
-webkit-box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, 0.1); }
#box_eventi .column_left{ 
background:#6f7785; float:left; width:180px; 
color:#FFF;  font-size:35px; text-align:right; line-height:35px; padding:50px 10px; height:80px; font-weight:100;
 }	
#box_eventi .column_left span{ 
 font-size:20px; display:block; 
 } 
#box_eventi .column_right{ 
 float:left; width:270px; 
}
#box_eventi .column_right .text{ padding:30px 10px 10px 20px; 
 }
#box_eventi .column_right { font-size:15px; font-weight:bold; line-height:15px; 
 }
 
#box_eventi .column_right a{ padding:10px 0 0 0; color:#606b77; font-weight:bold;  margin:0px; display:block; float:left; line-height:25px; text-decoration:underline;

 }
#box_eventi .column_right a:hover{ color:#000;
	}
#box_eventi .column_right span{
	 display:block; float:left;
 width:0px;
  height:0px;
  border-bottom:15px solid transparent;  /* left arrow slant */
  border-top:15px solid transparent; /* right arrow slant */
  border-left:10px solid #6f7785; /* bottom, add background color here */
  font-size:0px;
  line-height:0px;
  margin-right:5px;
 }
 
.form { margin-top:30px; border-top:3px solid #CCC; padding-top:10px;}
.form p{ margin:10px;}
.form label { text-align:right; width:120px; display:block; float:left; margin-right:10px;}
.form textarea { width:500px; font-family: 'Oxygen', sans-serif; padding:5px; }
.form input { width:500px; font-family: 'Oxygen', sans-serif; padding:5px; }
.form h1{
	font-size: 15px;
	color: #30bce0;
	line-height:20px;
	font-weight:800;
 text-align:center; display:block;
}
div.form .right{ width:550px;display:block; float:right; background:none;  position:relative; font-size:12px; margin-bottom:20px;}
div.form .right:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* menu::base */
.no-js nav li:hover ul { display:block; }

#topNav { position:absolute ;  top:80px; height:45px; width:970px; left:50%; margin-left:-485px !important;  background:url(../images/separatori.png) repeat-y left; z-index:99999; }


#topNav {  position:relative; width:970px; display:block; font-family: 'Roboto', sans-serif; float:left; }
#topNav ul { padding:0; margin:0; }
#topNav li { position:relative; float:left; list-style-type:none; position:relative; background:url(../images/separatori.png) repeat-y right; }
#topNav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#topNav li a { display:block; color:#fff; text-decoration:none; font-size:12px; width:110px; text-transform:uppercase; font-weight:bold;
text-align:center; height:46px; line-height:40px; 
text-shadow: 0px 0px 0px #ffffff;
filter: dropshadow(color=#ffffff, offx=0, offy=0);

}
#topNav li a:hover {  background:#fff ; text-shadow: 1px 1px 10px #ffffff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1); color:#000;   }

#topNav li a:focus { outline:none; text-decoration:underline; }
#topNav li:first-child a { border-left:none; }
#topNav li.last a { border-right:none; }
#topNav a span { display:block; float:right; margin-right:10px; font-weight:100; font-size:20px; color:#e29190;}
#topNav a em { }
#topNav ul ul { display:none; width:100%; position:absolute; left:0; background:#f1f1f1; min-width:200px;  }
#topNav ul ul li { float:none; }
#topNav ul ul li  em{ }
#topNav ul ul a { border-left:none; border-right:none; color:#6a6a6a;  min-width:200px;}
#topNav ul ul li a:hover{  color:#FFF; background:none #d46b6a !important;}

#topNav .mini-menu a{ line-height:15px; padding-top:10px; height:36px;}
/* CSS3 */
.menu-ar li a { font-size:18px !important;}


.borderradius nav ul ul { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.boxshadow.rgba nav ul ul { background-color:rgba(255,255,255,0.5); -moz-box-shadow:2px 2px 2px rgba(255,255,255,0.8); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8); box-shadow:2px 2px 2px rgba(255,255,255,0.8); }
/****se vuoi puoi inserire il triangolo**/
.csstransforms ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);  }


/****end menu**/


/********HOME**********/
.logo a{ display:block; width:120px; height:110px; border-bottom:0px;}
.boxhome { margin-bottom:10px;}
.boxhome:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.boxhome p { }

.boxProdotti { width:460px; float:left; height:280px; position:relative; margin-bottom:50px; padding-left:20px;border-right:3px solid #ddd9cc; margin-top:20px;  }
.boxProdotti ul li{  font-size:18px;}

.boxProdotti img{ float:right; margin:0px 10px 0px 10px; vertical-align:middle;}
.boxProdotti p{ padding:15px 0px;}
.boxProdotti h2 {  font-family: 'Oxygen', serif; font-size:38px; color:#aca287; margin-bottom:10px;  display:block;}
.boxProdotti h3 {  font-family: 'Oxygen', serif; font-size:25px; color:#aca287; margin-bottom:10px;  display:block; font-weight:bold;}
.boxProdotti h3 span{  font-family: 'Oxygen', serif; font-size:20px;  margin-bottom:10px;   font-weight:bold; display:block;}
.mini{ font-size:28px !important; line-height:30px;}


/***********pagine interne***/
.testo {
	padding: 10px;
	line-height: 22px;
	text-align: center;
}
.testo p{ padding-bottom:10px; }

.testo h2{ color:#9e9478 !important; font-size:18px; margin-bottom:10px; line-height:22px;}

.testo img{ float:right; margin:10px;}
#sliderStaticAzienda { background:url(../images/header/01.jpg) no-repeat top; display:block; margin:auto; height:280px; width:100%; padding-top:90px;}
#map {	width: 960px; height: 400px; border-color:#F0EDA5; border-width:thin; border-style:solid;
}

#campologin { width:80%; margin:0 0 0 180px;} 

#campologin h1{ font-size:18px; text-align:left; color:#333} 

#campologin ul li{ display:block; width:80%; margin:auto;  width:300px; float:left} 
#campologin ul li label { display:block; } 
#campologin ul li input { width:290px; } 
#campologin .mesaggio { width:600px !important; font-weight:bold}
#campologin .mesaggio textarea{ width:590px !important; height:110px;}
.btn 
{ margin:40px 0px 0px 230px}
.btn a 
{
	width:200px !important; text-align:center;
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
	background:#c91210;
	color:#FFF !important;
	padding:5px 50px;
	-webkit-box-shadow:  1px 1px 1px 1px rgba(136, 136, 136, 0.8);
    box-shadow:  1px 1px 1px 1px rgba(136, 136, 136, 0.8);
	
}