/* ****************************************** */
/* ** BODY ********************************** */
body#body {
font-size: 11px ; 
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	
background: #d5d6d7 url(http://www.officina-creativa.net/officinashare/media/OfficinaCreativa/patterns/bkpattern-le-01.jpg);
color: #333;
margin:0; 
padding: 0;
text-align: left;
}

html,body,form,fieldset,img,object{border:0;}
div.clear { clear:both}
div.right { float:right}
div.left { float:left}
li{ list-style-position:inside;}

/* ****************************************** */
/* ** HEADER ******************************** */
/* #header-all */
#header-all { margin-bottom: 2em;}
#header-all  * { margin:0; padding:0; border:0; text-align:left;font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 10pt; line-height:1.3;}
/* #header-banner :start */
#header-banner{ height:100px; background: url(http://www.officina-creativa.net/officinashare/media/OfficinaCreativa/web-header/le-01/header4_02.png) repeat top left;}
#header-banner-wrapper{background: url(http://www.officina-creativa.net/officinashare/media/OfficinaCreativa/web-header/le-01/header4_01.png) no-repeat top left;height:100px; margin:0; padding:0;}
#header-banner-container{  float:right; width:555px;margin:0; padding:0;}
#header-banner h1{ float:right; width:437px;}
#header-banner-container div{ float:right; width:113px; margin:0; padding:0;}
#header-banner-container h1,
#header-banner-container h2,
#header-banner-container div{ display:inline; margin:0; padding:0;}
#header-banner-container img{ display:block;}
/* #end-header-banner :end */
/* #header-navigation :start */
#header-navigation{border-top:3px solid #700;  background-color:#600; width:100%; min-width:600px;}
/*#header-banner{ height:100px;text-align:center; display:none;}*/
#header-navigation ul{ margin:5px; padding:0;}
#header-navigation li{display: inline; font-size:1.2em;}

#header-navigation a { padding:0 6px;margin-right:3px;color: #fff;text-decoration:none;}
#header-navigation a:hover,
#header-navigation .active{background-color: #fff;color: #b23;text-decoration: none;}
#header-menu-left ul{ float:left;}
#header-menu-right ul{ float:right;}





/* ****************************************** */
/* ** Layout and Columns ******************** */
div#oclayout{margin:40px auto;}
div#oclayout * { margin:0; padding:0; border:0; line-height:1.3em;}
div#oclayout.oneColumn{width:560px;}
div#oclayout.twoColumns{width:930px;}
div#column1{ background: #fff;	width:560px; text-align:left;}
div#column2{ width:370px; text-align:left;}
div#column1-top{ background: #fff;	height:10px; width:560px;}
div#column1-content{  padding:20px;}
div#column1-bottom{background: #fff; height:20px; width:560px;}

div#oclayout h1{
background-color : #981b1f;
padding : 15px 10px;
color : #ffffff;
font-family : 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight : bold;
}
div#oclayout h1 a, div#layout h1 a:hover, div#layout h1 a:visited{
color : #ffffff;
text-decoration:none;
}

div#oclayout h2{
padding : 10px 0;
color : #f00;
font-family : 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight : bold;
}


div#oclayout a { color : #06c; text-decoration : none;}
div#oclayout a:hover { color : #147; text-decoration : underline;}