/* ############################## Layout ############################## */

* { 
	margin: 0px;
	padding: 0px; 
	outline: 0;
	font-family: "Trebuchet MS", Arial, Verdana, UnDotum, Helvetica, sans;
}

img {
	border: none;
}

sup {
	font-size:0.8em;
	font-weight:bold;
}

html, body { 
	width: 100%;
}
 
/* ######## site title ########## */

h1 a {
	text-decoration: none;
	color: #333;
}

h5#site-head {
    width: 960px;
    height: 107px;
    color: #fff;
    text-align: center;
    background: url('/images/sk-item-2.jpg') no-repeat 0px 0px;
	position:relative;
	overflow:hidden;
	z-index: 12;
}

h5#site-head span {
    display: none;
}

/* ######## noscript ########## */

noscript div {
	position: absolute;
	top: 2px;
	color: #f00;
	margin-left: 240px;
	line-height: 14px;
	width: 290px;
	text-align: left;
	z-index:580;
}

noscript div span {
	font-size: 11px;
}

/* ######## site title ########## */

body { 
    background: #fff url('/images/body/body-bg.jpg') repeat-x;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

a.external-link {
	padding-left: 12px;
	background: url('/images/icons/external-link.gif') 0px 4px no-repeat;
}

#dshdw {
    width: 1000px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#dshdw #lshdw {
    position: absolute;
    width: 43px;
    height: 441px;
    background: url('/images/body/body-shd-left.png') no-repeat; 
    margin-top: 87px;
    margin-left: 9px;
}

#dshdw #rshdw {
    position: absolute;
    width: 42px;
    height: 701px;
    background: url('/images/body/body-shd-right.png') no-repeat 0px 30px; 
    margin-left: 948px;
    margin-top: 56px;
}

#container {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    position: relative;
}

#container #main {
    color: #333;
    background: #fff;
    width: 896px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 36px;
    padding-bottom: 36px;
    min-height: 800px;
	position:relative;
    z-index: 11;
}

/* ######## contact info ########## */

#hcard-ZeroHost .org {
	display: none;
}

#hcard-ZeroHost * {
	font-style: normal !important;
}

#hcard-ZeroHost {
    position: absolute;
	top:0;
    margin-left: 688px;
    margin-top: 2px;
    color: #333;
    font-size: 14px;
    width: 268px;
	z-index: 13;
}

#hcard-ZeroHost .adr .geo .locality,
#hcard-ZeroHost .adr .region,
#hcard-ZeroHost .adr .country-name {
	font-weight: normal;
	font-size: 11px;
	color: #666;
}
#hcard-ZeroHost .adr .tel {
	font-size:16px;
}
#hcard-ZeroHost address abbr {
	font-weight: bold;
}

#hcard-ZeroHost .addr img {
    vertical-align: middle;
}

#hcard-ZeroHost #horario-de-atencion {
	color:#666666;
	font-size:12px;
	font-style:italic !important;
}

/* ######## contact info ########## */

/* ######## site tools ########## */

/* ############# sitemap ########### */

#site-tools-container #sitemap {
	z-index: 80;
	margin-top: -80px;
}

#site-tools-container #sitemap #sitemap-bg {
	margin-top: -24px;
	background: url('/images/mast-head/site-tools/bg-sitemap.png') no-repeat;
	left: 0px;
	z-index: 81;
}

#site-tools-container #sitemap #btn-sitemap-off,
#site-tools-container #sitemap #btn-sitemap-on {
	position: absolute;
	left: 0px;
	margin: 56px 112px;
	padding: 0px;
	width: 110px;
	height: 53px;
	background: url('/images/mast-head/site-tools/btn-sitemap-off.png') no-repeat;
	z-index: 82;
	cursor: pointer;
}

#site-tools-container #sitemap #btn-sitemap-on {
	background: url('/images/mast-head/site-tools/btn-sitemap-on.png') no-repeat;
	z-index: 83;
}

#site-tools-container #sitemap #sitemap-link {
	position: absolute;
	left: 0px;
	margin: 24px 80px;
	z-index: 107;
	font-size: 12px;
	width: 120px;
}

