@charset "utf-8";
/* global css */
html,body {height:100%;}
body{background: #fff;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,blockquote,dl,dt,dd,blockquote, pre,object,textarea,input{margin:0;padding:0}
body,select,input,textarea,button{font:12px/1.4 Arial, Helvetica, sans-serif; color: #464646;}	
input,select,img,button{vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-size: 12px; font-weight: normal;}
dfn,em,cite,address,caption{font-style:normal}
fieldset,img,abbr {border: 0;} 
img,object,embed{vertical-align: top;}
ul,ol{list-style-type:none;}
table{border-collapse:collapse;;width:100%; border-spacing:0;}
caption,th{text-align:left;}
table th{line-height:25px;height:25px;}

a,#topnav a:hover,#topnav li.on a,#footer-wrap a:hover,#footer-wrap .on a{color: #A61212;text-decoration:none;}
a:hover,#topnav a{color: #464646;}

#main:after,#mode-wrap:after,#banner:after,.mode-wrap:after,#ftnav ul:after,#foot:after,#container:after,.serve-list:after{content:''; display: block; clear:both}

/* header css */
#header{
	width: 962px;
	padding: 35px 0 20px;
	margin: 0 auto;
	position: relative;
}

#topnav{
	position: absolute;
	top: 35px;
	right: 10px;
}
#topnav li{
	float: left;
	padding-left: 20px;
	margin-right: 10px;
	background: url(../images/topnav.gif) 0 -27px no-repeat;
}
#topnav #client-area{
	background-position: 0 -56px;
}
#topnav #soporte{
	background-position: 0 2px;
}

#mainnav,#mainnav ul{
	background: #252525;
}
#mainnav ul{
	width: 962px;
	height: 38px;
	font-size: 14px;
	font-weight: bold;
	line-height: 38px;
	margin: 0 auto;
	overflow: hidden;
}
#mainnav li,#mainnav a{
	float: left;
}
#mainnav li{
	margin-right:22px;
}
#mainnav li.last{
	margin: 0;
}
#mainnav a{
	color: #fff;
	padding: 0 15px;
}
#mainnav li.on a,#mainnav li a:hover{
	background: #373737;
}

#banner-wrap{
	background: #A61212;
}
#banner{
	color: #fff;
	width: 922px;
	line-height: 1;
	margin: 0 auto;
	padding: 30px 20px 25px;
	position: relative;
	background: url(../images/banner-bg.gif) no-repeat;
}
#banner h2{
	font-size:30px;
}
.service-list{
	font-size: 24px;
	margin: 15px 0 0;
	padding-left: 100px;
}
.service-list li{
	padding-left: 35px;
	margin-bottom: 7px;
	background: url(../images/icon-fit.gif) 0 6px no-repeat;
}
.host-sort{
	font-size: 14px;
	font-weight: bold;
}
.host-sort li{
	float: left;
	height: 76px;
	margin-right: 40px;
	padding-left:78px;
	line-height: 76px;
	background: url(../images/icon-linux.gif) no-repeat;
}
.sign-up{
	width: 155px;
	height: 32px;
	line-height: 32px;
	margin:0 0 10px 380px;
	background: #7E150E;
}
.sign-up a{
	display: block;
	height:100%;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
.sign-up a:hover{
	color: #AD1D18;
}
.host-sort li.window{
	padding-left:83px;
	background-image: url(../images/icon-window.gif);
}
#banner-img{
	position: absolute;
	top:40px;
	right: 15px;
}

/* center */
#main-wrap{
	padding-top:10px;
	background: url(../images/main-wrap.gif) repeat-x;
}
#main{
	width: 922px;
	margin: 0 auto;
	padding: 30px 20px;
	background: #fff;
}

#search{
	float: left;
	width: 560px;
	height: 90px;
	color: #000;
	position: relative;
	padding: 10px 20px 0;
	background: url(../images/search-bg.gif) no-repeat;
}
#search h2,#sea h2,.content h1{
	font-size: 16px;
	color: #A61212;
	font-weight: bold;
}
.domain,.input-wrap{
	width: 385px;
	text-align: right;
}
.input-wrap{
	font-size: 13px;
	margin-bottom: 10px;
	font-weight: bold;
}
#search input{
	width: 170px;
	padding: 3px 10px;
	background: #fff;
	border: 0;
	line-height: normal;
	font-size: 13px;
	font-weight: bold;
	margin: 0 4px;
}
#search input.com{
	width: 27px;
}
#search button{
	width: 44px;
	height: 26px;
	border: 0;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	background: url(../images/btn-go.gif) no-repeat;
}
.price{
	font-size: 18px;
	width: 90px;
	text-align: right;
}
.price em{
	display: block;
	font-size: 36px;
	text-align: left;
	margin-bottom: -15px;
	font-weight: bold;
	font-family: Trebuchet MS;
	letter-spacing:-3px;
}
#search .price{
	position: absolute;
	top: 10px;
	right: 0;
	padding-right: 20px;
	font-weight: bold;
	font-size: 24px;
	width: 170px;
}
#search .price span{
	display: block;
	font-size: 16px;
	text-align: left;
}
#search .price em{
	font-size: 40px;
	width:115px;
	margin: -10px 0 -30px;
	padding-right: 55px;
	text-align: right;
}
#search .price em sup{
	font-size: 24px;
	float: right;
	position: relative;
	margin: -55px -30px 0 0;
}
#search-right{
	float: right;
	width:300px;
	line-height: 1.7;
	text-align: justify;
}

