@charset "utf-8";
/* CSS Document */

html, body{

	background-image:url(imagenes/fondo-body.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	height: 100%;
	color:#202020;
	}

#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
	}
	


/*====HEADER====*/

#header-row{
	height:42px;
	width:100%;
	background:#121212;
	}

#header-bg{}

#header{}

#user-menu{
}
#user-menu ul.menu{
	float:right;
	}

#user-menu ul.menu li{
	float:left;
	line-height:37px;
	position:relative;
	}
	
#user-menu ul.menu li a{
	color:#7f7f7f;
	font-size:11px;
	background:url(imagenes/user-menu-sep.jpg) top right no-repeat;
	padding:0 10px;
	line-height: 40px;
	height:40px;
	}
	
#user-menu ul.menu li a img{
    background: none repeat scroll 0 0 #121212;
    left: -14px;
    padding-right: 5px;
    position: absolute;
    top: 10px;
	}
	
#user-menu ul.menu li a:hover{
	text-decoration:underline;}
	
	
	
.mod-search{
	float:right;
	padding-left:10px;
	line-height:40px;
	color:#7f7f7f;
	font-size:11px;
	position:relative;
	margin-right:15px;}
	
.mod-search label{
display:block;
float:left;
height:40px;
line-height:40px;
}
	
input.inputbox,
input.required,
input.validate-password
{
	background:#fff;
	height:30px;
	border:none;
	color:#7f7f7f;
	font-size:11px;
	line-height:30px;
	padding:0 5px;
	width:180px;
	border:#a5a5a5 1px solid}
	
	
input#mod-search-searchword{
	width:175px;
	margin-left:10px;
	border:none;
	border-bottom:1px solid #242424;
	border-right:1px solid #242424;
	background:#1e1e1e;
}

textarea{
	border:#a5a5a5 1px solid}
	
.mod-search .search input.button{
	background:url(../images/search-but.jpg) top left no-repeat;
	width:18px;
	height:16px;
	border:none;
	position:absolute;
    right: 5px;
    top: 12px;
	cursor:pointer;
 	}

	
/*====TOP MENU====*/

#top-menu-row{
	height:57px;
	width:100%;
	background:url(imagenes/top-menu-bg.jpg) top left repeat-x;
	}
	
ul.maximenuCK li.level0 > a span.titreCK{
}

/*====TOP====*/

#top-row{
	background:url(imagenes/top-row-bg.png) top left repeat-x;
	width:100%;
}

#top-bg{
	background:url(imagenes/top-bg.png) top center no-repeat;
	width:100%;
	}
	
#logo{
	margin:0 auto;
	text-align:center;
	height:115px;
	
	}

#logo h1{
	margin:0 auto;
	padding-top:17px;}
	
.mod-search form{
	margin:0;}
	
	
/*======Top Blocks========*/
#top2{
	width:980px;
	position: relative;
	z-index:0;
}
#top{
	background:url(imagenes/top-blocks-bg.png) bottom center no-repeat;
	height:475px;
	width:960px;
	position: relative;
	z-index:0;
}

#top .newsflash{
	position:relative;
	z-index:2;}

#top .block{
	width:238px;
	float:left;
	position:absolute;
	z-index:3;
	border-left:1px solid #bdbdbd;
	}
	
#top .block.first{
	left:0;
	border:none;
	}
	
#top .block.second{
	left:238px;
	}

#top .block.third{
	left:476px;}

#top .block.fourth{
	left:714px;}

#top .block h4{
	display:block;
	height:30px;
	line-height:30px;
	background:#131212;
	color:#fff;
	font-size:17px;
	margin:0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:0 1px 0 #000;
	}
#top .block.active h4{
	background:url(imagenes/host-title-act.jpg) top left repeat-x #1d1d1d;
}
	
	
#top .block > p.price {
	font-size:70px;
	line-height:84px;
	color:#fff;
	margin:0;
	text-align: center;
	background:url(imagenes/precio-bg.jpg) top left repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 84px;
	}
	
#top .block.active{
	position:absolute;
	top:-4px;
	z-index:4;
	border:none;
	width:239px;
	
	-webkit-box-shadow: #000 0 0 2em;
    -moz-box-shadow: #000 0 0 2em;
    box-shadow: #000 0 0 2em;
}
	
#top .block.active .add-cart{
	height:88px;}
	
