html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-weight : normal;
	font-style : normal;
	font-size : 100%;
	font-family : inherit;
	vertical-align : baseline;
}

body {line-height : 1;}

table {
	border-collapse : collapse;
	border-spacing : 0;
}

:focus {outline : 0;}
blockquote:before, blockquote:after, q:before, q:after {content : "";}
blockquote, q {quotes : "" "";}
ol,ul {list-style : none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
strong {font-weight : bold;}
em {font-style : italic;}

/* ------------------------------------------------------------
-- #########
------------------------------------------------------------ */

body {
	background : #B7C1DA url('images/bg.gif') 0 -197px repeat-x;
	color : #333;
	font : .85em 'Trebuchet MS', Helvetica, sans-serif;
}

a {
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

#accessibility {
	position : absolute;
	top : -99999em;
}

/* ------------------------------------------------------------
-- #container
------------------------------------------------------------ */

#container {
	width : 900px;
	margin : 0 auto;
}

/* ------------------------------------------------------------
-- #header
------------------------------------------------------------ */

#header {
	height : 136px;
	position : relative;
	width : 900px;
}

#header h1 {
	top : 30px;
	left : -50px;
	position : absolute;
}

#header p#lema {
	position : absolute;
	bottom : 9px;
	left : 140px;
	width : 210px;
	height : 24px;
	text-indent : -99999em;
	background : url('images/master.png') -290px -490px no-repeat;
}

/* ///////////////////////////////////////////////////////////// */

#header ul#idioma {
	width : 140px;
	color : #6785A6;
	top : 10px;
	right : 55px;
	position : absolute;
}

#header ul#idioma span {
	position : absolute;
	right : -1px;
	text-transform : uppercase;
	top : 6px;
}

#header ul#idioma li {
	height : 1%;
	position : relative;
	float : left;
	display : block;
	clear : both;
}
	
#header ul#idioma li ul {
	position : absolute;
	top : 26px;
	display : none;
	width : 70px;
	text-align : center;
}

#header ul#idioma li a {
	display : block;
	color : #6785A6;
	padding : 5px 5px 6px 5px;
	text-decoration : none;
}

#header ul#idioma li ul li a {
	background : url('images/master.png') -908px -517px no-repeat;
	color : #f1f1f1;
	width : 70px;
	margin-bottom : 1px;
}

#header ul#idioma li ul li a:hover {
	background-position : -908px -552px;
}

#header ul#idioma li:hover ul,
#header ul#idioma li.over ul {
	display: block;
	background : white;
}

/* ///////////////////////////////////////////////////////////// */

#header p#phone {
	width : 225px;
	height : 49px;
	position : absolute;
	top : 49px;
	right : 97px;
	text-indent : -99999em;
	background : url('images/master.png') -280px -437px no-repeat;
}

#header ul#info {
	text-transform : uppercase;
	position : absolute;
	top : 10px;
	right : 0;
}

#header ul#info li {
	font-size : .85em;
	text-align : center;
	margin : 4px 0 3px;
	float : left;
	clear : both;
	width : 86px;
}

#header ul#info li a {
	background : url('images/master.png') -516px -415px no-repeat;
	width : 86px;
	height : 20px;
	display : block;
	color : #fdfdfd;
	padding-top : 3px;
}

#header ul#info li a:hover {
	text-decoration : none;
	background-position : -612px -415px;
}

#header ul#info li.clientes a {
	background-position : -516px -382px;
	padding-left : 7px;
	width : 79px;
}

#header ul#info li.clientes a:hover {background-position : -612px -382px;}

#header p.chat {
	position : absolute;
	bottom : 9px;
	right : 99px;
	text-align : center;
	text-transform : uppercase;
}

#header p.chat a {
	background : url('images/master.png') -516px -448px no-repeat;
	width : 110px;
	padding-left : 15px;
	height : 20px;
	display : block;
	color : #fdfdfd;
	padding-top : 3px;
	text-decoration : none;
}

#header p.chat a:hover {background-position : -516px -481px;}

#header .on {
	position : absolute;
	bottom : 0;
	right : 130px;
	display : block;
	width : 33px;
	height : 23px;
}

/* ------------------------------------------------------------
-- #menu
------------------------------------------------------------ */

#menu {
	height : 36px;
	text-transform : uppercase;
	margin-bottom : 15px;
}

#menu ul li {
	font-size : 1.1em;
	float : left;
	width : auto;
}

#menu ul li a {
	display : block;
	padding : 7px 12px;
	background : url('images/bg.gif') 0 12px no-repeat;
	color : #fdfdfd;
}

#menu ul li.portada a {
	background-image : none;
}

#menu ul li a:hover {
	text-decoration : underline;
}

/* ------------------------------------------------------------
-- #wrapper
------------------------------------------------------------ */

#wrapper .top {
	background : url('images/master.png') 0 -517px no-repeat;
	height : 15px;
	overflow : hidden;
}

#wrapper .wrapper {
	padding : 0 15px 0px 15px;
	overflow : hidden;
	background : white;
	height : 100%;
	position : relative;
}

