@import "form.css";

body{
background:url(../img/bg.jpg) top center repeat-x;
font:10pt arial, sans-serif;
color:#111;
}

body, p, h1, h2, ul, li, fieldset, label, input{
margin:0;
padding:0;
border:none;
}

img, fieldset, input, th, td{
border:none;
}

p{ margin-bottom:10px; }

.middle{ vertical-align:middle; }

abbr, acronym{
border-bottom:.1em dotted;
cursor:help;
color:#666;
}

#header{
height:110px;
}

	#header .logo{
	margin-top:25px;
	}
	
	#header .menu{
	position:absolute;
	bottom:0; right:0;
	list-style:none;
	width:100%;
	}
	
	#header .menu li{
	float:left;
	margin-right:2px;
	}
	
	#header .menu li:last-child{
	margin-right:0;
	}
	
	#header .menu li a{
	display:block;
	padding:8px 16px;
	background:#999;
	border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	text-decoration:none;
	color:#fff;
	}
	
	#header .menu li a:hover{
	background:#333;
	text-decoration:underline;
	color:#fff;
	}
	
	#header .menu li.selected a{
	background:#900;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	}

#banner{
position:relative;
height:280px;
background:url(../img/bg_banner.png) top center no-repeat;
}

ul.features{
position:absolute;
top:74px; left:40px;
list-style:none;
}

	ul.features li{
	margin-bottom:14px;
	padding-left:26px;
	background:url(../img/li_features.gif) 0 45% no-repeat;
	text-shadow:1px 1px 1px #000;
	font-size:17px;
	line-height:20px;
	color:#fff;
	}

#barraheader{
height:65px;
}

.btn_suscribirse{
float:right;
margin-top:10px;
display:block;
width:170px;
height:45px;
background:url(../img/btn_suscribirse.png);
}

	.btn_suscribirse:hover{
	background-position:0 -45px;
	}

h1{
color:#000;
font-family: arial,sans-serif;
font-size:36px;
font-weight: bold;
letter-spacing: -2px;
line-height: 1em;
margin-bottom:28px;
text-align:center;
}

h1 small{
line-height: 1em;
font-size:0.8em;
color:#333;
}

h2{
margin-bottom:20px;
font-size:20px;
}

ul.lista{
list-style:none;
padding:8px 0 0 10px;
}

	ul.lista li{
	line-height:21px;
	margin-bottom:5px;
	padding-left:23px;
	background:url(../img/li.gif) 0 45% no-repeat;
	}

.quotes{
padding:5px 0 0 35px;
width:325px;
min-height:55px;
background:url(../img/quotes.gif) top left no-repeat;
font:italic 13px/1.35em "Georgia";
color:#000;
}

.title2{
margin-bottom:16px;
font:bold italic 13px/1em "Georgia";
color:#000;
}

.rojo{
color:#c00;
}

.planes{
font-size:11pt;
color:#333;
}

	.planes h1{
	height:65px;
	line-height:65px;
	}
	
	.planes .plan{
	padding:15px 0;
	box-shadow:1px 1px 2px #222;
	-moz-box-shadow:2px 2px 2px #222;
	-webkit-box-shadow:0 0 4px #222;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	}
	
	.planes .cuadro1{
	background:#FF9900;
	}
	
	.planes .cuadro2{
	background:#FF6600;
	}
	
	.planes .cuadro3{
	background:#FF3300;
	}
	
	.planes div div{
	margin:0 15px;
	padding:8px 0;
	line-height:20px;
	border-bottom:1px dashed #fff;
	text-shadow:1px 1px 2px #000;
	text-align:center;
	color:#fff;
	}

	.planes .th{
	border:0 none;
	font-weight:bold;
	font-size:26px;
	color:#fff;
	}
	
	.planes .th2{
	border:0 none;
	font-weight:bold;
	font-size:44px;
	line-height:40px;
	color:#fff;
	}
	
	.planes .th2 span{
	font-size:0.5em;
	vertical-align:top;
	}

	.planes div img{
	vertical-align:middle;
	}
	
	.planes .grid_2{
	width:172px !important;
	}

small, .letrachica{
font-size:"Helvetica", arial;
font-size:11px;
color:#666;
}


/** FEATURES **/
.features ul{
list-style:none;
}

	.features ul li{
	position:relative;
	padding-left:50px;
	margin-bottom:22px;
	}
	
	.features ul li span{
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	left:0px;
	background:url(../img/iconos40.png) top left no-repeat transparent;
	}
	
	.features ul li span.xeon{
	background-position:0px 0px;
	}
	
	.features ul li span.hp{
	background-position:0px -160px;
	}
	
	.features ul li span.setup{
	background-position:0px -80px;
	}
	
	.features ul li span.backup{
	background-position:0px -120px;
	}
	
	.features ul li span.linux{
	background-position:0px -40px;
	}
	
	.features ul li span.check{
	background-position:0px -200px;
	}
	
	.features ul li span.star{
	background-position:0px -240px;
	}
	
	.features ul li span.adwords{
	background-position:0px -280px;
	}
	
	.features ul li span.antivirus{
	background-position:0px -320px;
	}
	
	.features ul li span.develop{
	background-position:0px -360px;
	}
	
	.features ul li span.google{
	background-position:0px -400px;
	}
	
	.features ul li span.cpanel{
	background-position:0px -440px;
	}
	
	.features ul li span.ip{
	background-position:0px -480px;
	}
	
	.features ul li span.marca{
	background-position:0px -520px;
	}
	
	.features ul li span.seo{
	background-position:0px -560px;
	}
	
	.features ul li span.stats{
	background-position:0px -600px;
	}
	
	.features ul li span.video{
	background-position:0px -640px;
	}
	
	.features ul li span.design{
	background-position:0px -680px;
	}
	
	.features ul li span.network{
	background-position:0px -720px;
	}
	
	.features ul li span.moneyback{
	background-position:0px -760px;
	}
	
	.features ul li span.fantastico{
	background-position:0px -800px;
	}
	
	.features ul li span.plesk{
	background-position:0px -840px;
	}
	
	.features ul li span.seguridad{
	background-position:0px -880px;
	}
	
	.features ul li span.ifx{
	background-position:0px -920px;
	}
	
	.features ul li span.snow{
	background-position:0px -960px;
	}
	
	.features ul li span.reboot{
	background-position:0px -1000px;
	}
	
	.features ul li span.clock{
	background-position:0px -1040px;
	}
	
	.features ul li span.datacenter{
	background-position:0px -1080px;
	}
	
	.features ul li strong{
	display:block;
	font-weight:bold;
	font-size:1.1em;
	color:#c00;
	}

/** FEATURES **/


#footer{
padding:20px 0 40px;
border-top:3px solid #f00;
background:#000;
text-align:center;
font-size:11px;
color:#fff;
}