/* 
	project:  bluiris.it
	author:  mauriziosini.it
*/

*{margin: 0; padding: 0;}* 
body {
	font: .74em Tahoma, Verdana, Arial, sans-serif; line-height: 1.6em;	background: #0d179b url('images/bg.gif') repeat-x; color: #fff;}

a {	color: #317486;	background: inherit; text-decoration: none;}
a:hover {color: #808080; background: inherit;}
p {margin: 0 0 15px 0;}
h1 {font: bold 1.7em arial, sans-serif;  margin: 20px 0 0;}
h1 a {color: #fff; background: inherit;}
h1 a:hover {color: #e4ffd3; background: inherit;}
h2 {font: bold 1.6em arial, sans-serif; margin: 0 0 12px;}
h3 a {font: bold 1.2em arial, sans-serif; color: #66ccff; margin: 0 0 12px;}
h3 a:hover {color: #ccffff;}
h4 {color: #ddd; background: inherit; font-weight: normal; font-size: .9em;}
#logo h1 {font: bold 1.7em times, "times new roman", serif; margin: 10px 0 0;}
#logo h1 a {color: #66ccff; background: inherit;}
#logo h1 a:hover {color: #ccffff; background: inherit;}

#content {width: 900px; margin: 0 auto;}

#logo {margin: 26px 0 0 16px; height: 50px; width: 340px; float: left; background: url('images/logobg.gif') no-repeat bottom; text-align: center;}

#menu {float: right; padding: 40px 0 0 0; margin: 0 36px 16px 0;}
#menu li {font-size: 1.1em; display: inline;}
#menu li a { padding: 30px 15px 0px 0; margin: 0 0 0 24px; color: #ccc; background: #505050 url(images/tab.gif) no-repeat right bottom; text-decoration: none;}
#menu li a:hover {background: #505050 url('images/tabhover.gif') no-repeat right bottom; color: #66ccff;}

#intro { clear: both;	background: #fff url('images/intro.jpg') no-repeat;	color: #66ccff;	height: 153px;	margin: 0 0 20px;	padding: 0 37px 0 0; text-align: right;}
#intro h1 {margin: 0;}
#intro p {margin: 0;}
	
#login, #hplogin {color: #fff; font-size: .9em; margin: 68px 0 0;}
#hplogin {font-size: 1.2em; font-weight: bolder;}
#login a, #hplogin a {color: #fff; background: #6699ff; padding: 4px 20px 6px; border-bottom: medium solid #66ccff; text-decoration: none;}
#login a:hover, #hplogin a:hover {color: #fff; background: #6699ff url('images/loginhover.gif') no-repeat;}

#subheader {clear: both; padding: 8px 10px; height: 24px; line-height: 20px; margin: 0 0 25px 0; background: #eee; color: #808080;}
#subheader a {background: inherit; color: #444;}

#breadcrumbs {float: left; margin: 5px 0 0;}

#search {float: right;}
#search p {padding: 0; margin: 0;}

.wrap {margin: 30px auto; width: 94%;}

#left {clear: left; float: left; width: 240px; padding: 0 34px 0 15px; font-size: .9em; margin: 0 0 15px;}
#hpleft {clear: left; float: left; width: 240px; padding: 0 34px 0 15px; font-size: .9em; margin: 0 0 15px; min-height: 180px;}
#leftmenu {position: relative; left: 30px; width: 190px; margin: 0 0 20px 0;}
#leftmenu ul li {font-weight: bold; margin: 6px 0; padding: 0; list-style: none outside url('images/bullet.gif'); height: 1.2em;}
#leftmenu ul li a {display: block; padding-left: 6px; width: auto; color: #808080; background-color: #eeeeee;}
#leftmenu ul li a:hover {color: #6699ff; background-color: #dddddd;}
#leftmenu .submenu {font-weight: bold; font-size: 1.4em; color: #ffffff; list-style: none outside url('images/nobullet.gif'); margin: 8px 0 0 0;}
#msg ul li {font-weight: bold; list-style: none outside url('images/bullet.gif');}
#right, #hpright { margin: 0 15px 15px 0;	padding: 0 0 0 35px; border-left: 1px solid #ccc; float: right;	width: 560px;	min-height: 620px; text-align: justify;}
#hpright {min-height: 180px;}

#right img {border: 4.25px outset #6699ff; background: silver;}
#right img#r, #right img#rr {margin: 6.75px 0 6.75px 12.75px; float: right;}
#right img#l, #right img#ll {margin: 6.75px 12.75px 6.75px 0; float: left;}
#right img#c, #right img#cc {margin: 6.75px 25%;}
#right .clean {border: 0; background: transparent;}

#msg { width: 200px; background: #0D179B;	margin: 6.75px 0 6.75px 12.75px; float: right;}
#msg ol li {display: list-item}
#notice {padding: 12px 14px 1px; background: #6699ff url('images/noticebg.gif') no-repeat bottom right; color: #eee;}

#left h3 {border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0;}
#right h2 {border-bottom: 1px solid #ccc; padding: 0 0 8px;}
#right a {color: #66ccff;}
#right a:hover {color: #ccffff;}
#right legend a {color: #ff3;}
#right legend a:hover	{color: #fff;}
#rss {float: right; text-align: right;}
#rss li {float: left; margin: 0 0 0 10px;}

#footer {clear: both; display: block; border-top: 1px solid #ccc; padding: 10px 0; margin: 0 0 15px; font-size: .9em; color: #909090;}
#col1 {float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px;}
#col2 {float: left; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px;}
#col3 {float: right; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px;}
	
p a, #notice a, #msg a {color: #66ccff;	background: transparent; text-decoration: underline;}
#notice a {color: #eeffff;}
p a:hover, #notice a:hover, #msg a:hover {color: #fff;	background: transparent; text-decoration: none;}
#footer a {color: #eeffff; background: transparent; text-decoration: none;}

form#contactform br { clear:left;}
form#contactform {width: 520px;	border: 2px solid #6D8CC6; background-color: #D2E3F3;	font-family: verdana, arial , sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; text-align: center; color : #000;}
form#contactform p {margin: 10px 10px 20px 10px; font-size: 12px;	text-align: left;	color: #000;}
form#contactform legend {padding: 0pt 5px;	color: #006699;	font-weight: bold; text-transform: uppercase;}
legend#sender, fieldset#sending {color: #FF0000; border-color: red;}
fieldset#occhi, fieldset#capelli, fieldset#measures {border-color: #6D8CC6;	text-align: right;}
form#contactform label {display : block;	float: left; text-align: left;}
label.req strong, strong.asterisco {font-weight: bold; font-family: verdana,sans-serif;	color: red;}	
.in {padding: 0 0 0 80px;}
.ex {padding: 0 0 0 10px;}
form#contactform input:focus {background-color: rgb(255, 255, 204);}
form#contactform fieldset {border: 2px solid #0D179B; padding: 8px; margin-bottom: 16px; text-align: right; vertical-align: bottom;}
.rightdiv {display: block; float: right; width: 240px; vertical-align: bottom;}
.leftdiv {display: block;	float: left; width: 240px; vertical-align: bottom;}
.filler {clear: both;	background-color : #0D179B;	width: 100%; height: 100%;}
form#contactform label {display: block; float: left;}
fieldset.in label {padding: 8px 5px 8px 0pt;}
fieldset#anagrafici input{width: 220px;}
fieldset#anagrafici select{width: auto;}
fieldset#measures input {width: 40px;}
fieldset#notes, fieldset#fisica, fieldset#files, fieldset#contatto {text-align: left;}
fieldset#measures div.leftdiv, fieldset#measures div.rightdiv {text-align: right;}
fieldset#agree div#cond {border: 1px solid rgb(102, 102, 102); margin: 10px 0pt; width: 355px; height: 150px; overflow: auto;	background-color: rgb(247, 247, 247);}
fieldset#agree, div#cond p {text-align: left;	margin: 0pt 5px 6px;}
fieldset#agree div#cond {width: auto ! important;	height: auto ! important;	overflow: visible;}
input#go, input#reset {margin: 10px 0 0 180px; border-style: solid;	border-color: #FFF #333 #333 #FFF; border-width: 1px 2px 2px 1px; font-weight: bolder;}
input#go {background: #69c url(images/click.jpg) repeat-x;}
input#reset {background: #69c url(images/clear.jpg) repeat-x;}
input#accetto {margin-left: 80px;}
div#right ul, div#right li {list-style-position : outside; list-style-image: url(images/bullet.gif); margin-left: 16px;}
div#right ul {margin-bottom: 16px;}
div .brick {display: block; clear: both;}
div .cspot {width: auto; text-align: center;}