/* CSS Document */

/*body{
background-attachment: fixed;
background-size:contain;
background-image: url(http://www.barattasrl.it/uploads/images/interfaccia/bgk-body-b.jpg);
margin-top:25px;
padding:0;
line-height: 1.5em;
border:#000 solid 0px;
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
}*/



.flex {max-width: 100%}


body:last-child .box-shadow {
/* Remove filter from IE9 */
filter: none;
}

h3 {
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
}

b{font-size: 110%;}
em{color: red;}


a:link {
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
color:#000;
text-decoration:none;
}
a:visited {
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
color:#000;
text-decoration:none;	
}
a:hover {
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
color:#fff;
text-decoration:underline;
}
a:active {
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
color:#000;
text-decoration:none;
}


#maincontainer{
background-color:#bad223;
width: 990px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border:solid 1px #e9e9e9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 5px 5px 5px #999999; /*Ombreggiatura contenitore*/
behavior: url(http://www.barattasrl.it/css/ie-css3.htc);
}

#topsection{
background-image:url(http://www.barattasrl.it/uploads/images/interfaccia/bgk-testa.jpg);
background-position:left;
background-repeat:no-repeat;
background-size:contain;
/*background-color:#666;*/
width:auto;
height: 150px; /*Height of top section*/
border:#F00 solid 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 margin-bottom:0px;
 behavior: url(http://www.barattasrl.it/css/ie-css3.htc);
}

#topbarrasection {
background-image:url(http://www.barattasrl.it/uploads/images/interfaccia/bgk-bottone-nav.jpg);
height: 31px; /*Height of top section*/
border-bottom:#666 solid 1px;
margin-bottom:0px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
behavior: url(http://www.barattasrl.it/css/ie-css3.htc);
text-align:left;
}

#topbarrasectionDX {
position:relative;
height: 29px; /*Height of top section*/
border:#Ff0 solid 0px;
float:left; 
display:block;
}

#topbarrasectionSX{
height: 29px; /*Height of top section*/
border:#fff solid 0px;
float:right; 
display:block;
}

#breadcrumbs {
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-align:left;
color:#FFF;
width:990px;
height: 15px; /*Height of top section*/
border:#000 solid 0px;
line-height:14px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
height: auto !important;  /* per i browser moderni */
height: 550px;      /* per IE5.x e IE6 */
min-height: 550px;  /* per i browser moderni */
width: 990px;
border:#000 solid 0px;
background-image:url(http://www.barattasrl.it/uploads/images/interfaccia/bgk-content.jpg);
}

#contentcolumn{
margin-left: 215px; /*Set left margin to LeftColumnWidth*/
margin-right:0px;
border:#000 solid 0px;
/*min-height:1000px;*/
text-align:justify;
}

#contentcolumnall{
width:990px;
margin-right:0px;
border:#000 solid 0px;
text-align:left;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
/*height:1000px;*/
margin-left: -1002px; /*Set left margin to -(MainContainerWidth)*/
border:#0000FF solid 0px;

}


#contentleftcolun{
position: relative;
z-index: 1; 
float: left;
margin:15px;
width: 195px; /*Width of left column*/
height: auto !important;  /* per i browser moderni */
height: 500px;      /* per IE5.x e IE6 */
min-height: 500px;  /* per i browser moderni */
border:#aec043 solid 1px;
background-image:url(http://www.barattasrl.it/uploads/images/interfaccia/bgk-colonna-sx.jpg);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: #666 3px 3px 6px;
-moz-box-shadow: #666 3px 3px 6px;
-webkit-box-shadow: #666 3px 3px 6px;
/*background: #bad223;*/
}

body.ie6 #contentleftcolun,
body.ie7 #contentleftcolun,
body.ie8 #contentleftcolun {
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=2, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=5, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=2, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=2, Direction=270),

behavior: url(http://www.barattasrl.it/PIE/ie-css3.htc);


}







#footer{
clear: left;
background-color:#666;
height: auto !important;  /* per i browser moderni */
height: 150px;      /* per IE5.x e IE6 */
min-height: 150px;  /* per i browser moderni */
width: auto;
color: #FFF;
text-align: center;
border:#Ff0 solid 0px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
behavior: url(http://www.barattasrl.it/css/ie-css3.htc);
}


#menupiede {
/*clear: left;*/
width: 990px;
/*height:170px;*/
color: #FFF;
border: solid 0px #000;;
}

#copyright {

width: 100%;
color: #FFF;
border: solid 0px #000;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.marginicontenuti{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
max-width:85%;
/*margin-top: 0;*/
}

#sfondo {
position:fixed; 
top:0; 
left:0; 
width:100%; 
height:100%; 
z-index:-1;
}


/*Banner mobile fondo pagina*/
 

.boximg {
background-color:#e2eda1;
border:1px solid #c6c6c6;
margin-top:25px;
box-shadow: 5px 5px 5px rgba(60, 60, 60, 0.28);
}

