/* Generali */



html,body {
margin:0; 
padding:0;
height:100%;
background-color:#dee0e2;
}

a:link 			{font:normal 10px Verdana,Arial,Helvetica,sans-serif; color:#003467; border:0; text-decoration:underline;}
a:hover			{font:normal 10px Verdana,Arial,Helvetica,sans-serif;color:#023665; border:0;text-decoration:underline;}
a:visited		{font:normal 10px Verdana,Arial,Helvetica,sans-serif;color:#003467; border:0;text-decoration:underline;}
a:active		{font:normal 10px Verdana,Arial,Helvetica,sans-serif;color:#FFFFFF; border:0;}

.red {font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:red;}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.left {
float:left;
}

.right {
float:right;
}

.dot {
margin-right:3px;
margin-top:-4px;
line-height:16px;
display: inline;
}

#wrap {
position:absolute;
z-index:0;
width:100%; 
height:100%;
margin:0;
padding:0;
background: url(../images/background.gif) repeat-x;
text-align:center;
}


#container {
width:573px; 
height:877px;
position:relative;
z-index:1;
margin:70px auto;
}

#top {
width:573px; 
height:182px;
background: url(../images/top.gif) no-repeat;
float:left;
}

.logomap {
width:193px; 
height:80px;
display:block;
float:left;
}

.linkmap {
width:100px; 
height:30px;
display:block;
}

.frecciamap {
width:33px; 
height:33px;
display:block;
margin:105px 0 0 240px !important;
margin:140px 0 0 240px;
}

*:first-child+html .frecciamap /* solo IE 7.0 */ 
{ 
margin:140px 0 0 240px !important;
}

.frecciamap2 {
width:33px; 
height:33px;
display:block;
margin:105px 0 0 170px !important;
margin:140px 0 0 170px;
}

*:first-child+html .frecciamap2 /* solo IE 7.0 */ 
{ 
margin:140px 0 0 170px !important;
}

#main {
width:573px; 
height:661px;
background: url(../images/main.gif) no-repeat;
text-align:center;
float:left;
}


#bottom {
width:573px; 
height:34px;
float:left;
}


#bottom p {
margin:8px 55px 0 25px;
font:normal 10px Verdana,Arial,Helvetica,sans-serif;
color:#858688;
text-align:left;
}


/* MENU_PRINCIPALE */

#menu {
width:520px; 
height:40px;
margin:20px auto 0 auto;
text-align:left;
}

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu ul li{
position: relative;
display: inline;
float: left;
background-color: #FFFFFF;
}

ul li a {
display: block;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}

ul li a:hover {
background-position:0 -40px; cursor:pointer;
}

#menu .menu01 {width:91px; height:40px; background-image:url(../images/menu01.gif);} 
#menu .menu02 {width:73px; height:40px; background-image:url(../images/menu02.gif);} 
#menu .menu03 {width:83px; height:40px; background-image:url(../images/menu03.gif);} 
#menu .menu04 {width:81px; height:40px; background-image:url(../images/menu04.gif);}
#menu .menu05 {width:79px; height:40px; background-image:url(../images/menu05.gif);}
#menu .menu06 {width:113px; height:40px; background-image:url(../images/menu06.gif);}

#inner {
width:522px; 
height:569px;
background:url(../images/inner_bg.gif) no-repeat;
text-align:center;
margin:6px auto 0 auto;
}

#inner_contatti {
width:521px; 
height:569px;
background:url(../images/inner_contatti_bg.gif) no-repeat;
text-align:center;
margin:0 auto;
border:1px solid #FFFFFF !important;
border:none;
}

#inner_contatti p {
width:440px; 
text-align: justify;
padding:5px;
font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#003467;
margin:75px auto;
}

.contatti {
width:410px; 
height:120px;
text-align:left;
margin: 20px 0 0 5px;
font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#003467;
background:url(../images/numverde_bg.gif) no-repeat;
float:left;
line-height:16px;
}


#inner_cheidea {
width:522px; 
height:569px;
background:url(../images/inner_cheidea_bg.gif) no-repeat;
text-align:center;
margin:6px auto 0 auto;
}


#inner_ubilock {
width:522px; 
height:569px;
background:url(../images/inner_ubilock_bg.gif) no-repeat;
text-align:center;
margin:6px auto 0 auto;
}

#inner_ubimajor {
width:521px; 
height:569px;
background:url(../images/ubimajor_bbg.gif) no-repeat;
text-align:left;
margin:6px auto;
border:1px solid #FFFFFF;
overflow:hidden;
}

* html #inner_ubimajor p, #inner_ubilock p
{
width:440px; 
height:450px;
text-align: justify;
padding:5px;
font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#003467;
}


#inner_ubimajor p {
width:440px; 
height:450px;
text-align: justify;
padding:5px;
font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#003467;
margin:75px auto;
}

#inner_cheidea p, #inner_ubilock p {
width:440px; 
height:450px;
text-align: justify;
margin:75px 0 0 30px;
padding:5px;
font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#003467;
float:left;
}


.foto {
width:489px; 
height:258px;
text-align:center;
margin:15px auto 0 auto;
}

#home_minicont {
width:522px; 
height:294px;
margin:0 auto;
}

#servizi_minicont {
width:522px; 
height:294px;
margin:0 auto;
background:url(../images/servizi_bbg.gif) no-repeat;
text-align:left;
float:left;
}

#prodotti_minicont p {
width:440px; 
height:150px;
text-align: justify;
margin:80px 0 0 30px;
padding:5px;
font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#003467;
}