#wrapper .bottom {
	background : url('images/master.png') 0 -542px no-repeat;
	height : 105px;
	overflow : hidden;
}

/* ------------------------------------------------------------
-- #index
------------------------------------------------------------ */

#index {margin-top:15px;}

#index div {
	position : relative;
	width : 280px;
	float : left;
	height : 292px;
	border-bottom : 15px solid white;
	background : url('images/master.png') -221px 42px no-repeat;
}

#index div div {
	width : auto;
	float : none;
	border-bottom : none;
	background : none;
	height : auto;
}

#index div a {color : #333;}

#index h2 {
	text-transform : uppercase;
	font-size : 1.1em;
	color : #fdfdfd;
	height : 32px;
	padding : 5px 0 0 25px;
	text-align : center;
	margin-bottom : 25px;
	background : url('images/master.png') -221px -265px no-repeat;
}

#index h3 {
	text-transform : uppercase;
	text-align : center;
	width : 257px;
	margin : 0 auto;
	font-size : .85em;
}

#index h3 a {
color : #777;
	font-weight : bold;
	padding-top : 4px;
	display : block;
	height : 25px;
	background : url('images/master.png') -205px -307px no-repeat;
}

#index h3 a:hover {
	background-position : -516px -347px;
	text-decoration : none;
	color : #1C82C4;
}

#index h4 {
	font-size : 1.6em;
	font-weight : bold;
	bottom : -10px;
	right : -10px;
	position : absolute;
	width : 68px;
	height : 68px;
	background : url('images/master.png') -275px -350px no-repeat;
	color : #fdfdfd;
}

#index h4 span {visibility : hidden;}

#index h4 span span {
	bottom : 21px;
	position : absolute;
	left : 18px;
	visibility : visible;
	width: 34px;
}

#index div#virtuales h4 {background-position : -355px -350px;}
#index div#dedicados h4 {background-position : -433px -350px;}

#index div#virtuales h4 span span {left : 18px;}
#index div#dedicados h4 span span {left : 18px;}

#index p {margin : 0px 15px 10px 18px;}

#index ul {
	margin : 8px 0 0 18px;
	font-size : 1.1em;
}

#index ul li {
	margin : -2px 0;
	background : url('images/master.png') -1017px 6px no-repeat;
	padding-left : 13px;
	overflow : hidden;
}

#index div#virtuales {margin : 0 15px;}

#index div#dominios {
	width : 427px;
	background-position : -516px 42px;
}

#index div#marketing {
	margin: 0 15px;
	width : 206px;
	background-position : 0px 42px;
}

#index div#diseno {
	width : 206px;
	background-position : 0px 42px;
}

#index div#dominios h2 {background-position : -516px -265px;}
#index div#marketing h2 {background-position : 0px -265px;}
#index div#diseno h2 {background-position : 0px -265px;}

#index div#marketing h3,
#index div#diseno h3 {width : 191px;}

#index div#marketing h3 a,
#index div#diseno h3 a {background-position : 0px -307px;}

#index div#marketing h3 a:hover,
#index div#diseno h3 a:hover {
	background-position : -480px -307px;
	text-decoration : none;
}

#index span.icon {
	z-index : 1;
	background : url('images/master.png') 0px -351px no-repeat;
	width : 80px;
	height : 80px;
	display : block;
	position : absolute;
	top : -15px;
	left : -15px;
}

#index div#virtuales span.icon {background-position : 0px -434px;}
#index div#dedicados span.icon {background-position : -95px -350px;}
#index div#marketing span.icon {background-position : -190px -350px;}

#index div#dominios span.icon {
	background-position : -95px -443px;
	height : 70px;
}

#index div#diseno span.icon {
	background-position : -200px -440px;
	height : 70px;
}

#index div#dominios form {
	margin : 0 15px 25px 15px;
}

#index div#dominios select {
	border : 1px solid #D0D2D2;
}

#index div#dominios #sld {
	width : 210px;
	border : 1px solid #D0D2D2;
	padding : 2px 5px;
}

div#dominios .submit {
	width : 68px;
	font-weight : bold;
	height : 24px;
	border : none;
	color : #fdfdfd;
	background : url('images/image.png') -785px -221px repeat-x;
}

div#dominios .trasferir {
	width : 100px;
	font-weight : bold;
	height : 24px;
	border : none;
	color : #fdfdfd;
	background : url('images/image.png') -677px -221px repeat-x;
}

#index div#dominios p,
#index div#dominios ul {
	margin-left : 180px;
}

#index div#dominios h3 {
	text-indent : -99999em;
	background : url('images/master.png') -788px -309px no-repeat;
	width : 157px;
	height : 157px;
	position : absolute;
	bottom : 19px;
	left : 14px;
}

/* ------------------------------------------------------------
-- #footer
------------------------------------------------------------ */

#footer {
	color : #5C5C5C;
	font-size : 1.1em;
	height : 70px;
	position : relative;
}

#footer ul {
	position : absolute;
	top : 10px;
	left : 0;
}

#footer ul li {
	float : left;
	width : auto;
	margin-right : 10px;
	padding-right : 10px;
	border-right : 1px solid #5C5C5C;
}

