/*
  v1.0
  Last rev: 09-28-2009
  By Nexo Virtual - www.nexovirtual.net
*/

/************************************************************/
/*   DECLARACIONES GENERALES
/************************************************************/

body {
  background: #eee url(../images/bg.png) repeat-x;
  text-align: center; 
}

.clear { clear: both; }

h1 { float: left; }
h1 a { 
  float: left;
  text-indent: -9999px; 
  width: 271px;
  height: 105px;
  background: url(../images/logo.png) no-repeat; 
}
h2 {
  float: left;
  width: 507px;
  height: 36px;
  text-indent: -9999px; 
}
h2#h2_hosting_compartido { background: url(../images/h2_hosting_compartido.png) no-repeat; }
h2#h2_planes_resellers { background: url(../images/h2_planes_resellers.png) no-repeat; }
h2#h2_planes_vps { background: url(../images/h2_planes_vps.png) no-repeat; }
h2#h2_tutoriales { background: url(../images/h2_tutoriales.png) no-repeat; }
h2#h2_contacto { background: url(../images/h2_formulario.png) no-repeat; }
h2#h2_empresa { background: url(../images/h2_empresa.png) no-repeat; }
h2#h2_dominios { background: url(../images/h2_dominios.png) no-repeat; }


/************************************************************/
/*   ESTRUCTURA
/************************************************************/

#wrapper {
  margin: 0 auto;
  width: 884px;
  background: url(../images/wrapper_bottom.png) left bottom no-repeat;
  text-align: left; 
}
#wrapper_top {
  float: left;
  width: 732px;
  padding: 0 72px 10px 80px; 
  background: url(../images/wrapper_top.jpg) no-repeat; 
}
#header {
  float: left;
  width: 732px;  
  padding: 24px 0 0;
}
#content {
  float: left;
  background: url(../images/content_bg.png) right top repeat-y; 
}
#content_bottom {
  float: left;
  background: url(../images/content_bottom.png) right bottom no-repeat;
}
#content_top {
  float: left;
  position: relative;
  width: 523px;
  background: url(../images/content_top.png) right top no-repeat;
}
#sidebar {
   float: right;
   width: 209px;
   padding: 35px 0 0;
}

#footer {
  float: left;
  width: 100%;
  background: url(../images/footer_bg.png) center top no-repeat;
  padding-bottom: 20px; 
}


/************************************************************/
/*   SECCIONES
/************************************************************/


ul#nav {
  float: right;
  padding: 17px 8px 0 200px;
}
ul#nav li { float: left; }
ul#nav li, ul#nav li a { 
  font: 13px/18px Calibri, Arial, Helvetica, sans-serif; 
  color: #999; 
  text-transform: uppercase;
  text-decoration: none; 
} 


/*************************************** Link soporte técnico */

a#lk_sop_tecn {
  float: right;
  text-indent: -9999px; 
  background: url(../images/lk_sop_tecn.png) no-repeat;
  width: 149px;
  height: 36px;
  margin: 29px 0 0; 
}


/*************************************** Menú principal (productos) */

ul#prod_nav {
  float: left;
  width: 725px;
  height: 38px;
  background: #474747;
}
ul#prod_nav li { 
  float: left;
  padding: 0 14px 0 38px; 
}
ul#prod_nav li a { 
  font: bold 15px/38px Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none; 
}


/*************************************** Disclaimer y aviso legal */

p#disclaimer { font: 11px/25px Arial, Helvetica, sans-serif; color: #666; clear: both; }

a#aviso_legal { 
  position: absolute;
  right: -94px;
  bottom: 30px; 
  font: 13px/13px Arial, Helvetica, sans-serif; 
  color: #666;
}


/*************************************** Footer */

#footer p {
  text-align: center;
  font: 12px/44px Arial, Helvetica, sans-serif;
  color: #666;
}


/************************************************************/
/*   ESTILOS COMUNES EN PAGINAS INTERNAS
/************************************************************/

#planes {
  float: left;
  padding: 24px 0 0 6px;
}

#planes h3 {
  float: left;
  width: 100%;
  height: 16px;
  text-indent: -9999px; 
  padding-bottom: 3px;
}

h3#h3_planes_alojamiento { background: url(../images/h3_planes_alojamiento.png) no-repeat;  }
h3#h3_planes_revendedores { background: url(../images/h3_planes_revendedores.png) no-repeat;  }

#planes table {
  float: left;
  table-layout: fixed;
  border-collapse: collapse;
}

#especificaciones { 
  float: left;
  width: 501px;
  padding: 6px 0 0 6px; 
}

#especificaciones h3, #especificaciones li, #especificaciones dt, #especificaciones dd, #especificaciones p {
  font: 11px/16px Arial, Helvetica, sans-serif;
  color: #666; 
}
#especificaciones h3, #especificaciones div {
  float: left;
  width: 467px;
  background: #f5f5f5; 
}
#especificaciones h3 {
  margin: 0 0 2px;
  height: 34px;
  line-height: 34px;
  font-weight: bold;
  padding: 0 17px;
  cursor: pointer;     
}
#especificaciones h3 span {
  float: right;
  width: 21px;
  height: 19px;
  margin: 8px 0 0; 
}
#especificaciones h3 span.ui-icon-triangle-1-s { background: url(../images/flechita_up.gif) no-repeat;  }
#especificaciones h3 span.ui-icon-triangle-1-e { background: url(../images/flechita_down.gif) no-repeat;  }

#especificaciones div { margin-bottom: 15px; padding: 10px 17px; }

#especificaciones div dl { float: left; width: 400px; }
#especificaciones div dt { float: left; width: 200px; height: 19px; }
#especificaciones div dd { float: left; width: 200px; height: 19px; }
#especificaciones div dd.yes { float: left; text-indent: -9999px; background: url(../images/icon_yes.png) no-repeat;  }
#especificaciones div#aplicaciones ul { float: left; width: 200px; }
#especificaciones div#aplicaciones ul li { font-weight: bold; color: #09f; }

#especificaciones p { width: 450px; }

ul#sidebar_links { 
  float: left;
  padding: 0 0 1px;
  background: url(../images/sidebar_links_bg.png) left bottom no-repeat;  
}
ul#sidebar_links li { float: left; }
ul#sidebar_links li a { 
  float: left;
  width: 209px;
  text-indent: -9999px;   
}
ul#sidebar_links li a#tut { background: url(../images/sidebar_links_tutoriales.png) no-repeat; height: 72px; }
ul#sidebar_links li a#ven { background: url(../images/sidebar_links_ventas.png) no-repeat; height: 72px; }
ul#sidebar_links li a#dem { background: url(../images/sidebar_links_cpanel.png) no-repeat; height: 72px; }
ul#sidebar_links li a#vhm { background: url(../images/sidebar_links_vhm.png) no-repeat; height: 72px; } 
ul#sidebar_links li a#usa { background: url(../images/sidebar_hosting_usa.png) no-repeat; height: 72px; } 
ul#sidebar_links li a#uk { background: url(../images/sidebar_hosting_uk.png) no-repeat; height: 72px; } 

.link_negro {
	color: #666666;
	text-decoration: none;
}

.link_negro:hover {
	color: 000000;
	text-decoration: underline;
}