#top .block.active p.price{
	background:url(imagenes/fondo-burbujas.jpg) top center no-repeat;
	height:88px;
	}
	
#top .block > p span.sign{
	font-size:30px;
	position:relative;
	top: -25px;
	}
	
#top .block > p span.month{
	font-size: 18px;
    position: relative;
    top: -3px;
	text-transform:uppercase;
	}
	
#top .block ul{
	background: url(imagenes/box-ul-bg.jpg) bottom left repeat-x #dbdbdb;
	margin:0;
	display:block;
	min-height:240px;
	padding:0;
	padding-bottom: 1px;
	}
	
#top .block.active ul{
	background: url(imagenes/box-ul-bg.jpg) bottom left repeat-x #f1f1f1;}

#top .block ul li {
	background:url(imagenes/lista-bg.jpg) bottom left repeat-x;
	height:40px;
	padding:0 0 0 10px;
	}
	
#top .block.active ul li{
	background:url(imagenes/lista-bg-act.jpg) bottom left repeat-x;
}
	
	
#top .block ul li a{
	line-height:40px;
	background:url(imagenes/link-bg.png) top left no-repeat;
	padding-left:15px;
	font-size:13px;
	color:#292929;
	font-weight:bold;
	display:block;
	height:40px;}
	
#top .block ul li a:hover{
	color:#882003;}
	
.add-cart{
	background:url(imagenes/pie-producto-bg.jpg) bottom left repeat-x #f9f9f9;
	padding:0px 33px;
    text-align: center;
	height:83px;
	position:relative;
	border-bottom:solid 1px #B6B6B6;
}
	
.add-cart p.button{
	background:url(imagenes/boton-bg.png) top left repeat-x;
	display:block;
	height:44px;
	margin:0;
	position:absolute;
	top:20px;
	left: 54px;
		}
		
.add-cart p.button:hover{
	background:url(imagenes/boton-bg.png) bottom left repeat-x;}
	
.add-cart p.button a{
	/*background:url(imagenes/editar-carro.png) no-repeat;*/
	background-position:95% 50%;
	display:block;
	padding: 0 15px;}

	
.add-cart p.button a > span{
	font-size:20px;
	line-height:44px;
	color:#fff;
	/*padding-right: 36px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*letter-spacing:-1px;*/
	}
.ver-mas{
	float: left;
    margin-left: 90px;
    margin-top: 240px;
    width: 210px;
}
.ver-mas p.button{
	background:url(imagenes/boton-bg.png) top left repeat-x;
	display:block;
	height:36px;
	margin:0;
	float:left;
	top:240px;
	left: 140px;
		}
		
.ver-mas p.button:hover{
	background:url(imagenes/boton-bg.png) bottom left repeat-x;}
	
.ver-mas p.button a{
	background:url(imagenes/mas.png) top right no-repeat;
	background-position:105% 50%;
	display:block;
	padding: 0 15px;}

	
.ver-mas p.button a > span{
	font-size:17px;
	line-height:36px;
	color:#fff;
	padding-right: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

/*=======MAIN CONTENT========*/


#slider-nav{
	float:right;
	width:70px;
	height:32px;
	}
		
#prev, #next{
	float:left;
	display:block;
	width:30px;
	height:30px;
	margin:0 2px;
	text-indent:-9999em;
	cursor:pointer;
}

	
#prev{
	background:url(imagenes/slider-nav.png) top left no-repeat;
	}

#next{
	background:url(imagenes/slider-nav.png) top right no-repeat;
	}
	
#prev:hover{
	background:url(imagenes/slider-nav.png) bottom left no-repeat;
	}

#next:hover{
	background:url(imagenes/slider-nav.png) bottom right no-repeat;
	}
	
ul.items-row{
	margin:0 !important;
	}


#main-row{
	}
	
#main-row a{
	color:#882003;
	text-decoration:none;}
	
#main-row ul.menu li {
background:none;
    border-bottom: 1px solid #CCCCCC;
	}
	
#main-row ul.menu li a{
	color:#707070;}

	#main-row ul.menu li a:hover{
	color:#882003;
	text-decoration:none;}
			
#main-row a:hover
{
	color:#882003;
	text-decoration:underline;}
	
#container .blog-featured .item-content h2 a,
#container .blog-featured .item-content h2 {
	font-size:18px;
	color:#353535;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	margin-bottom: 27px;
    margin-top: 15px;
	}
	
	
