/* CSS per la Landing Page di Serverplan        */
/* by Stefano Zurlini (s.zurlini@mediabrand.it) */
/* Mediabrand - http://www.mediabrand.it        */

/* Contenitore principale */
#lpcontainer{
	width:700px;
	margin:35px auto 10px auto;
	font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	color:#555;
}
/* Titoli paragrafi */
#lpcontainer .lpmaintitle{
	font-family:Georgia,Palatino,serif;
	font-size:2.6em;
	text-align:center;
	font-weight:normal;
	color:#222;
	margin:10px 0;
}
#lpcontainer .lplargetitle{
	font-size:1.8em;
	font-weight:normal;
	margin:10px 0 3px 0;
	color:#222;
}
#lpcontainer .lpmediumtitle{
	font-size:1.6em;
	font-weight:normal;
	margin:10px 0 3px 0;
	color:#222;
}
#lpcontainer .lpsmalltitle{
	font-size:1.2em;
	font-weight:normal;
	margin:10px 0 1px 0;
	color:#09537b;
}
#lpcontainer span.lpsubtitle{
	display:block;
	font-family:Georgia,Palatino,serif;
	font-size:1.9em;
	text-align:center;
	font-weight:normal;
	color:#09537b;
	margin:7px 0 1px 0;
}
/* Immagine principale */
#lpcontainer .lpmainimg{
	width:698px;
	height:288px;
	overflow:hidden;
	margin:0 auto;
	background-color:#999;
	border:1px solid #ccc;
	position:relative;
}
#lpcontainer .lpmainimg a span.lpimg_button{
	width:150px;
	height:65px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	padding:225px 0 0 550px;
	font-size:1.2em;
	color:#111;
	text-shadow:1px 1px #fff;
}
#lpcontainer .lpmainimg a:hover{
	text-decoration:none;
}
#lpcontainer .lpmainimg a:hover span.lpimg_button{
	color:#376ec5;
	cursor:pointer;
}
/* Elementi generici della pagina */
#lpcontainer p{
	font-size:1.1em;
	margin:0;
	padding:3px 0;
	line-height:140%;
}
#lpcontainer ul,#lpcontainer ol{
	list-style-type:none;
	font-size:1.1em;
	padding:3px 0 3px 20px;
	line-height:140%;
}
#lpcontainer ol li{
	list-style-type:decimal;
}
#lpcontainer ul li{
	padding:2px 0 2px 25px;
	background:transparent url('/img/lpchecked.png') 0 2px no-repeat;
}
#lpcontainer strong{
	color:#000;
	font-weight:normal;
}
#lpcontainer a{
	color:#09537b;
	text-decoration:none;
	text-decoration:none;
}
#lpcontainer a img{
	border:0;
}
#lpcontainer a:hover{
	color:#09537b;
	text-decoration:underline;
}
/* Blocco immagine + descrizione tipo A */
#lpcontainer .lpblockwrp{
	margin:10px 0 20px 0;
	overflow:auto;
}
#lpcontainer .lpblock{
	padding:0 0 0 200px;
	position:relative;
	float:left;
}
#lpcontainer .lpblock img{
	display:block;
	width:160px;
	position:absolute;
	left:0;
	top:16px;
}
#lpcontainer .lpblock span.lpimgmask{
	display:block;
	width:160px;
	height:88px;
	position:absolute;
	left:0;
	top:16px;
	background:transparent url('/img/lpimgmask.png') 0 0 no-repeat;
}
#lpcontainer .lpblock .lpblocktitle{
	font-size:1.3em;
	font-weight:normal;
	margin:10px 0 1px 0;
	color:#09537b;
}
/* Blocco immagine + descrizione tipo B */
#lpcontainer .lpoptions{
	width:700px;
	margin:15px auto 25px auto;
}
#lpcontainer .lpoptions .lpsingle{
	width:210px;
	float:left;
	margin:0 35px 0 0;
}
#lpcontainer .lpoptions .lpsingle img{
	border:1px solid #aac5d3;
}
#lpcontainer .lpoptions .lpsingle h3{
	margin:15px 0 0 0;
}
#lpcontainer .lpoptions .lpsingle p{
	padding:1px 0;
}
/* Box conversione */
#lpcontainer .lpboxset{
	padding:10px 0 20px 0;
	overflow:auto;
}
#lpcontainer .lpboxset .lpbox{
	width:220px;
	margin:0 20px 0 0;
	position:relative;
	float:left;
}
#lpcontainer .lpboxset .nomargin, #lpcontainer .lpoptions .nomargin{
	margin:0;
}
#lpcontainer .lpboxset strong{
	font-weight:bold;
}
#lpcontainer .lpboxset .lpbox .lpboxheader{
	padding:6px 10px 6px 52px;
	height:43px;
	font-size:1.2em;
	color:#fff;
	position:relative;
	border-bottom:1px solid #fff;
	text-shadow:1px 1px #000;
}
#lpcontainer .lpboxset .lpbox .lpboxheader span{
	font-size:1.1em;
}
#lpcontainer .lpboxset .lpbox .lpboxheader span.giant{
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size:2.4em;
}
#lpcontainer .lpboxset .lpbox .lpboxheader span.medium{
	display:block;
	padding:5px 0 0 0;
	font-size:1em;
}
#lpcontainer .lpboxset .lpbox .lpboxheader strong{
	color:#fff;
}
#lpcontainer .lpboxset .lpbox .lpboxheader img.headimg{
	position:absolute;
	top:12px;
	left:10px;
}
#lpcontainer .lpboxset .lpbox .lpboxbody{
	min-height:147px;
	height:auto !important; /* Fix IE6 min-height */
	height:147px; /* Fix IE6 min-height */
	background:transparent url('/img/box_bg.png') 0 0 repeat-y;
}
#lpcontainer .lpboxset .lpbox .lpboxbody ul{
	margin:0;
	padding:0;
}
#lpcontainer .lpboxset .lpbox .lpboxbody ul li{
	width:200px; /*Fix IE6 borders */
	background-image:none;
	border-bottom:1px solid #fff;
	margin:0;
	padding:6px 10px;
	color:#0d0d0d;
	text-shadow:1px 1px #fff;
}
#lpcontainer .lpboxset .lpbox .lpboxbody ul li span.marked{
	margin:0 15px 0 0;
	color:#f26822;
}
#lpcontainer .lpboxset .lpbox .lpboxbody ul li.noline{
	border:0;
}
#lpcontainer .lpboxset .lpbox .lpboxbottom{
	padding:0;
	margin:0;
	height:59px;
	font-size:1.2em;
	color:#333;
	position:relative;
	border-top:1px solid #fff;
}
#lpcontainer .lpboxset .lpbox .lpboxbottom .description{
	width:80px;
	color:#fff;
	margin:8px 0 0 0;
	text-shadow:1px 1px #000;
	text-align:center;
	line-height:150%;
}
#lpcontainer .lpboxset .lpbox .lpboxbottom .description span{
	display:block;
	font-size:2.4em;
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
		line-height:80%;
}
#lpcontainer .lpboxset .lpbox .lpboxbottom .lpbutton{
	width:120px;
	position:absolute;
	right:10px;
	top:10px;
	height:40px;
	text-align:center;
	text-shadow:1px 1px #fff;
}
#lpcontainer .lpboxset .lpbox .lpboxbottom .lpbutton a{
	display:block;
	height:29px;
	color:#0d0d0d;
	margin:0 15px 0 0;
	padding:11px 0 0 15px;
	background:transparent url('/img/lpbutton.png') 0 0 no-repeat;
}
#lpcontainer .lpboxset .lpbox .lpboxbottom .maxsize{
	width:200px;
}
#lpcontainer .lpboxset .lpbox .lpboxbottom .lpbutton a:hover{
	text-decoration:none;
	color:red;
}
#lpcontainer .lpboxset .lpbox .lpboxbottom .lpbutton a span.closure{
	display:block;
	width:15px;
	height:40px;
	background:transparent url('/img/lpbutton.png') -186px 0 no-repeat;
	position:absolute;
	right:0;
	_right:-16px; /*Fix IE6 absolute positioning bug */
	top:0;
}
.dark_green{
	background-color:#88c363;
}
.light_green{
	background-color:#a1cd45;
}
.light_blue{
	background-color:#83c2eb;
}
span.corner{
	display:block;
	width:6px;
	height:6px;
	font-size:0;
	line-height:0;
	position:absolute;
}
span.topleft{
	background:transparent url('img/lpimgmask.png') left top no-repeat;
	top:0;
	left:0;
}
span.topright{
	background:transparent url('/img/lpimgmask.png') right top no-repeat;
	top:0;
	right:0;
}
span.bottomleft{
	background:transparent url('/img/lpimgmask.png') left bottom no-repeat;
	bottom:0;
	left:0;
	_bottom:-1px; /*Fix IE6 position absolute bug */
}
span.bottomright{
	background:transparent url('/img/lpimgmask.png') -154px -82px no-repeat;
	bottom:0;
	right:0;
	_bottom:-1px; /*Fix IE6 position absolute bug */
}
/* Clearfix */
.lpclearfix{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
/* Gallery */
.gallery{
	margin:20px auto 10px auto;
}
.gallery img{
	float:left;
	margin:0 8px 0 0;
	border:1px solid #ccc;
}
/* Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}
#cboxOverlay{
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft{
	clear:left;
}
#cboxContent{
	position:relative;
	overflow:hidden;
}
#cboxLoadedContent{
	overflow:auto;
}
#cboxLoadedContent iframe{
	display:block; width:100%; height:100%; border:0;
}
#cboxTitle{
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
	cursor:pointer;
}
#cboxOverlay{
	background:url('/img/overlay.png') 0 0 repeat;
}
#cboxTopLeft{
	width:21px;
	height:21px;
	background:url('/img/controls.png') -100px 0 no-repeat;
}
#cboxTopRight{
	width:21px;
	height:21px;
	background:url('/img/controls.png') -129px 0 no-repeat;
}
#cboxBottomLeft{
	width:21px;
	height:21px;
	background:url('/img/controls.png') -100px -29px no-repeat;
}
#cboxBottomRight{
	width:21px;
	height:21px;
	background:url('/img/controls.png') -129px -29px no-repeat;
}
#cboxMiddleLeft{
	width:21px;
	background:url('/img/controls.png') left top repeat-y;
}
#cboxMiddleRight{
	width:21px;
	background:url('/img/controls.png') right top repeat-y;
}
#cboxTopCenter{
	height:21px;
	background:url('/img/border.png') 0 0 repeat-x;
}
#cboxBottomCenter{
	height:21px;
	background:url('/img/border.png') 0 -29px repeat-x;
}
#cboxContent{
	background:#fff;
}
#cboxLoadedContent{
	margin-bottom:28px;
}
#cboxTitle{
	position:absolute;
	bottom:3px;
	left:0;
	text-align:center;
	width:100%;
	color:#949494;
}
#cboxCurrent{
	position:absolute;
	bottom:3px;
	left:58px;
	color:#949494;
}
#cboxSlideshow{
	position:absolute;
	bottom:3px;
	right:30px;
	color:#0092ef;
}
#cboxPrevious{
	position:absolute;
	bottom:0;
	left:0px;
	background:url('/img/controls.png') -75px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxPrevious.hover{
	background-position:-75px -25px;
}
#cboxNext{
	position:absolute;
	bottom:0;
	left:27px;
	background:url('/img/controls.png') -50px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxNext.hover{
	background-position:-50px -25px;
}
#cboxLoadingOverlay{
	background:url('/img/loading_background.png') center center no-repeat;
}
#cboxLoadingGraphic{
	background:url('/img/loading.gif') center center no-repeat;
}
#cboxClose{
	position:absolute;
	bottom:0;
	right:0;
	background:url('/img/controls.png') -25px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxClose.hover{
	background-position:-25px -25px;
}
/* Action Box */
#lpcontainer .lpactionbox{
	width:700px;
	height:232px;
	background:transparent url('/img/actionbox.png') 0 0 no-repeat;
	margin:45px 0 35px 0;
	position:relative;
}
#lpcontainer .lpactionbox span{
	display:block;
	width:218px;
	height:37px;
	font-size:1.3em;
	position:absolute;
	font-family:Tahoma,Arial,sans-serif;
	text-align:center;
	text-shadow:1px 1px #fff;
}
#lpcontainer .lpactionbox span.action1{
	top:171px;
	left:67px;
}
#lpcontainer .lpactionbox span.action2{
	top:171px;
	left:427px;
	color:#c9743a;
}
#lpcontainer .lpactionbox span a{
	display:block;
	width:218px;
	padding:9px 0 0 0;
	height:28px;
}
#lpcontainer .lpactionbox span.action1 a{
	color:#006838;
}
#lpcontainer .lpactionbox span.action2 a{
	color:#c9743a;
}
#lpcontainer .lpactionbox span a:hover{
	text-decoration:none;
}
#lpcontainer .lpactionbox span.action1 a:hover{
	color:#09914d;
}
#lpcontainer .lpactionbox span.action2 a:hover{
	color:#ea9963;
}