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


body{margin: 0; padding:0; background: #ececec;}

#wrapper-head {	height: 54px; width: 100%; background: url(../img/back-w-head.gif) repeat-x top;}

#header {height: 54px; width: 950px; margin: 0px auto;}

.logo {margin: 10px; float:left;}



/*MENU*/

#menu{
	height: 54px;
	float:right;
}

#menu_l {
	background: url(../img/back-l-menu.gif) no-repeat right top;
	height: 54px;
	width: 11px;
	float: left;
}

#menu_c {
	background: url(../img/back-c-menu.gif) repeat-x top;
	height: 54px;
	float: left;
}

#menu_r {
	background: url(../img/back-r-menu.gif) no-repeat left top;
	height: 54px;
	width: 11px;
	float: left;
}

#menu_c ul, #menu_c li {
    margin: 0;
    padding: 0;
}


#menu_c #blob {
    position: absolute;
	background: url(../img/menu_flecha.png) no-repeat center top;
    z-index: 1;
    top: 0;
	margin-top: 8px;
}

#menu_c #nav {
    position: relative;
    float: left;
}

#menu_c #nav li {
    float: left;
    list-style: none;
}



/*SLIDER*/

#wrapper-slider {height: 340px; width: 100%; background: url(../img/back-slider.gif) repeat-x top;}


/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:1050px;
	height:320px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:980px;
  height:320px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0;
  width:960px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:320px;
  float: left;

}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  margin-top: 100px;
  background: url(../img/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  margin-top: 100px;
  background:url(../img/control_right.png) no-repeat 0 0;
}
	
#slideshow #slidesContainer .slide .col1 {
  margin-left:20px;
  float: left;
  width:470px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:320px;
 }
 
#slideshow #slidesContainer .slide .col2 {
  margin-right: 20px;
  float: left;
  width:460px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:320px;
}

#slideshow #slidesContainer .slide .btn {
  margin-top:4px;
  float: left;
  width:222px;
  height:50px;
}




/**SOCIAL**/

#wrapper-social {height: 270px; width: 100%; background: url(../img/back-social.gif) repeat-x top;}
#wrap-social {height: 145px; width: 950px; margin: 0px auto; }

#wrap-social #social { width: 476px; float:left;}
#wrap-social #social .txt { width: 280px; margin: 30px 0px 0px 10px; float:left;}
#wrap-social #social .btns { width: 183px; height:131px; background: url(../img/back_btns_soc.png) no-repeat; margin-top: 0px ; float:left; text-align: center;}
#wrap-social #social .btns .tweet { width:70px; margin: 32px 2px 0px 19px; float:left;}
#wrap-social #social .btns .face { width:75px; margin: 34px 2px 0px 2px; float:left; }


#wrap-social #datos { width: 410px; height: 80px; padding: 10px; text-align: center; float:left; margin: 12px 12px 12px 22px; background: url(../img/back_dates.png) no-repeat top;}


#wrapper-social2 {
	height: 300px;
	width: 100%;
	background-image: url(../img/back-social2.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#wrap-social2 {height: 145px; width: 950px; margin: 0px auto; }

#wrap-social2 #social { width: 476px; float:left;}
#wrap-social2 #social .txt { width: 280px; margin: 30px 0px 0px 10px; float:left;}
#wrap-social2 #social .btns { width: 183px; height:131px; background: url(../img/back_btns_soc.png) no-repeat; margin-top: 0px ; float:left; text-align: center;}
#wrap-social2 #social .btns .tweet { width:70px; margin: 32px 2px 0px 19px; float:left;}
#wrap-social2 #social .btns .face { width:75px; margin: 34px 2px 0px 2px; float:left; }

#wrap-social2 #datos {
	width: 410px;
	height: 130px;
	padding: 10px;
	text-align: center;
	float:left;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 22px;
	background-image: url(../img/back_dates3.png);
	background-repeat: no-repeat;
	background-position: top;
}




/*Gris*/

#wrap-gris {height: 100px; width: 950px; margin: 12px auto; }
#wrap-gris .col { height: 82px; width: 316px; margin: 8px 0px; float: left; }
#wrap-gris .col .img { width: 45px; float: left;}
#wrap-gris .col .txt { width: 250px; float: left; margin-left: 5px; margin-right: 12px;}


/*CONTENIDO*/