#footer ul li.last {border-right : none;}

#footer ul li a {
	color : #5C5C5C;
	font-weight : bold;
}

#footer ul li a:hover {
	text-decoration : underline;
	color : #000;
}

#footer p {
	position : absolute;
	top : 31px;
	left : 0;
}

#footer .footer {
	position : absolute;
	top : 16px;
	right : 0;
	width : 165px;
	height : 30px;
	background : url('images/master.png') -697px -479px no-repeat;
}

/* ------------------------------------------------------------
-- #banner
------------------------------------------------------------ */

#banner {
	height : 197px;
	overflow : hidden;
	width : 100%;
}

#nav {
	position : absolute;
	top : 155px;
	right : 25px;
	z-index : 99;
}

#nav a {
	float : left;
	width : auto;
	font-weight : bold;
	display : block;
	padding : 7px 12px;
	background : url('images/master.png') -910px -647px no-repeat;
	color : #eee;
	margin-right : 1px;
	text-decoration : none;
}

#nav a:hover {
	background-position : -953px -647px;
}

/* ------------------------------------------------------------
-- #facebox
------------------------------------------------------------ */

#opaque {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    background : url('images/clientes.png') repeat;
}

#facebox .b {background:url('images/facebox/b.png');}
#facebox .tl {background:url('images/facebox/tl.png');}
#facebox .tr {background:url('images/facebox/tr.png');}
#facebox .bl {background:url('images/facebox/bl.png');}
#facebox .br {background:url('images/facebox/br.png');}
	
#facebox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: left;
}

#facebox .popup {
	position: relative;
}

#facebox table {
	border-collapse: collapse;
}

#facebox td {
	border-bottom: 0;
	padding: 0;
}

#facebox .body {
	padding: 10px;
	background: #fff;
	width: 370px;
}

#facebox .loading {
	text-align: center;
}

#facebox .image {
	text-align: center;
}

#facebox img {
	border: 0;
	margin: 0;
}

#facebox .footer {
	border-top: 1px solid #DDDDDD;
	padding-top: 5px;
	margin-top: 10px;
	text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
	height: 10px;
	width: 10px;
	overflow: hidden;
	padding: 0;
}

#facebox_overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.facebox_hide {
	z-index:-100;
}

.facebox_overlayBG {
	background-color: #000;
	z-index: 99;
}

/* ------------------------------------------------------------
-- #sidebar
------------------------------------------------------------ */

#sidebar {
	float : left;
	width : 201px;
	margin-top : 15px;
	overflow : hidden;
	border-bottom : 15px solid white;
}

#sidebar .sidebar {overflow : hidden;}

#sidebar li {
	float : left;
	display : block;
	clear : both;
	width : 100%;
	font-size : 1.1em;
}

#sidebar li ul li {font-size : 1.05em;}

#sidebar li a,
#sidebar li ul li a {
	display : block;
	padding: 10px 20px 10px 25px;
	border-bottom : 1px solid #BBCDE2;
	background : #298EC9 url('images/master.png') -1005px -134px no-repeat;
	color: white;
	text-decoration: none;
	clear : both;
}

#sidebar li a.selected {
	background-position : -1003px -185px;
	padding-left : 26px;
}

#sidebar li.ctop a,
#sidebar li.cbottom a {padding : 0;}

#sidebar li.ctop a {background : #298EC9 url('images/sidebar.png') 0 -6px no-repeat;}

#sidebar li.cbottom a {
	border-bottom : none;
	background : #298EC9 url('images/sidebar.png') 0 34px no-repeat;
}

#sidebar li.ctop a span,
#sidebar li.cbottom a span {
	background : url('images/master.png') -1005px -134px no-repeat;
	display : block;
	padding: 10px 20px 10px 25px;
}

#sidebar li ul li a {
	background : #E1EAF2 url('images/master.png') -999px -31px no-repeat;
	color : #333;
	padding-left : 31px;
}

#sidebar li a.selected,
#sidebar li ul li.active a,
#sidebar li a:hover {
	background-color: #8798AC;
	text-decoration: none;
}

#sidebar li ul li.active a,
#sidebar li ul li a:hover {
	color : white;
	background-position : -999px -82px;
}

#sidebar li.cactive a,
#sidebar li.last a {
	background : #E1EAF2 url('images/sidebar.png') 0 36px no-repeat;
	color : #333;
	border-bottom : none;
	padding : 0;
}

#sidebar li.cactive a span,
#sidebar li.last a span {
	background : url('images/master.png') -999px -31px no-repeat;
	display : block;
	padding: 10px 20px 10px 31px;
}

#sidebar li.cactive a,
#sidebar li.cactive a:hover,
#sidebar li.last a:hover {
	background : #8798AC url('images/sidebar.png') 0 36px no-repeat;
	color : white;
}

#sidebar li.cactive a span,
#sidebar li.cactive a:hover span,
#sidebar li.last a:hover span {
	background : url('images/master.png') -999px -82px no-repeat;
}

/* ------------------------------------------------------------
-- #content
------------------------------------------------------------ */

#content {
	float : right;
	width : 655px;
	margin-top : 15px;
	overflow : hidden;
	font-size : 1.05em;
}