#site-tools-container #sitemap #sitemap-link a {
	color: #ccc;
	text-decoration: none;
}

/* ############# sitemap ########### */

/* ######## site tools ########## */

/* ############################## Menú ############################## */

/* ######## menú layout ########## */

#menu,
#menu-shadow,
#container,
#menu ul#lmenu {
    width: 960px;
}

#menu {
    position: relative;
    text-align: center;
    z-index: 35;
}

#menu-shadow {
    position: absolute;
    background: url('/images/mast-head/menu-bar/horiz-grad.png') repeat-x;
    height: 44px;
	z-index: 34;
}

#menu ul {
    list-style-type: none;
}

#menu ul li.nivel1 { 
    float: left;
    margin: 0px;
}

#menu ul li a {
    display: block;
    text-decoration: none;
    position: relative;
    color: #ddd;
    padding: 4px 7px 5px 6px;
}

#menu ul li:hover {
    position: relative;
}

#menu ul li a:hover, 
#menu ul li:hover a.nivel1 {
    position: relative;
    background: url('/images/mast-head/menu-bar/mnu-ibg-btn.jpg') repeat-x;
    color: #000;
}

/* ### resalta la ubicación actual en el menu ### */

a.nivel1-actual {
    background: url('/images/mast-head/menu-bar/mnu-ibg-btn.jpg') repeat-x;
    color: #000;
}

/* ### resalta la ubicación actual en el menu ### */

#menu ul li.nivel1 ul li a:hover {
    font-style: italic;
    background: #000;
    color: #ff6;
}   

#menu ul li a.nivel1 {
    display: block !important;
    display: none;
    position: relative;
}

#menu ul li a.nivel1,
#menu ul li a.nivel1ie{
    font-size: 14px !important;
    background: url('/images/mast-head/menu-bar/item-separator.gif') no-repeat 100% 0%;
}

#menu ul li ul {
    display: none;
    text-align: left;
    border-left: 2px #aaa solid;
    border-right: 2px #aaa solid;
    border-bottom: 2px #aaa solid;
}

#menu ul li a:hover ul,
#menu ul li:hover ul { 
    display: block;
    position: absolute;
    left: 0px;
    z-index: 36;
}

#menu ul li ul li a {
    background-color: #3d3d3d;
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 18px;
}

#menu ul li ul li a:hover {
    position: relative;
}

#menu ul li.nivel1 ul * {
    width: 232px;
    margin: 0px;
    padding: 0px;
}

#menu ul li.nivel1 ul li a {
    padding: 4px 4px 4px 4px;
    width: 224px;
}

#menu ul li.nivel1 ul li,
#menu ul li.nivel1 ul li a{
    height: 100%;
}

#lmenu li.nivel1 ul li a,
#lmenu li.nivel1 a.nivel1ie a {
    background-image: url('/images/mast-head/menu-bar/smenu-dot.gif');
    background-repeat: repeat-x;
    background-position: 0px 25px;
}

table.falsa {
    border-collapse: collapse;
    float: left;
    position: relative;
} 

#lmenu li.last ul {
	margin-left:-144px !important;
}

/* ######## home link ico ########## */

#menu ul li#inicio a.nivel1,
#menu ul li#inicio a.nivel1ie {
    padding-left: 24px;
}

#menu ul li#inicio a img {
    margin: 2px 2px 6px -28px;
    position: absolute;
    border: none;
}

/* ######## home link ico ########## */

/* ######## menú layout ########## */

/* ############################## Menú ############################## */

/* ############################## Footer ############################## */

#footer {
    background:url("/images/sk-item-2.jpg") -979px 101px;
    width:982px;
    height:228px;
    margin-left:auto;
    margin-right:auto;
	position:relative;
	clear:both;
	z-index:11;
}

#footer #techbar {
    width:694px;
    height:50px;
    margin:8px auto 8px 156px;
	text-align:center;
	background:url("/images/sk-item-2.jpg") 0 -123px;
}

/* ################# Tech-Bar behavior ##################### */

#footer #techbar ul li#tux,
#footer #techbar ul li#tux a,
#footer #techbar ul li#tux a img {
	width:42px;
}
#footer #techbar ul li#tux {
    background-position:-8px -15px;
}
#footer #techbar ul li#tux:hover {
    background-position: -8px 60px;
}