#wrapper-cont {width: 100%; float:left;}
#wrap-cont { width: 950px; margin: 10px auto;}
#wrap-cont .col { width: 316px; margin: 8px 0px; float: left;}
#wrap-cont .col0 { width: 632px; margin: 8px 0px; float: left;}
#wrap-cont .col-ayuda {	width: 300px; float: left; margin-top: 8px;	margin-right: 0px; margin-bottom: 8px;margin-left: 0px;}
#wrap-cont .col-ayuda2 { width: 332px; float: left; margin-top: 8px;	margin-right: 0px; margin-bottom: 8px;margin-left: 0px;}
#wrap-cont .col-icons { width: 950px; margin: 8px 0px; float: left;}
#wrap-cont .col-serv { width: 284px; margin: 3px 10px; float: left; border: #d4d4d4 1px solid; background: #FFFFFF; padding: 5px}
#wrap-cont .col-dns {
	width: 660px;
	float: left;
	background-image: url(../img/back_dns.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 124px;
	padding-top: 30px;
	padding-left: 290px;
	margin-bottom: 20px;
}

#wrap-cont .icon {
	width: 75px;
	margin: 10px 5px;
	float: left;
}

#wrap-cont .txt {
	width: 510px;
	margin: 10px 15px 10px 0px;
	float: left;
}

#wrap-cont .col-icons .icon {
	width: 75px;
	margin: 10px 5px;
	float: left;
}

#wrap-cont .col-icons .txt {
	width: 220px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#wrap-cont .col-serv .icon {
	width: 39px;
	margin: 5px 5px;
	float: left;
}

#wrap-cont .col-serv .txt {
	width: 230px;
	margin: 5px 5px 5px 0px;
	float: left;
}

#wrapper-ayuda {
	height: 30px;
	float: left;
	width: 100%;
	background-image: url(../img/back-ayuda.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/*CONTACTO*/

#wrapper-contacto  {height: 296px; float: left; width: 100%; background: url(../img/back-contacto.gif) repeat-x top;}
#wrap-contacto {
	width: 950px;
	height: 279px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}


#tweet {
	height: 170px;
	width: 281px;
	padding: 55px 15px 15px 15px;
	background: url(../img/back-tweet.jpg) no-repeat;
	margin-top: 25px;
	margin-left: 10px;
	float: left;
}

#tweet ul {
	padding: 0px;
	margin: 5px;
	list-style-type:none;
}

#wrap-contacto #formulario {
	float: left;
	margin-left: 10px;
	margin-top: 35px;
	width: 610px;
	height: 150px;
}

#wrap-contacto #formulario input {
	float: left;
	width: 290px;
	height: 26px;
	padding: 5px 10px;
	border: 0;
	margin: 0px 5px 6px 0px;
	background: url(../img/back-input-1.png) no-repeat;
}

#wrap-contacto #formulario textarea{
	float: right;
	width: 272px;
	height: 68px;
	padding: 5px 10px;
	border: 0;
	margin: 0px 0px 5px 0px;
	background: url(../img/back-textarea-1.png) no-repeat;
}

#wrap-contacto #formulario #enviar {
	float: right;
	width: 72px;
	height: 30px;
	padding: 2px 5px;
	border: 0;
	margin: 0px 0px 5px 0px;
	background: url(../img/back-btn-1.png) no-repeat;
}


#wrap-contacto #partners {
	float: left;
	margin-left: 10px;
	width: 610px;
	height: 70px;
}

#wrap-contacto #partners img {
	margin: 6px 2px 0px 52px;
}


/*footer*/

#wrapper-foot  {height: 166px; float: left; width: 100%; background: url(../img/back-foot.gif) repeat-x top;}
#wrap-foot {width: 950px; height: 146px;  margin: 10px auto 10px auto;}


#wrap-foot .col-1 {
	width: 135px;
	height: 110px;
	margin: 26px 10px 10px 12px;
	float:left;
	text-align: left;
}

#wrap-foot .col-2 {
	width: 305px;
	height: 110px;
	margin: 26px 0px 10px 2px;
	padding-left: 8px;
	float:left;
	border-left: #333333 solid 1px;
}

#wrap-foot .col-2 .btn-verif {
	background: url(../img/btn-verifi.png) no-repeat;
	width: 198px;
	height: 25px;
	margin: 0px auto;
	padding: 6px;
}

#wrap-foot .col-1 .btn-face {
	float: left;
	width: 25px;
	height: 23px;
	margin: 12px 5px 4px 0px;
}




