/* CSS Document */


body {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 1.5em}
body {background-color: #FFFFFF; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}

/********* STYLE DIV ***************/

#colonna {float: right; margin-left: 6px; width: 244px}
#colonna_demo {background: url(../images/onlinedemo.jpg) no-repeat top right; height: 182px;}
#colonna_jumbo {background: url(../images/jumbo.jpg) no-repeat top right; height: 122px; margin-top: 10px }
#colonna_caratteristiche {background: url(../images/caratteristichetecniche.jpg) no-repeat top right; height: 122px; margin-top: 10px }
#content {float: left; padding-bottom: 10px; width: 720px}
#content_box {left: 50%; margin: 0 auto; width: 970px}
#content_middle {clear: both}
#content_solution {clear: both}
#content_bottom {clear: both; padding-top: 15px}
#box_1 {border-right: 2px solid #CCC; float: left; padding-right: 10px; width: 226px}
#box_2 {border-right: 2px solid #CCC; float: left; padding: 0 10px; width: 226px}
#box_3 {border-right: 2px solid #CCC; float: left; padding: 0 10px; width: 226px}
#box_4 {float: right; padding-left: 10px; width: 226px}
#box_areariservata {background: url(../images/areariservata.jpg) no-repeat top left; float: left; height: 144px; width: 236px}
#box_areariservata2 {background: url(../images/areariservata.jpg) no-repeat top right; height: 144px; margin-top: 10px}
#box_demo {background: url(../images/demo.jpg) no-repeat top center; float: left; height: 144px; margin-left: 3px; width: 492px}
#box_support {background: url(../images/support.jpg) no-repeat top left; float: right; height: 144px; width: 236px}
#footer {border-top: 1px solid #CCC; clear: both; font-size: 10px; margin-top: 10px}
#header_sx {float: left; width: 135px}
#header_dx {float: right; width: 835px}
#middle {float: left; width: 720px}
#news {background: url(../images/news.jpg) no-repeat top right; float: right; height: 150px; margin-left: 6px; padding-top: 50px; width: 244px}

.footer_dx {float: left; text-align: left}
.footer_sx {float: right; text-align: right}
.header_ricerca {height: 38px; text-align: right; width: 100%}
.header_menu {background:#18529D; color: #FFFFFF; height: 38px;}

/********* TESTI *******/
.data {color: #FFFFFF; font-weight: bold; padding-left: 25px;}
.titolo {color: #FFFFFF; font-size: 16px; font-weight: bold; padding-left: 25px; padding-right: 10px;}
.titoliblu {color: #18529D !important;}
.news {color: #FFFFFF; padding-left: 25px; padding-right: 10px}
#news p {color: #FFFFFF; padding-left: 25px; padding-right: 10px}
.soluzioni {color: #18529D; font-size: 85%; text-transform:uppercase}
.soluzioni_title {color: #18529D; font-size: 18px; font-weight: bold}
#box_demo p {padding: 40px 140px 0 20px}
#box_support p {padding: 20px 3px 0 115px}
#colonna_demo p {padding: 40px 120px 0 20px; margin: 0}
#colonna_jumbo p {padding: 40px 120px 0 20px; margin: 0}
#colonna_caratteristiche p {padding: 40px 120px 0 20px; margin: 0}
#content p {color: #000000; padding-right: 30px}
div.month ul li, ul.elenco li {list-style-image: url("../images/elenco.jpg"); }
ul.elenco {padding-left: 15px; }
.nopl {padding-left: 0px; }

/****** LINK ******/
a {color: #18529D; text-decoration: none}
a.leggitutto {color: #7391B9; font-weight: bold; padding-left: 25px; text-decoration: none}
a.solution_link {color: #18529D; font-weight: bold; text-decoration: none}
input.login, a.accedi {color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase}
a.demo {color: #18529D; font-size: 16px; font-weight: bold; padding-left: 20px; text-decoration: none; text-transform: uppercase}
a.supportarea {color: #18529D; font-size: 14px; font-weight: bold; padding-left: 115px; text-decoration: none;}

.footer_sx a {color: #666666}
.footer_dx a {color: #666666}

/******* TABELLE *******/
table.login {color: #FFFFFF !important; font-weight: bold; margin-top: 30px; margin-left: 10px}
table.login2 {color: #FFFFFF !important; font-weight: bold; padding-top: 30px; margin-left: 20px}

/******* IMG *******/

img {border: 0}

/******* INPUT *******/

input[type="submit"]  {background-color:#fff; border:1px solid #fff; color:#666; cursor: default; font-size: 12px; font-weight:bold; line-height:normal !important; margin:5px 0; padding:0 3px;}

/******* MENU *******/

ul#menu{list-style:none; margin: 0; padding: 12px 0 0}
ul#menu li{margin:0; padding:0; display:inline; font-size:12px;}
ul#menu li:hover ul{visibility:visible; background: #FFFFFF; color: #666;}
ul#menu li a:link, ul#menu li a:visited{padding:1.2em 1em; color:#fff; font-weight:bold; text-decoration:none;}
ul#menu li a:hover, ul#menu li a:focus, ul#menu li a:active{ padding:1.2em 1em; color:#7391B9; font-weight:bold; text-decoration:none;}
ul#menu li a#cur{padding:1.2em 1em; color:#7391B9; font-weight:bold; text-decoration:none;}
ul#menu li a.selected{padding:1.2em 1em; color:#7391B9; font-weight:bold; text-decoration:none;}

ul#menu li ul{position: absolute; visibility: hidden; background: #FFFFFF; color: #666; margin-top: 12px; padding: 0}
ul#menu li ul li {background: #FFFFFF; color: #666;}
ul#menu li ul li:hover {visibility:visible;} 
ul#menu li ul li a {padding:0.1em 1.2em !important; background: #FFFFFF !important; color:#666 !important; font-weight:bold; text-decoration:none;}
ul#menu li ul li a:hover {padding:0.1em 1.2em; background: #FFFFFF; color:#18529D !important; font-weight:bold; text-decoration:none;}

ul#menu li:hover ul.readys{visibility:visible; background: #FFFFFF; color: #666;}
ul#menu li ul.readys {position: absolute; visibility: hidden; background: #FFFFFF; color: #666; margin-top: 12px; padding: 0; margin-left: 130px}
ul#menu li ul li.ready {background: #FFFFFF; color: #666;}
ul#menu li ul li.ready:hover {visibility:visible;} 
ul#menu li ul li.ready a {padding:0.1em 1.2em !important; background: #FFFFFF !important; color:#666 !important; font-weight:bold; text-decoration:none;}
ul#menu li ul li.ready a:hover {padding:0.1em 1.2em; background: #FFFFFF; color:#18529D !important; font-weight:bold; text-decoration:none;}

ul#menu li:hover ul.service{visibility:visible; background: #FFFFFF; color: #666;}
ul#menu li ul.service {position: absolute; visibility: hidden; background: #FFFFFF; color: #666; margin-top: 12px; padding: 0; margin-left: 530px}
ul#menu li ul.service li {background: #FFFFFF; color: #666;}
ul#menu li ul.service li:hover {visibility:visible;} 
ul#menu li ul.service li a {padding:0.1em 1.2em !important; background: #FFFFFF !important; color:#666 !important; font-weight:bold; text-decoration:none;}
ul#menu li ul.service li a:hover {padding:0.1em 1.2em; background: #FFFFFF; color:#18529D !important; font-weight:bold; text-decoration:none;}
li.bw, li:hover.bw {border-right: 1px solid #FFFFFF; background-color: #18529D;}
li.bw a {color: #FFFFFF; }
ul#menu li:last-child {border: none !important;}

div.googlemap-map {
    height: 400px;
}