﻿@charset "UTF-8";
/* CSS Document */

.clear {clear:both;}
.30height {height:30px; float:left; clear:both;}
 h1 {font-family: 'Ubuntu Condensed',sans-serif; font-weight:400; text-align:center; font-size:32px; line-height:34px;margin-top:0px; padding-top:0px;}
 h2 {font-family: 'Ubuntu Condensed',sans-serif;font-weight:700; color:#353535; text-align:center; font-size:20px; margin-top:0px;}
 h3 {font-family: 'Ubuntu Condensed',sans-serif;font-weight:400; color:#353535; text-align:left; font-size:18px; margin-top:0px; margin-bottom:5px;}
 h4 {font-family: 'Ubuntu Condensed',sans-serif; font-weight:400;color:#353535; text-align:right; font-size:18px;line-height:18px; margin-top:0px; margin-bottom:5px;}
 h5 {font-family: 'Ubuntu Condensed',sans-serif;font-weight:400; color:#353535; text-align:center; font-size:18px;line-height:18px; margin-top:0px; margin-bottom:5px;}

 a {color:#009; text-decoration:none;}
 a:hover {color:#999;}
 
 a img {border:none;}
 h3 a {color:#353535;}
 h3 a:hover {color:#000;}
 
 submit {line-height:30px;}
 
body {margin:0; padding:0; font-size:14px; font-family: 'Ubuntu',sans-serif; color:#333333; line-height:20px;}

/* HEADER */
.header {width:920px; padding-left:10px; padding-right:10px;  }
.logo {float:left; text-align:left; margin-top:15px;}

.callus {font-family:'Ubuntu', sans-serif; font-weight:300;; color:#a8a8a8; float:right}

#menu {margin-top: -40px; float:right; clear:both; z-index:3000; position:relative; text-transform:uppercase}
#menu ul {margin:0px; border:0px; padding:0px; z-index:1000;}
#menu ul li{ display:inline; float:left; padding-right:15px; padding-left:15px;  margin-top:12px; margin-bottom:12px; font-family:'Ubuntu Condensed', sans-serif; font-weight:normal;  color:#5d5d5d; position:relative; }
#menu ul li a {color:#999; font-size:20px; text-decoration:none; }
#menu ul li a:hover{color:#222d80;}
#menu ul li ul {display:none; z-index:3000;}
#menu ul li:hover ul{display:block; position:absolute; padding:5px 5px 0px 5px; border:1px solid #ccc; background:#FFFFFF; left:15px; top:22px; }
#menu ul li ul li {width:150px;padding-top:5px; font-size:12px; clear:both; height:30px; margin:0px; border-right:none; border-bottom:1px dotted #ccc; text-align:left; height:26px; z-index:1000;}
#menu ul li ul li:last-child { border:none; }
#menu ul li ul li a {margin-left:0px;font-size:14px;}

.search {float:right; margin-top:8px;}
.search .search-form {border:1px solid #ccc; font-family: 'Ubuntu',sans-serif; width:230px; margin-top:0px; float:left; margin-right:4px; font-size:18px;
 -moz-box-sizing: border-box; color:#999;
    margin-right: 20px;
    padding: 3px;
/*    width: auto;*/}

.search .button {
        -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
        -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
        box-shadow:inset 0px 1px 0px 0px #54a3f7;
		font-family:'Ubuntu', sans-serif; 
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
        background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
        background-color:#007dc1;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        border:1px solid #124d77;
        display:inline-block;
        color:#ffffff;
        font-size:13px;
        font-weight:normal;
        padding:2px 24px;
        text-decoration:none;
        text-shadow:0px 3px 0px #154682;
		height:28px;
    }
     .search .button:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
        background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
        background-color:#0061a7;
		cursor:pointer
    }



/* SLIDER */
.slider-container {width:100%; background:url(images/slyder-background.jpg); height:458px; margin-top:10px; float:left; border-bottom:2px #e2e2e2 solid; }

/* CONTENT */
.content { width:960px; padding-left:10px; padding-right:10px; padding-bottom:10px; }
#bgcontent {width:100%; background: url(images/bg-2.png) no-repeat scroll center top #F2F2F2; padding-top: 70px;}
#slogan{width:100%; background:#fff;margin-top:40px;margin-bottom:40px}
.welcome {width:960px;}
.welcome h1 {font-size:24px; font-family:'Ubuntu', sans-serif; font-weight:900; color:#353535; margin-bottom:5px; margin-top:30px;}
.welcome p {margin-top:30px; font-family:'Ubuntu', sans-serif; font-weight:400;  color:#414141; line-height:20px;}
.testimonial {color:#353535; font-family:'Ubuntu', sans-serif; font-weight:700;; font-size:22px; margin-top:55px; float:left; width:280px; text-align:justify; margin-left:20px;} 
.testmonial-author {font-family:'Ubuntu', sans-serif; font-weight:400; font-size:14px; color:#44b8e4; float:right; margin-top:10px;} 

.dotted-separator {height:1px; width:100%; border-top:1px dotted #ccc; float:left; margin-top:40px; margin-bottom:40px; float:left;}

.column-index { float:left; width:190px; text-align:left; font-family:'Ubuntu', sans-serif;}
.column-index h2 { font-family:'Ubuntu', sans-serif; font-weight:900;; color:#353535; margin:0px; padding:0px; font-size:28px; margin-bottom:20px;}
.column-index img {float:left; margin-right:5px; margin-bottom:3px;}
.ci-margin {margin-right:58px;}

.middle-pic {width:190px; height:150px;position:relative;}
.middle-pic img {padding:5px; border:1px solid #ccc;}
.middle-pic img:hover {background: #d5d5d5;}
.middle-pic-band {height:30px; position:absolute; bottom:5px; left:0px;background:#000000; width:190px; margin-left:6px; color:#FFFFFF; }
.middle-pic-band a { color:#FFFFFF; text-decoration:none; font-family:'Ubuntu', sans-serif; font-weight:700;; font-size:20px; line-height:33px}
.middle-pic-band a:hover {color:#ccc;}

.middle-pic-band2 {height:60px; position:absolute; bottom:5px; left:0px;background:#000000; width:190px; margin-left:6px; color:#FFFFFF; }
.middle-pic-band2 a { color:#FFFFFF; text-decoration:none; font-family:'Ubuntu', sans-serif; font-weight:700; font-size:20px; line-height:30px}
.middle-pic-band2 a:hover {color:#ccc;}

.small-sidebar {width:275px; float:left; margin-left:50px; text-align:left;}
.small-sidebar img{ float:left;  padding:3px; border:1px solid #ccc; margin-right:10px;}
.small-sidebar img:hover {background: #d5d5d5; }
.small-sidebar .pic-row {margin-bottom:20px; height:63px;}


.footer {background:url(images/bg_grey.jpg); color:#ccc; min-height:320px; border-top:3px solid #eceee6; margin-bottom:20px; margin-top:30px;}
.footer-container {  margin-top:30px; width:960px; }
.footer-column {width:190px; float:left; text-align:left; line-height:1.4em;}
.footer-column h3 {font-size:22px; border-bottom:1px dotted #ccc; padding-bottom:10px; color:#fff}
.margin50 {margin-right:59px;}
.footer-column ul {margin:0px 0px 0px 12px; padding:0; border:0; } 
.footer-column ul li{padding:4px 0px 4px 0px; border-bottom:1px dotted #ccc;}
.footer-column a { text-decoration:none; color:#ccc;}
.footer-column a:hover { background:#222d80; padding:2px 7px}

.footer-bottom { background:#ccc; clear:both; margin-top:-30px;}
.footer-bottom-container {width:960px; height:50px; position:relative;}
.footer-bottom-left {position:absolute; top:16px; left:0px; font-size:12px; color:#666;}
.footer-bottom-right {position:absolute; top:16px; right:20px; font-size:12px; color:#666;}
.footer form {margin:0; padding:0; border:0;}


.post {width:600px; text-align:left; line-height:1.4em; float:left; color:#727171; border-right:0px dotted #ccc; padding-right:30px;}
.post h2 {margin-bottom:10px;}
.post h2 a {color:#2D2D2D;}
.post .posted-by { color:#ccc;}
.post .posted-by a {color:#44b8e4; text-decoration:none; font-size:12px;}
.post .read-button {float:right; background:#6f6f6f; padding:5px 10px 5px 10px;}
.post .read-button:hover { background:#44b8e4;}
.post .read-button a {color:#fff; font-family:'Ubuntu', sans-serif; font-weight:900;; font-size:18px; text-decoration:none;}
.post  img.pimg { float:left; margin-right:30px; margin-bottom:5px; padding:5px; border:1px solid #ccc;}
.post-separator {height:1px; border-bottom:1px dotted #ccc; margin-bottom:35px; margin-top:35px;}
.post p img {padding:5px; border:1px solid #ccc; margin-bottom:10px;}
.post .postedon {font-size:12px; margin-top:-12px;}


.small-text-index  {width:192px; background:#fff; padding:5px; min-height:360px !important; margin-top: 20px;}

#internal {position:relative;width:100%; height:195px; background: url(images/headerint.png) no-repeat scroll center top #F2F2F2;}
.internal-header {top:83px;position: relative;text-align: center; font-size:50px; color:#002486; text-transform:uppercase; }

#clienti {width:100%; background: url(images/bg-2.png) no-repeat scroll center top #F2F2F2; padding-top: 70px}
.clienti { width:960px; padding-left:10px; padding-right:10px; padding-bottom:10px; }
#clienti img{width:170px; height:120px; position:relative;padding:5px; margin:5px;}
#clienti img:hover {background: #d5d5d5;}
.title-header {margin-top: 40px;position: relative;text-align: center;}
.title-header:after {background: none repeat scroll 0 0 #222D80;content: " ";height: 4px;left: 0; margin-top: -2px; position: absolute; top: 25%; width: 100%; }
.title-section {font-family: 'Ubuntu Condensed', sans-serif; font-weight:400;background-color: #F2F2F2; padding: 0 20px; position: relative; z-index: 1; color: #999;display: inline-block;font-size: 30px;text-transform: uppercase;}


#preventivo {width:100%;}
.preventivo { width:960px; padding-left:10px; padding-right:10px; padding-bottom:10px; }

input.invia {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #d4d4d4) );
	background:-moz-linear-gradient( center top, #f5f5f5 5%, #d4d4d4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#d4d4d4');
	background-color:#f5f5f5;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#002ab5;
	font-family: 'Ubuntu Condensed',sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	font-style:normal;
	height:50px;
	line-height:50px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
input.invia:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d4d4d4), color-stop(1, #f5f5f5) );
	background:-moz-linear-gradient( center top, #d4d4d4 5%, #f5f5f5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4', endColorstr='#f5f5f5');
	background-color:#d4d4d4;
}
input.invia:active {
	position:relative;
	top:1px;
}



.sidebar {width:275px; float:left; margin-left:35px; text-align:left; margin-top:0px;}
.sidebar img{ float:left;  padding:3px; border:1px solid #ccc; margin-right:10px;}
.sidebar img:hover {background: #d5d5d5; }
.sidebar .pic-row {margin-bottom:20px; height:63px;}
.sidebar .widget {margin-bottom:20px; background:#f3f3f3; padding:15px}
.sidebar .widget ul {margin:0; padding:0px; margin-left:15px; display:block; margin-top:-10px;}
.sidebar .widget ul li { padding-bottom:8px; padding-top:7px; border-bottom:1px dotted #ccc; }
.sidebar .widget  a {text-decoration:none; color:#aaa;}
.sidebar .widget  a:hover {color:#002486;}
.sidebar-title {position: relative;text-align: center; width:100%}
.sidebar-title:after {background: none repeat scroll 0 0 #222D80;content: " ";height: 4px;left: 0; margin-top: -2px; position: absolute; top: 25%; width: 100%; }
.sidebar-section {font-family: 'Ubuntu Condensed', sans-serif; font-weight:400;background-color: #FFF; padding: 0 20px; position: relative; z-index: 1; color: #999;display: inline-block;font-size: 30px;text-transform: uppercase;}
.small {font-size:11px; line-height:14px;}


.quotes {padding:10px; border:1px solid #ccc; margin-top:10px; margin-bottom:20px; text-align:center; font-size:16px; background:#f5f5f5; float:left; width:580px; position:relative; } 



/* NIVO SLIDER */
.theme-default #slider {
    margin:100px auto 0 auto;
    width:618px; /* Make sure your images are the same size */
    height:246px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
	float:left;
}


.slider-wrapper{clear:both;width:1066px;height:450px;background:url(images/background-slyder.png) left bottom no-repeat; position:relative; padding:0px; border:0px; border-top:1px dotted #e9e9e9; margin-top:8px;}
.nivo-html-caption {text-align:left; display:none;}
.nivo-html-caption h2 {color:#FFFFFF; margin-bottom:2px;}
.current a {color:#44b8e4;}

.btn1 {border-radius: 8px 8px 8px 8px; color: #009;  display: inline-block; line-height: 28px; padding-left: 5px;padding-right: 5px;border: 0 none; cursor: pointer; background:#fff; font-family:'Ubuntu', sans-serif; font-weight:700;; font-size:13px}
.btn1:hover {color:#fff; background:#009}

.header-flags {width:360px; float:right; padding-top:20px}

.flags {margin: 0; padding:0; list-style:none; float:right}
.flags div {height: 25px; width: 25px;}
.flags li { padding:0; margin:0; height:25px; list-style:none; background-repeat:no-repeat; float:left}
.flags li a, .flags li a:visited {	display: block; text-decoration: none; text-indent: -9999px;	background-repeat: no-repeat;}
.flags a:hover { background-position: right top;}
.flags:after {content: "."; display: block; height: 0; clear: both; }

.flag_en a {    background-image: url(images/flags/eng.png); height:25px;}
.flag_it a {    background-image: url(images/flags/ita.png);height:25px;}
.flag_fr a {    background-image: url(images/flags/fra.png);height:25px;}
.flag_de a {    background-image: url(images/flags/deu.png);height:25px;}
.flag_es a {    background-image: url(images/flags/esp.png);height:25px;}
.flag_ru a {    background-image: url(images/flags/rus.png);height:25px;}
.flag_ch a {    background-image: url(images/flags/chi.png);height:25px;}
.flag_jp a {    background-image: url(images/flags/jap.png);height:25px;}
ul.flags li a:hover {background: none;}

#member {align:left}
#member img {width:150px;margin-bottom:5px}





/* Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#eeeeff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:400px;
    margin-left:-400px;
    margin-top:-200px;
    height:440px;
}

.modalPopup p {
    padding: 5px;
}
    #wizHeader li .prevStep
{
    background-color: #669966;
}
#wizHeader li .prevStep:after
{
    border-left-color:#669966 !important;
}
#wizHeader li .currentStep
{
    background-color: #8ca8bd;
}
#wizHeader li .currentStep:after
{
    border-left-color: #8ca8bd !important;
}
#wizHeader li .nextStep
{
    background-color:#C2C2C2;
}
#wizHeader li .nextStep:after
{
    border-left-color:#C2C2C2 !important;
}
#wizHeader
{
    list-style: none;
    overflow: hidden;
    font: 18px Helvetica, Arial, Sans-Serif;
    margin: 0px;
    padding: 0px;
}
#wizHeader li
{
    float: left;
}
#wizHeader li a
{
    color: white;
    text-decoration: none;
    padding: 10px 0 10px 55px;
    background: brown; /* fallback color */
    background: hsla(34,85%,35%,1);
    position: relative;
    display: block;
    float: left;
}
#wizHeader li a:after
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid hsla(34,85%,35%,1);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}
#wizHeader li a:before
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
#wizHeader li:first-child a
{
    padding-left: 10px;
}
#wizHeader li:last-child
{
    padding-right: 50px;
}
#wizHeader li a:hover
{
    background: #FE9400;
}
#wizHeader li a:hover:after
{
    border-left-color: #FE9400 !important;
}

/* corsi */
#box1 {width:290px; height:300px; position:relative; border:#666 5px solid; float:left; margin:5px; text-align:center;}
#box1 h1{ color:#002486}
#box2 {width:600px; height:300px; position:relative; border:#C00 5px solid; float:left; margin:5px;text-align:center}
#box2 h1{ color:#666}


#cookie-message
{
display:block;
width: 100%;
height: 40px;
line-height: 40px;
background-color: #000;
color:#fff;
z-index:9999;
text-align:center;
top:0;
left:0;
font-size: 14px;
display:none;
}
#cookie-message a:link,
#cookie-message a:visited
{
    color:white;
}
#cookie-message a:hover
{
    color:white;
}
#cookie-chiudi
{
background-color: #fff;
color: #000;
border:solid 1px #CDCDCD;
font-size:12px;
display: inline-block;
margin-left: 20px;
cursor: pointer;
padding:4px;
}