/* CSS Document */

/*

blu resinflex: #309FBF;

*/

* { font-family:Arial; font-size:11px; color:#797979; outline:none; }
html,body { background-color:#2A8CA6; }

h1, h2, h3 { font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
h1 { font-size:26px; line-height:26px; }
h2 { font-size:20px; line-height:20px; color:#666; }
h3 { font-size:18px; line-height:18px; }
h4 { font-size:14px; line-height:16px; }
p, td, th { line-height:20px; margin-top:5px; margin-bottom:5px; }
th { font-weight:bold; }
td { line-height:20px; }
hr { background-color:#E6E6E6; border:none; color:#E6E6E6; height:1px; }
select { width:100%;}

a.arrowBottomLink { color: #25728A; padding-left:13px; font-size:12px; font-weight:bold; line-height:30px; background-image:url(../images/arrow-bottom.gif); background-position:left 6px; background-repeat:no-repeat; }
a.classic { line-height:16px; color:#25728A; text-decoration:underline; }
a.selected { font-weight:bold; }

/* generiche */
.bold { font-weight:bold; }
.blue { color:#25728a; }
.gray { color:#797979; }
.gray-strong { color:#636363 }
.label { margin-left:10px; }
.fitWidth {display:block; }
.halfWidth { width:50%; }
.line { background-color:#E6E6E6; height:1px; width:100%; line-height:0px; margin-top:5px; margin-bottom:5px; font-size:1px; }
.line2margin { background-color:#E6E6E6; height:1px; width:100%; line-height:0px; margin-top:10px; margin-bottom:10px; font-size:1px; }
.alignright { text-align:right; }
.biglink { font-size:12px; font-weight:bold; text-decoration:underline; padding-left:25px; background-image:url(../images/icon-biglink.gif); background-position:left; background-repeat:no-repeat; }
/* fine generiche */

#container { width:820px; margin:0 auto; }

#top { position:relative; height:194px; width:820px; }
#bottom { position:relative; height:135px; width:820px; clear:both; }
#top .logo { position:absolute; display:block; top:20px; left:35px; height:152px; width:219px; background-image:url(../images/logo-trans.png); background-repeat:no-repeat; }
#bottom .logo { position:absolute; display:block; bottom:50%; margin-bottom:-43px; right:0; height:93px; width:136px; background-image:url(../images/logo-bottom.jpg); background-repeat:no-repeat; background-position:top left; }

.languagebox { position:absolute; top:18px; right:0; width:100%; }
.languagebox ul { display:inline; float:right; margin-right:11px; }
.languagebox ul li { text-align:left; font-size:12px; color:#FFF; float:left; line-height:17px; }
.languagebox ul li a { display:block; font-size:12px; color:#FFF; text-decoration:underline; padding-right:10px; border-right: 1px solid #6aafc1; margin-left:10px; padding-left:25px; }
.languagebox ul li a.selected { text-decoration:none; font-weight:bold; }
.languagebox ul li.en a { background-image:url(../images/flag-eng.gif); background-position:left 3px; background-repeat:no-repeat; }
.languagebox ul li.it a { background-image:url(../images/flag-ita.gif); background-position:left 3px; background-repeat:no-repeat; }
.languagebox ul li.ru a { background-image:url(../images/flag-ru.gif); background-position:left 3px; background-repeat:no-repeat; border:none; }

#corpo { position:relative; width:820px; padding-left:11px; overflow:hidden; background-image:url(../images/corpo-sfondo.jpg); background-repeat:repeat-y; }
#corpo #sfondo-top { position:absolute; top:0; left:0; display:block; height:20px; width:820px; background-image:url(../images/corpo-sfondo-top.jpg); background-repeat:no-repeat; background-position:top; }
#corpo #sfondo-bottom { position:absolute; bottom:0; left:0; display:block; height:20px; width:820px; background-image:url(../images/corpo-sfondo-bottom.jpg); background-repeat:no-repeat; background-position:bottom; }

#bottom .contacts { position:absolute; right:156px; margin-top: 20px; margin-bottom:20px; }
#bottom .contacts li { text-align:right; color:#FFF; font-size:12px; }
#bottom .contacts li a { color:#FFF; text-decoration:underline; font-weight:bold; }

#corpo #menu { position:relative; display:block; height:84px; width:802px; margin-bottom:0; margin-top:1px; background-image:url(../images/menu-sfondo.jpg); background-repeat:no-repeat; background-position:-1px 0px; }
#corpo #menu li { float:left; width:131px; text-align:center; height:82px; margin-top:1px; margin-left:1px; margin-right:1px; }
#corpo #menu li a { cursor:pointer; font-size:13px; display:block; width:131px; line-height:81px; height:81px; }

#corpo #menu li.selected { border-bottom:1px solid #309FBF; border-right:1px solid #309FBF; overflow:hidden; margin-left:0; }
#corpo #menu li.default.selected {  }
#corpo #menu li.last.selected { border-right: none; width:131px; margin-left:2px; }

#corpo #menu li.first.selected a { height:84px; background-image:url(../images/menu-first-sfondo-selected-trans.png); background-position:top left;  }
#corpo #menu li.last.selected a { height:84px; background-image:url(../images/menu-last-sfondo-selected-trans.png); background-position:top right;  }
#corpo #menu li.default.selected a { height:84px;  background-image:url(../images/menu-default-sfondo-selected.jpg); background-repeat:repeat-x; }

#corpo #menu .selected a { color:#FFF; font-weight:bold; }

.bar { position:relative; display:block; height:20px; width:798px; margin-bottom:1px; background-color:#309FBF; }

#corpo #welcome { display:block; width:798px; height:250px; margin-bottom:1px; background-image:url(../images/welcome-image.jpg); background-repeat:no-repeat; background-position:top left; }

#path { line-height:29px; color:#414141; font-size:11px; display:block; height:29px; width:798px; margin-left:0; text-indent:20px; padding-bottom:2px; background-image:url(../images/path-bg.jpg); background-repeat:repeat-x; background-position:top; }
#path a { color:#006e8b; font-weight:bold; margin-left:3px; padding-right:3px; }
#path a.item { font-weight:normal; background-image:url(../images/arrow-right.gif); background-position:left 5px; background-repeat:no-repeat; padding-left:13px; }


#spalla { float:left; width:215px; padding-left:10px; padding-top:20px; }
#contenuti { float:left; margin-left:11px; width:553px; padding-top:20px; }


.box { position:relative; overflow:hidden; background-color:#F2F2F2; height:100%; width:100%; }
.box h3 { color:#FFF; font-size:13px; font-weight:bold; background-color: #309FBF; height:50px; text-indent:20px; line-height:50px; margin-right:0; padding:0; }
.box p { line-height:16px; }
.box .title { font-size:12px; font-weight:bold; }
.box .boxcontent { padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:19px; }


.box .tl { position:absolute; display:block; height:50px; width:21px; top:0px; left:0px; background-image:url(../images/box-header-left.jpg); background-position:top left; background-repeat:no-repeat; }
.box .tr { position:absolute; display:block; height:50px; width:21px; top:0px; right:0px; background-image:url(../images/box-header-right.jpg); background-position:top right; background-repeat:no-repeat; }
.box .bl { position:absolute; display:block; height:20px; width:21px; bottom:0px; left:0px; background-image:url(../images/box-bottom-left.jpg); background-position:bottom left; background-repeat:no-repeat; }
.box .br { position:absolute; display:block; height:20px; width:21px; bottom:0px; right:0px; background-image:url(../images/box-bottom-right.jpg); background-position:bottom right; background-repeat:no-repeat; }

.nuvola { position:relative; }
.nuvola a.data { text-align:center; position:absolute; top:2px; left:0; display:block; width:44px; height:46px; background-image:url(../images/nuvola.gif); background-position:top left; background-repeat:no-repeat; }
.nuvola a.data em { color:#0285b2; font-weight:bold; font-size:12px;  line-height:14px; display:block; padding-top:4px; }
.nuvola a.data span { display:block; font-weight:normal; color:#0285b2; }
.nuvola p { margin-left:60px; }

#loginbox { position:absolute; top:72px; right:19px; width:310px; }
#loginbox input[type=text], #loginbox input[type=password] { font-size:11px; text-indent:5px; margin-rigth:10px; border:0; background-image:url(../images/input-sfondo.jpg); width:113px; line-height:26px; padding-top: 7px; height: 19px;  }
#loginbox input[type=submit] { margin:0; cursor:pointer; border:0; background-image:url(../images/button-login-sfondo.jpg); width:66px; height:26px; line-height:26px; }
#loginbox input[type=checkbox] { vertical-align:sub; }

#loginbox p { color:#fff; display:block; height:26px; width:310px; line-height:26px; }
#loginbox p.rem { border-bottom: 1px solid #69aabb; }
#loginbox p a { color:#FFF; text-decoration:underline; }
#loginbox p span { color:#69aabb; margin-left:5px; margin-right:5px; }

.list .item { font-size:11px; color:#797979; text-indent:13px; display:block; font-size:11px; line-height:18px; }


.contentArea h2 { font-size:12px; font-weight:bold; color:#25728A; }
.contentArea select { width:100%; color:#636363; }
.contentArea p { color:#636363; line-height:16px; font-size:11px; }


.contentAreaBox { margin-left:10px; margin-bottom:10px; width:136px; background-color:#F2F2F2; border:1px dotted #A9A9A9; padding:10px; }
.contentAreaBox h4 { font-size:11px; color:#25728A; font-weight:bold; }
.contentAreaBox ul { margin-bottom:10px; margin-top:5px; }
.contentAreaBox a { display:block; line-height:16px; color:#25728A; text-decoration:underline; }

.product-sample-list { margin-top:10px; margin-bottom:10px; position:relative; }
.product-sample-list .hidden { display:none; }
.product-thumb-list { text-align:center; }
.product-thumb-list .selected img { border:1px solid #309FBF; padding:1px; margin-right:1px; }
.product-thumb-list .unselected img { border:1px solid #FFF; padding:1px; margin-right:1px; }
.product-thumb-list .unselected:hover img { border:1px solid #309FBF; padding:1px; margin-right:1px; }

.product-sample-list .addToCartCont { position:absolute; bottom: 15px; right:5px; background-color:#668596; line-height:25px; padding-left:5px; }
.product-sample-list .addToCartCont * { color:#FFFFFF; margin-right:5px; }
.product-sample-list .addToCartCont input { color:#000; }
.product-sample-list .addToCartCont a { text-decoration:underline; }