/*
Theme Name: Adriana Ghelfi
Theme URI: http://www.adrianaghelfi.it/
Description: A custom theme for Adriana Ghelfi.
Version: 1.0
Author: Gruppo Modulo
Tags: custom


*/

* { margin: 0; padding: 0; }
html { height: 100%; }
body { background: url(images/body.gif) 50% 0 ; font: 62.5% "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; color: #fff; }
h1, h2, h3, h4, h5, h6, p { position: relative; }
p { padding: 10px 0; }
#wrap { width: 100%; height: 100%; background: url(images/header.gif) 50% 0 no-repeat; float: left; }
#container { width: 990px; margin: 0 auto; font-size: 1.1em; background: transparent; margin-bottom: 20px; }
p.quote { margin-top: 10px; width: 970px; text-align: right; font-size: .9em; color: #122537 }
a.ita  { position: absolute; background: url(images/ita.jpg) no-repeat; width: 34px; height: 22px; display: block; text-indent: -9999px; margin: 7px 0 0 250px; }
a.eng  { position: absolute; background: url(images/eng.jpg) no-repeat; width: 34px; height: 22px; display: block; text-indent: -9999px; margin: 7px 0 0 250px; }
ul#nav { list-style: none; width: 730px; margin-left: 250px; text-align: right; border-top: 1px solid #fff; padding-top: 10px; }
ul#nav li { display: inline; font-size: 1.1em; padding-right: 10px; }
ul#nav li a { color: #fff; text-decoration: none; }
.disappear { display: none; }
#big_box { background: #fff; width: 710px; margin: 20px 0 0 250px; padding: 10px; }
#bar { clear: both; margin-top: 8px; }
#bar img { margin: 0; width: 112px; height: 80px; }
#arrow { display: block; width: 177px; height: 80px; background: url(images/arrow.gif); position: absolute; z-index: 100; }
#arrow_eng { display: block; width: 177px; height: 80px; background: url(images/arrow_eng.gif); position: absolute; z-index: 100; }
#sidebar { float: left; clear: both; padding: 20px 40px 0 30px; width: 180px; }
#sidebar h2, #main h2, #home_main h2, #brands h2 { background: #4a87bd; color: #fff; padding: 5px; margin-bottom: 20px; font-size: 1.3em; font-weight: normal; }
#sidebar h3 { line-height: 1.8em;font-size: .9em; }
#sidebar h3 a { display: inline; color: #705a37; text-decoration: none; background: #e1d0c2; padding: 5px;  }
#sidebar p { font-size: 1em; }
#sidebar ul, #brands ul { list-style: none; }
#sidebar li a, #brands li a { padding: 2px 0; color: #705a37; text-decoration: none; }
#sidebar li a:hover, #brands li a:hover { background: #e1d0c2; }
#home_main { float: left; width: 730px; margin: 20px 0; text-align: justify;  }
#main { float: left; width: 760px; margin: 20px 0; text-align: justify;  }
#home_main h2, #main h2 { width: 720px; padding: 5px; }
#home_main img, #main img { border: 5px solid #fff; margin-top: 10px; float: left; }
p.slim { width: 515px; float: left; margin-right: 15px; }
#sub { clear: both; float: left; width: 730px; margin: 40px 0; }
.col { float: left; }
#right_col { width: 250px; }
#right_col h2 { width: 240px; }
.shout { margin-left: 20px; background: #3d5f7d; width: 200px; padding: 10px; } #main .shout img { margin-top: 0; }
#home_main .shout img { border: 0;  }
.shout h3 a { font-size: .85em; float: right; color: #fff; text-decoration: none; margin-top: 20px; } .shout h3 a:hover { color: #5ca9ec; }
#footer { font-size: .9em; clear: both; float: left; width: 710px; padding: 10px; background: #4a87bd url(images/logo_footer.gif) 10px 20px no-repeat; }
.recap { width: 210px; float: left; } .first { padding-left: 270px; } .second { margin-left: 20px; }
a { color: #fff; }  
span a { color: #36536e; }
/* interno */
#blue_boax { position: relative;width: 710px; margin: 20px 0 0 250px; clear: both; }
#blue_boax img.icon { float: left; }
#firefix { background: #3d5f7d; padding: 10px; float: left; width: 710px; }
#blue_boax h2 { margin-bottom: 20px; color: #0f2235; }
#blue_boax .desc { width: 215px; padding-right: 15px; float: left; text-align: justify; }
.product { clear: both; float: left; width: 710px; background: #3d5f7d; padding: 10px; margin-bottom: 10px; }
#main .product img { float: left; margin: 0 10px 0 0; }
.product h3 { font-size: 1.2em; position: relative; top: 20px; left: 20px; }
.product p {Êposition: relative; top: 20px; left: 20px; }
.interact { background: #3d5f7d url(images/aggiungi_lista.gif) bottom right no-repeat; }
.interact p { float: left; width: 390px; }
.interact span { float: left; display: block; margin: 10px 0 0 30px; }
.interact span a { text-indent: -9999px; display: block; width: 79px; height: 95px; }
/* news */  
#main_content { width: 730px; float: left; text-align: justify; }
#brands { width: 220px; float: left; padding-top: 200px; }
#main #news img { margin: 0 10px 10px 0; }
#news { margin: 20px 20px 0 0; position: relative; left: 30px; background: #3d5f7d; width: 470px; float: left; padding: 10px; }
#inside h2 { margin-left: 30px; }
#main #news h2 { width: 460px; float: left; }
#archives { margin-top: 20px; position: relative; left: 30px; float: left; background: #3d5f7d; width: 200px; padding: 10px; }
#archives ul { list-style: none; margin-top: 20px;}
#archives li a { text-decoration: none; color: #e1d0c2; } #archives li a:hover { text-decoration: underline; }
#main #archives h2 { width: 190px; float: left; }
.centered { margin: -60px 0 20px 0px; position: relative; left: 250px; }
p.postmetadata { color: #e1d0c2; }
p.brand_link a { color: #5ca9ec; }
/* form */
.row { float: left; clear: both; background: #4a7397; width: 710px; padding: 10px; margin: 5px 0; }
.sx { display: block; float: left; width: 150px;  }
.dx { float: left; }
label { font-weight: bold; }
.dx span { position: relative; top: -2px; }
.dx input, .dx textarea, .dx select { width: 400px; border: 1px solid #c6d9e9; padding: 3px; margin-bottom: 3px; font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; }
.dx input.ckbx { width: auto; }
.dx select { font-size: 13px; }
.button { clear: both; width: 730px; margin-top: 25px; padding: 10px 0; }
.button input { background: #e5e5e5; border: 1px solid #80b5D0; margin-left: 158px; font-size: 13px; padding: 3px 10px; width: auto; }
p.ko { display: block; width: 710px; padding: 10px; background: #900; color: #fff; margin-bottom: 10px; }
p.ok { display: block; width: 710px; padding: 10px; background: #090; color: #fff; margin-bottom: 10px; }