/* ----------------------------------------------------*/
/* ------> Main Layout <<<-----------------------*/
/* ----------------------------------------------------*/

html,body{margin:0;padding:0;text-align:center;font-family:verdana,arial,helvetica,sans-serif;font-size:12px;color:#414141;}

img{border:none;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}

h1,h2,h3,h4,h5,h6{font-family:georgia,"Times New Roman",times,serif;font-weight:normal;}
p,ul,ol,li,h1,h2,h3,h4,h5,h6{padding:0;margin:0;}

#container{margin:0 auto;width:910px;padding:0;text-align:left;background:#fff url("../img/layout/bg_header.gif") repeat-x top left;}
#cwrap{margin:23px 0 25px 0;}
#twocols{width:100%;position:relative;}





/* ------------------------------------------*/
/* ------> Masthead Area <<<-----------*/
/* ------------------------------------------*/

#header{position:relative;height:108px;padding:0 35px;}
#header h1{display:block;position:relative;float:left;}
#header h1 a{display:block;float:left;width:155px;height:92px;text-indent:-9000px;background:transparent url("../img/layout/hubspot-logo.gif") no-repeat;background-position:0 4px;}

#header #auxnav,#header #nav{font-family:georgia,"Times New Roman",times,serif;}

#header #auxnav{display:block;float:right;width:50%;}
#header #auxnav ul{list-style-type:none;float:right;}
#header #auxnav ul li{float:left;margin:0 0 0 3px;}
#header #auxnav ul li a{float:left;display:block;padding:0px 0 0 0;color:#465560;text-transform:uppercase;font-size:10px;text-decoration:none;background:transparent url("../img/layout/auxnav_left.gif") no-repeat top left;}
#header #auxnav ul li a span{float:left;display:block;height:19px;padding:7px 18px 0 18px;background:transparent url("../img/layout/auxnav_right.gif") no-repeat top right;}
#header #auxnav ul li a:hover{color:#BD1327;cursor:pointer;}


#header #nav{display:block;float:right;width:80%;margin:49px 0 0 0;}
#header #nav ul{list-style-type:none;display:block;float:right;}
#header #nav ul li{display:block;float:left;margin:0 0 0 2px;}
#header #nav ul li a{display:block;float:left;color:#465560;font-size:17px;text-decoration:none;font-weight:normal;}
#header #nav ul li a span{display:block;float:left;height:25px;padding:8px 20px 0 20px;}
#header #nav ul li a:hover{background:transparent url("../img/layout/nav_left.gif") no-repeat top left;cursor:pointer;}
#header #nav ul li a:hover span{background:transparent url("../img/layout/nav_right.gif") no-repeat top right;}

#header #nav ul li.selectedtab a,#header #nav ul li.selectedtab a:hover{background:#BD1327 url("../img/layout/nav_left.gif") no-repeat;background-position:0 -33px;color:#fff;}
#header #nav ul li.selectedtab a span,#header #nav ul li.selectedtab a:hover span{background:transparent url("../img/layout/nav_right.gif") no-repeat;background-position:right -33px;}


/* ----------------------------------------------*/
/* ------> Homepage Specific <<<-----------*/
/* ----------------------------------------------*/

.home #header-banner{display:block;width:100%;height:218px;background:transparent url("../img/layout/bg_header-banner.gif") no-repeat bottom right;}
.home #header-banner #image{display:block;float:left;margin:0 35px 0 20px;width:45%;overflow:hidden;}
.home #header-banner #text{display:block;float:left;width:45%;overflow:hidden;}
.home #header-banner h1{color:#fff;font-size:27px;padding:27px 0 4px 0;}
.home #header-banner ul{list-style-type:none;display:block;}
.home #header-banner ul li{color:#fff;display:inline-block;clear:right;margin:6px 15px 0 0;padding:0 0 0 9px;font-size:14px;background:transparent url("../img/icons/bullet_white.gif") no-repeat;background-position:0 8px;}
.home #header-banner a.cta{float:left;margin:15px 21px 0 0;font-family:georgia,"Times New Roman",times,serif;color:#fff;font-size:15px;font-style:italic;}
.home #header-banner a.button{margin-top:12px;color:#465560;}

.home #website-grader{display:block;border-left:1px dotted #bbb;background:#f2f2f2;padding:15px;margin:5px 0 0 0; height:80px}
.home #website-grader h3{color:#BD1327;font-size:16px;margin:0;}
.home #website-grader p{margin:0;padding:0;}
.home #website-grader img{border:1px solid #bbb;float:right;}
.home #website-grader img:hover{border:1px dotted #ccc;}

.home #maincol h2{color:#BD1327;padding:10px 0 5px 0;font-size:24px;}
.home #maincol p{margin:5px 0;}
.home #maincol p a{font-family:georgia,"Times New Roman",times,serif;font-size:14px;font-style:italic;color:#589ceb;}

.home #rightcol{width:300px;float:right;position:relative;}


/* ----------------------------------------------*/
/* ------> Left Column Area <<<------------*/
/* ----------------------------------------------*/

#leftcol{width:219px;float:left;position:relative; display:inline}

#leftcol #leftnav{display:block;margin:24px 0 6px 0;padding:0 0 16px 0;background:transparent url("../img/layout/bg_leftnav.gif") repeat-x bottom left;}
#leftcol #leftnav ul{list-style-type:none;display:block;font-family:georgia,"Times New Roman",times,serif;}
#leftcol #leftnav ul li{display:block;font-size:15px;}
#leftcol #leftnav ul li a{display:block;color:#455560;border-top:1px solid #dbdbdb;line-height:125%;padding:7px 0 7px 20px;text-decoration:none;}
#leftcol #leftnav ul li a span{display:block;}
#leftcol #leftnav ul li a:hover{background:#ececec url("../img/layout/leftnav-carrot.gif") no-repeat;background-position:0 13px;}

#leftcol #leftnav ul li.selectedtab a,#leftcol #leftnav ul li.selectedtab a:hover{color:#BD1327;background:none;}

#leftcol #leftnav ul li.separator{display:none;}
#leftcol #leftnav ul li.childitem1 a,#leftcol #leftnav ul li.childitem1 a:hover{padding:5px 0 6px 32px;border:none;font-size:13px;background:transparent url("../img/icons/bullet_grey.gif") no-repeat;background-position:21px 12px;}
#leftcol #leftnav ul li.last a{}

#leftcol #leftnav ul li.childitem1 a:hover{text-decoration:underline;}


/* ---------------------------------------------*/
/* ------> Main Column Area <<<-----------*/
/* ---------------------------------------------*/

#maincol{float:left;display:inline;position:relative;width:550px;padding:0 20px;}
#maincol h1{color:#BD1327;font-size:26px;}
#maincol h2{color:#455560;font-size:21px;padding:20px 0 3px 0;}
#maincol h3{color:#455560;font-size:17px;line-height:150%;margin:10px 0 0 0;}
#maincol h3 a{color:#BD1327;}
#maincol p{line-height:155%;margin:15px 0;}
#maincol p a,#maincol li a{color:#589ceb;}
#maincol ul,ol{margin:10px 0;color:#414141;}
#maincol ul{list-style-type:none;}
#maincol ul li{display:block;position:relative;padding:6px 0 3px 12px;background:transparent url("../img/icons/bullet_grey.gif") no-repeat;background-position:0 14px;line-height:145%;}
 
/* --------------------------------------------*/
/* ------> Form Blocks <<<---------------*/
/* --------------------------------------------*/

div.formBlock{
	float:left;
	border: 1px solid #666666;
	padding:10px;
	width: 590px;
}
div.formBlock label{float:left;margin:10px}
div.formBlock input{float:left}
div.formBlock div.riga{clear:left;}
div.formBlock label.col2{margin-left: 10px }

/* --------------------------------------------*/
/* ------> Reusable Blocks <<<-----------*/
/* --------------------------------------------*/
div.block{display:block;width:179px;padding:0 20px 13px 20px;margin:0 0 16px 0;background:transparent url("../img/layout/bg_news-block.gif") repeat-x top left;}
div.block h3{font-size:21px;width:100%;padding:13px 0 0 0;margin:0 0 4px 0;background:transparent url("../img/layout/bg_news-top.gif") no-repeat top center;}

/* news block */
div.news{margin:0 16px 0 0;}
div.news h3{color:#455560;}
div.news ul{list-style-type:none;}
div.news ul{list-style-type:none;}
div.news ul li{display:inline-block;clear:right;margin:8px 0 0 0;padding:0 0 0 9px;background:transparent url("../img/icons/bullet_orange.gif") no-repeat;background-position:0 8px;}
div.news ul li a{color:#414141;}
div.news ul li span.date{display:block;margin:2px 0 0 0;color:#999;font-size:10px;font-style:italic;}


div.news div.ItemLink{display:inline-block;clear:right;margin:8px 0 0 0;padding:0 0 0 9px;background:transparent url("../img/icons/bullet_orange.gif") no-repeat;background-position:0 8px;}
div.news div.ItemLink a{color:#414141;}
div.news div.ItemInfo{display:block;margin:2px 0 0 0;color:#999;font-size:10px;font-style:italic;padding:0 0 0 9px;}


/* Orange block */
div.orange-block{background:transparent url("../img/layout/bg_orange-block.gif") repeat-x top left;}
div.orange-block h3{color:#915d0c;background:transparent url("../img/layout/bg_orange-top.gif") no-repeat top center;}
div.orange-block p a{color:#cd830c;text-decoration:none;}

/* quote block */
div.quote{background:transparent url("../img/layout/bg_quote-block.gif") repeat-x top left;width:179px;}
html>body div.quote{width:179px;}
div.quote h3{color:#915d0c;background:transparent url("../img/layout/bg_quote-top.gif") no-repeat top center;text-indent:-9000px;height:4px;}
div.quote p{display:block;clear:both;color:#aaa;font-family:georgia,"Times New Roman",times,serif;background:transparent url("../img/layout/quote-right.gif") no-repeat top right;margin:10px 0 0 0;}
div.quote span.name{color:#2d3941;}

div.quote p.quote{display:block;color:#4071a1;font-size:15px;font-style:italic;line-height:155%;margin:0;background:none;padding:6px 0 0 35px;background:transparent url("../img/layout/quote-left.gif") no-repeat top left;}


/* ----------------------------------------*/
/* ------> Footer Area <<<-----------*/
/* ----------------------------------------*/

#footer{height:55px;background:transparent url("../img/layout/bg_footer.gif") repeat-x top left;clear:both;font-family:georgia,"Times New Roman",times,serif;color:#bbb;padding:13px 18px;}

#footernav ul{list-style-type:none;float:left;width:55%;}
#footernav ul li{float:left;}
#footernav ul li a{float:left;display:block;color:#455560;text-decoration:none;}
#footernav ul li a span{float:left;display:block;padding:0 9px;}
#footernav ul li a:hover{text-decoration:underline;cursor:pointer;}

#footer p.copyright{float:right;width:40%;text-align:right;}
#footer p.copyright a{color:#bbb;}


/* ------------------------------------*/
/* ------> Buttons <<<-----------*/
/* ------------------------------------*/

a.button{display:table;height:28px;background:transparent url("../img/layout/button_left.gif") no-repeat top left;font-family:georgia,"Times New Roman",times,serif;font-size:15px;color:#465560;font-style:italic;}
a.button span{display:inline-block;height:24px;padding:4px 15px 0 20px;background:transparent url("../img/layout/button_right.gif") no-repeat top right;}

html>body a.button span{display:block;}

a.button:hover{color:#000;cursor:pointer;}

/* Exceptions */
#header-banner a.button span{background:transparent url("../img/layout/button_right-header.gif") no-repeat top right;}



/* -----------------------------------------------*/
/* ------> Innerpage Specific <<<-----------*/
/* -----------------------------------------------*/

#container.innerpage{background:#fff url("../img/layout/bg_header-inner.gif") repeat-x top left;}
#container.innerpage #maincol{float:right;width:616px;padding:40px 40px 20px 35px;}





/* -----------------------------------------------*/
/* ------> Blog/News Section <<<------------*/
/* -----------------------------------------------*/

#listing,div.post,#listing div{margin:0;padding:0;}
#listing div.post{color:#414141;font-size:12px;}
#listing div.post h3{font-family:georgia,"Times New Roman",times, serif;color:#455560;line-height:150%;margin:10px 0 0 0;padding:0;border:none;}
#listing div.post h3 a{color:#455560;margin:0;padding:0;font-size:17px;}
#listing div.post h3 a:hover{text-decoration:underline;}
#listing div.post div a{font-size:11px;color:#666;}
#listing div.post a{font-size:12px;color:#589ceb;}
#listing div.post p.ListingText{font-size:12px;color:#414141;}
#listing div.post p{margin:8px 0 0 0;}
#listing div.post hr{height:1px;background:#ccc;}
#listing div.post p.postfoot{color:#999;font-style:italic;font-size:11px;margin:0;padding:0;text-align:left;}
#listing p[align="center"]{text-align:left;}



/* ---------------------------------------------*/
/* ------> Flotation Device <<<-----------*/
/* ---------------------------------------------*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
//stile per box contratti
#legalText {
	height: 150px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	overflow: scroll;
}
#boxHome {
	float: left;
	width: 30%;
	border-left:1px dotted #bbb;
	background:#f2f2f2;
	padding:15px;
	margin:5px 0 0 0; 

}
#boxHome h3{color:#BD1327;font-size:16px;margin:0;}
#boxHome2 h3{color:#BD1327;font-size:16px;margin:0;}
#boxHome2 {
	float: right;
	width: 50%;
	border-left:1px dotted #bbb;
	background:#f2f2f2;
	padding:15px;
	margin:5px 0 0 0; 
	
}