#content{
	padding-bottom: 30px;
    position: relative;
    z-index: 6;}
	

		
#main{
	}
	

#container{
	}
	
#main{
	position:relative;
	
	overflow:hidden;}
	
h1, h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	font-weight:normal;
	letter-spacing:-1px;
	text-shadow:#b0b0b0 1px 1px 2px;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:normal;
	letter-spacing:-1px;
	text-shadow:#b0b0b0 1px 1px 2px;
	margin:10px 10px 10px 15px;
	color:#454545;
}	
p.button
{
	background:url(imagenes/boton-bg.png) top left repeat-x;
	height:44px;
	border-radius:6px;
 	-moz-border-radius:6px;
 	-webkit-border-radius: 6px;
	}
	
p.button:hover{
	background:url(imagenes/boton-bg.png) bottom left repeat-x;
	}
	
div.button
{
	background:url(imagenes/boton-bg.png) top left repeat-x;
	height:40px;
	line-height: 38px;
	border-radius:6px;
 	-moz-border-radius:6px;
 	-webkit-border-radius: 6px;
	
	width:100px;
	text-align:center;
	position:relative;
}

	
div.button a,
div.button input,
div.button button{
	color:#fff !important;
	text-decoration:none !important;
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:-1px;
	border:none;
	cursor:pointer;
	background:none;
	display:block;
	width:100%;
	height:35px;
	}
	
div.button:hover{
	background:url(imagenes/boton-bg.png) bottom left repeat-x;
	line-height: 38px;
	border-radius:6px;
 	-moz-border-radius:6px;
 	-webkit-border-radius: 6px;
	

	width:100px;
	text-align:center;
	position:relative;
	}
	
div.contact-email div.button{
width:110px;}
	
.item-content{
position:relative;
z-index:2;}
	
.item-content div.button{
	top:22px;
	width:100px;
	}

span.actions{
	margin:0;
	float:right;}
	
#container span.actions span a img{
	margin:0 2px;}
	
dl.article-info{
	font-size:11px;
	line-height:18px;}
	
.blog-featured ul.items-row li.item div.item-content div.button{
}
	
	
.blog-featured h1{
	background:url(imagenes/titulo-bg.jpg) bottom left repeat-x;
    line-height: 35px;
    margin-bottom: 10px;
    padding-bottom: 10px;
		}
		
.blog-featured .items-row .item img{
	margin-bottom:25px !important;}	

.blog-featured .items-row .item{
	width:300px;
	margin:0 10px;
	min-height:362px !important}
	
		
#container img{
	float:left;
	margin:0 1em 1em 0;
	}
		
#container ul.float{
	float:left;
	width:50%;
	margin:0;
	}
	
#container ul.float li{
	margin:0 20px;
	border-bottom:1px solid #ccc;
	}
	
#container ul.float li a{
	line-height:40px;
	text-decoration:none;
	}
	

#container ul > li > a{
	background:url(../imagenes/li-icono.png) no-repeat;
	background-position:left 2px;
	color:#202020;
	padding-left:20px;
	}
	
#container .item-page{
	    padding: 0 20px;
    position: relative;
    z-index: 2;
	}
	
#container ul li a:hover{
	color:#882003;
	}


#container ul li.last-child{
	border:none;
	}
	
ul.art-list.plain{
	margin:0;}
	
#member-profile div.button,
#member-registration div.button{
	float:left;}
	
#member-profile div a,
#member-registration div a {
	display:block;
	float:left;
	height:44px;
	line-height:42px;
	margin-left:20px;}
	
#searchForm fieldset.word div.button{
	float: left;
    left: 10px;
    position: relative;
    top: -7px;
	}
	
#searchForm fieldset.phrases,
#searchForm fieldset.only{
	border:1px solid #ccc;
	padding:10px;}
	
#searchForm fieldset.word label,
#searchForm fieldset.word input{
    display: block;
    float: left;
    height: 25px;
    line-height: 27px;
	}

	
dl.search-results dd{
	margin-left:20px;
	}
dl.search-results dt a,
dl.search-results dd a{
	text-decoration:none !important;
	font-weight:bold;}
	
dd.result-created{
	font-size:11px;}
	
#contact-slider h3{
	border-bottom:1px solid #000;
	}
	
