/*
    verde: #8cc63f
    verde-web: #9c3
    verde-beige: #b7b15c
    verde-scuro: #690;
    grigio: #c6c8ca
    grigio-web: #ccc
    grigio-scuro: #908e8e
    blu: #003655 (003352) -> 003355 (websafe)
*/

/* DEBUG */

/*
#header{ border: 1px solid blue; }
#footer{ border: 1px solid aqua; }
#col_sx{ border:1px solid green; }
#content{ border:1px solid red; }
*/

/* GENERIC */

* {margin: 0; padding: 0;}

.bold{font-weight: bold;}
.block{display:block;}
.inline{display:inline;}
.right{text-align: right;}
.center{text-align: center;}

body{
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    font-size: 0.9em;
    color: #000;
    line-height: 1.5em;
    background-color: #8cc63f;
}

img{border: 0;}

h1{
    color: #690;
    margin: 20px 0;
}

h2{
    color: #908e8e;
    margin: 20px 0 10px 0;
}

h3{
    margin: 6px 0;
}

ul, ol{
    margin-left: 40px;
}

p{
    font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, Verdana, sans-serif;
    margin: 4px 0;
}

p.example{
    margin: 10px 20px;
    padding: 10px;
    border: 1px dotted #908e8e;
    /*background-color: #eee;*/
    background: transparent url('../images/bkg_grey_alpha_30.png');
}

a:link, a:visited{
    color: #690;
    font-weight: bold;
    text-decoration: underline;
}
a:hover, a:active{
    text-decoration: none;
    border-bottom: 1px solid #690;
}
a.external{
    background: transparent url('../images/ico_ext_link.gif') no-repeat center right;
    padding-right: 13px;
}

a.follow{
    font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    display: block;
    border: 1px solid #690;
    padding:6px;
    text-align:center;
    background: transparent url('../images/bkg_grey_alpha_30.png');
}

#col_sx_submenu{
    width: 198px;
}

#col_sx_submenu a{
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius: 0 6px 0 6px;
    border-radius: 0 6px 0 6px;
    border: 2px solid #690;
    background-color: #8cc63f;
    /*border: 2px solid #035;
    background-color: #8cc63f;*/
    text-align: center;
    padding: 4px;
    font-weight: bold;
    color:#fff;
    text-decoration: none;
    display: block;
    margin: 4px 0;
}


#file_download_box{
    padding: 4px;
    font-size: 0.9em;
    margin-top: 4px;
}

#logged_user_box{
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius: 0 6px 0 6px;
    border-radius: 0 6px 0 6px;
    border: 2px solid #f90;
    background-color: #fc9;
    padding: 4px;
    font-size: 0.9em;
    margin-top: 4px;
}
#logged_user_box a{
    display: inline;
    border-width: 1px;
}

#content li{
    font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Verdana, sans-serif;
}

#frm_result.ok{
    border: 2px solid #690;
    background-color: #cbed86;
    padding: 4px;
}

#frm_result.ko{
    border: 2px solid #8f0000;
    background-color: #ec9898;
    padding: 4px;
}

#frm_result.ko a{
    color: black;
    border-color: black;
}

/* LAYOUT */

#header{
    position: relative;
    background-color: #035;
    padding: 8px 0 0 0;
    border-top: 10px solid #690;
    border-bottom: 2px solid #690;
}

#main_container{
    position:relative;
    clear: both;
    max-width: 980px;
    width: 980px;
    padding-bottom: 6px;
    margin: auto;
    background-color: #fff;
}

#col_sx{
    background-color: #fff;
    float: left;
    width: 198px;
    padding: 4px 0 0 10px;
}

#content{
    background: #fff url('../images/bkg_tree_faded.jpg') no-repeat bottom right;
    float:right;
    width:752px;
    padding: 10px 10px 10px 0;
}

#footer{
    clear: both;
    padding: 2px;
    font-size: 0.7em;
    background-color: #035;
    color: #fff;
    border-top: 2px solid #690;
    border-bottom: 10px solid #690;
    text-align: center;
}

/* HEADER CONTENT */

#inner_header{
    position:relative;
    width: 972px;
    margin: auto;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    background-color: #fff;
    padding: 4px;
}

#inner_header img{
    display: block;
}

#inner_header ul{
    position:absolute;
    right:10px;
    bottom:0;
    list-style-type: none;
}
#inner_header ul li{
    margin-left: 4px;
    display:block;
    float: left;
    /*line-height:1.4em;*/
}

#inner_header a{
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    border: 2px solid #690;
    border-bottom-width: 0;
    background-color: #8cc63f;
    text-align: center;
    padding: 4px 10px;
    font-size: 0.8em;
    font-weight: bold;
    color:#fff;
    text-decoration: none;
    display: block;
}
/*#inner_header a:link, #inner_header a:visited{}*/

#inner_header a:hover, #inner_header a:active, #inner_header a.current,
#col_sx_submenu a:hover, #col_sx_submenu a:active, #col_sx_submenu a.current{
    background-color: #690;
    /*background-color: #035;*/
}

/* UTILITY BAR */

#bottom_header{
    width: 960px;
    height: 22px;
    margin: auto;
    background-color: #690;
    color:#fff;
    font-weight: bold;
    padding: 4px 10px 2px 10px;
    text-align:right;
}

/*
#btn_src_products{
    height:22px;
    width:22px;
    border:0;
    background-color: #eee;
    cursor: pointer;
    background: #eee url('../images/ico_search_16.gif') no-repeat center center;
    vertical-align:top;
}
*/