.bordo {
background-color:#e2eda1;
border:1px solid #999999;
padding:3px;
box-shadow: 4px 4px 4px rgba(60, 60, 60, 0.28);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align:left;
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
}

body.ie6 bordo,
body.ie7 bordo
body.ie8 bordo {
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=2, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=5, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=2, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=2, Direction=270),
behavior: url(http://www.barattasrl.it/PIE/ie-css3.htc);
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
}
/* Stylesheet: generale Modified On 2013-06-04 16:25:24 */
/* CSS Document */

.arrowlistmenu{
width: 100%; /*width of menu*/
border:0px solid #ff0000;
text-align:left;
}

.arrowlistmenu .headerbar{
font: bold 12px Arial;
color: white;
background: black url(../../uploads/images/interfaccia/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 3px 0 3px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/

}

.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
border-bottom: 1px solid #ffffff;
}

.arrowlistmenu ul li a{
color: #000000;
/*background: url(../../uploads/images/interfaccia/arrowbullet.png) no-repeat center left;*/ /*custom bullet list image*/
display: block;
padding: 2px 0;
/*padding-left: 19px;*/ /*link text is indented 19px*/
text-decoration: none;



}

.arrowlistmenu ul li a:visited{
color: #000000;

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000000;
text-decoration: none;
font-weight:bold;
background-color: #dbe88e;
}

.arrowlist{
width: 195px; /*width of menu*/
border:0px solid #000000;
text-align:left;
}

.arrowlist .headerbar{
font: bold 12px Arial;
color: white;
background: black url(../../uploads/images/interfaccia/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 3px 0 3px 10px; /*header text is indented 10px*/
}

.arrowlist ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/

}

.arrowlist ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
border-bottom: 1px solid #ffffff;
}

.arrowlist ul li a{
color: #000000;
/*background: url(../../uploads/images/interfaccia/arrowbullet.png) no-repeat center left;*/ /*custom bullet list image*/
display: block;
padding: 2px 0;
/*padding-left: 19px;*/ /*link text is indented 19px*/
text-decoration: none;



}

.arrowlist ul li a:visited{
color: #000000;

}

.arrowlist ul li a:hover{ /*hover state CSS*/
color: #000000;
text-decoration: none;
font-weight:bold;
background-color: #dbe88e;
}

/* Stylesheet: arrowlistmenu Modified On 2013-06-04 16:22:19 */
#footer ul {
/* some margin is set in the footer padding */
   margin: 0;
/* calling a specific side, left in this case */
   margin-left: 100px;
   padding: 0;
/* remove any default bullets, image used in li call */
   list-style: none;
   border:0px solid #ff0000;
}
#footer ul li {
   
   width:120px;
   text-align:left;
   border:0px solid #fff;
/* remove any default bullets, image used for consistency */
   list-style: none;
/* float left to set first level li items across the top */
   float:left;
/* a little margin at top */
   margin: 5px 20px 5px 10px;;
/* padding all the way around */
   padding: 5px;
/* you can set your own image here, used for consistency */
   background: url(https://barattasrl.it/uploads/ngrey/dot.gif) no-repeat left 10px;
}
#footer ul li a {
/* this will make the "a" link a solid shape */
   display:block;
   margin: 2px 0px 4px;
   padding: 0px 5px 5px 5px;
   color:#ffffff;
}
/* set h3 to look like "a" */
#footer li h3 {
   font-weight:normal;
   font-size:100%;
   margin: 2px 0px 2px 0px;
   padding: 0px 5px 5px 5px;

}
/* set h3 to look like "a", less margin at this level */
#footer li li h3 {
   font-weight:normal;
   font-size:100%;
   margin: 0px;
   padding: 0px 5px 5px 5px;

}
#footer ul li li {
/* remove any default bullets, image used for consistency */
   list-style: none;
/* remove float so they line up under top li */
   float:none;
/* less margin/padding */
   margin: 0px;
   padding: 0px 0px 0px 5px;
/* you can set your own image here, used for consistency */
   background: url(https://barattasrl.it/uploads/ngrey/dot.gif) no-repeat left 3px;

}
/* fix for IE6 */
* html #footer ul li a {
   margin: 2px 0px 0px;
   padding: 0px 5px 5px 5px;
}
* html #footer ul li li a {
   margin: 0px 0px 0px;
   padding: 0px 5px 0px 5px;

}
/* End fix for IE6 */
#footer ul ul {
/* remove float so they line up under top li */
   float:none;
/* a little margin to offset it */
   margin: 0px 0px 0px 8px;
   padding: 0;

}
#footer ul ul ul {
/* remove float so they line up under li above it */
   float:none;
/* a little margin to offset it */
   margin: 0px 0px 0px 8px;
   padding: 0;

}
/* Stylesheet: Navigation: FatFootMen Modified On 2013-04-15 10:42:37 */