@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

html {
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
	min-width:1024px;
}
body {
	min-width:1200px;
	margin:0;
	text-rendering: optimizelegibility;
	font:14px 'Open Sans',sans-serif,Arial,Helvetica;
}
menu {
    height: 48px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.banner {
	height: auto;
	width: 100%;
	background-image: url(../images/bg.banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#222222;
}
header { 
 margin: 0;
}
nav {
	margin: auto;
	width: auto;
	text-align:center;
}
nav ul {
	display: block;
    padding: 0;
    width: 100%;
	 margin: 0;
}
nav ul li {display: inline-block;}
nav ul li a {
	display: inline-block;
    font-size: 15px;
    padding: 14px;
	font-weight:600;
	cursor:pointer;
	color:#222;
	text-decoration:none;
}
nav ul li a:hover {
	background-color:#dcdcdc;
}
nav ul li.active a { color:#fff; background-color:#3A9547}

.banner .wrap-b {
	width:1200px;
	display:block;
	margin:auto;
}
.banner .wrap-b .slog {
	color: #FFBA00;
    font-size: 50px;
    font-weight: normal;
    margin: 0;
    padding: 20px 20px 0;
	font-weight: 400;
}
.banner .wrap-b p {
	color: #FFFFFF;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 0.5px;
    line-height: 28px;
    text-shadow: 1px 1px 2px #000000;
}
section.style { background-color:#ebebeb}
.wrap { padding:25px 15px;width:1200px; margin:auto}
.sidebar {
	background-color: #464646;
	width: 210px;
	display: inline-block;
}
.sidebar ul {
	margin:0px;
	color:#fff;
	list-style:none;
	padding:10px 0px;
}
.sidebar ul li {
	padding:7px 20px;
	margin:0px;
	color:#fff;
	font-size:13px;
	font-family: 'Open Sans',sans-serif;
	border-bottom:1px dashed #565656;
	cursor:pointer;
}
.sidebar ul li.active { background-color:#dcdcdc; border-bottom:1px solid #464646; color:#222; font-weight:600}
.sidebar ul li.active:hover { background-color:#dcdcdc; border-bottom:1px solid #464646; color:#222}
.sidebar ul li:hover{ background-color:#565656; border-bottom:1px solid #464646;}


.wrap .tab {
	display: inline-block;
    padding-left: 10px;
    vertical-align: top;
    width: 100%;
}
.wrap .tab .hr { display:block; height:40px; color:#fff; background-color:#464646}
.wrap .tab .hr .col { display:inline-block;  padding: 10px;font-size: 12px;line-height: 19px;border-right:1px solid #5a5959; height:20px;}

.wrap .tab .col {display:inline-block;padding: 10px;font-size: 12px; text-align:center; vertical-align:middle; border-right:1px solid #fff; line-height:46px; height: 46px;}
.wrap .tab .col.img {height: 25px;padding: 18px 10px;}
.wrap .tab .col.rate { width:30px;}
.wrap .tab .col.logo { width:120px;}
.wrap .tab .col.price { width:60px;}
.wrap .tab .col.disk { width:75px;}
.wrap .tab .col.band { width:55px;}
.wrap .tab .col.sla { width:30px;}
.wrap .tab .col.domain { width:50px;}
.wrap .tab .col.uso { width:75px;}
.wrap .tab .col.perfor { width:70px;}
.wrap .tab .col.scalab { width:70px;}
.wrap .tab .col.buy { width:70px; border-right: none;padding: 10px 5px;}

.wrap .tab .row {
	border-bottom:1px solid #fff;
	-webkit-transition: all 0.1s ease 0s;
     -moz-transition: all 0.1s ease 0s;
      -ms-transition: all 0.1s ease 0s;
       -o-transition: all 0.1s ease 0s;
          transition: all 0.1s ease 0s;
}
.wrap .tab .row:hover { background-color:#d9ede3 !important}
.wrap .tab .row.st-first { background-color:#f5ecd2}
.wrap .tab .row.st-second { background-color:#d6e8ef}
.wrap .tab .row.st1 { background-color:#ebebeb}
.wrap .tab .row.st2 { background-color:#f5f5f5}

.wrap .tab .row .col.rate { font-size:20px; font-weight:bold}
.wrap .tab .row .col.rate i { background-color:#25aed6; font-style:normal; padding:5px 7px; border-radius:2px; color:#fff}
.wrap .tab .row .col.price {
	color: #FF6C00;
    font-size: 15px;
    font-weight: 700;}
	
	
.first {
	font-style:normal;
    background: #ffc000;
    width: 30px;
    height: 30px;
	margin-top: 5px;
    position: relative;
    text-align: center;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0eg);
		 margin:auto;
}
.first b {
	 color: #A26300;
    line-height: 30px;
    position: relative;
    z-index: 10;
	
}
.first:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background: #ffc000;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
}

.second {
	font-style:normal;
    background: #25AED6;
    width: 30px;
    height: 30px;
	margin-top: 5px;
    position: relative;
    text-align: center;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0eg);
		 margin:auto;
}
.second b {
	 color: #004A72;
    line-height: 30px;
    position: relative;
    z-index: 10;
}
.second:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background: #25AED6;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
}


.rank {
	width: 40px;
	height: 40px;
	background: #6bc65f;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin-left: -5px;
	margin:auto;
}
.rank b { color:#076200;line-height: 40px;}

.tab .row .col.buy .btn {
	background-color: #25AED6;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 6px 13px;
    text-decoration: none;
    text-transform: uppercase;
	opacity:0.8;
	-webkit-transition: all 0.1s ease 0s;
     -moz-transition: all 0.1s ease 0s;
      -ms-transition: all 0.1s ease 0s;
       -o-transition: all 0.1s ease 0s;
          transition: all 0.1s ease 0s;
}
.tab .row .col.buy .btn:hover {opacity:1;}

.wrap .title { font-size:28px; font-weight:bold; display:block; padding:20px; text-align:center;}
.wrap .bx-reviews {
	border: 1px solid #CCCCCC;
    border-radius: 5px;
    display: inline-block;
    margin: 10px;
    padding: 15px;
    width: 45%;
	background-color:#f9f9f9;
}
.wrap .bx-reviews .dx { width:125px;display: inline-block;}
.wrap .bx-reviews .sx { width:400px;display: inline-block;vertical-align: top; margin-left:5px;}
.wrap .bx-reviews .dx .logo,
.wrap .bx-reviews .dx .rate{ text-align:center}
.wrap .bx-reviews .sx { font-size:12px;}

.wrap .bx-reviews .sx .list { display:block; padding: 20px;}
.wrap .bx-reviews .sx .list .row-list { display:block;height: 25px; border-bottom:1px dashed #ccc}
.wrap .bx-reviews .sx .list .row-list span {
	display: inline-block;
    vertical-align: super;
    width: 200px;
	padding-left: 25px;
}


.wrap .nav-tab {
	display: block;
    margin-bottom: 15px;
    padding: 20px;
}


.wrap .nav-tab .item {
	border: 1px solid #CCCCCC;
    border-radius: 3px;
    color: #333333;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 25px;
	margin:10px;
	text-decoration:none
} 
.wrap .nav-tab .item:hover {box-shadow:inset 0px 0px 10px 0px #c1c1c1}
.wrap .nav-tab .item.active {
	background-color: #EFEFEF;
    box-shadow: 0 0 15px 0 #A8A8A8 inset;
	text-shadow: 1px 1px 0 #FFFFFF;
}

.wrap .nav-tab .sub .sub-nav {
	display: block;
	border: 1px solid #CCCCCC;
    border-radius: 3px;
    color: #333333;
	padding:15px;
	margin:5px 15px 15px;
	width:30%;
	box-shadow: 0 0 10px -5px #A8A8A8 inset;
	 background-color: #FBFBFB;
}
.wrap .nav-tab .sub .sub-nav ul {
	list-style-type: none;
    margin: 0;
	padding:0px;
	display:inline-block;
	width:48%;
	vertical-align:top;
}
.wrap .nav-tab .sub .sub-nav.full { width:150px}
.wrap .nav-tab .sub .sub-nav.full ul { width:100%}
.wrap .nav-tab .sub .sub-nav ul.one {
	border-right: 1px solid #EEEEEE;
    margin-right: 2px;
    padding-right: 7px;
}
.wrap .nav-tab .sub .sub-nav ul li {
	display:block;
	border-bottom: 1px dashed #E1E1E1;
	text-decoration:none;
}
.wrap .nav-tab .sub .sub-nav ul li a { text-decoration:none; color:#333;display:block;padding:5px 10px;}
.wrap .nav-tab .sub .sub-nav ul li:hover { background-color:#F3F3F3}
.wrap .nav-tab .sub .sub-nav ul li.active { background-color:#ebebeb; font-weight:bold;}
.curvedarrow {
 border-right: 9px solid #222222;
    border-top: 9px solid rgba(0, 0, 0, 0);
    height: 0;
    margin-bottom: 17px;
    margin-left: 19px;
    margin-top: -28px;
    position: relative;
    width: 0;
  -webkit-transform: rotate(42deg);
  -moz-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  -o-transform: rotate(42deg);
}
.curvedarrow:after {
  content: "";
  position: absolute;
  border: 0 solid transparent;
  border-top: 3px solid #222222;
  border-radius: 20px 0 0 0;
  top: -12px;
  left: -9px;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.wrap .nav-tab .sub #itm1 { margin-left:215px;}
.wrap .nav-tab .sub #itm2 { margin-left:333px;}
.wrap .nav-tab .sub #itm3 { margin-left:438px;}
.wrap .nav-tab .sub #itm4 { margin-left:540px;}
.wrap .nav-tab .category {
    color: #333333;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 10px 10px;
    padding: 10px 10px 10px 25px;
    text-decoration: none;
} 




/* NEW TAB */


.wrap .tab.full {
	display: inline-block;
    padding-left: 0px;
    vertical-align: top;
    width: 100%;
}
.wrap .tab.full .hr { display:block; height:40px; color:#fff; background-color:#464646}
.wrap .tab.full .hr .col { display:inline-block;  padding: 10px;font-size: 12px;line-height: 19px;border-right:1px solid #5a5959; height:20px;}

.wrap .tab.full .col {display:inline-block;padding: 10px;font-size: 12px; text-align:center; vertical-align:middle; border-right:1px solid #fff; line-height:46px; height: 46px;}
.wrap .tab.full .col.img {height: 25px;padding: 18px 10px;}
.wrap .tab.full .col.rate { width:55px;}
.wrap .tab.full .col.logo { width:150px;}
.wrap .tab.full .col.price { width:110px;}
.wrap .tab.full .col.disk { width:90px;}
.wrap .tab.full .col.band { width:70px;}
.wrap .tab.full .col.sla { width:30px;}
.wrap .tab.full .col.domain { width:65px;}
.wrap .tab.full .col.uso { width:90px;}
.wrap .tab.full .col.perfor { width:90px;}
.wrap .tab.full .col.scalab { width:90px;}
.wrap .tab.full .col.buy { width:100px; border-right: none;padding: 10px 5px;}

.wrap .tab.full .row {
	border-bottom:1px solid #fff;
	-webkit-transition: all 0.1s ease 0s;
     -moz-transition: all 0.1s ease 0s;
      -ms-transition: all 0.1s ease 0s;
       -o-transition: all 0.1s ease 0s;
          transition: all 0.1s ease 0s;
}
.wrap .tab.full .row:hover { background-color:#d9ede3 !important}
.wrap .tab.full .row.st-first { background-color:#f5ecd2}
.wrap .tab.full .row.st-second { background-color:#d6e8ef}
.wrap .tab.full .row.st1 { background-color:#ebebeb}
.wrap .tab.full .row.st2 { background-color:#f5f5f5}

.wrap .tab.full .row .col.rate { font-size:20px; font-weight:bold}
.wrap .tab.full .row .col.rate i { background-color:#25aed6; font-style:normal; padding:5px 7px; border-radius:2px; color:#fff}
.wrap .tab.full .row .col.price {
	color: #FF6C00;
    font-size: 15px;
    font-weight: 700;}
	

.tab.full .row .col.buy .btn {
	background-color: #25AED6;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 6px 13px;
    text-decoration: none;
    text-transform: uppercase;
	opacity:0.8;
	-webkit-transition: all 0.1s ease 0s;
     -moz-transition: all 0.1s ease 0s;
      -ms-transition: all 0.1s ease 0s;
       -o-transition: all 0.1s ease 0s;
          transition: all 0.1s ease 0s;
}
.tab.full .row .col.buy .btn:hover {opacity:1;}



footer {
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:150px;
}
	
	
.wrap .titolo { width:100%; display:block; font-size:28px; text-align:center;margin-bottom: 25px;}
.wrap .titolo b { font-weight: bold; margin-right:15px;}


/* New nav-tab */

.wrap .nav-tab.new {
	background-color: #3a9547;
    display: block;
    margin-bottom: 25px;
    padding: 0 20px;
	border-radius:2px 2px 2px 2px;

}


.wrap .nav-tab.new .item {
	background-color: #fff;
    border: none;
    border-radius: 2px 2px 2px 2px;
    color: #333333;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 10px;
    padding: 10px 25px;
    text-decoration: none;
} 
.wrap .nav-tab.new .item:hover {background-color: #e5f9e8; box-shadow: none}
.wrap .nav-tab.new .item.active {
	background-color: #f6fef7;
    box-shadow: 1px 2px 1px 0 #004E00 inset;
	text-shadow: 1px 1px 0 #FFFFFF;
}
.wrap .nav-tab.new .category {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0 6px 10px;
    padding: 10px 10px 10px 25px;
    text-decoration: none;
} 
.wrap .nav-tab.new .sub .sub-nav {
	border: 3px solid #3A9547;
	position:absolute;
	margin-top:2px;

}
.wrap .nav-tab.new .sub .sub-nav ul li a {

}
.wrap .nav-tab.new .sub .sub-nav ul li,
.wrap .nav-tab.new .sub .sub-nav ul.one { }
.wrap .nav-tab.new .sub .sub-nav ul li.active a,
.wrap .nav-tab.new .sub .sub-nav ul li:hover a { background-color:#3A9547; color:#fff}