html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a{
	color: #00CCFF;
	outline: none 0;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}


ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ////////////////////////  Borrando los estilos por default \\\\\\\\\\\\\\\\\\\\\\\\\ */

body {
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;
}
#main{
	width: 999px;
	margin: 0 auto;
}
#top{
	height: 179px; 
	display: block;
	background: transparent url(images/top.jpg) no-repeat center top;
}
#top a.index{
	display: block;
	width: 945px;
	height: 179px;
	float: left;
	text-decoration: none;
	border: none;
}
#top a.qsomos{
	display: block;
	width: 45px;
	height: 179px;
	float: right;
	text-decoration: none;
	border: none;
}
#content{
	padding: 0;
	margin-top: 10px;
	background-color: #fff;
	font-size: 110%;
	color: #C1E61D; /*color: #34a7db;*/
	font-weight: none;
}
#content .top{
	background: transparent url(images/content-top.jpg) no-repeat center top;
	height: 177px;
	padding-left: 300px;
	font-size: 125%;
}
#content .top2{
	background: transparent url(images/content-top2.jpg) no-repeat center top;
	height: 60px;
	padding-left: 25px;
	font-size: 125%;
}
#content .main{
	background: transparent url(images/bg-content.jpg) repeat-y center;
	padding: 10px;
	overflow: hidden;
	font: 84% arial,helvetica,clean,sans-serif;
	color: white;
}
#content .footer{
	background: transparent url(images/bg-content-footer.jpg) no-repeat scroll center;
	height: 8px;
}
#footer{
	background: #fff url(images/footer-logos.jpg) no-repeat center bottom;
	padding-bottom: 111px;
	height: 273px;
	margin-bottom: 25px;
}

/************** contenido ****************/
#content .main ul, #content .main ol{
	margin: 5px;
	padding-left: 0;
}
#content .main h2{
	color: #00CCFF;
}
#content .main ul li{
	margin-bottom: 8px;
	list-style: none;
}
#content .main #hosting{
	background: transparent url(images/hosting.jpg) no-repeat center;
	height: 303px;
	position: relative;
}
#content .main #flash{
	background: transparent url(images/flash.jpg) no-repeat center;
	height: 302px;
	position: relative;
}
#content .main #joomla{
	background: transparent url(images/joomla.jpg) no-repeat center;
	height: 302px;
	position: relative;
}
#content .main a.bt-leermas{
	display: block;
	width: 122px;
	height: 35px;
	background: transparent url(images/bt-leermas.jpg) no-repeat scroll center;
	position: absolute;
	top: 184px;
}
#content .main .cajas{
	float:left;
	margin: 5px;
	margin-top: 0;
}
#content .columnas {
	background-color: #333;
	width: 714px;
	overflow: hidden;
	min-height: 340px;
	*height: 340px;
}
#content .columnas li{
	display:inline;
	float: left;
	width: 48%;
	margin-left: 3px;
	padding-left: 11px;
	background: transparent url(images/bullet.jpg) no-repeat scroll left 3px;
}
#content  ul.nleft li, #content  ol.nleft li{
	clear: both;
	width: auto;
}
#content  ol li{
	margin-left: 15px;
	padding-left: 0;
}
#content .main .contacto{
	clear: both;
	background-color: #333;
	margin: 5px;
	padding: 10px;
}
#content .main .contacto h2{
	padding-top: 0;
}
#content .main p{
	margin-bottom: 5px;
}
.main .contacto label, .main .contacto .divlabel{
	width: 32%;
	margin-right: 5px;
	float: left;
	min-height: 60px;
}
.main form input, .main form select, .main form textarea, .main form input[type=submit]{
	font: 16px Helvetica,Arial,Sans-serif;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:none repeat scroll 0 0 #FFFFFF;
	border-color:#EEEEEE;
	border-style:solid;
	border-width:1px 0 1px 1px;
	margin:0;
	outline-width:0;
	padding:3px 6px;
}
.main  input[type=text]{
	height: 20px;
}
.main input[type=submit]{
	height: 35px;
	width: 150px;
	padding:3px 6px;
}
.main  input[type=text]:focus, .main form select:focus, .main form textarea:focus,.main form input[type=submit]:hover{
	border-color:#00ccff;
	-moz-box-shadow: #00ccff 0 0 5px;
	-webkit-box-shadow: #00ccff 0 0 5px;
	box-shadow: #00ccff 0 0 5px;
}
.main form input[type=submit]:focus{
	padding: 4px 8px 2px 4px;
}
.main textarea{
	width: 90%;
	overflow: auto;
}
/*** hosting y joomla button ***/
#rv-500-mb, #dj-basic {left: 203px;}
#rv-1-gb, #dj-profesional {left: 531px;}
#rv-15-gb, #dj-full {left: 858px;}
/*** Flash button ***/
#plan-h-f {left: 336px;}
#plan-f-full {left: 750px;}
h2{font-size: 170%;padding-top: 15px;}
h2.consulta{color: #fff;}
h2.flash{color: #A90505;}
h2.joomla{color: #67C513;}
h2.hosting{color: #00ccff; padding-top: 15px; }
h2.soporte{padding-left:10px;color: #333;}
.main .valign td{
	vertical-align: middle;
}
/*************** footer soporte ************/
#footer .support{
	float: left;
	height: 235px;
	width: 330px;
	background: transparent url(images/bg-support.jpg) no-repeat scroll center top;
	position: relative;
}
#footer .support > img{
	margin:0 auto;
	position: absolute;
	top: 40px;
	left: 95px;
}
#footer .support span{
	margin:0 auto;
	position: absolute;
	font-weight: bolder;
	color: #333;
	top: 13px;
	left: 73px;
}
#footer .support > a{
	margin:0 auto;
	position: absolute;
	bottom: 10px;
	left: 74px;
}

input.error{
	border: 1px solid red;
}
input.valid{
	border: 1px solid #9ACD32;
}
label.error{
	color: red;
}