#content p {
	text-align : justify;
	font-size : 1.05em;
	margin-top : 15px;
}

#content .top {
	height : 5px;
	overflow : hidden;
	background : url('images/master.png') -219px -668px no-repeat;
}

#content .content {
	overflow : hidden;
	width : 623px;
	padding : 10px 15px;
	border-left : 1px solid #DFEEF7;
	border-right : 1px solid #DFEEF7;
}

#content .bottom {
	border-bottom : 15px solid white;
	height : 5px;
	overflow : hidden;
	background : url('images/master.png') -219px -673px no-repeat;
}

#content p.navi {
	margin-bottom : 10px;
	margin-top : 0;
	color : #888;
}

#content p.navi a {color : #888;}

#content h2 {
	text-transform : uppercase;
	font-size : 1.8em;
	border-bottom : 1px solid #DCE4F7;
	color : #5F9DCC;
	font-weight : bold;
}

#content h3 {
	font-size : 1.4em;
	border-bottom : 1px solid #DCE4F7;
	color : #5F9DCC;
	text-transform : uppercase;
	margin-top : 15px;
}

#content table {margin-top : 15px;}
#content tbody td {vertical-align: middle;}

/* /////////////////////////////////////////////////////////////
-- #content -- #linwin
///////////////////////////////////////////////////////////// */

#content #linwin thead th.linux,
#content #linwin thead th.windows {
	background : url('images/master.png') 0 -686px no-repeat;
	height : 33px;
	text-indent : -99999em;
}

#content #linwin thead th.windows {background-position : -200px -686px;}

#content #linwin tbody td.des {
	text-align : right;
	width : 213px;
	padding : 7px 10px 7px 0px;
	background : url('images/bg.gif') 0 -90px repeat-x;
}

#content #linwin tfoot th {background : url('images/bg.gif') 0 -90px repeat-x;}

#content #linwin tfoot th.linux,
#content #linwin tfoot th.windows,
#content #linwin tbody td.linux,
#content #linwin tbody td.windows {
	width : 200px;
	padding : 7px 0;
	background : #C3DBEE url('images/bg.gif') 0 -90px repeat-x;
	text-align : center;
	color : #0072D2;
	font-weight : bold;
}

#content #linwin th.linux,
#content #linwin td.linux {
	border-right : 1px solid white;
	width : 199px;
}

#content #linwin tfoot th.windows,
#content #linwin tbody td.windows {
	background-color : #eef6f9;
	color : #75787A;
}

#content #linwin tbody td.title {
	text-align : right;
	color : white;
	background : url('images/bg.gif') 0 -58px repeat-x;
	padding : 7px 10px 7px 0px;
	text-transform : uppercase;
}

#content tbody td span.yes,
#content tbody td span.not {
	width : 16px;
	height : 16px;
	text-indent : -99999em;
	display : block;
	margin : 0 auto;
	background : url('images/master.png') -953px -603px no-repeat;
}

#content tbody td span.not {background-position : -984px -603px;}
#content tbody td.windows span.yes {background-position : -922px -603px;}

#content #linwin th a,
#content #linwin td a {
	background : url('images/master.png') -413px -686px no-repeat;
	width : 161px;
	height : 21px;
	padding-top : 3px;
	display : block;
	margin : 3px auto 0 auto;
	text-transform : uppercase;
	color : #777;
	font-weight : bold;
	text-decoration : none;
	font-size : .85em;
}

#content #linwin th a:hover,
#content #linwin td a:hover {
	color : #1C82C4;
	background-position : -582px -686px;
}

#content #presencial #linwin tbody td.des,
#content #presencial #linwin tbody td.des {width : 421px;}

#content #presencial #linwin td.linux,
#content #presencial #linwin th.linux {border-right : none;}

#content #presencial #linwin tfoot th.linux,
#content #linwin tbody td.linux {width : 199px;}

/* /////////////////////////////////////////////////////////////
-- #content -- #planes
///////////////////////////////////////////////////////////// */

#content #planes {text-align : center;}

#content #planes th.planes,
#content #planes td.planes {
	text-align : right;
	padding : 7px 7px 7px 0;
	background : url('images/bg.gif') 0 -90px repeat-x;
}

#content #planes thead th.planes {background : none;}

#content #planes thead th {
	background : url('images/master.png') 0 -735px no-repeat;
	padding : 7px 0;
	text-transform : uppercase;
	color : white;
	border-left : 1px solid white;
	font-size : .9em;
	width : 95px;
}

#content #planes thead th.personal {background-position : -115px -735px}
#content #planes thead th.profesional {background-position : -230px -735px}
#content #planes thead th.empresarial {background-position : -345px -735px}
#content #planes thead th.empresarialmas {background-position : -460px -735px}

#content #windows #planes thead th.presencial {background-position : -115px -735px}
#content #windows #planes thead th.personal {background-position : -115px -735px}
#content #windows #planes thead th.profesional {background-position : -115px -735px}
#content #windows #planes thead th.empresarial {background-position : -115px -735px}
#content #windows #planes thead th.empresarialmas {background-position : -115px -735px}