#prodotti_minicont {
width:522px; 
height:294px;
margin:0 auto;
background:url(../images/prodotti_bbg.gif) no-repeat;
text-align:left;
float:left;
}

#brevetti_minicont {
width:522px; 
height:294px;
margin:0 auto;
background:url(../images/brevetti_bbg.gif) no-repeat;
text-align:left;
overflow:hidden;
}

#brevetti_mini_l {
width:281px; 
height:294px;
background:url(../images/chidea.gif) no-repeat right center;
float:left;
padding-top:35px;
}

#brevetti_mini_r {
width:241px; 
height:294px;
background:url(../images/ubilock.gif) no-repeat left center;
float:left;
padding-top:35px;
}


#tecnica_minicont {
width:522px; 
height:294px;
margin:0 auto;
background:url(../images/atecnica_bbg.gif) no-repeat;
text-align:left;
float:left;
}

#minicont_l {
width:260px; 
height:294px;
background:url(../images/servizi_bg.gif) no-repeat;
float:left;
}

#minicont_r {
width:262px; 
height:294px;
background:url(../images/news_bg.gif) no-repeat;
float:left;
}

#minicont_l p {
width:198px; 
font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#023665;
line-height:15px;
text-align:justify;
margin: 65px auto;
padding-left:4px;
}

#minicont_r p {
width:203px; 
font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#023665;
line-height:15px;
text-align:justify;
margin: 65px auto;
padding-right:5px;
}


#servizi_minicont ul {
margin:70px 45px 0 55px;
list-style-type: disc;
list-style-image: url(../images/dot.gif);
list-style-position: inside;
padding-left: 10px;
text-indent: -30px !important;
text-indent: -20px;
}

#servizi_minicont ul li{
font:normal 11px Verdana,Arial,Helvetica,sans-serif; color:#023665;
}

/* stile del form */

#form_cont {
width:450px; 
height:500px;
text-align:center;
margin:80px 0 0 30px !important;
margin:80px 0 0 15px;
float:left;
}

form {
font: normal 10px Verdana, sans-serif;
width: 450px;
text-align: left;
}

form ul {
width: 450px;
background: transparent;
margin: 0;
padding: 0;
list-style: none;
float:left;
}


form ul.note {
width: 450px;
background: transparent;
margin: 0;
padding: 0;
list-style: none;
float:left;
}

form ul li {
margin: 2px 0;
padding: 10px 0 10px 5px;
background: #fff;
color: #fff;
list-style: none;
font: normal 9px Verdana, sans-serif;
border-bottom: 1px solid #dadada;
}

form ul li:hover {
color: #333;
background: #eee;
}

fieldset {
margin-left: 3px;
padding: 0;
border:0;
}

label {
display: block;
font-weight:bold;
margin: 0;
font: normal 10px Verdana, sans-serif;
color: #979799;
width: 250px;
text-align:left;
}

label.option {
margin: .2em;
font: normal 1.2em/1.2em Verdana, sans-serif;
width: 150px;
}

input {
padding: .4em;
margin: 0;
border: 1px solid #dadada;
font: normal 10px Verdana, sans-serif;
color: #333;
background: #fafafa;
}


textarea {
width: 400px;
padding: .4em;
font: normal 10px Verdana, sans-serif;
border: 1px solid #dadada;
height: 85px;
display:block;
color:#333;
background: #fafafa;
}


option {
display: block;
padding: .1em;
margin: 0;
font: normal 1em Verdana, sans-serif;
color: #333;
background: #fafafa;
}

input:focus, input:active, textarea:focus, textarea:active, select:focus, select:active {
border: 1px solid #003467;
background: #ecf2f9;
}

input.button {
width:62px;
height:21px;
margin: 10px 0 0 5px;
padding: 2px;
border: 1px solid #003467;
background: #dfdfdf;
font: normal 10px Verdana, sans-serif;
cursor: pointer;
float:right;
}

input.button:hover {
background: #003467;
color: #cccccc;
}

/*live validation*/

.LV_validation_message{
    font-weight:normal;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#4c8403;
}
	
.LV_invalid {
    color:#dc1c1c;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #4c8403;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #dc1c1c;
}

input.codice {
width:62px;
height:24px;
margin:3px 0 0 5px;
padding:0 2px;
border: 1px solid #003467;
background: #dfdfdf;
font: normal 10px Verdana, sans-serif;
cursor: pointer;
display:inline;
line-height:24px;
}

input.codice:hover {
background: #003467;
color: #cccccc;
}

input.codetxt {
height:22px;
padding:0;
margin:3px 0 0 0;
border: 1px solid #dadada;
font: normal 10px Verdana, sans-serif;
color: #333;
background: #fafafa;
float:left;
}

.foto_int {
float:right;
margin:6px 0 6px 6px;
}

.pdf_cont {
width:380px; 
height:50px;
text-align:left;
margin:0;
font: normal 10px Verdana, sans-serif;
float:left;
background:url(../images/numeroverde.gif) no-repeat;
padding-top:5px;
}

.pdf {
margin:-2px 3px 0 15px;
}

#tecnica_minicont form {
width:410px; 
text-align: justify;
margin:80px 0 0 30px;
padding:10px;
font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#003467;
border:1px solid #dee1e3;
}

#tecnica_minicont form {
width:410px; 
text-align: justify;
margin:80px 0 0 30px;
padding:10px;
font:normal 12px Verdana,Arial,Helvetica,sans-serif; color:#003467;
border:1px solid #dee1e3;
}