/*TITULOS*/
#wrapper-tit {
	height: 205px;
	width: 100%;
	background-image: url(../img/back-tit.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#titulos {
	width:1050px;
	height:260px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#titulos #cont {
	width:980px;
	height:205px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#titulos #cont .info {
  margin:0;
  width:960px;
  height:205px;
  float: left;

}

#titulos #cont .info .col1 {
	margin-left:20px;
	float: left;
	width:620px;
	margin-top: 45px;
 }
 
#titulos #cont .info .col2 {
	width: 255px;
	height: 80px;
	text-align: center;
	float:left;
	background-image: url(../img/back_dates2.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 70px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 22px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/*CONTACTO PLANES*/

#wrapper-contacto-p  {
	height: 200px;
	float: left;
	width: 100%;
	background-image: url(../img/back-contacto-p.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 50px;
}
#wrap-contacto-p {
	width: 950px;
	height: 225px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	background-image: url(../img/inputs-medida.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#wrap-contacto-p #formulario {
	float: left;
	margin-left: 10px;
	width: 940px;
	height: 130px;
}

#wrap-contacto-p #btn {
	float: left;
	margin-left: 10px;
	width: 210px;
	height: 50px;
	padding-top: 68px;
}

#wrap-contacto-p #formulario input {
	width: 290px;
	height: 26px;
	border: 0;
	background: url(../img/back-input-1.png) no-repeat;
	margin-top: 0px;
	margin-right: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: -10px;
}

#wrap-contacto-p #formulario textarea{
	float: right;
	width: 272px;
	height: 68px;
	border: 0;
	background: url(../img/back-textarea-1.png) no-repeat;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right: 330px;
	margin-bottom: -10px;
	vertical-align: top;
}

#wrap-contacto-p #formulario .enviar {
	float: right;
	width: 72px;
	height: 30px;
	padding: 2px 5px;
	border: 0;
	margin: 0px 0px 5px 0px;
	background: url(../img/back-btn-1.png) no-repeat;
}

#wrap-contacto-p #formulario .btn {
	float: right;
	width: 72px;
	height: 30px;
	border: 0;
	background: url(../img/back-btn-1.png) no-repeat;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 22px;
}

#wrap-contacto-p #medidas {
	float: left;
	width: 950px;
	height: 90px;
	background-image: url(../img/inputs-medida.png);
	background-repeat: no-repeat;
}

#wrap-contacto-p #medidas input {
	float: left;
	width: 84px;
	height: 22px;
	border: 0;
	background: url(../img/back-input-med2.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-left: 0px;
}

#wrap-contacto-p #formulario .col1 {
	float: left;
	margin-left: 60px;
	width: 70px;
	height: 22px;
	margin-top: 75px;
	background: url(../img/back-input-med2.png);
	background-repeat: no-repeat;
}

#wrap-contacto-p #formulario .col2 {
	float: left;
	margin-left: 115px;
	width: 70px;
	height: 22px;
	margin-top: 75px;
	margin-right: 57px;
	background: url(../img/back-input-med2.png);
	background-repeat: no-repeat;
}

#wrap-contacto-p #formulario .col3 {
	float: left;
	margin-left: 85px;
	width: 70px;
	height: 22px;
	margin-top: 75px;
	background: url(../img/back-input-med2.png);
	background-repeat: no-repeat;
}

/*HOSTING*/

#wrapper-hosting  {
	height: 625px;
	float: left;
	width: 100%;
	background-image: url(../img/back-hosting.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 30px;
}
#wrap-hosting {
	width: 950px;
	height: 580px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}

#wrap-hosting #col0 {
	float: left;
	width: 175px;
	padding-top: 65px;

}

#wrap-hosting #col0 #cont {
	float: left;
	width: 165px;
	background-image: url(../img/back-col0.png);
	padding-right: 10px;
}

#wrap-hosting #id5 {
	float: left;
	width: 257px;
}

#wrap-hosting #id5 #cont {
	float: left;
	width: 257px;
	background-image: url(../img/back-id5.png);
}

#wrap-hosting #id5 #foot {
	float: left;
	width: 257px;
}

#wrap-hosting #id5 .btn {
	float: left;
	width: 257px;
	height: 59px;
	background-image: url(../img/plan-id5-foot.png);
	background-repeat: no-repeat;
	padding-top: 6px;
}