#content #linux #planes thead th.presencial {background-position : 0 -735px}
#content #linux #planes thead th.personal {background-position : 0 -735px}
#content #linux #planes thead th.profesional {background-position : 0 -735px}
#content #linux #planes thead th.empresarial {background-position : 0 -735px}
#content #linux #planes thead th.empresarialmas {background-position : 0 -735px}

#content #planes tbody td {
	width : 95px;
	padding : 7px 0;
	background : #e6f1fa url('images/bg.gif') 0 -90px repeat-x;
	border-left : 1px solid white;
}

#content #planes td.title,
#content #planes td.promo {
	width : 590px;
	text-align : right;
	color : white;
	background : url('images/bg.gif') 0 -58px repeat-x;
	padding : 7px 15px;
	text-transform : uppercase;
}

#content #planes td.title {text-align : left;}
#content #planes td.title span {text-align : right; display : block;}

#content #planes td span.precio {
	color : #298EC9;
	font-size : 1.8em;
	font-weight : bold;
}

#content #linux td span.precio,
#content #windows td span.precio {
	font-size : 1.2em;
}

#content #planes tfoot th {
	background : #e6f1fa url('images/bg.gif') 0 -90px repeat-x;
	padding : 7px 0;
	width : 95px;
	border-left : 1px solid white;
}

#content #planes tfoot th a,
#content #planes tbody td a {
	background : url('images/master.png') -578px -735px no-repeat;
	width : 80px;
	display : block;
	margin : 0 auto;
	height : 21px;
	padding-top : 3px;
	text-transform : uppercase;
	color : #777;
	font-weight : bold;
	text-decoration : none;
	font-size : .85em;
}

#content #planes tfoot th a:hover,
#content #planes tbody td a:hover {
	color : #1C82C4;
	background-position : -660px -735px;
}

#content ul {margin : 0 0 15px;}
#content #planes th.planes, #content #planes td.planes {width : 135px;}
#content #virtuales #planes th.planes, #content #virtuales #planes td.planes {width : 230px;}

#content #linux .icon,
#content #windows .icon {
	background : url('images/linux.png') 0 0 no-repeat;
	top : 0;
	left : 0;
	width : 100px;
	height : 100px;
	position : absolute;
	overflow : hidden;
}

#content #windows .icon {background-image : url('images/windows.png');}
#content #windows #planes th {background-color : #eef6f9;}
#content #windows #planes td {background-color : #eef6f9;}
#content #windows #planes .planes {background-color : white;}
#content #windows #planes tbody td span.yes {background-position : -922px -603px;}
#content #windows #planes th.planes,
#content #windows #planes td.planes {width : 230px;}
#content #vps #planes td.planes {width : 230px;}

#content ul.demos,
#content ul.comparativa {
	height : 100%;
	overflow : hidden;
	margin : 15px 0 0 0;
}

#content ul.demos li,
#content ul.comparativa li {
	font-size : 1.1em;
	text-align : center;
	text-transform : uppercase;
	width : 265px;
	float : left;
	padding-left : 45px;
}

#content ul.demos li.windows,
#content ul.comparativa li.windows {background : url('images/windows.png') 5px -1px no-repeat;}
#content ul.comparativa li.linux {background : url('images/linux.png') 5px -1px no-repeat;}

#content ul.demos li a,
#content ul.comparativa li a {
	background : url('images/comparativa.png') top left no-repeat;
	height : 29px;
	display  : block;
	color : #777;
	text-decoration : none;
	padding-top : 6px;
}

#content ul.demos li a:hover,
#content ul.comparativa li a:hover {
	background-position : bottom left;
	color : #4B82C4;
}

#content #vps h3.icons,
#content #hosting h3.icons,
#content #dominios h3 {
	background : url('images/image.png') 0 -266px no-repeat;
	padding : 10px 15px;
	border-bottom : 1px solid #fff;
	font-size : 1em;
	font-weight : bold;
}

#content #vps h3.icons,
#content #hosting h3.icons,
#content #dominios h3.icons {
	background : url('images/image.png') 0 -384px no-repeat;
	border-bottom : 1px solid #EFE8B2;
	color : #b79103;
}

#content ul#icons {
	background : url('images/image.png') bottom left no-repeat;
	padding : 15px 15px 0 15px;
	margin : 0;
	width : 600px;
	overflow : hidden;
}

#content ul#icons li {
	background : url('images/icons.png') 0px -256px no-repeat;
	float : left;
	width : 150px;
	height : 64px;
	overflow : hidden;
	padding-bottom : 15px;
}

#content ul#icons li.programacion {background-position : 0px -384px;}
#content ul#icons li.antivirus {background-position : 0px 0px;}
#content ul#icons li.panel {background-position : 0px -128px;}

#content ul#icons li span {
	float : left;
	width : 50%;
	margin : 13px 0 0 71px;
}

#content #vps ul#icons {padding-top : 0;}

#content #vps ul#icons li {
	margin-top : 15px;
	width : 600px;
	position : relative;
	border-bottom : 1px solid #F3E4B0;
}

