*{  margin:0; padding:0; outline:none; }

body{
	font-family: Arial, Verdana, sans-serif;
	color:#3B3D39;
	font-size:13px;
	line-height: 1.5em;
	word-spacing: 0.1em;
	letter-spacing: 0.01em;
	text-align:left;
	background:#f7f7f7 url(img/body-bg.gif) repeat-x;
}


#header {
	background-color:#222;
	margin:0px auto;
	height:70px;
}
.inner-header {
	margin:0px auto;
	width:990px;
}


.header-bottom {
	clear:both;
	background:#222 url(img/header_bottom_bg3.gif) repeat-x;
	margin:0px auto;
	height:11px;
	line-height:0px;
	font-size: 0px;
}

#wrapper {
	margin:20px auto 0 auto;
	width:940px; /*porque el header tiene 980*/
}

#wrapper #left {
	float:left;
	width:700px;
}

#wrapper #right {
	float:left;
	width:220px;
	margin-top:35px;
	margin-left:15px;
}

.page-bottom {
	clear:both;
	/*background:#f3f3f3 url(img/page_bottom_bg.png) no-repeat;*/
	/*height:14px;*/
	height:8px;
	line-height:0px;
	font-size: 0px;
}


#footer {
	background:transparent url(img/footer_minilogo_bg.png) no-repeat 5px 0px;
	padding:8px 35px;
	color:#bbb;
}

