@charset "utf-8";
/* global css */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,div,blockquote,dl,dt,dd,blockquote, pre,object,textarea,input{margin:0;padding:0}
body,select,input,textarea,button{
	font:12px/2 Arial, Helvetica, sans-serif;
	color: #000;
	font-style: normal;
}	
body{background: #A8D5EC;padding:15px 0 40px;}
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{color: #000;text-decoration:none;}
a:hover,#main-nav li.on a{text-decoration:underline;}

#main:after,.mode-wrap:after{content:''; display: block; clear:both}

#wrap{
	width: 1000px;
	margin: 0 auto;
	background: url(../images/bg.gif) repeat-y;
}

/* header */
#header{
	width: 863px;
	margin-bottom: 20px;
	position: relative;
	padding:25px 38px 0 31px;
	background: url(../images/bg-top.gif) no-repeat;
}

#logo{
	margin-bottom: 15px;
}

#top-nav{
	position: absolute;
	top: 30px;
	right: 60px;
}
#top-nav li{
	float: left;
	margin-left: 5px;
	padding-left: 21px;
	background: url(../images/top-nav-bg.gif) 0 3px no-repeat;
}
#top-nav li strong{
	color: #588526;
}
#top-nav .nav-client{
	background-position: 0 -29px;
}
#top-nav .nav-cpanel{
	background-position: 0 -62px;
}

#main-nav{
	height: 36px;
	margin-bottom: 5px;
	background: url(../images/main-nav.gif) no-repeat;
}
#main-nav ul{
	float: left;
	margin-right: -70px;
	padding: 5px 0 0 30px;
}
#main-nav li{
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-right: 75px;
}

#banner{
	width: 100%;
	position: relative;
}
.banner-home{
	position: absolute;
	top: 40px;
	left: 184px;
}
#banner h2{
	font-size: 22px;
	line-height: 1;
	font-weight: bold;
	letter-spacing:-1px;
}
.banner-subpage h2{
	position: absolute;
	top: 3px;
	left: 13px;
	width: 246px;
}
.banner-home ul{	
	width:370px;
	font-weight: bold;
	margin: 23px 0 0 120px;
}
.banner-home ul,.banner-home a{
	color:#275B74;
}
.banner-home ul li{
	float: left;
	padding-left:8px;
	width: 170px;
	background: url(../images/icon-1.gif) 0 8px no-repeat;
}

/* center of page */
#main{
	width: 863px;
	padding: 0 38px 0 31px;
}

.mode-wrap{
	width: 100%;
	padding-bottom: 15px;
}
.mode{
	float: left;
	width: 234px;
	height: 220px;
	margin-right: 18px;
	padding: 0 20px;
	background: url(../images/mode-bg.gif) left bottom no-repeat;
}
.mode h2,#features h2,.testimonials h2,.content h1,#sub-nav h2{
	font-size: 16px;
	color: #588526;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}
.mode h2{	
	position: relative;
	margin: 0 -15px;
}
.mode .price{
	float: right;
	text-align: right;
	line-height: 1.1;
	font-size: 12px;
}
.mode .price span{
	position: relative;
	top: -5px;
}
.mode .price em{
	font-weight: bold;
}
.mode .price strong{
	font-size:40px;
	color: #9D080D;
	margin-bottom: -5px;
	font-weight: bold;
	font-family: Trebuchet MS;
	letter-spacing:-4px;
}
.mode .more{
	text-align: right;
	padding-top: 20px;
	font-weight: bold;
}
.web-hosting .price{
	display: inline;
	margin-right: -15px;
}
.domains .price{
	float: left;
	margin: 0;
	width:132px;
}
.domains .price em{
	text-align: left;
	display:block;
}
.domains .more{
	float: right;
}
.domain{
	text-align: center;
	margin-bottom: 15px;
}
.domain label{
	display: -moz-inline-stack;
	display:inline-block;
	font-weight: bold;
	height: 27px;
	margin: 0 4px;
	padding: 0 10px;
	background: url(../images/input-bg.gif) no-repeat;
}
.domain input{
	background: none;
	border: 0;
	width: 128px;
	height: 22px;
	line-height: 22px;
	padding: 5px 0 0;
	line-height: normal;
}
.ssl{
	float: right;
	margin:0;
}
.ssl p{
	line-height: 1;
	margin-bottom: 10px;
}
.ssl ul{
	line-height: 1.8;
}
.ssl li em{
	float: right;
	width:85px;
	font-weight: bold;
	color: #9D080D;
}
.ssl .more{
	padding: 5px 0 0;
}

#features{
	float: left;
	width: 590px;
}
#features ul{
	padding: 0 0 0 35px;
}
#features li{
	float: left;
	padding:5px 5px 0 60px;
	_height: 55px;
	min-height: 55px;
	width: 210px;
	margin-bottom: 10px;
	line-height: 1.3;
	background: url(../images/l1.jpg) no-repeat;
}
#features li.l2{
	background-image: url(../images/l2.jpg);
}
#features li.l3{
	background-image: url(../images/l3.jpg);
}
#features li.l4{
	background-image: url(../images/l4.jpg);
}
#features li h3{
	font-weight: bold;
	margin-bottom:2px;
}
#features li p{
	padding: 0 5px;
}

.testimonials{
	float: right;
	width: 272px;
	background: url(../images/quote-right.gif) right bottom no-repeat;
}