#wrap-hosting #id10 {
	float: left;
	width: 257px;
}

#wrap-hosting #id10 #cont {
	float: left;
	width: 257px;
	background: url(../img/back-id10.png);
}

#wrap-hosting #id10 #foot {
	float: left;
	width: 257px;
}

#wrap-hosting #id10 .btn {
	float: left;
	width: 257px;
	height: 59px;
	padding-top: 6px;
	background-image: url(../img/plan-id10-foot.png);
	background-repeat: no-repeat;
	
}

#wrap-hosting #id25 {
	float: left;
	width: 257px;
}

#wrap-hosting #id25 #cont {
	float: left;
	width: 257px;
	background: url(../img/back-id25.png);
}

#wrap-hosting #id25 #foot {
	float: left;
	width: 257px;
}

#wrap-hosting #id25 .btn {
	float: left;
	width: 257px;
	height: 59px;
	padding-top: 6px;
	background-image: url(../img/plan-id25-foot.png);
	background-repeat: no-repeat;
}

#wrap-hosting #col-extr {
	float: left;
	width: 100%;
	padding-top: 10px;

}

#wrap-hosting #col-extr #cont {
	float: left;
	width: 775px;
	padding-left: 175px;
}
/*SUSCRIPCION*/

#wrapper-suscrip { height: 600px; width: 100%; background: url(../img/back-suscrip1.jpg) repeat-x top;}
#wrap-suscrip {height: 600px; width: 950px; margin: 0px auto; }

#wrap-suscrip .col1, #wrap-verifi .col1 {
	margin-left:20px;
	float: left;
	width:620px;
	margin-top: 45px;
 }
 
#wrap-suscrip .col2, #wrap-verifi .col2 {
	width: 255px;
	height: 80px;
	text-align: center;
	float:left;
	background-image: url(../img/back_dates2.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 50px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 22px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#wrap-suscrip #whitebox {
	width: 832px;
	height: 480px;
	margin: 10px 65px;
	float:left;
}

#wrap-suscrip #whitebox .top {
	width: 833px;
	height: 11px;
	float: left;
	background: url(../img/whitebox-top.png) no-repeat bottom right;
}

#wrap-suscrip #whitebox .cont {
	width: 832px;
	height: 452px;
	float: left;
	background: url(../img/whitebox-cont.png)  repeat-y;
}

#wrap-suscrip #whitebox .bottom {
	width: 833px;
	height: 17px;
	float: left;
	background: url(../img/whitebox-bottom.png) no-repeat top right;
}


#whitebox #slideshow {
	margin:0 auto;
	width:820px;
	height:430px;
	position:relative;
}
#whitebox #slideshow #slidesContainer {
	background: url(../img/suscrip-cabecera.png) right top no-repeat;
  margin:0 auto;
  width:800px;
  height:430px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#whitebox #slideshow #slidesContainer .slide {
  margin:0;
  width:800px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:430px;
  float: left;

}

/** 
 * Slideshow controls style rules.
 */
#whitebox #slideshow .control {
  display:block;
  width: 141px;
  height:41px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#whitebox #slideshow #leftControl {
  top:0;
  left:0;
  margin-top: 400px;
  background: url(../img/suscrip-atras.png) no-repeat right;
   height: 41px;
  width: 140px;
}
#whitebox #slideshow #rightControl {
  top:0;
  right:0;
  margin-top: 400px;
  background:url(../img/suscrip-siguiente.png) no-repeat 0 0;
  height: 41px;
  width: 140px;
}
	
#whitebox #slideshow #slidesContainer .slide .col1 {
  margin-left:20px;
  float: left;
  width:470px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:320px;
  
 }
 
#slideshow #slidesContainer .slide .btn {
  margin-top:4px;
  float: left;
  width:222px;
  height:50px;
}

#slideshow #slidesContainer .slide .selector {
  margin-bottom:5px;
  float: left;
  width: 800px;
  height:54px;
}

#slideshow #slidesContainer .slide .contenidos {
  margin:5px 50px;
  float: left;
  width: 700px;
  height:354px;
  
}

#slideshow #slidesContainer .slide .contenidos input {
	background: url(../img/suscrip-input.png) no-repeat left;
  margin: 15px 0;
  float: left;
  width: 359px;
  height:30px;
  padding: 5px 15px;
  border: none;
}

