body{
	text-align: center;
	padding:0px;
	margin:0px;
	background-color: #F0F0F0;
	color: #454545;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
}
/************* Definizione stile Tag HTML *************/

a{
	text-decoration: none;
/*	color:#314492;*/
	color:#003bce;


}

a:hover{
	text-decoration: underline;
	color:#496783;
}

h1{
	font-size: 22px;
}

h2{
	font-size: 18px;
	color:black;
}

h3{
	font-size: 14px;
	color:black;
}

p{
	margin:0px 0 4px 0;
	padding:0;
}

p.notext{margin:0;}

hr{
	margin:5px 0 5px 0;
	border:0;
	height:3px;
	background: url(../img/riga.png);
}
/************* LAYOUT *************/

.ombra{
	clear:both;
	margin: 0 auto 0px auto;
	padding:0px;
	width: 1000px;
	background:white url(../img/shad_left.png) top left repeat-y;
}

.content{
	clear:both;
	text-align:justify;
	margin:0 0px 0 10px;
	padding: 0px 10px  0px 0px;
	background:#dbe7fb url(../img/shad_right.png) top right repeat-y;
}

.header{
	height: 100px;
	margin:0;
	padding:0;
	background: url(../img/header.png) top left no-repeat;
}

.barra_menu{
	height:35px;
	margin:0px 0 0px 0;
	padding:0 10px 0 0;
	background:  url(../img/barra_menu.png) top left no-repeat;;
}

.left{
	height:100%;
	float:left;
	width:220px;
	margin: 0 0 0 0;
	padding:0 0 20px 0;
	color:black;
}

.right{
	width: 729px;
	float:left;
	margin:0px 0px 0 0px;
	padding:15px 15px 50px 15px;
	background:white;
	border-left: 1px solid #ADBBC9;
}

.footer{
   clear: both;
	margin:0 0 0 0;
	padding:4px 0 0 0;
	text-align:center;
	border-top: 1px solid gray;
	font-size: 10px;
	line-height:14px;
	background: White;
}
/*** login*****/
.login{
	float:right;
	width:209px;
	padding:0px;
	margin:12px 0px 0 0;
}
/****logo***/
.logo{
	float:left;
	margin:16px auto auto 20px;
	width:300px;
	height:70px;
	cursor: pointer;
}

/************  Barra Menu orizzontale *************/
.barra_menu ul{
	margin:1px 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}
.barra_menu li{
	line-height: 26px;
	float:left;
	padding:0 15px 0 15px;
	border-left:1px solid #144391;
}

.barra_menu li#cart{
	background: url(../img/cart.gif) top left no-repeat;
	padding-left:25px;
}

/*********** LEFT *****************/

.server_info{
	margin:15px 10px 0 10px;
	padding:10px;
	background: white url(../img/server_info.png) top center no-repeat;
	border: 1px solid #144391;
}

.server_info ul{
	margin:60px 0 0 0;
	padding:0;
	list-style:none;
}

.server_info li{
	font-size:11px;
}
/************ RIGHT  ***************/


/****** dominio ******/
#domain_check{
	margin:20px 3px 0 3px;
	padding: 8px;
	background:#caeeff;
	border-width:1px;
	border-color: #66b0ff;
	border-style: solid;

	/* Ombreggiatura CSS3 */
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
	border: 0;

	/* Angoli arrotondati CSS3 */
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#domain_check h2{
display: inline;
	margin:0 15px 0 0px;
}
#domain_check form{
	text-align: center;
	margin:0px 0 6px 0;
}

/****** stripes ******/

.stripes{
	/*color: #ff0033;*/
	color:black;
	font-size:18px;
	margin:0px 0 4px 0;
	padding-bottom: 5px;
	border-bottom: 1px #003bce dashed;
	/*line-height:30px;*/
/*	background: url(../img/stripes.png) top left repeat-x; */
}

/******* Plans ********/
.home_plan, .business_plan{
	width:330px;
	margin:10px 0 0 0;
	padding:0;
}
.home_plan{
	float:left;
	margin-left:10px;
}
.business_plan{
	margin-left:380px;
}
.cms_plan{
	margin:0px 20px 1px 10px;
	text-align: left;
}

.home_plan h2,.business_plan h2,.cms_plan h2{
	margin:0;
	padding: 0 0 7px 5px;
	background:url(../img/step.png) bottom left no-repeat;
}
.plan_border{
	padding:16px 22px 16px 10px;
	border-right: 1px solid #314492;
}
.cms_plan .plan_border{
	border-top: 1px solid #314492;
}
.plan_h1,.plan_h2,.plan_b1,.plan_b2,.plan_joomla{
	margin-top:0px;
	padding:0;
	height:198px;
/*	background: Lime;*/
}