#contact-slider h3 a{
	color:#000;}
	
#contact-slider h3 a:hover{
text-decoration:none;}
	
#contact-slider h3.pane-toggler{
	background:url(imagenes/mas2.png) no-repeat;
	background-position: right 3px;
	}
	
#contact-slider h3.pane-toggler-down{
	background:url(imagenes/menos2.png) no-repeat;
	background-position: right 3px;
	}
	
.contact-miscinfo .jicons-icons{
width:40px !important;
height:40px !important;}

.pagination ul li a.pagenav{
background:none !important;
padding:0 !important;
}

#featued-slider {
    height: 378px;
}	

/*====MODULES===*/

#left .moduletable,
#right .moduletable{
margin-bottom:1em;}


#left-col-bg, #right-col-bg{
	padding:0 20px;
	margin-top:27px;}


.moduletable h3{
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	margin-bottom:15px;
	margin-top:10px;
	}
	
.moduletable ul.menu{
	margin:0;
	}
	
.moduletable ul.menu li{
	background:url(imagenes/menu-li-bg.jpg) bottom left repeat-x;
	}
	
.moduletable ul.menu li a{
	line-height:40px;
	color:#707070;
}

.moduletable ul.menu li a:hover{
	color:#fff;}
	
.moduletable.menu h3{
	margin-bottom:7px;}
	
ul.menu li.last-child{
	background:none;
	border-bottom:none !important;}
	
fieldset.userdata p {
	margin:10px 0;}
	
.moduletable form#login-form div.button{
}
	

/*====BOTTOM====*/

#bottom-row{
	background:url(imagenes/boton.jpg) top left repeat;
	width:100%;
	 } 
	


#bottom .moduletable ul.social li{
	float:left;
	padding-right:5px}
	
#bottom .moduletable h3,
#bottom .moduletable h3 a{
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
}
	
#bottom{
	color:#707070;
	padding: 46px 0 30px;
	overflow:hidden;}
	
#bottom .moduletable h3{
	margin-top:0px;}
	
#bottom strong{
	color:#aeaeae;}
	
#bottom ul{
	margin-left:0;}
	
#bottom ul.social{
	overflow:hidden;
	background:url(/imagenes/menu-li-bg.jpg) bottom left repeat-x;
	padding-bottom:13px;
	margin:0px;
	position:relative;
	top:-10px;}
	


/*====FOOTER====*/

#footer-row{
	background:#141414;
	text-align:center;}

#footer-bg{}

#footer, 
#footer a{
	color:#e7e7e7;
	line-height:60px;}
	
#footer a:hover{
	text-decoration:underline;}

#footer-row, .push {
height: 60px;
}
.informacion{
	width:410px;
	margin-bottom:10px;
	float:left;
}.informacion2{
	width:572px;
	margin-bottom:10px;
	float:left;
}
.informacion ul li a{
	line-height:40px;
	background:url(imagenes/tilde.png) no-repeat;
	background-position:10px 50%;
	padding-left:35px;
	font-size:12px;
	color:#292929;
	font-weight:bold;
	display:block;
	height:40px;}
	