.testimonials blockquote{
	padding: 40px 0 30px;
	line-height: 1;
	font-style: italic;
	background: url(../images/quote-left.gif) no-repeat;	
}
.testimonials cite{
	text-align: right;
	display: block;
	font-weight: bold;
	padding-right: 60px;
}

/* footer */
#footer{
	height: 60px;
	position: relative;
	padding: 0 70px 0 31px;
	background: url(../images/bg-bottom.gif) no-repeat left bottom;
}
#copyrigth{
	float: left;
}
#footer ul{
	float: right;
}
#footer li{
	float: left;
	margin-left: 25px;
}
#author{
	position: absolute;
	bottom: -30px;
	right: 31px;
	font-weight: bold;
}
#author,#author a{
	color: #3291F0;
}

/* subpage */
.content{
	float:left;
	width: 620px;
	padding-bottom: 25px;
	padding-left: 13px;
}
.content p{
	margin-bottom:15px;
	color: #000;
}

.sidebar{
	float: right;
	width: 210px;
	padding-bottom: 25px;
}

#sub-nav,.cpanel,.sidebar .testimonials{
	margin-bottom: 15px;
}
#sub-nav h2{
	height: 25px;
	line-height: 1;
	padding: 8px 9px 0;
	background: url(../images/sub-nav.gif) no-repeat;
}
#sub-nav ul{
	width: 198px;
	padding: 5px;
	border: 1px solid #C9C9C9;
}
#sub-nav ul li{
	width: 100%;
}
#sub-nav a{
	display: block;
	width: 172px;
	padding: 3px 13px;
}
#sub-nav a:hover,#sub-nav li.on a{
	text-decoration: none;
	background: #CDE4AA;
}

.sidebar .testimonials{
	width: 100%;
}
.sidebar .testimonials blockquote{
	padding-bottom: 15px;	
}
.sidebar .testimonials cite{
	padding-top: 10px;
}
.tableheader {background:#f1f1f1; font-size:14px;}

.table-box {
	margin: 15px 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #093;
	text-align: left;
}

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

.highlight {
	padding: 10px;
	margin: 0 0 15px 0;
	color: #000000;
	border: 1px solid #ddd;
	background: #f7f7f7;
	font-size: 15px;
	font-weight:bold;
	line-height: 22px;
}
.highlight2 {
	padding: 10px;
	margin: 0 0 15px 0;
	color: #000000;
	border: 1px solid #ddd;
	background: #f7f7f7;
	line-height: 22px;
}
.borderBottom{border-bottom:solid 1px #CCCCCC;}

.box{ color:#000000;}
.box strong{
	color:#AEC847;
}
.box h3{
	margin:0;
	font-size:18px;
	line-height:24px;
	text-align: left;
}
.box h4{ margin:0; border-bottom:solid 1px #CCCCCC;}
.box a{color:#2b6697; text-decoration:underline;}
.box a:hover{color:#2b6697; text-decoration:none;}

.more_comments { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; background:url(images/moreinfo_bg.gif) repeat-x; padding-left:5px;}
.more_comments a{color: #FFFFFF; text-decoration:none;}
.more_comments a:hover{color: #FFFFFF; text-decoration:underline;}

.shared_hosting2 { background-color:#42A0C6 ; font-size: 16px; color:#FFFFFF; }
.shared_hosting2 h1{ font-size:30px; color:#FFFFFF; margin:15px 0 10px 0; font-weight:normal;}
.shared_hosting2 h2{ font-size:18px; color:#FFFFFF; margin:0; font-weight:normal; }
.shared_hosting2 a{text-decoration: underline;	color:#ffffff;}
.shared_hosting2 a:hover {text-decoration:none;color:#ffffff;}

	div.box{width:278px;border:5px solid #f6f6f6;padding:0 13px;float:left; margin-bottom:10px;}
	div.box h3{background: #42A0C6;color:#fff;font-size:14px;padding:6px 14px;margin:0 -13px 13px;border-bottom:5px solid #f6f6f6; font-weight:bold;}
	div.box p{font-size:12px;line-height:20px;color:#464646;margin-bottom:20px;}
	div.boxright{width:270px;border:5px solid #f6f6f6;padding:0 13px;float:right; margin-bottom:10px;}
	div.boxright h3{background: #42A0C6;color:#fff;font-size:14px;padding:6px 14px;margin:0 -13px 13px;border-bottom:5px solid #f6f6f6;font-weight:bold;}
	div.boxright p{font-size:12px;line-height:20px;color:#464646;margin-bottom:20px;}
.dya {
	color: #999;
}
#wrap #main .content .table-box tr .tableheader div strong {
	color: #039;
}
#wrap #main .content .table-box tr td div strong {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #666;
}
.headTitle {
	font-size: 18px;
	font-weight: bold;
	color: #009;
}
.caraterisMain {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #000;
}
.ladoBarra {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.ladoBarra {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	color: #000;
}
.ladoBarra {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}
.paraMain {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.2px;
}
.paraMain {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
}
.verDe {
	color: #360;
}
.verDe {
	color: #588526;
}
.priceDos {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #036;
}
.rightSidehosting {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #036;
}
.precioenHosting {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #090;
}
.rojoHosting {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C00;
}
.ladoBarra {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999;
}
.ladoBarra {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.secondTitle {
	color: #00C;
}
.redesSitio {
	font-size: 14px;
	color: #039;
}
.rojoHosting {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #900;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.rojoHosting {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #900;
}
.rojoHosting2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #900;
}
.cuadrosCarac {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
.precioMain5 {
	font-weight: normal;
	color: #039;
}