.plan_h1{background: url(../img/piano_h1_3.png) top center no-repeat;}
.plan_h2{background: url(../img/piano_h2_3.png) top center no-repeat;}
.plan_b1{background: url(../img/piano_b1_3.png) top center no-repeat;}
.plan_b2{background: url(../img/piano_b2_3.png) top center no-repeat;}
.plan_joomla{background: url(../img/piano_joomla_3.png) top center no-repeat;}

.plan_border h3{
	display:block;
	margin:0px 0 0 0;
	padding: 18px 0px 0px 30px;
	color: white;
	/*border: 1px solid black;*/
	cursor: pointer;
}
.plan_border ul{
color:black;
	margin:15px 0 5px 25px;
	padding:0px 0px 0px 0px;
	height:105px;
	list-style-type:none;
}
.plan_border li{
	padding-left:10px;
}

/* Frecce colorate
.plan_h1 li{background: url(../img/freccia_h1.gif) center left no-repeat;}
.plan_h2 li{background: url(../img/freccia_h2.gif) center left no-repeat;}
.plan_b1 li{background: url(../img/freccia_b1.gif) center left no-repeat;}
.plan_b2 li{background: url(../img/freccia_b2.gif) center left no-repeat;}
*/

.home_plan li{background: url(../img/freccia.png) center left no-repeat;}
.business_plan li{background: url(../img/freccia.png) center left no-repeat;}

.box_prezzo{
	float:right;
	width:110px;
	height:110px;
	padding:0;
	margin:10px 0px 0 0;
	cursor: pointer;
}

.prezzo{
	font: 21px "Arial Black";
	line-height: 17px;
	color: #FF0000;
	margin:0;
	padding:16px 0 0 8px;

}

/*.plan_h1 .box_prezzo{background: url(../img/server1.png) top left no-repeat;}
.plan_h2 .box_prezzo{background: url(../img/server2.png) top center no-repeat green;}
.plan_b1 .box_prezzo{background: url(../img/server3.png) center left no-repeat green; margin-right:10px;}
.plan_b2 .box_prezzo{background: url(../img/server4.png) top left no-repeat green;margin-right:10px;}*/

.plan_h1 .prezzo{margin-top:44px;margin-left:37px;}
.plan_h2 .prezzo{margin-top:60px;margin-left:40px;}
.plan_b1 .prezzo{margin-top:6px; margin-left:24px;}
.plan_b2 .prezzo{margin-top:57px; margin-left:33px; font-size:18px;}
.plan_joomla .prezzo{margin-top:60px;margin-left:40px;}


.plan_button{
	margin:0;
	text-align: right;
	padding-right: 20px;

}

.plan_button form{
	float:right;
	padding-left:5px;
}

.plan_button input{
	background: #98A1C0 url(../img/button1.png) repeat-x bottom left;
	border: 1px solid #4658AA;
}

#joomla, #wordpress, #drupal{
	margin:0 20px 1px 20px;
	display: inline;

}
.cms_plan #joomla img, #wordpress img, #drupal img{
		border:0;
}

/*************	MENU LATERALE  ********************/
.menu_laterale, #dropmenudiv{
	border: 1px solid #FFFFFF;
	line-height: 20px;
}
.menu_laterale{
	margin:15px 10px 0 10px;
	background: white;
}

.menu_laterale ul, #dropmenudiv ul{
	margin:0;
	padding:0;
	list-style: none;
	list-style-position: outside;
	background: url(../img/menu_item.png) top right repeat-y;
	border: 1px solid #6B6B6B;
}

.menu_laterale .menu_head, .menu_laterale .menu_head:hover{
	margin: 4px;
	padding:0px 0 0px 0px;
	text-align: center;
	background: url(../img/menu_head2.png) center left repeat-x;
	font-weight: bold;
	color:white;
	border: 1px solid;
	border-color: #7da4db #638ecb #1b3781 #1b3781;
	/*border-bottom: 2px groove #F0F0F0;*/
}

.menu_laterale a{
	display: block;
	padding: 0 0 0 15px;
	background:url(../img/menu_freccia.gif) center right no-repeat;
	border-top: 2px groove #F0F0F0;
}
.menu_laterale a:hover{
	background: #859fcd url(../img/menu_freccia2.gif) no-repeat center right;
	color:white;
	text-decoration: none;
}
.menu_laterale a.sezione_menu:hover{
	cursor:default;
}
#dropmenudiv{
	position:absolute;
	z-index:100;
	text-align: left;
}

#dropmenudiv a{
	display:block;
	border-bottom: 2px groove #F0F0F0;
	margin :0;
	padding:0 0 0 10px;
}

#dropmenudiv a:hover{
	background:#859fcd; /*#92A2C0;*/
	color: white;
	text-decoration: none;
}

#dropmenudiv .ultimo_elemento{
	border-bottom:0;
}

