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;}
#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 #email { text-align:right; 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:100px;}
	
	#col a.twiter {	background: url(http://www.hostimedia.com/images/Twitter.png) no-repeat; clear:both; color:#fff; display:block; height:29px; padding:5px 0 0 45px; position:absolute; top:55px; width:30px; left: 149px; }
	
	#col a.facebook {background:url(http://www.hostimedia.com/images/facebook.png) no-repeat; clear:both; color:#fff; display:block; height:29px; padding:5px 0 0 45px; position:absolute; top:55px; width:30px; left: 227px;}
	
	#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:0px 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:35px;}
#accesos_directos li {float:left; margin-left:10px}
#accesos_directos li.title { color:#999; margin-right:5px; padding:2px 0; text-indent:20px; text-transform:uppercase;}

/*cambio de texto*/
#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 2px; 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;}
#footer a {color:#fff; text-decoration:none;}
#footerCol1 {width:100; vertical-align:top;}

/* INTERIORES */

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

	/* housing */
	/* tablas */
	table {border-collapse:collapse; color:#777; margin:0 0 10px 0; padding:0; text-align:center; width:100%;}
	table thead td {background:#025386 url(http://www.hostimedia.com/images/tabla_title_02.jpg) no-repeat; color:#fff;}
	table td.empty {background:none; color:none;}
	table tr {height:32px;}
	table tr.even td {background:#f8f9fa;}
	table td {background:#eff1f2; border-right:9px solid #e8ebed; width:157px;}
	table td.small {font-size:18px; padding:10 0 0 10px; text-align:center; width:123px;}

	/* 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:bold; 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:bold; 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;}
div.columnFooter {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:bold; 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:bold;}

/* 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:6px; font-weight:normal; height:20px; 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:16px; font-weight:normal;}
#ad h2 a {font-style:italic; font-weight:bold; 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;}



/* --------------------------------------------------------------
   HEADINGS
-------------------------------------------------------------- */

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

/*La publi superior*/
#bandasuperiorpublicidad
{
	background:#2672A6;
	margin:0px;
	padding:0px;
	border:0px;
	font-size: 10px;
	color:#FFFFFF;
	border-top:1px #2672A6 solid;
	border-bottom:2px #2B2B2B solid;
	width:100%;
	text-align:center;
}

#bandasuperiorpublicidad .bandainterno
{
	width:728px;
	margin:auto;
	margin-top:5px;
	margin-bottom:7px;
	text-align:center;
	white-space:nowrap;
	color:#FFFFFF;
}

#bandasuperiorpublicidad .bandainterno a
{
	color:#FFFFFF;
	text-decoration:none;
}
#bandasuperiorpublicidad .bandainterno a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}
/*******************/