#footer #techbar ul li#red-hat,
#footer #techbar ul li#red-hat a,
#footer #techbar ul li#red-hat a img {
	width:140px;
}
#footer #techbar ul li#red-hat {
    background-position: -58px -16px;
}
#footer #techbar ul li#red-hat:hover {
    background-position: -58px -81px;
}

#footer #techbar ul li#centos
#footer #techbar ul li#centos a,
#footer #techbar ul li#centos a img {
	width:70px;
}
#footer #techbar ul li#centos {
    background-position: -200px -16px;
}
#footer #techbar ul li#centos:hover {
    background-position: -200px -82px;
}

#footer #techbar ul li#apache,
#footer #techbar ul li#apache a,
#footer #techbar ul li#apache a img {
	width:110px;
}
#footer #techbar ul li#apache {
    background-position: -272px -20px;
}
#footer #techbar ul li#apache:hover {
    background-position: -272px -84px;
}

#footer #techbar ul li#mysql,
#footer #techbar ul li#mysql a,
#footer #techbar ul li#mysql a img {
	width:100px;
}
#footer #techbar ul li#mysql {
    background-position: -380px -20px;
}
#footer #techbar ul li#mysql:hover {
    background-position: -380px -85px;
}

#footer #techbar ul li#php,
#footer #techbar ul li#php a,
#footer #techbar ul li#php a img {
	width:70px;
}
#footer #techbar ul li#php {
    background-position: -480px -19px;
}
#footer #techbar ul li#php:hover {
    background-position: -480px -84px;
}

#footer #techbar ul li#perl,
#footer #techbar ul li#perl a,
#footer #techbar ul li#perl a img {
	width:50px;
}
#footer #techbar ul li#perl {
    background-position: -560px -15px;
}
#footer #techbar ul li#perl:hover {
    background-position: -560px -80px;
}

/* ################# Tech-Bar behavior ##################### */

/* ################# Foot-Links ############################ */

#footer #footlinks {
    height: 28px;
    width: 834px !important;
    margin: 0px auto 0px auto;
}

#footer #footlinks ul {
    list-style-type: none;
    padding: 0px;
}

#footer #footlinks ul li {
    float: left;
    margin: 4px 8px 6px 8px;
}

#footer #footlinks ul li a {
    text-decoration: none;
    color: #333;
    font-size: 12px;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
    /*border: 1px solid #f00;*/
}

#footer #footlinks ul li a:hover {
    text-decoration: underline;
    color: #666;
}

/* ############# horizontal rules ################# */

div.hr-dotted {
    height: 1px;
    max-width: 896px;
    margin-left: auto;
    margin-right: auto;
    background: url('/images/mast-head/menu-bar/smenu-dot.gif') repeat-x;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 1px;
	position:relative;
}

#footer div.hr-normal, #footer div.hr-bold {
    height: 1px;
    width: 896px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    border-top: #ccc 1px solid;
    font-size: 1px;
}

#footer div.hr-bold {
	border-top:2px solid #555;
	margin-bottom:0;
	padding-bottom:0;
}

/* ############# horizontal rules ################# */

/* ############# w3 ############################### */

#footer #foot-sign {
    width: 896px;
    height: 56px;
    margin-left: auto;
    margin-right: auto;
	position:relative;
}

#footer #foot-sign div a img {
    border: none;
}

#footer #foot-sign #w3c-xhtml-valid {
	left:0;
	top:8px;
	margin:0;
	position:absolute;
	z-index:12;
	width:90px;
	height:32px;
	text-align:left;
	background:url("/images/sk-item-2.jpg") -853px 92px;
}

#footer #foot-sign #w3c-css-valid {
	margin-left:816px;
	position:absolute;
	top:8px;
	z-index:12;
	width:90px;
	height:32px;
	text-align:left;
	background:url("/images/sk-item-2.jpg") -853px 89px;
}

#footer #foot-sign #sign {
    width: 400px;
    height: 70px;
	top:0;
    margin-top: 4px;
    font-size: 12px;
    color: #666;
	position:absolute;
	margin-left:248px;
}