#slideshow #slidesContainer .slide .contenidos textarea {
	background: url(../img/suscrip-textarea.png) no-repeat left;
  margin: 15px 0;
  float: left;
  width: 359px;
  height:67px;
  padding: 9px 15px;
  border: none;
}

#slideshow #slidesContainer .slide .contenidos select {
	background: url(../img/suscrip-input.png) no-repeat left;
  margin: 15px 0;
  float: left;
  width: 389px;
  height:50px;
  padding: 10px 15px;
  border: none;
}


#slideshow #slidesContainer .slide .contenidos  label{
  margin: 15px 0;
  float: right;
  width: 260px;
  height:30px;
  padding: 5px 15px;
  border: none;
}

#slideshow #slidesContainer .slide .contenidos  #enviar{
  width: 200px;
  height:48px;
  padding: 8px 20px;
  margin: 10px 248px;
  border: none;
  color: #FFFFFF;
  border: none;
  cursor: pointer;
  background: url(../img/suscrip-finalizar.png) no-repeat center top ;
}

#wrap-suscrip #whitebox .cont  .gracias{
  width: 700px;
  height: 280px;
  padding: 8px 0px;
  margin: 80px auto;
}

#wrap-suscrip #whitebox .cont  .gracias .col1{
  width: 106px;
  margin: 0px 25px 0px 0px;
  padding: 10px 0px 0px 0px;
}

#wrap-suscrip #whitebox .cont  .gracias .col2{
  width: 560px;
  text-align:left;
  margin: 0px;
  background: none;
  padding: 0px;
}

/*VERIFICADOR*/

#wrapper-verifi { float: left; width: 100%; margin: 0px; background: url(../img/back-suscrip1.jpg) repeat-x top;}
#wrap-verifi {width: 950px; margin: 0px auto; }

#whitebox-2 {
	width: 832px;
	margin: 10px 65px;
	float:left;
}

#whitebox-2 fieldset {
	width: 700px;
	border: none;
	float:left;
}


#whitebox-2 .top {
	width: 833px;
	height: 11px;
	float: left;
	background: url(../img/whitebox-top.png) no-repeat bottom right;
}

#whitebox-2 .cont {
	width: 832px;
	float: left;
	background: url(../img/whitebox-cont.png)  repeat-y;
}

#whitebox-2 .bottom-open {
	width: 833px;
	height: 17px;
	float: left;
	background: url(../img/whitebox-bottom.png) no-repeat top right;
}

#whitebox-2 .cont #wrap-dominio {
	width: 680px;
	margin: auto;
}

#whitebox-2 .cont #wrap-dominio .dominio {
	float: left;
	width: 400px;
}

#whitebox-2 .cont #wrap-dominio .dominio input{
  background: url(../img/suscrip-input.png) no-repeat left;
  margin: 15px 0;
  float: left;
  width: 359px;
  height:30px;
  padding: 5px 15px;
  border: none;
}

#whitebox-2 .cont #wrap-dominio .extension{
	float: left;
	width: 130px;
}

#whitebox-2 .cont #wrap-dominio .extension select{
  background: url(../img/suscrip-input-ch.png) no-repeat left;
  margin: 15px 0;
  float: left;
  width: 100px;
  height:40px;
  padding: 8px 8px;
  border: none;
}
	
#whitebox-2 .cont #wrap-dominio .consultar{
	float: left;
	width: 121px;
}

#whitebox-2 .cont #wrap-dominio .consultar button{
	margin: 10px 0px;
    background: url(../img/suscrip-btn-1.png) no-repeat center;
	text-align: center;
	width: 121px;
	padding: 15px 0px;
	cursor:pointer;
	border: none;
	color: #FFFFFF;
}

#whitebox-2 .cont hr	{
	display: none;
}

#whitebox-2 .cont br	{
	display: none;
}


#whitebox-2 .cont .texto b	{
	display: none;
}


#whitebox-2 .cont .smallg	{
	display: none;
}

#whitebox-2 .cont .dominio-info {
  width: 700px;
  height: 120px;
  padding: 8px 0px;
  margin: 10px auto;
}

#whitebox-2 .cont .dominio-info .col1 {
  width: 106px;
  margin: 0px 25px 0px 0px;
  padding: 10px 0px 0px 0px;
}

#whitebox-2 .cont .dominio-info .col2 {
  width: 560px;
  text-align:left;
  margin: 0px;
  background: none;
  padding: 0px;
}