#content #vps ul#icons li.ram {background-position : 0px -1510px;}
#content #vps ul#icons li.plesk {background-position : 0px -1395px;}
#content #vps ul#icons li.power {background-position : 0px -1625px;}

#content #vps ul#icons li.vps {
	border-bottom : none;
	background-position : 0px -1740px;
}

#content #vps ul#icons li strong {
	margin : 0;
	position : absolute;
	top : 0;
	left : 80px;
}

#content #vps ul#icons li span {
	margin : 0;
	position : absolute;
	top : 30px;
	left : 80px;
	width : 88%;
}

#content div#destacado {
	clear : both;
	margin-top : 15px;
	position : relative;
}

#content div.destacado {
	width : 128px;
	height : 128px;
	background : url('images/skill.png') 0 -464px no-repeat;
	display : block;
	position : absolute;
	top : 45px;
	right : 30px;
}

#content #vps div.destacado {background-position : 0 -220px;}

#content div#destacado h3 {
	background : url('images/image.png') 0 -266px no-repeat;
	padding : 10px 15px;
	border-bottom : 1px solid #fff;
	font-size : 1em;
	font-weight : bold;
}

#content div#destacado ul {
	padding : 15px;
	background : url('images/image.png') bottom right no-repeat;
}

#content div#destacado ul li {
	background : url('images/master.png') -953px -603px no-repeat;
	padding-left : 25px;
	margin : 4px 0;
}

#content div#destacado h3 {margin : 0;}
#content div#destacado ul li span {background : #F1F9FD;}

/* ------------------------------------------------------------
-- #login
------------------------------------------------------------ */

#login {
	width : 450px;
	overflow : hidden;
	background : #ECF7FF url('images/login.png') 25px 80px no-repeat;
	padding : 15px;
}

#login p {margin: 0 0 15px 0;}
#login h1 {
	font-size : 1.8em;
	padding : 10px 15px;
	color : #333;
	text-transform : uppercase;
	font-weight : bold;
	margin: 0 0 40px 0;
	border-bottom : 1px solid #ccc;
}

#login form {padding : 0 15px;}
#login .last {text-align : left;}

#login input {padding:3px;}

#login form label {
	display : inline-block;
	width : 210px;
	text-align : right;
	margin-right : 7px;
}

#login .save {margin-left : 220px;}

/* ------------------------------------------------------------
-- #dominios
------------------------------------------------------------ */

#content #dominios form {
	background : url('images/image.png') 0 -295px no-repeat;
	padding : 20px 15px;
	position : relative;
}

#content #dominios form label {
	color : white;
	margin-left : 20px;
	font-size : 1.2em;
}

#content #dominios #domain_name {width : 220px;}

#content #dominios #precios ul {margin : 15px 0; overflow : hidden;}
#content #dominios #precios ul li {float : left;}
#content #dominios #precios ul li.com {float : right;}

#content #dominios #precios ul li a {
	display : block;
	height : 125px;
	width : 304px;
	text-indent : -99999em;
	background : url('images/image.png') 0 0 no-repeat;
}

#content #dominios #precios ul li.com a {background-position : -310px 0px;}
#content #dominios #precios ul li a:hover {background-position : 0px -133px;}
#content #dominios #precios ul li.com a:hover {background-position : -310px -133px;}

#content #dominios ul#icons li.renovacion {background-position : 0 -384px;}
#content #dominios ul#icons li.correos {background-position : 0px -640px;}
#content #dominios ul#icons li.dns {background-position : 0px -1152px;}
#content #dominios ul#icons li.parking {background-position : 0px -768px;}
#content #dominios ul#icons li.gestion {background-position : 0px -1024px;}
#content #dominios ul#icons li.tarjeta {background-position : 0px -1280px;}
#content #dominios ul#icons li.panel {background-position : 0px -896px;}

#content #dominios div.domain {
	width : 128px;
	height : 128px;
	background : url('images/skill.png') 0 -10px no-repeat;
	display : block;
	position : absolute;
	top : -69px;
	right : 0;
}

#content #dominios table {width : 100%;}

#content #dominios table th {
	background : #ECF7FC;
	font-weight : bold;
	text-transform : uppercase;
}

#content #dominios table th,
#content #dominios table td {
	text-align : center;
	padding : 15px 0;
	border-bottom : 1px solid #D0EAF6;
}

#content #dominios table td span.precio {
	color : #298EC9;
	font-size : 1.6em;
	font-weight : bold;
}

#content #dominios h3.title {
	background : none;
	color : black;
	margin : 15px 0 0 0;
	padding : 0;
}

#content #dominios h4 {
	font-size : 1em;
	margin-top : 15px;
	font-weight : bold;
	text-transform : uppercase;
}

#content #dominios ul.lista {
	margin : 15px 0 0 15px;
}

#content #dedicados h3.trigger,
#content #privacidad h3.trigger,
#content #datos h3.trigger,
#content #dominios h3.trigger {
	padding : 0;
	margin : 15px 0 0 0;
	font-size : 1em;
	background : none;
	border-bottom : none;
}