.mode-wrap{
	width: 100%;
	clear: both;
	padding:20px 0 7px;
}
.mode{
	float: left;
	width: 249px;
	margin-right: 29px;
	padding: 0 18px 16px;
	background: url(../images/mode-bg.gif) left bottom no-repeat;
}
.mode h2{
	height: 37px;
	font-size:14px;
	font-weight: bold;
	margin: 0 -18px 20px;
	color: #fff;
	padding: 0 12px;
	line-height: 37px;
	background: url(../images/mode-title.gif) no-repeat;
}
.mode li{
	margin-bottom: 5px;
}
.mode .price{
	float: right;
}
.mode .more{
	padding: 20px 0 0;
	text-align: right;
}
.mode .more img{
	margin-left: 5px;
}
.planes h2{
	background-position: 0 -37px;
}
.vps{
	margin: 0;
}
.vps h2{
	background-position: 0 -74px;
}

#sea{
	_height: 100px;
	min-height: 100px;
	padding: 10px 0 0 166px;
	background: url(../images/sea-bg.gif) left bottom no-repeat;
}
#sea h2{
	margin-bottom:5px;
}
#sea p{
	margin-bottom: 15px;
}
#sea p.last{
	margin: 0;
}
.paypal{
	float: right;
	width: 140px;
	padding: 15px 0 0;
	text-align: center;
}

#footer-wrap{
	padding-top: 20px;
	background: url(../images/footer-bg.gif) #373737 left bottom repeat-x;
}
#footer-wrap,#footer-wrap a{
	color: #fff;
}
#ftnav{
	border-bottom: 1px solid #373737;
	padding-bottom: 10px;
}
#ftnav ul{
	width: 840px;
	padding: 0 0 0 0px;
	margin: 0 auto;
}
#ftnav li{
	float: left;
	width: 210px;
	text-align: center;
}
#ftnav ul ul{
	width: auto;
	margin: 0;
	padding: 0;
}
#ftnav li li{
	float: none;
	width: auto;
	margin-top: 5px;
}
#foot{
	width: 910px;
	line-height: 1;
	overflow: hidden;
	padding: 10px 0;
	margin: 0 auto;
}
#foot ul,#foot li{
	float: left;
}
#foot ul{
	margin-left: -4px;
}
#foot li{
	display: inline;
	margin-left: 3px;
	padding-left: 3px;
	border-left: 1px solid #fff;
}
#foot p{
	float: right;
}

/* sub page */
.sub-banner{
	padding: 20px 0;
}

#subnav{
	height: 37px;
	margin-bottom: 15px;
	padding: 0 0 0 12px;
	line-height: 37px;
	background:#EBEBEB;
}
#subnav ul{
	float: left;
	font-weight: bold;
	margin-right: -50px;
}
#subnav li,#subnav a{
	float: left;
}
#subnav a{
	color: #000;
	padding:0 28px;
	margin-right: 28px;
}
#subnav a:hover,#subnav li.on a{
	background: #C2C2C2;
}
#container{
	width: 942px;
	margin: -15px -10px;
	padding: 0 0 20px;
	background: url(../images/line.gif) 680px 0 repeat-y;
}
#mainbar{
	float: left;
	width: 670px;
}
.content p{
	margin-bottom: 15px;
}
.content h1{
	font-size: 24px;
	margin-bottom: 10px;
}

.content h2{
	font-size: 18px;
	margin-bottom: 10px;
}

.content h3{
	font-size: 14px;
	font-weight: bold;
	color: #A31212;
	margin-bottom: 10px;
}

.serve-list{
	width: 100%;
}
.serve-list ul{
	padding-left: 22px;
}
.serve-list li{
	float: left;
	width: 225px;
	margin: 0 15px 18px 0;
	padding:5px 0 10px 58px;
	background: url(../images/serve-list.gif) no-repeat;
}
.serve-list li h3{
	color: #A31212;
	font-weight: bold;
}
.serve-list li p{
	margin: 0;
}
.serve-list .list2{
	background-position: 0 -272px;
}
.serve-list .list3{
	background-position: 0 -138px;
}
.serve-list .list4{
	background-position: 0 -412px;
}

#sidebar{
	float: right;
	width: 250px;
}

#package{
	padding-bottom: 7px;
}
#package h2{
	height: 37px;
	line-height: 37px;
	color: #fff;
	margin-bottom: 20px;
	padding: 0 10px;
	font-weight: bold;
	background: #A11112;
}
#package ul{
	padding: 0 18px;
}
#package li{
	_height: 30px;
	font-weight: bold;
	min-height: 30px;
	margin-bottom: 10px;
	padding:10px 0 0 48px;
	background: url(../images/icon-package.gif) no-repeat;
}
#package li.l2{
	background-position: 0 -49px;
}
#package li.l3{
	background-position: 0 -97px;
}
#package li.l4{
	background-position: 0 -145px;
}
#package li.l5{
	background-position: 0 -193px;
}

.box h2{
	color:#A31212;
	font-size: 17px;
	font-weight: bold;
}
.box p{
	margin-bottom: 15px;
}
.box h3{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.tableheader {background:#f1f1f1; font-size:14px;}

.table-box {margin: 15px 0;}

.table-box td{border-bottom: 1px dotted #ccc; padding: 10px 2px;}

#container_big{
	width: 942px;
	margin: -15px -10px;
	padding: 0 0 20px;
}
#mainbar_big{
	float: left;
	width: 922px;
}