/* --------------------------------------------------------------
   GLOBAL
-------------------------------------------------------------- */

form {
	margin: 0px;
}

.wrapper2 p,td,input,select,textarea {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight:normal;
	font-size:12px;
}

a {
	color: #000000;
}

a:hover {
	text-decoration: none;
}

.header{
    color:#000000;
	font-size:14px;
	font-weight:700;
}

table.wrapper2 {
	width: 100%;
}
.whmcsnav td{ padding-left:10px;  }


#side_menu{
    background-color:#000000;
    border-left:1px solid #CFE2FF;
	float:right;margin:0;
	padding:15px;
	text-align:left;
	width:219px;
}
	
#side_menu ul{
    list-style:none;
	margin:0 0 10px;
	padding:0;
}
	
#side_menu ul li{
    line-height:25px;
	margin:0;padding:0;
	
}		
/* --------------------------------------------------------------
   HEADINGS
-------------------------------------------------------------- */

.heading {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
}

.heading2 {
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 13px;
	font-weight: normal;
    text-decoration: none;
    color: #000000;
}

.heading3 {
    font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

h2{border-bottom:0px solid #F5F5F5;color:#333;font-size:16px;font-weight:250;margin:10 0 5px;padding:0px 0 0px;}
/* --------------------------------------------------------------
   INFO BOXES
-------------------------------------------------------------- */

.contentbox {
	width: 96%;
	text-align: center;
	border: 1px dashed #cccccc;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: normal;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------
   CLIENT AREA NAVBAR
-------------------------------------------------------------- */

.clientarealinks {
    background-color: #f7f7f7;
    padding: 10px;
}

.clientarealinks a {
	color: #555555;
}

/* --------------------------------------------------------------
   TABLES
-------------------------------------------------------------- */

table.topnavbar {
	width: 100%;
}

tr.topnavbar {
	background-color: #efefef;
	font-weight:normal;
	text-align: center;
}

tr.topnavbar a {
	color: #000000;
	text-decoration: none;
}

.navboxlinks td {
    border-bottom: 1px dotted #cccccc;
}

tr.topnavbar a:hover {
	color: #666666;
}

table.frame {
	width: 100%;
	border: 1px solid #e0e0e0;
	padding: 0px;
}

.fieldarea {
	background-color: #f7f7f7;
	text-align: right;
}

.clientareatable {
	width: 100%;
	background-color: #cccccc;
}

tr.clientareatableheading {
	background-color: #efefef;
	font-weight: normal;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #FFFFE2;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #E9FFD2;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #FFE1E1;
	text-align: center;
}

/* --------------------------------------------------------------
   NETWORK ISSUES
-------------------------------------------------------------- */

.networkissuessummary {
    background-color: #f6f6f6;
    border: 1px dashed #cccccc;
    padding: 10px;
    text-align: center;
}

.networkissuesopen {
    font-size: 16px;
    font-weight: normal;
    color: #65CC00;
    padding-right: 20px;
}

.networkissuesscheduled {
    font-size: 16px;
    font-weight: normal;
    color: #EEDD00;
    padding-right: 20px;
}

.networkissuesclosed {
    font-size: 16px;
    font-weight: normal;
    color: #888888;
}

.networkissuedescription {
    border-left: 5px solid #efefef;
    padding: 20px;
    padding-top: 1px;
}

.networkissueaffected {
    background-color: #FDFCDD;
    padding: 10px;
    margin-top: 10px;
}

/* --------------------------------------------------------------
   SUPPORT TICKETS
-------------------------------------------------------------- */

.clientticketreplyheader {
    margin-top: 20px;
    background-color: #92BDEA;
    font-weight: normal;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.clientticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/clientticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px; 
}

.adminticketreplyheader {
    margin-top: 20px;
    background-color: #888888;
    font-weight: normal;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.adminticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/adminticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px; 
}

.closeticket {
    border: 1px dashed #cc0000;
	font-weight: normal;
	background-color: #FBEEEB;
    color: #cc0000;
}

/* --------------------------------------------------------------
   TEXT COLORS
-------------------------------------------------------------- */

.textblack {
	color: #000000;
}

.textblue {
    color: #224488;
}

.textgreen {
	color: #779500;
}

.textgrey {
	color: #888888;
}

.textgold {
    color: #ffbb55;
}

.textorange {
	color: #ff6600;
}

.textred {
	color: #cc0000;
}

html {background:#cadce4 url(http://www.hostimedia.com/images/bg.jpg) repeat-y top center;}
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto; font-weight:normal; }
#wrapper {background:url(http://www.hostimedia.com/images/bg_top.jpg) no-repeat 468px 0; margin:0 auto; padding:0 20px; width:900px;}
a img {border:none;}

/* RESET */
h1, h2, h3, h4, h5, p, ul, li {margin:0; padding:0;}
li {display:block;}

/* HEADER */
#header {height:180px; margin-bottom:10px;}
	/* LOGO */
	#header h1 {float:left;}
		h1 a {background:url(http://www.hostimedia.com/images/hostimedia.jpg) no-repeat; display:block; height:141px; text-indent:-9999px; width:221px;}
	/* NAV */
	#header ul {clear:both; display:block; width:900px;}
	#header ul li {float:left; font-size:14;}
	#header li a {background:#000 url(http://www.hostimedia.com/images/nav_bg.jpg); color:#fff; display:block; height:21px; padding:9px 0; text-align:center; text-decoration:none; text-transform:uppercase; width:128px;}
		li a#ahousing {background-position:-150px 0;}
		li a#ahosting, li a#aservidores {background-position:-300px 0;}
		li a#adominios {background-position:-450px 0;}
		li a#aradios {background-position:-600px 0;}
		li a#agaming {background-position:-750px 0;}
		/*hover*/
		li a#aindex:hover {background-position:0 39px;}
		li a#ahousing:hover, li a#aservidores:hover {background-position:-150px 39px;}
		li a#ahosting:hover {background-position:-300px 39px;}
		li a#adominios:hover {background-position:-450px 39px;}
		li a#aradios:hover {background-position:-600px 39px;}
		li a#agaming:hover {background-position:-750px 39px;}
		/* DROP DOWN */
		ul#nav li ul li a {background:url(http://www.hostimedia.com/images/dropdown_bg.jpg) repeat-x; border:1px solid #5a89a4; font-size:12px; height:20px; padding:5px 0; width:126px;}
		ul#nav li ul li a:hover {background:url(http://www.hostimedia.com/images/dropdown_bg_hover.jpg) repeat-x;}

	/* COLUMNA DERECHA */
	#col {float:right; position:relative; width:303px;}
	#col p {background:url(http://www.hostimedia.com/images/soporte_bg.jpg) no-repeat; color:#1d6ba0; float:left; font-size:14px; height:34px; margin:10px 0 5px 0; padding:5px 0 0 42px; position:absolute; text-transform:uppercase; width:210px;}
	#col p strong {font-size:24px; font-weight:normal; letter-spacing:-1px;}
	#col a#email {background:url(http://www.hostimedia.com/images/email_bg.jpg) no-repeat; display:block; float:right; height:39px; margin-top:10px; text-indent:-9999px; width:47px;}
	#col a.soporte_online {background:#2a6e98 url(http://www.hostimedia.com/images/soporte_online.jpg) no-repeat; clear:both; color:#fff; display:block; font-size:16px; height:29px; letter-spacing:4px; padding:5px 0 0 45px; position:absolute; text-decoration:none; text-transform:uppercase; top:55px; width:258px;}
	#col form {background:url(http://www.hostimedia.com/images/busqueda_dominio.jpg) no-repeat; height:39px; margin-top:5px; position:absolute; top:90px; width:303px;}
		#col fieldset {border:none; color:#0c6ea5; font-size:16px; margin:0; height:39px; padding:0 0 0 15px; position:absolute; top:7px; width:303px;}
			#col fieldset label {text-transform:uppercase;}
			#col fieldset input.search {background:url(http://www.hostimedia.com/images/dominio_input.jpg) no-repeat; border:none; height:19px; padding:2px; width:180px;}
			#col fieldset input.button {height:24px; padding-left:10px; position:absolute; width:24px;}
	
/* SLIDER */
#slider {color:#fff; margin:15px 0;}
#slider div {height:186px; width:900px;}
	#slider h2 {font-size:30px; font-weight:normal; padding:25px 0 0 30px;}
	#slider p {font-size:18px; padding-left:30px; width:550px;}
	#slide_1 {background:url(http://www.hostimedia.com/images/slide_01.jpg) no-repeat;}
	
/* ACCESOS DIRECTOS */
#accesos_directos {margin-bottom:55px;}
#accesos_directos li {float:left;}
#accesos_directos li.title {background:url(http://www.hostimedia.com/images/icon_arrow.jpg) no-repeat 0 10px; color:#999; margin-right:10px; padding:5px 0; text-indent:20px; text-transform:uppercase;}
#accesos_directos li a {background:#fff url(http://www.hostimedia.com/images/accesos_btn_bg.jpg) no-repeat; color:#666; display:block; height:22px; margin:0 5px; padding:5px 0; text-align:center; text-decoration:none; width:135px;}

/* SERVICIOS */
#servicios {clear:both; float:left; width:672px;}
#servicios div {background:#fff url(http://www.hostimedia.com/images/servicios_bg.jpg) bottom no-repeat; color:#555; float:left; font-size:12px; margin:5px !important; margin:4px; padding-bottom:10px; width:214px;}
#servicios h3 {background:#005285 url(http://www.hostimedia.com/images/servicios_title_bg.jpg) no-repeat; color:#fff; font-size:16px; font-weight:normal; height:21px; padding:5px 8px; text-transform:uppercase;}
#servicios p {margin:3px 10px;}
#servicios a {background:url(http://www.hostimedia.com/images/icon_plus.jpg) no-repeat; color:#999; margin:10px; padding-left:20px; text-decoration:none; text-transform:uppercase;}
#servicios a:hover {text-decoration:underline;}
#servicios a:hover {color:#555;}

/* NOVEDADES */
#novedades {background:#cfcfcf; float:right; margin-top:5px; width:217px;}
#novedades h3 {background:#777 url(http://www.hostimedia.com/images/novedades_title_bg.jpg) no-repeat; color:#fff; font-size:16px; font-weight:normal; height:24px; padding:5px; text-indent:32px; text-transform:uppercase;}
#novedades p {border-bottom:1px solid #eee; font-size:12px; margin:0 10px 10px 10px; padding-bottom:10px;}
	#novedades p a {color:#555; text-decoration:none;}
	#novedades p a:hover {text-decoration:underline;}
#novedades p.date {border:none; color:#888; font-size:12px; margin:10px 10px 0 10px; padding:0; text-transform:uppercase;}

/* LOGOS */
#logos {background:url(http://www.hostimedia.com/images/logos.jpg) no-repeat; clear:both; height:71px; width:900px;}

/* FOOTER */
#footer {background:#2470a3; color:#FFF; font-size:12px; margin-bottom:15px; padding:10px;}
#footer a {color:#fff; text-decoration:none;}

/* INTERIORES */

	/* columna */
	#columna {float:right; width:217px;}

	/* housing */
	/* tablas */


	/* hosting */
	/* tablas */
	div#content.hosting table thead td {background:url(http://www.hostimedia.com/images/tabla_title_03.jpg) no-repeat; font-size:14px;}
		div#content.hosting table thead td.empty {background:none;}
	div#content.hosting table td {font-size:11px;}
	div#content.hosting table tr td:first-child {text-align:left; padding-left:10px;}
	div#content.hosting table tbody tr:last-child td {background:url(http://www.hostimedia.com/images/hosting_contratar.jpg) no-repeat; height:33px; text-transform:uppercase;}
		div#content.hosting table tr:last-child td a {color:#fff; font-size:12px;}
		div#content.hosting table tr:last-child td.empty {background:none;}
	td.subtitle {background:#fff; text-transform:uppercase;}
	div#content.hosting tr.precios td {font-size:16px; font-style:italic;}
	#contratar td a {}

div#content {float:left; width:663px;}

#content h3 {background:url(http://www.hostimedia.com/images/title_h3.jpg) no-repeat; color:#fff; font-size:20px; height:26px; margin-bottom:10px; padding:4px 10px; text-transform:uppercase;}
#content h4 {background:url(http://www.hostimedia.com/images/title_h4.jpg) no-repeat; clear:both; color:#fff; font-size:16px; font-weight:normal; height:22px; margin:10px 0; padding:2px 8px; text-transform:uppercase;}
#content h5:first-child {margin:0;}
#content div.column h5:first-child {margin-top:10px;}
#content h5 {color:#058; font-size:14px; font-weight:normal; margin-top:10px; text-transform:uppercase;}
#content p, #content ul {color:#777; font-size:14px; margin-top:10px;}
#content p.small {font-size:11px;}
#content p strong {color:#555; margin-top:10px;}
#content p a.trigger {background:url(http://www.hostimedia.com/images/title_trigger.jpg) no-repeat; clear:both; color:#fff; display:block; font-size:16px; font-weight:normal; height:22px; margin:20px 0; padding:2px 8px; text-align:center; text-transform:uppercase; width:100%;}
#content ul {margin:10px 0;}
#content ol {color:#777; font-size:14px; list-style:lower-latin;}
#content li {display:list-item; margin-left:18px;}
#content ul strong {color:#0c6ea5; font-style:italic;}
#content ul ul li {margin-left:30px; list-style:disc;}
#content a {color:#333; text-decoration:none;}
#content a:hover {color:#058; text-decoration:underline;}

div.column {float:left; margin:0 10px 10px 0; width:327px !important; width:310px;}

#content p.nota {color:#777; font-size:11px; font-style:italic; text-transform:uppercase;}

	/* accesos directos */
	#int_accesos_directos, #faq {background:#e3e3e3; float:right; margin-bottom:10px; padding-bottom:10px; width:216px;}
	#int_accesos_directos li {color:#777; display:list-item; font-size:16px; margin-left:25px;}
	#int_accesos_directos a {color:#777; text-decoration:none;}
	#int_accesos_directos a:hover {text-decoration:underline;}
	#int_accesos_directos .title {background:url(http://www.hostimedia.com/images/title_accesos.jpg) no-repeat; color:#999; display:block; height:27px; margin:0; padding:5px 32px; text-transform:uppercase;}
	
	/* faq */
	#faq {margin:10px 0;}
	#faq .title {background:url(http://www.hostimedia.com/images/title_faq.jpg) no-repeat; border-bottom:none; color:#999; display:block; height:29px; margin:0; padding:6px 0 0 27px; text-transform:uppercase;}
	#faq li {border-bottom:1px solid #fff; margin:10px; padding-bottom:5px;}
	#faq a {color:#777; font-size:12px; text-decoration:none;}
	#faq a:hover {text-decoration:underline;}
	
/* RADIOS */
table.radios {font-size:11px;}
table.radios thead {font-size:14px;}
table.radios td {border-right:none;}
table.radios td.first {width:320px;}
#content table.radios a {background:url(http://www.hostimedia.com/images/radios_contratar.jpg) no-repeat; color:#fff; display:block; height:19px; text-transform:uppercase; width:71px;}
table.radios tbody td:first-child {border-right:9px solid #E8EBED;}
table.radios tbody tr:last-child {background:none;}
table.radios thead td {background:#eaebef url(http://www.hostimedia.com/images/radios_tab.jpg) no-repeat; color:#bbb;}
	table.radios thead td:hover {background:url(http://www.hostimedia.com/images/radios_tab_activo.jpg) no-repeat; color:#0c6ea5; cursor:pointer;}
table.radios thead td.activo {background:url(http://www.hostimedia.com/images/radios_tab_activo.jpg) no-repeat; color:#0c6ea5;}
table.radios thead td:first-child {border-right:none;}
table.marginzero {margin:0;}

#content.radios #tabs ul {margin:0; padding-left:65px;}
#content.radios #tabs ul li.ui-tabs-selected {background:#F8F9FA;}
.radios div.center {text-align:center; width:663px;}

/* DOMINIOS */
div.dominios table {font-size:14px;}
div.dominios table tr {background:url(http://www.hostimedia.com/images/dominios_title.jpg) no-repeat; height:25px;}
div.dominios table tr.title td {background:none; color:#787878; height:26px; text-transform:uppercase;}
div.dominios table td {border-right:none;}
div.dominios table tbody td:first-child {color:#0c6ea5; text-transform:uppercase;}

div#content.dominios h4 {text-align:center;}
div#content.dominios h4 a {color:#fff; font-size:12px;}
div#content.dominios fieldset {border:none; text-align:center;}
div#content.dominios fieldset div label {color:#777; font-size:24px;}
div#content.dominios fieldset div#tlds {background:url(http://www.hostimedia.com/images/tlds_bg.jpg) no-repeat top center; height:30px; padding-top:20px;}
div#content.dominios fieldset div#tlds label {color:#1d6ba0; font-size:14px;}
input#search_input {background:url(http://www.hostimedia.com/images/dominios_input_bg.jpg) no-repeat; border:none; color:#666; font-size:16px; height:20px; margin:5px 0; padding:8px; width:331px;}
input#search_button {vertical-align:middle;}

/* GAMING */
div.gaming div {margin:10px 0;}
div#content.gaming ul li {font-weight:normal; float:left; margin:0 10px 30px 15px; width:194px;}
div#content.gaming ul li ul {margin-top:0;}
div#content.gaming ul li ul li {font-weight:normal; margin:0; list-style:none;}
ul li a span {color:#09F; font-size:11px; font-style:italic; font-weight:normal; text-transform:uppercase;}
div#content.gaming ul li ul li:first-child {font-style:italic; font-weight:normal;}

/* VPS */
div.vps p {margin:10px 0;}

/* ACCESO USUARIOS */
#acceso_usuarios {display:none; width:231px;}
#nyroModalContent {}
#nyroModalContent h2 {background:url(http://www.hostimedia.com/images/modal_title.jpg); color:#fff; font-size:20px; font-weight:normal; height:25px; padding:5px 10px; text-transform:uppercase;}
#nyroModalContent fieldset {border:none; margin:37px auto; padding:0; width:200px;}
	#nyroModalContent fieldset a {color:#777; font-size:10px; text-transform:uppercase;}
	#nyroModalContent input#button {height:25px; width:70px;}
	#nyroModalContent label {color:#2470a3; display:block; font-size:14px; margin:5px 0;}
	#nyroModalContent input {display:block; width:200px;}
	#nyroModalContent input.check {float:left; font-size:12px; margin:7px 0; width:20px;}
	
/* DEDICADOS */
table.dedicados {font-size:12px;}
table.dedicados td:first-child {text-align:left; text-indent:10px; text-transform:uppercase;}
table.dedicados td strong {font-size:18px;}
table.dedicados td a {text-transform:uppercase;}
table.dedicados tr.mas td:first-child {background:none;}
table.dedicados tr.mas td {background:#fff;}
table.dedicados tr.mas td img {margin-right:3px; vertical-align:text-top;}

/* TOP AD */
#ad {background:url(http://www.hostimedia.com/images/top_ad_bg.jpg) no-repeat; float:left; height:95px; margin:10px 0 10px 19px; padding:15px; text-align:center; width:321px;}
#ad h2 {font-size:18px; font-weight:normal;}
#ad h2 a {font-style:italic; font-weight:normal; color:#2470a3; text-decoration:none;}

/* INT DED */
#faq1 {margin:10px 0;}
#faq1 .title {background:url(http://www.hostimedia.com/images/title_intded.jpg) no-repeat; border-bottom:none; color:#999; display:block; height:29px; margin:0; padding:6px 0 0 27px; text-transform:uppercase;}
#faq1 li {border-bottom:1px solid #fff; margin:10px; padding-bottom:5px;}
#faq1 a {color:#777; font-size:14px; text-decoration:none;}
#faq1 a:hover {text-decoration:underline;}

/* DISEŅO */
table.diseno {font-size:12px;}
table.diseno td:first-child {text-align:left; text-indent:10px; text-transform:uppercase;}
table.diseno td strong {font-size:18px;}
table.diseno td a {text-transform:uppercase;}
table.diseno tr.mas td:first-child {background:none;}
table.diseno tr.mas td {background:#fff;}
table.diseno tr.mas td img {margin-right:3px; vertical-align:text-top;}
table thead td {background:#025386 url(http://www.hostimedia.com/images/servicios_title_bg.jpg) no-repeat; color:#fff;}