#content h3.trigger a {
	background : url('images/image.png') top right no-repeat;
	display : block;
	text-decoration : none;
	padding : 10px 15px;
	color : #5F9DCC;
	font-weight : bold;
}

#content h3.trigger a:hover {
	background-position : -677px -38px;
}

#content h3.active a {
	font-weight : bold;
	background : url('images/image.png') -677px -76px no-repeat;
	color : #5F9DCC;
}

#content h3.active a:hover {
	background-position : -677px -140px;
}

#content div.toogle {
	background : url('images/image.png') bottom right no-repeat;
	padding : 7px 15px;
}

#content div.toogle p {margin : 7px 0;}
#content #dominios img.image {
	float : right;
	margin : 15px;
}

/* ------------------------------------------------------------
-- #contruccion
------------------------------------------------------------ */

#contruccion {
	margin : 50px auto;
	width : 450px;
	overflow : hidden;
	text-align : center;
}

#contruccion h1,
#contruccion h2 {
	text-transform : uppercase;
	font-size : 2.2em;
	margin-bottom : 15px;
}

#contruccion h2 {
	margin-top : 15px;
	font-size : 1.6em;
}

/* ------------------------------------------------------------
-- #contacto
------------------------------------------------------------ */

#content #contacto p.lopd {font-size : .85em;}

#content #contacto form {
	background : #ECF7FF;
	padding : 15px;
	margin-top : 15px;
}

#content #contacto fieldset {
	border : 1px solid #cfcfcf;
	padding : 0 15px 15px 15px;
	margin-top : 15px;
}

#content #contacto legend {
	font-size : 1.1em;
	text-transform : uppercase;
}

#content #contacto textarea {
	width : 99%;
	height : 150px;
	border : 1px solid #A7A6AA;
}

#content #contacto label {
	width : 180px;
	text-align : right;
	display : inline-block;
}

#content #contacto input {
	border : 1px solid #A7A6AA;
	width : 300px;
}

#content #privacidad ul,
#content #contacto ul {
	margin : 15px 0 0 15px;
	font-size : 1em;
	overflow : hidden;
}

#content #privacidad ul li,
#content #contacto ul li {
	color : #999;
	font-size : 1.1em;
	background : url('images/contact.gif') 0 4px no-repeat;
	margin : 4px 0;
	padding-left : 23px;
}

#content #privacidad ul li {
	background : none;
	list-style : circle;
	padding-left : 0px;
	margin-left : 23px;
}

#content #privacidad ul li a {color:#075786;}

#content #contacto ul li.email {background-position : 0 -30px;}
#content #contacto ul li.telefono {background-position : 0 -61px;}
#content #contacto ul li.skype {background-position : 0 -124px;}
#content #contacto ul li.house {
	background-position : 0 -93px;
	font-size : 1em;
}

#content #contacto ul li strong {
	color : #000;
	font-weight : normal;
}

#content #datos .left {
	float : left;
	margin-right : 15px;
}

#content #datos ul {
	height:490px;
	overflow : hidden;
}

#content #datos ul li {
	overflow : hidden;
	text-align : center;
	float : left;
	width : 195px;
	margin-top : 10px;
}

#content #datos h3 {border-bottom:none;}

#content #datos img {
	border : 3px solid #ddd;
	padding : 3px;
	background : #fdfdfd;
	height : 180px;
}

#content #datos ul li.dedicate {width : 380px;}

#content #datos ul li span {
	display : block;
	padding : 0 15px;
}

#content .center {
	text-align : center;
	margin : 60px 0 30px 0;
}

#content #tecnico {font-size : .95em;}

#content #tecnico #ayuda,
#content #tecnico #clientes {
	margin-top : 15px;
	float : left;
	width : 273px;
	background : #efefef;
	padding : 0 15px 15px 15px;
	border-bottom : 15px solid white;
	background : url('images/contacto.png') bottom right no-repeat;
}

#content #tecnico #ayuda h3,
#content #tecnico #clientes h3 {
	background : white url('images/contacto.png') top right no-repeat;
	margin : 0 -15px 15px -15px;
	padding : 10px 15px;
	border-bottom : 1px solid #fff;
	font-size : 1em;
	font-weight : bold;
}

#content #tecnico #clientes h4 {
	font-size : 1.1em;
	color : #5F9DCC;
	font-weight : bold;
	margin-top : 15px;
}

#content #tecnico #clientes {float:right;}

#content #tutoriales {
	clear : both;
	background : #efefef;
	padding : 1px 15px 15px 15px;
	background : url('images/image.png') bottom right no-repeat;
}

#content p.left {
	float : left;
	margin-right : 15px;
}

#content #dedicados #amedida ul {
	margin : 15px 0 0 15px;
}

#content #dedicados #amedida ul li {
	margin : 4px 0;
	font-size : 1.1em;
}

#content #dedicados #dell200 {margin-top : 15px;}

#content #dedicados #dell200,
#content #dedicados #dell1950 {
	padding : 15px;
	background : url('images/image.png') bottom right no-repeat;
	margin-bottom : 15px;
	position : relative;
}

#content #dedicados #amedida {
	padding : 15px;
	background : url('images/image.png') bottom left no-repeat;
}