#footer #foot-sign #sign #comunidad-zerohost img {
	padding:4px;
}

/* ############# w3 ############################### */

/* ############################## Footer ############################## */

/* ############# encabezado ############################### */

#main #header {
    text-align: left;
    padding: 4px 16px 16px 24px;
}

#main #header h2 {
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
}

#main #header #bredcrumb {
    font-size: 12px;
    color: #999;
}

#main #header div.hr-dotted {
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    background: url('/images/mast-head/menu-bar/smenu-dot.gif') repeat-x;
    margin-top: 7px;
    margin-bottom: 2px;
    font-size: 1px;
}

/* ## toolbar ## */

#main #header #toolbar {
    position: absolute;
    margin-left: 758px;
    margin-top: 12px;
    width: 97px;
    height: 80px;
	background: url('/images/mast-head/menu-bar/smenu-dot.gif') repeat-x 0px 27px;
    z-index: 10;
}

/* ## add to any ## */

#main #header #toolbar #addtoany {
    position: absolute;
    margin-top: 0px;
    padding-left: 4px;
    width: 97px;
    height: 20px;
}

#main #header #toolbar #addtoany a img {
    border: none;
	margin-left: -4px;
}

/* ## add to any ## */

/* ## tool buttons ## */

#main #header #toolbar #toolbtn {
    height:40px;
	margin-left:-4px;
	margin-top:34px;
	position:absolute;
	width:110px;
}

#main #header #toolbar #toolbtn a img {
    border:none;
    margin:0px;
    padding:0px;
}

#main #header #toolbar #toolbtn a {
    color:#999;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	margin:0;
	padding:0 0 0 15px;
	text-decoration:none;
}

#main #header #toolbar #toolbtn #feed-rss {
	background:transparent url("/images/icons/blog-rss-skin.gif") repeat scroll -9px 31px;
	float:left;
	margin-left:6px;
}

#main #header #toolbar #toolbtn #wp-blog {
	background:transparent url("/images/icons/blog-rss-skin.gif") repeat scroll -61px 31px;
	float:right;
	width:44px;
}

#main #header #toolbar #toolbtn a span {
	color:#999 !important;
	font-size:10px;
	font-weight:normal;
	line-height:10px;
	margin:0 0 0 -15px;
}

#main #header #toolbar #toolbtn #feed-rss:hover {
	color: #f90;
	background:transparent url("/images/icons/blog-rss-skin.gif") repeat scroll -9px 64px;
}

#main #header #toolbar #toolbtn #wp-blog:hover {
	color: #000;
	background:transparent url("/images/icons/blog-rss-skin.gif") repeat scroll -61px 64px;
}

/* ## tool buttons ## */

/* ############# encabezado ############################### */

/* ############# contenido principal ###################### */

#main #content {
    text-align: left;
    font-size: 12px;
    color: #333;
    padding: 4px 16px 16px 24px;
}

#main #content h2 {
    font-size: 18px;
    font-weight: normal;
    text-decoration: underline;
	margin-bottom: 8px;
}

#main #content p {
    padding: 8px;
    text-align: justify;
}

#main #content ol.numeric-anchor-list {
    margin: 8px 8px 8px 24px;
}

#main #content ol.numeric-anchor-detail {
    margin-left: 24px;
}

/* ############# contenido principal ###################### */


/* ############# comportamiento de tags en general #################### */

abbr, acronym {
	cursor: help;
}

/* ############# comportamiento de tags en general #################### */

/* ############# chat #################### */

#chat-status {
	position: absolute;
	margin: 8px 0px 0px 598px;
	padding: 0px;
	width: 151px;
	height: 62px;
}

#chat-status a img {
	border: none;
}

/* ############# chat #################### */

/* ############# comportamiento de reCAPTCHA #################### */

noscript textarea,
noscript input {
	display: none !important;
}

/* ############# comportamiento de reCAPTCHA #################### */

p.todo {
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	padding: 16px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-style: italic;
	background: #eee;
	width: auto !important;
}