#btn_login_small{
    height: 22px;
    width: 22px;
    border: 0;
    background-color: #eee;
    cursor: pointer;
    vertical-align: bottom;
}

#bottom_header input{
    border: 0;
    padding: 1px 2px;
    height: 20px;
    background-color: #eee;
    margin-right: 4px !important;
}

#bottom_header input:focus{
    background-color: #fff;
}

#bottom_header a:link, #bottom_header a:visited{
    padding: 2px 4px;
    border: 1px solid #fff;
    background-color: #8cc63f;
    text-align:center;
    color: #fff;
    text-decoration: none;
}
#bottom_header a:hover, #bottom_header a:active{
    background-color: #690;
}

/* HOME CONTENT */

#home_promo{
    padding-top:6px;
    text-align:center;
}
#home_promo img{
    border:1px solid #c6c8ca;
}



.home_title{
    float:left;
    max-width:313px;
    width: 313px;
    margin: 8px 0 0 10px;

}

.home_title h1{
    font-size: 1.2em;
    margin: 0;
    padding: 2px 4px;
    background-color: #8cc63f;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    color:#fff;
}

/*
.home_title p{
    padding: 4px;
    line-height: 1.3em;
    background-color: #eee;
    border-left: 1px solid #c6c8ca;
    border-right: 1px solid #c6c8ca;
}
*/

.home_title div{
    padding: 4px;
    line-height: 1.2em;
    height: 146px;
    background-color: #eee;
    border-left: 1px solid #c6c8ca;
    border-right: 1px solid #c6c8ca;
 }

.home_title div ul{
    margin-left: 20px;
}
.home_title div ul li{
    margin: 4px 0;
}

.home_title a:link, .home_title a:visited{
    display: block;
    color: #fff;
    font-weight: bold;
    text-align:right;
    text-decoration: none;
    background: #690 url('../images/arrow_right_green.gif') no-repeat 293px 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    padding: 2px 24px 2px 2px;
    border: 0;
}
.home_title a:hover, .home_title a:active{
    /*background-color: #b7b15c;*/
    background-color: #c6c8ca;
}

/* FORMS */

form.generic label{
    display:block;
    margin-top: 10px;
    font-weight: bold;
}
form.generic input{
    width: 250px;
}
form.generic textarea, form.generic input, form.generic select{
    border: 1px solid #690;
    padding: 2px;
}
form.generic button{
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    margin-top: 10px;
    border: 1px solid #690;
    padding:4px;
    background-color: #8cc63f;
}
form.generic button:hover{
    background-color: #690;
}

/* PRODUCTS PAGE */

#company_data{
    padding: 4px 2px 10px 2px;
    height:120px;
    min-height: 120px !important;
}
#company_data img{
    border: 1px solid #000;
    margin-right: 10px;
}

div.result{
    position: relative;
    width: 752px;
    margin-bottom: 8px;
}
div.rodd{
    background-color: #eee;
}
div.img_thumb{
    float: left;
    width: 80px;
}
div.img_thumb form{
    text-align: right;
    font-weight: bold;
    font-size: 0.8em;
    padding: 0 0 2px 0;
    /*margin-top: -2em;*/
}

div.img_thumb form span{
    color: #f90;
}

div.img_thumb input, form.cart input{
    width: 2.5em;
    margin: 0 0 0 6px;
}
div.img_thumb button, form.cart button{
	border: 1px solid #669900;
	border-radius: 0px 6px;
	text-align: center;
	padding: 4px;
	font-weight: bold;
	color: #ffffff;
	background: #8cc63f;
	margin: 6px 0px 0px;
	font-size: 0.9em;
	width: 80px;
}
div.rcontent{
    float:left;
    padding-left: 8px;
    width: 664px;
}
div.rcontent h1{
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}
/*div.rprice{
    position: relative;
}*/
div.rprice form{
    text-align: right;
    font-weight: bold;
    font-size: 0.8em;
    padding: 0 4px 2px 0;
    margin-top: -2em;
}

div.rprice form span{
    color: #f90;
}

div.rprice input, form.cart input{
    width: 2.5em;
    margin: 0 6px;
}
div.rprice button, form.cart button{
    width: 8em;
    padding: 0 4px;
    cursor: pointer;
    border: 1px solid #690;
    background-color: #8cc63f;
    text-align:center;
    color: #fff;
}

/* VIEW CART */

table.cart{
    width: 100%;
    border: 0;
    margin: 8px 0;
    border-bottom: 1px solid #690;
}
table.cart thead tr{
    background-color: #690;
}
table.cart th{
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 2px;
    margin: 0;
}
table.cart td{
    padding: 2px 4px;
    margin: 0;
}
tr.odd{
    background-color: #eee;
}
table.cart tfoot{
    background-color: #9c3;
    font-weight: bold;
    text-align: right;
}

.searchbox {
	border: 2px solid #ff9900; 
	background: #ffcc99; 
	padding: 4px; 
	font-size: 0.9em; 
	margin-top: 4px; 
	border-radius: 0px 6px;
}

.searchbox input[type=submit] {
	border: 1px solid #669900;
	border-radius: 0px 6px;
	text-align: center;
	padding: 4px;
	font-weight: bold;
	color: #ffffff;
	background: #8cc63f;
	margin: 4px 0px;
	font-size: 0.9em;
	width: 80px;
}

a.prodlink, a.prodlink:hover {
	text-decoration: none;
}

h1.prodname {
	background: #f3f3f3;
	padding: 10px;
	line-height: 26px;
}