.informacion ul li a:hover{
	color:#882003;
}
.informacion ul li{
	background:url(imagenes/lista-bg-act.jpg) bottom left repeat-x;
	border-right:dotted 1px #CCCCCC;
	border-left:dotted 1px #CCCCCC;
}
.titulo-bloque{
height:40px;
margin-left:2px;
background-image:url(imagenes/titulo-bloque.png);
border:solid 1px #000000;
color:#FFF;
line-height:40px;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
}
.titulo-bloque .ns{ 
background:url(imagenes/server_stanchion.png) no-repeat;
background-position:0 5px;
float:left;
margin-left:10px;
padding-left:40px;
height:40px;
}
.titulo-bloque .infor{ 
background:url(imagenes/escudo.png) no-repeat;
background-position:0 5px;
float:left;
margin-left:10px;
padding-left:40px;
height:40px;
}
.info{ margin-left:2px; background-color:#F3F3F3; border:dotted 1px #CCCCCC;
	border-left:dotted 1px #CCCCCC;}
.hr{ clear:both; height:2px; background-image:url(imagenes/hr.gif)}
.hr2{ clear:both; height:2px; background-image:url(imagenes/hr2.gif)}
.each{ padding-left:10px; font-weight:bold; font-size:12px; padding-bottom:7px; padding-top:7px;}

a{ color:#333333;}
a:hover{color:#953B22; text-decoration:none}
.sd-top{ background-image:url(imagenes/sd-top.png); background-repeat:no-repeat; width:960px; padding-top:114px; background-color:#FFFFFF;box-shadow: 0 0 2em #000000;}

.siguiente{
	background:url(imagenes/pie-producto-bg.jpg) bottom left repeat-x #f9f9f9;
	padding:0px;
    text-align: center;
	height:83px;
	border-bottom:solid 1px #B6B6B6;
	float:left;
	width:960px;
}
.siguiente input.button{
	background:url(imagenes/boton-bg.png) top left repeat-x;
	display:block;
	height:44px;
	margin-top:20px;
	margin-left:425px;
	float:left;
	top:20px;
	left: 38px;
	cursor:pointer;
}
.siguiente input.button:hover{
	background:url(imagenes/boton-bg.png) bottom left repeat-x;}
	
.siguiente input.button{
	padding: 0 15px;}

	
.siguiente input.button{
	font-size:20px;
	line-height:44px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	}
.conocenos-top{ background-image:url(imagenes/conocenos-top_01.png); width:980px; height:64px; background-repeat:no-repeat;}
.conocenos-ct{ margin-top:54px; margin-left:52px; margin-right:32px; background-color:#FFF; float:left; font-size:15px; padding:5px; border-left:1px solid #C9C9C9; border-right:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; }

.medios-top{ background-image:url(imagenes/medios.png); width:980px; height:180px; background-repeat:no-repeat;}
.medios-ct{ float: left;
    font-size: 15px;
    margin-left: 510px;
    margin-right: 30px;
    margin-top: 64px;
    padding: 5px;
	color:#333; font-size:13px;}
	
.medios-ct span{ text-align:right; font-style:italic}

.pys-top{ background-image:url(imagenes/productos-y-servicios_01.png); width:980px; height:68px; background-repeat:no-repeat;}
.pys-centro{ background-image:url(imagenes/productos-y-servicios_02.png); width:980px;}
.pys-pie{ background-image:url(imagenes/productos-y-servicios_03.png); width:980px; height:22px; background-repeat:no-repeat;}
.pys-contenido{ padding-left:29px;padding-right:32px;}
.productos{ background-color:#CCC; height:1px;}
.comparativa-top{ background-image:url(imagenes/comparativa_01.png); width:980px; height:68px; background-repeat:no-repeat;}
.contacto-top{ background-image:url(imagenes/contacto-top_01.png); width:980px; height:68px; background-repeat:no-repeat;}
.dominios-top{ background-image:url(imagenes/registro-top_01.png); width:980px; height:68px; background-repeat:no-repeat;}
.desarrollo-top{ background-image:url(imagenes/desarrollo-top_01.png); width:980px; height:68px; background-repeat:no-repeat;}
.precio{ font-size:21px; color:#036}
#tabla-comparativa{ font-size:14px;}

.comprar{
	padding:0px;
    text-align: center;
	position:relative;
}
	
.comprar p.button{
	background:url(imagenes/boton-bg.png) top left repeat-x;
	display:block;
	height:26px;
	margin:0;
	top:20px;
	left: 54px;
		}
		
.comprar p.button:hover{
	background:url(imagenes/boton-bg.png) bottom left repeat-x;}
	
.comprar p.button a{
	/*background:url(imagenes/editar-carro.png) no-repeat;*/
	background-position:95% 50%;
	display:block;
	padding: 0 3px;}

	
.comprar p.button a > span{
	color:#fff;
	/*padding-right: 36px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*letter-spacing:-1px;*/
	font-size: 15px;
    line-height: 26px;
	}
.recuadro{ position:absolute; float:left; display:none}
.flechaizq{ width:11px; height:26px; background-image:url(imagenes/flechaform_01.png); background-repeat:no-repeat; float:left}
.mensajeform{ height:26px; background-image:url(imagenes/flechaform_02.png); float:left; line-height:26px; color:#900}
.finflechader{ width:7px; height:26px; background-image:url(imagenes/flechaform_03.png); background-repeat:no-repeat; float:left}

.formulario-contacto input, select, textarea{ border: #C1C1C1 solid 1px;border-radius: 5px 5px 5px 5px; font-size:15px; padding:6px;}