#content #dedicados #amedida h2,
#content #dedicados #dell200 h2,
#content #dedicados #dell1950 h2 {
	background : white url('images/image.png') 0 -266px no-repeat;
	padding : 10px 15px 7px 15px;
	border-bottom : 1px solid #C8E6F4;
	font-size : 1.2em;
	font-weight : bold;
	margin : -15px -15px 0 -15px;
	overflow : hidden;
}

#content #dedicados #amedida h2 {
	overflow : visible;
	background : white url(images/image.png) 0 -384px no-repeat;
	border-bottom : 1px solid #F3E8BE;
}

#content #dedicados ul.comparativa li {
	padding : 0;
	width : 290px;
}
#content #dedicados ul.comparativa li.linux {background-position : 0 -1px;}
#content #dedicados ul.comparativa li.windows {
	float : right;
	background-position : 0 -1px;
}
#content #dedicados ul.comparativa a {
	margin-left : 40px;
	height : 28px;
	background : url('images/icon-dedicate.png') top left no-repeat;
}

#content #dedicados .dell200,
#content #dedicados .dell1950 {
	background : url('images/precio-dedicate.png') top left no-repeat;
	width : 168px;
	height : 168px;
	position : absolute;
	top : -20px;
	right : -15px;
}

#content #dedicados .dell1950 {background-position : bottom left;}

/* ------------------------------------------------------------
-- #diseno
------------------------------------------------------------ */

#content #clientes h3 {
	font-size : 1em;
	border-bottom : none;
}

#content #clientes div.toogle {
	padding : 0 0 1px 0;
	overflow : hidden;
	background-image : url('images/tabs.gif');
}

#content #clientes ul {
	width : 600px;
	margin : 0 auto 15px auto;
	overflow : hidden;
}

#content #clientes ul li {
	float : left;
	width : 50%;
	margin-top : 15px;
	border : 1px solid #BBCDE2;
	padding : 10px;
	background : #ECF7FC;
	margin-left : 15px;
	width : 255px;
	position:relative;
}

#content #clientes ul li a span {
	width : 130px;
	height : 89px;
	background : url('images/versite.png') 0 0 no-repeat;
	position : absolute;
	top : 0;
	right : 0;
}

#content #clientes ul li:hover {
	background : #FFF8DD;
	border : 1px solid #F5E7B3;
}

#content #clientes ul li img {
	width : 255px;
}

#content #clientes ul li a {color : #5F9DCC;}

#content #clientes ul li strong {
	display : block;
	font-size : 1.2em;
	font-weight : normal;
}

#content #clientes ul li span {
	display : block;
}

#content #diseno h3 {
	background : url('images/numers.gif') 0 -3px no-repeat;
	padding-left : 33px;
	padding-bottom : 2px;
}

#content #diseno p.left {
	float : left;
	margin-right : 15px;
	margin-top : 10px;
}

#content #diseno p.right {
	float : right;
	margin-left : 15px;
}

#content #diseno h3.two {background-position : 0 -36px;}
#content #diseno h3.three {background-position : 0 -68px;}
#content #diseno h3.four {background-position : 0 -100px;}
#content #diseno h3.five {background-position : 0 -132px;}
#content #diseno h3.six {background-position : 0 -164px;}
#content #diseno h3.seven {background-position : 0 -196px;}
#content #diseno h3.eight {background-position : 0 -228px;}

#content #diseno p.img {
	float : right;
	margin-top : -65px;
	margin-left : 15px;
}

/* ------------------------------------------------------------
-- #merketing
------------------------------------------------------------ */

#content #marketing h3.ting {
	background : url('images/check.png') 0 0 no-repeat;
	padding-left : 33px;
}

#content #demos dt,
#content #marketing dt {
	font-weight : bold;
	margin-top : 10px;
	padding : 5px 5px 0px 33px;
	background : url('images/check.png') 0 0 no-repeat;
	text-transform : uppercase;
	color : #666;
}

#content #demos dd,
#content #marketing dd {
	margin-top : 5px;
	margin-left : 31px;
	text-align : justify;
}

#content #marketing p.right {
	float : right;
	margin-left : 15px;
	margin-top : -15px;
}

#content #marketing p.search,
#content #marketing p.click {margin-top : -30px;}

#web ul,
#content #marketing ul {
	margin : 15px 0 0 15px;
}

#web ul li,
#content #marketing ul li {
	background : url('images/master.png') -1012px -44px no-repeat;
	padding-left : 18px;
	margin : 6px 0;
	text-align : justify;
}

#web table,
#content #marketing table {width : 100%;}

#web table th,
#content #marketing table th {
	background : #ECF7FC;
	font-weight : bold;
	text-transform : uppercase;
}

#web table th,
#web table td,
#content #marketing table th,
#content #marketing table td {
	text-align : center;
	padding : 15px 0;
	border-bottom : 1px solid #D0EAF6;
}

#content #marketing table td span.precio {
	color : #298EC9;
	font-size : 1.6em;
	font-weight : bold;
}

#web p.left {
	float : left;
	margin-right : 15px;
}

#web p.right {
	float : right;
	margin-left : 15px;
}