.ie6-warning { background-color:#FBCF14; text-align:center; padding:2px; color:#222; font-size:90%; }


/*********
 comunes */
.clearer { clear:both;	height: 0px; font-size: 0px; border:0px; line-height:0px; margin:0px; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.nodisplay { display:none; }
.error { color:#e00; }

a { color:#333; text-decoration:none; }
hr { border:0px;  margin:4px 0 2px 0; padding:0px; background: url(img/hr.png) repeat-x; }
img { border:0px; }
strike { color:#999; }
strong { font-weight:bold; }
.text, textarea, select{
	padding:2px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
    line-height:1.5em;
    border-top:1px solid #777;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff url(img/fieldbg.gif) repeat-x top;
    color:#444;
}
input:focus, textarea:focus { background: #ffffd0; }

.white {color:#fff;}
.black {color:#222;}

.gray { color:#656664;}
.gray2 { color:#70716F;}

.green { color:#86B640}
.green2 { color:#71AD03;}
.green3 { color:#88BB33;}
.green4 { color:#A8CC52;}
.green-bg { background-color:#E7F9C5;}

.blue { color:#0077CC;}
.blue2 { color:#3E565F;}
.blue3 { color:#0088CC;}
.blue4 { color:#0066CC;}
.blue5 { color:#4D6399;}
.blue-bg { background-color:#e8f2fe;}

.red { color:#CD4C0E;}
.red2 { color:#CC2222;}
.carrot { color:#CC6600;}
.caterpillar{ color:#FBCF14;}

/********
 header */
#header h1 { float:left; width:250px; }
#header ul.menu { float:right; margin:40px 20px 0 0; list-style:none; }
#header ul.menu li{ float:left; width:110px; height:22px; margin:0 5px; }
#header ul.menu li a{ display:block; text-align:center; color:#ccc; padding-top:1px; height:21px !important; height /**/: 22px; /*width + padding + borders*/ }
#header ul.menu li a:hover{ background:#A8CC52 url(img/header_menu_hover2.gif) no-repeat; color:#fff; }
#header ul.menu li a.seleccionado{ background:#A8CC52 url(img/header_menu_hover2.gif) no-repeat; /*color:#fff;*/ }

/***********
 page left */
#left .page { /*background:transparent url(img/page_bg.png) repeat-y;*/ background-color:#fff; border-top:1px solid #e7e7e7; border-bottom:1px solid #f0f0f0;}
#left .page h2 { /*background:transparent url(img/page_title_bg.png) no-repeat;*/ margin:10px 20px; font-size:120%; text-transform:uppercase; font-weight:normal; }
#left .page .subtitle { margin-top:-31px; padding-right:20px; font-size:90%; color:#999;  text-align:right; }
#left .page .content { margin:20px 20px 10px 20px; }
#left .page .content h3 { margin:10px 0 0 0; font-size:130%; font-weight:normal; }
#left .page .content h3.subrayado { border-bottom:1px solid #e7e7e7; }
#left .page .content .intro { margin-bottom:15px; font-family: 'Georgia'; }
#left .page .content .intro span{ font-size:120%; }
#left .page .content .intro p { font-size:140%; line-height:1.2em; margin:5px 0; padding:0px; }
#left .page .content .seccion{ margin: 10px 0; padding:10px 0; clear:both; }
#left .page .content p{ padding:5px 0 10px 0; }

#left .page .content.all{ padding:0px 3px; }
#left .page .content.all .seccion{ padding:10px; background:#fff url(img/block_separator.gif) repeat-x 0 bottom; }

/***********
 page botttom */
#bottom a { color:#ccc; }

/*********
 sidebar */
#right .content { padding:15px; }

/*********
 footer */
#footer p { font-size:85%; line-height:1.2 }


#right .contact-info { margin-top:10px; color:#6e6e6e; }
#right .contact-info h3 { margin-top:10px; font-size:120%; font-weight:normal; color:#3e3e3e; font-family: 'Georgia', Arial, Verdana, sans-serif; }
#right .contact-info p { padding-left:2px; font-size:95%; }
#right .contact-info p a { color:#444; }
#right .contact-info p.phone { padding-left:16px; background:transparent url(img/ico_phone.gif) no-repeat 0px 4px; }
#right .contact-info p.mail  { padding-left:16px; background:transparent url(img/ico_email.gif) no-repeat 0px 5px; }
#right .contact-info p.vcard { padding-left:16px; background:transparent url(img/ico_vcard.gif) no-repeat 0px 5px; }
#right .contact-info p.soporte { padding-left:16px; background:transparent url(img/ico_salvavidas.gif) no-repeat 0px 5px; }
#right .contact-info p.clientes { padding-left:16px; background:transparent url(img/ico_clientes.gif) no-repeat 0px 5px; }
#right .contact-info p.cpanel { padding-left:16px; background:transparent url(img/ico_cpanel.gif) no-repeat 0px 5px; }

#right .hosting-menu { margin-top:10px; color:#777; width:170px; }
#right .hosting-menu a { display:block; margin:1px 0 2px 0; padding:1px; font-size:100%; color:#666; outline:none; }
#right .hosting-menu a:hover { background: url(img/browser_arrow.gif) no-repeat right 7px; }

#left .page.inicio h2 { /*background:#fff url(img/page_title_bg_white.png) no-repeat;*/ padding:10px 10px 8px 10px; font-size:120%; text-transform:uppercase; font-weight:normal;}
#left .page.inicio h3 { font-size:140%; font-weight:lighter; }
#left .page.inicio .intro  {  background:transparent url(img/intro-hola-bg.png) no-repeat 5px 18px; }
#left .page.inicio .intro p { margin-top:8px; padding:10px; }
#left .page.inicio .content { margin:10px 20px; }
#left .page.inicio div#proyectos-box { margin:8px 0; overflow:hidden; position:relative; }
#left .page.inicio div#proyectos-box .container { width:590px; height:250px; margin:0px; padding:0px; float:left; overflow: hidden; position: relative; }
#left .page.inicio div#proyectos-box ul { margin:0px; list-style:none; width:100000px;  position: relative; top: 0; left: 0; }
#left .page.inicio div#proyectos-box ul li { display:block; float:left; width:590px; height:250px; overflow: hidden; }
#left .page.inicio div#proyectos-box a.nav {float:left; display:block; margin:90px 4px 10px 4px;}
#left .page.inicio div#proyectos-box .next_button { cursor:pointer; background: url(img/proy_right.gif) -28px 0px no-repeat; width:23px; height:29px;}
#left .page.inicio div#proyectos-box .next_button_disabled{ cursor:default; background: url(img/proy_right.gif) 0px 0px  no-repeat; }
#left .page.inicio div#proyectos-box .previous_button { cursor:pointer; background: url(img/proy_left.gif)  0px 0px no-repeat; width:23px; height:29px;}
#left .page.inicio div#proyectos-box .previous_button_disabled{ cursor:default; background: url(img/proy_left.gif) -28px 0px no-repeat; }
#left .page.inicio div#proyectos-box #proyectos-ul h3 { margin-left:260px; width:320px; font-size:130%; }
#left .page.inicio div#proyectos-box #proyectos-ul p { margin-left:260px; width:320px; line-height:1.4em; padding:4px 0 6px 0; font-family: 'Trebuchet Ms', Arial, Verdana, sans-serif; font-size:11px; }


#left .page.docs .content p { font-size:11px; padding:2px 10px 10px 10px; line-height: 1.3em;	word-spacing: 0.1em;	text-align:justify; }
#left .page.legal .content p.index { font-size:13px; padding:5px 0 10px; line-height: 1.6em; }
#left .page.legal .content p { font-size:11px; padding:2px 10px 10px 10px; line-height: 1.3em;	word-spacing: 0.1em;	text-align:justify; }
#left .page.legal .content strong.title { font-size:11px; margin-left:10px; }
#left .page.legal .content ul { list-style:none; margin-left:15px; }
#left .page.legal .content li { font-size:11px; padding:2px 10px 6px 10px; line-height: 1.3em;	word-spacing: 0.1em;	text-align:justify; }
#left .page.legal .content p a, #left .page.legal .content li a { color:#CC2222; }

#left .page.contacto .content { margin:10px 20px; }
#left .page.contacto #bt_estandar, #left .page.contacto #bt_rop { cursor:pointer; }
#left .page.contacto form.contact { }
#left .page.contacto form.contact h3 { margin:10px; }
#left .page.contacto form.contact div{ clear:left; padding:6px 10px; }
#left .page.contacto form.contact div.buttons{ border-top:1px solid #ccc; padding:15px 10px; text-align:right; }
#left .page.contacto form.contact label{ display:block; width:200px; float:left; font-size:14px;}
#left .page.contacto form.contact input{ float:left; width:380px; }
#left .page.contacto form.contact select{ float:left; width:385px; }
#left .page.contacto form.contact textarea{ float:left; width:380px; }
#left .page.contacto form.contact .info{ clear:left; margin-left:200px; display:block; font-size:80%; color:#999; line-height:1.1em; }
#left .page.contacto #divFileProgressContainer { color:#A8CC52; font-weight:bold;  }
#left .page.contacto #divFileProgressContainer #divFileProgress, #left .page.contacto #divFileProgressContainer #divFileProgress .progressContainer, #left .page.contacto #divFileProgressContainer #divFileProgress .progressBarInProgress { padding:0px; }
#left .page.contacto #divFileProgressContainer #divFileProgress .progressName , #left .page.contacto #divFileProgressContainer #divFileProgress .progressBarStatus {padding:4px 0;}


#left .page.hosting div#whois { margin-top:20px; padding:8px 15px; background-color:#8b3; }
#left .page.hosting div#whois span{ font-size:90%; color:#fff; }

#left .page.hosting .small { font-size:90%; }
#left .page.hosting table.planes { /*margin:5px 10px 10px 10px;*/margin:5px 0 10px 0; color:#555; }
#left .page.hosting table.planes th { padding:4px 8px; background-color:#3B3D39; font-size:90%; text-align:center; }
#left .page.hosting table.planes th a{ color:#fff; }
#left .page.hosting table.planes td { padding:10px 5px; font-size:85%; text-align:center; }
#left .page.hosting table.planes .pricing {font-size:190%;}
#left .page.hosting table.planes .contratar { margin:5px 0 0 0; }
#left .page.hosting table.planes .contratar a{ font-size:160%; }
#left .page.hosting table.planes .features { padding:3px 0; list-style:none; word-spacing:0;}
#left .page.hosting table.planes .info { padding:5px 10px; border-top:1px solid #e7e7e7; text-align:left; font-size:90%; }
#left .page.hosting table.planes .info ul{ margin-left:20px; line-height:1.5em;}

#left .page.hosting table.planes .even { background-color:#F1F5FA; }
#left .page.hosting table.planes .even .divider { border-right:1px solid #FFFFFF; }
#left .page.hosting table.planes .odd  .divider { border-right:1px solid #F1F1F1; }

#left .page.hosting table.dominios { /*margin:5px 10px 10px 10px;*/margin:5px 0 10px 0; color:#555; }
#left .page.hosting table.dominios td, #left .page.hosting table.dominios th { padding:2px 4px; font-size:90%; }
#left .page.hosting table.dominios .header { background-color:#eee; }
#left .page.hosting table.dominios .even { background-color:#F1F5FA; }
#left .page.hosting table.dominios .even .divider { border-right:1px solid #FFFFFF; }
#left .page.hosting table.dominios .odd  .divider { border-right:1px solid #F1F1F1; }

#left .page.hosting table { width:660px; }
#left .page.hosting div#clientes-box { /*margin:0px 10px 10px 10px;*/ padding:0px; }
#left .page.hosting div#clientes-box .container { height:126px; overflow: hidden; background-color:#efefef; }
#left .page.hosting div#clientes-box ul { margin:0px; list-style:none; height: 100000px;  position: relative; top: 0; left: 0; }
#left .page.hosting div#clientes-box ul li { display:block; float:left; margin:0px; overflow: hidden;}
#left .page.hosting div#clientes-box ul li div{ margin:10px 4px 10px 16px; width:136px !important; width /**/: 142px; height:100px !important; height /**/: 106px; border:3px solid #444; overflow:hidden; }
#left .page.hosting div#clientes-box ul li .info{ position:relative; top:102px; height:24px; padding:2px 0 2px 2px; font-size:80%; color:#ddd; line-height:1.2em; background: url(img/hosting_miniatures_bg.png) repeat-x; }
#left .page.hosting div#clientes-box ul li .info-ie6{ position:relative; top:72px; height:24px; padding:2px 0 2px 2px; font-size:80%; color:#ddd; line-height:1.2em; background-color:#444; }
#left .page.hosting div#clientes-box ul li .info a{ padding-right:7px; background: url(img/small_arrow.gif) no-repeat right 3px; }
#left .page.hosting div#clientes-box .next_button { cursor:pointer; background:url(img/bt_siguiente_active.gif) no-repeat; width:83px; height:22px; display:block; margin:-22px 0 0 565px; }
#left .page.hosting div#clientes-box .next_button_disabled{ cursor:default; background: url(img/bt_siguiente_inactive.gif) no-repeat; }
#left .page.hosting div#clientes-box .previous_button { cursor:pointer; background:url(img/bt_anterior_active.gif) no-repeat; width:83px; height:22px; display:block; margin:4px 0 0 465px;}
#left .page.hosting div#clientes-box .previous_button_disabled{ cursor:default; background: url(img/bt_anterior_inactive.gif) no-repeat; }

#left .page.hosting-faq .content dl dt { font-size:100%; font-weight:bold; padding-left:10px; background:transparent url(img/small_arrow.gif) no-repeat 0 8px; }
#left .page.hosting-faq .content dl dd { margin-bottom:20px; padding-left:14px; }

#left .page.hosting-af .content h3 { margin-top:15px; }
#left .page.hosting-af .content p { padding:5px 0 5px 3px; }
#left .page.hosting-af .content div.image { text-align:center; margin-bottom:5px; }
#left .page.hosting-af .content div.image img { border:4px solid #e7e7e7; padding:2px; }
#left .page.hosting-af .content ul { list-style:none; margin:0 0 10px 3px; }
#left .page.hosting-af .content ul li { margin:4px 0; background:transparent url(img/small_arrow.gif) no-repeat 0 8px; padding-left:12px; }



#MB_content #contratarForm { color:#333; padding:10px; }
#MB_content #contratarForm div{ padding:2px 0 4px 0; }
#MB_content #contratarForm div.buttons{ border-top:1px solid #eee; padding-top:2px; }
#MB_content #contratarForm label{ display:block; }
#MB_content #contratarForm input{ width:60%; }
#MB_content #contratarForm select{ width:100%; }
#MB_content #contratarForm textarea{ width:98%; }
#MB_content #contratarForm .info{ display:block; font-size:80%; color:#999; line-height:1.2em;}


/* @group sec-navigation -- atebits.com */
#sec-navigation {
	height: 40px;
	font:bold 13px/36px Arial, Verdana, sans-serif;
	background: #ccc url(img/sec-navigation.png) repeat-x;
	margin-bottom: 30px;
	list-style:none;
}
#sec-navigation li { padding-right: 2px; float: left; background: url(img/sec-navigation-li.png) no-repeat right 0;}
#sec-navigation li.selected {	background-color: #fff;	margin-left: -1px; }
#sec-navigation li.selected.first {	margin-left: 0; }
#sec-navigation li a { float: left;	padding: 1px 20px 3px;	color: #666; }
#sec-navigation li a:hover,
#sec-navigation li a:focus { text-decoration: none; color: #333; }
#sec-navigation li a:active { padding-top: 2px;	padding-bottom: 2px; }
#sec-navigation li.selected a,
#sec-navigation li.selected a:hover {
	color: #08C;
	cursor: default;
	text-decoration: none;
	padding-left: 21px;
}
#sec-navigation li.selected.first a,
#sec-navigation li.selected.first a:hover {
	padding-left: 20px;
}