p.disclaimer {
	border-top:#f2f2f2 1px solid;
	padding:16px;
	margin-top:64px;
	margin-bottom:8px;
	width:auto !important;
	line-height:14px;
	color:#777;
}

/*### mast head toolbar ###*/

div#mast-toolbar {
	position:absolute;
	overflow:hidden;
	top:0;
	width:180px;
	height:88px;
	z-index:511;
}
div#mast-toolbar div#chat,
div#mast-toolbar div#sitemap {
	position:relative;
	text-align:center;
	background:url('/images/icons/bg-chat-sitemap.png') no-repeat;
	width:89px;
	height:107px;
	float:left;
	z-index:512;
}
div#mast-toolbar div a {
	text-decoration:none !important;
}
div#mast-toolbar div a span {
	color:#666;
	font-size:11px;
	line-height:11px;
}
div#mast-toolbar div a:hover span {
	color:#333;
}
div#mast-toolbar div a span {
	display:block;
}
div#mast-toolbar div a img {
	border:none;
}
div#mast-toolbar div#chat a img {
	margin-top:13px;
}
div#mast-toolbar div#sitemap a img {
	margin-top:40px;
}

div#mast-toolbar div#chat {
	margin-top:-18px;
}
div#mast-toolbar div#sitemap {
	margin-top:-36px;
}

span.b {
	font-weight:bold;
}
span.i {
	font-style:italic;
}

#siteseal-wrapper {
	margin-top:44px;
	position:absolute;
}

b.nob {
	font-weight:normal !important;
}

#main #content {
	background:url('/images/como-comprar/index/como-comprar.jpg') no-repeat 0 0;
}

#como-comprar-en-zerohost {
	margin-top:278px;
}

div.como-comprar-paso-por-paso ol.paso {
	list-style-type:none;
}
div.como-comprar-paso-por-paso ul li {
	margin-bottom:0;
}
div.como-comprar-paso-por-paso ul {
	list-style-type:none;
}

div#como-comprar-paso-1 ol.paso {
	width:232px;
	line-height:12px;
}
div#como-comprar-paso-1 {
	height:427px;
	background:url('/images/como-comprar/index/como-comprar-paso-1.jpg') no-repeat 0 0;
	width:600px;
	margin-left:120px;
	margin-top:16px;
}
div#como-comprar-paso-1 ol.paso {
	margin-left:121px;
	margin-top:294px;
	position:absolute;
}

div#como-comprar-paso-2 ol.paso li {
	margin-bottom:12px;
	line-height:12px;
}
div.como-comprar-paso-por-paso ul li ol li {
	line-height:12px !important;
	height:12px !important;
	margin:0 !important;
	padding:0 !important;
}
div.como-comprar-paso-por-paso ul li ol {
	margin-left:24px;
}
div#como-comprar-paso-2 {
	background:transparent url('/images/como-comprar/index/como-comprar-paso-2.jpg') no-repeat scroll 0 0;
	height:407px;
	margin-left:80px;
	width:671px;
}
div#como-comprar-paso-2 ol.paso {
	margin-left:86px;
	margin-top:254px;
	position:absolute;
	width:262px;
}

div#como-comprar-paso-3 ol.paso li {
	line-height:12px;
}
div#como-comprar-paso-3 ol.paso li ul li.importante {
	font-size:12px;
	color:#f00;
}
div#como-comprar-paso-3 ol.paso {
	margin-left:276px;
	margin-top:302px;
	position:absolute;
	text-align:justify;
	width:257px;
}
div#como-comprar-paso-3 {
	width:650px;
	height:460px;
	background:url('/images/como-comprar/index/como-comprar-paso-3.jpg') no-repeat 0 0;
	margin-left:84px;
}

div#condiciones-de-garantia-30-dias {
	background:url('/images/como-comprar/index/garantia.jpg') no-repeat 0 0;
}
div#condiciones-de-garantia-30-dias,
div#condiciones-de-garantia-30-dias ol {
	height:200px;
}
div#condiciones-de-garantia-30-dias ol {
	line-height:12px;
	margin-left:300px;
	margin-top:12px;
	width:400px;
	position:absolute;
}
div#medios-de-pago-habilitados img {
	padding-top:8px;
	padding-bottom:24px;
}
