*, html, body { margin:0; padding: 0;} 
img { border: 0;}

body {
	background: url(../img/bg.png) repeat;
	color: #333;
	line-height: 150%;
	list-style: disc;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

#C-GENERAL { width: 100%; height: 100%; min-height: 99%; position: relative; }

#PAG { width: 990px; height: auto; position: relative; margin-left: -445px; left: 50%; /*border: 1px dotted #0C0;*/}
#HEADER { width: 990px; height: 130px; position: relative; }

a { color: rgb(172, 11, 15); font-weight: bold; text-decoration: underline;}
a:hover { color:#333333; }

a.a2{ color: #D4D4D4; font-weight: bold; text-decoration: underline;}
a:hover.a2  { color: #999;}

.logo_tango { width: 355px; position: relative; float: left; margin-left: -30px;}
.h_interactivo { width: 400px; height: 128px; position: relative; float: right; }

.radio-btns { width: 300px; float: right; clear: both; margin-right: 10px; color:#CCC; font-weight: 600; margin-top: 20px; z-index: 998}
.radio-btns input{ margin-left: 20px;}

.input-i { width: 290px;  clear: right; float: right; margin-top: -6px; z-index: 2}
#dominio { background: url(../img/int-input.jpg) no-repeat; width: 225px; border: 0; height: 46px; margin-top: 15px; padding-left: 10px; padding-top: 0px;}
.input-i img{ vertical-align: middle; margin-top: -6px;}

h1 { font:18px Tahoma, Geneva, sans-serif; font-weight: bold; color: #333; border-bottom: 1px solid #333}
h2 {  font:16px Tahoma, Geneva, sans-serif; font-weight: 500; color: #FFF; border-bottom: 1px solid #FFF}
h3 {  font:16px Tahoma, Geneva, sans-serif; font-weight: 500; color: #333; border-bottom: 1px solid #efefef}
h4 { font:16px Tahoma, Geneva, sans-serif; font-weight: 600; color: #333; border-bottom: 1px solid #999}
h5 { font:16px Tahoma, Geneva, sans-serif; font-weight: 600; color: #FFF; border-bottom: 1px solid #efefef}
h6 { font:16px Tahoma, Geneva, sans-serif; font-weight: 600; color: #333; border-bottom: 1px solid #999}
/*-------------------NAVEGACION---------------------------*/

#nav { height: 37px; width: 980px; position: relative; margin-left: -490px; left: 50%; border-bottom: 2px solid #FFF; }
#nav a { color: #FFF; font-size: 15px; font-weight: bold; text-decoration: none;}
#nav a:hover { color: rgb(172, 11, 15)}
#nav ul { list-style: none; } 
#nav ul li { float: left; padding: 9px; padding-left: 28px; text-align: center; }
#nav li.active { background: url(../img/nav_a.jpg) no-repeat ; background-position:bottom;  }
#nav li.active a{ color: rgb(172, 11, 15);}

/*-----------------------------------------------------------*/

.col-left { width: 720px; min-height: 850px; height:100%; position: relative; float: left; margin-top: 10px; }

.col-right { width: 260px; min-height: 850px; height: 100%; position: relative; float: right;  margin-top: 10px;}

#clearer { clear: both;}

/*------- COL LEFT HOME---------------------*/

#banners-home { width: 700px; height: 300px; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #999; border-right: 1px solid #fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/bg_blanco.jpg) repeat rgb(211, 211, 211); }

.banner-texto { float: left; position: relative; width: 450px;}

.precio-multi { position: absolute;  margin-top: -40px; margin-left: -80px;}

.img-servidor { float: right; position: relative; width: 250px; height: 230px; margin-top: 80px;}

#planes-home { width: 700px; height: 420px; position: relative; margin-top: 20px; list-style: disc;}

.plan-red { width: 220px; min-height: 320px; height: 420px; position: relative; float: left; background: url(../img/red-planes.jpg) repeat rgb(172, 11, 15); border-top: 1px solid rgb(103, 6, 6); border-bottom: 1px solid rgb(172, 11, 15); border-left: 1px solid rgb(103, 6, 6); border-right: 1px solid rgb(172, 11, 15); border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-right: 17px; color: #CCC;}

.plan-blanco { width: 220px; min-height: 320px; height: 420px; position: relative; float: left; background: url(../img/blanco-planes.jpg) repeat rgb(211, 211, 211); border-top: 1px solid #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #999; border-right: 1px solid #fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-right: 17px;}

#dedicados-home { width: 700px; height: 180px; position: relative; background: url(../img/blanco-planes.jpg) repeat rgb(211, 211, 211); border-top: 1px solid #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #999; border-right: 1px solid #fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-top: 20px;}

/*------ COL RIGHT HOME------------------*/

#tango-home { width: 250px; height: 300px; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #999; border-right: 1px solid #fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/bg_blanco.jpg) repeat rgb(211, 211, 211); }

#tango-home .btn-vermas2 {
	margin-top: -10px;
	padding: 12px;
}

.texto { padding: 5px;}

#area-clientes { width: 250px; height: 125px; border-top: 1px solid rgb(103, 6, 6); border-bottom: 1px solid rgb(172, 11, 15); border-left: 1px solid rgb(103, 6, 6); border-right: 1px solid rgb(172, 11, 15); 
border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/bg_red.jpg) repeat  rgb(172, 11, 15); margin-top: 20px; }

.clientes-col1 { width: 50px; float: left; padding-top: 18px;}
.clientes-col1 p{ padding-top: 20px; color: #FFF; font-size: 18px; }

.clientes-col2 input { margin-top: 15px;}
.clientes-col2 .btn-ir { float: right; clear: both; width: 35px; height: 25px; margin-top: 2px; margin-right: 30px;}



.area-soporte { width: 250px; height: 70px; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #999; border-right: 1px solid #fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/bg_blanco_c.jpg) repeat  rgb(211, 211, 211); margin-top: 25px; }

.area-soporte p{ float: left; padding-left: 10px; font-size:14px; font-weight:600; color: #FFF; }

#live_support { float: right; margin-top: -15px; margin-right: -2px; position: relative;}

#como-pagar { width: 250px; height: 280px; border-top: 1px solid rgb(103, 6, 6); border-bottom: 1px solid rgb(172, 11, 15); border-left: 1px solid rgb(103, 6, 6); border-right: 1px solid rgb(172, 11, 15); 
border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/red-planes.jpg) repeat  rgb(172, 11, 15); margin-top: 19px;  }

.formas-pago { width: 220px; background: #FFF; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #999; border-right: 1px solid #fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding:0px 8px 0px 8px; margin-top: 5px;}

.formas-pago img{ margin-left: 8px; }

/*-------------------------------------*/

#registros-home { width: 983px; height: 200px; background: url(../img/blanco-planes.jpg) repeat rgb(211, 211, 211); border-top: 1px solid #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #999; border-right: 1px solid #fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-top: 10px; }

#servicios-home { width: 983px; height: 180px; border-top: 1px solid rgb(103, 6, 6); border-bottom: 1px solid rgb(172, 11, 15); border-left: 1px solid rgb(103, 6, 6); border-right: 1px solid rgb(172, 11, 15); 
border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/red-planes.jpg) repeat  rgb(172, 11, 15); margin-top: 15px;  color: #FFF }



#testimonios { width: 983px; height: 140px; margin-top: 15px; background: url(../img/bg-test.jpg) repeat rgb(211, 211, 211); border-top: 1px solid #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #999; border-right: 1px solid #fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.bg-test { background: url(../img/testimonios-bg.jpg) no-repeat; width: 910px; height: 125px; margin: 8px 0px 0px 30px;}

.txt-testimonios { position: relative; width: 760px; height: 115px; margin: 15px 0px 0px 155px; margin-top: -115px; font-style: italic; font-weight:500; font-size: 14px; line-height: 160%; color: #666; overflow: auto;} 

.txt-testimonios ul li { width: 750px; height:105px; overflow: hidden;  margin:0px; display: block;}

p.firma { float: right; font-style: normal; font-weight:700; font-size: 16px; color: #777; padding-top: 10px; padding-right: 15px;}

/*----- FOOTER  -----------*/

#FOOTER { width: 990px; position: relative; margin-left: -445px; left: 50%; }

.corte-footer { background: url(../img/corte-footer.jpg) no-repeat; height: 80px; width: 960px; position: relative; margin-left: 20px; z-index:0; }

#footer-nav { height: 37px; width: 980px; position: relative; margin-left: -490px; left: 50%;  }
#footer-nav a { color: #FFF; font-size: 15px; font-weight: bold; text-decoration: none;}
#footer-nav a:hover { color: rgb(172, 11, 15)}
#footer-nav ul { list-style: none; } 
#footer-nav ul li { float: left; padding: 9px; padding-left: 28px; }
#footer-nav li.active a{ color: rgb(172, 11, 15); }

/*------- PLANES HOME -------------*/

.btn-vermas { width: 78px; height: 25px; float: right; position: relative; display: block; cursor: pointer; line-height: 25px; padding-right: 5px;}
.btn-vermas a { background: url(../img/ver-mas-b.png) no-repeat; cursor: pointer; display: block; text-decoration: none; }
.btn-vermas a:hover { background: url(../img/ver-mas-w.png) no-repeat; cursor: pointer; display: block;}

.btn-vermas2 { width: 78px; height: 25px; float: right; position: relative; display: block; cursor: pointer; line-height: 25px; padding-right: 5px;}
.btn-vermas2 a { background: url(../img/ver-mas-b.png) no-repeat; cursor: pointer; display: block; text-decoration: none; }
.btn-vermas2 a:hover { background: url(../img/ver-mas-r.png) no-repeat; cursor: pointer; display: block;}

.btn-vermas-d { width: 78px; height: 25px; float: right; position: relative; display: block; cursor: pointer; line-height: 25px; padding-right: 5px; padding-top: 10px;}
.btn-vermas-d a { background: url(../img/ver-mas-b.png) no-repeat; cursor: pointer; display: block; text-decoration: none; }
.btn-vermas-d a:hover { background: url(../img/ver-mas-w.png) no-repeat; cursor: pointer; display: block;}

.lista { width: 200px; position: relative; margin: 0px 0px 0px 0px; clear: both; }
.lista-boxes { margin: 10px 0px 0px 15px;   }
.lista-boxes li{ padding-bottom: 2px; width: 100%;  }

.lista-boxes-ind li { list-style-position: inside;    }

.lista-dominios { width: 200px; position: relative; margin: 10px 0px 0px 0px; clear: both; }
.lista-dominios li { list-style-position: inside; padding-top: 15px;    }

.precios-planes  { width: 220px; clear: both; position: relative; margin: 8px 0px 5px 0px; color: #FFF;}
.precios-planes div { float: left; padding-right: 5px; }

.precios-planes-b  { width: 220px; clear: both; position: relative; margin: 8px 0px 5px 0px; color: #333;}
.precios-planes-b div { float: left; padding-right: 5px; }

.precios-1 { font-size: 14px; vertical-align: top;}
.precios-2 { font-size: 24px; line-height: 30px; width: 110px; text-align: center; font-weight: 600;  }
.precios-3 { vertical-align: bottom; font-size: 10px; padding-top: 15px;}

/*------- DEDICADOS HOME -------------*/

.col-1 { width: 300px; position: relative; float: left; margin-right: 40px;}
.col-2 { width: 350px; position: relative; float: right; list-style-position: inside; }

.btn-vermas2-dedicados { width: 78px; height: 25px; float: left; position: relative; display: block; cursor: pointer; line-height: 25px; padding-leftt: 5px; padding-top: 10px;}
.btn-vermas2-dedicados a { background: url(../img/ver-mas-b.png) no-repeat; cursor: pointer; display: block; text-decoration: none; }
.btn-vermas2-dedicados a:hover { background: url(../img/ver-mas-r.png) no-repeat; cursor: pointer; display: block;}

.precio-dedicados { width:100px; position: relative; float: right; margin-top: -20px; margin-right: -50px;}

#busca-dominio { width: 310px; height: 20px; border: 1px solid #ccc; padding: 10px; margin-top: 10px;}

/*------- NUMEROS CONTROL TESTIMONIOS-----------------*/

ol#controls{ margin-top:9px; padding:0; height:28px;  z-index: 1200; position: relative; float: right; }
ol#controls li{ margin:0 10px 0 0;  padding:0; float:left; list-style:none; height:28px; line-height:28px; 	}
ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #DDD; background:#900; color:#FFF; padding:0 10px; text-decoration:none; 	}
ol#controls li.current a{ background: rgb(211, 211, 211); color:#333; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/*------ WEB HOSTING PAGE--------------------*/

#banners-webhosting { width: 700px; height: 150px; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #999; border-right: 1px solid #fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/bg_blanco.jpg) repeat rgb(211, 211, 211); }

#planes-webhosting { width: 700px; height: 800px; position: relative; margin-top: 20px; list-style: disc;}

#planes-webhosting .plan-red, #planes-webhosting .plan-blanco { margin-bottom: 40px; height: 350px; }

#planes-webhosting .lista{ padding-top: 20px;}
#planes-webhosting .lista li{ padding-bottom: 5px;}

#servicios-hosting { width: 983px; height: 200px; border-top: 1px solid rgb(103, 6, 6); border-bottom: 1px solid rgb(172, 11, 15); border-left: 1px solid rgb(103, 6, 6); border-right: 1px solid rgb(172, 11, 15); 
border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/red-planes.jpg) repeat  rgb(172, 11, 15); margin-top: 15px;  color: #FFF; list-style-position: inside; }

.columnas { padding: 5px;}

.wh-col1 { float: left; position: relative; width: 240px;}
.wh-col2 { float: left; position: relative; width: 240px;}
.wh-col3 { float: left; position: relative; width: 240px;}
.wh-col4 { float: left; position: relative; width: 240px;}

.btn-contratar { width: 106px; height: 28px; float: right; position: relative; display: block; cursor: pointer; line-height: 28px; padding-right: 5px;}
.btn-contratar a { background: url(../img/contratar-1.png) no-repeat; cursor: pointer; display: block; text-decoration: none; }
.btn-contratar a:hover { background: url(../img/contratar-1-w.png) no-repeat; cursor: pointer; display: block;}

.btn-contratar2 { width: 106px; height: 28px; float: right; position: relative; display: block; cursor: pointer; line-height: 28px; padding-right: 5px;}
.btn-contratar2 a { background: url(../img/contratar-1.png) no-repeat; cursor: pointer; display: block; text-decoration: none; }
.btn-contratar2 a:hover { background: url(../img/contratar-1-r.png) no-repeat; cursor: pointer; display: block;}


/*------ RESELLERS PAGE--------------------*/

#banners-resellers { width: 700px; height: 300px; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #999; border-right: 1px solid #fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/bg_blanco.jpg) repeat rgb(211, 211, 211); }

#planes-resellers { width: 700px; min-height: 600px; height: auto; position: relative; margin-top: 20px; list-style: disc;}

#planes-resellers .plan-red, #planes-resellers .plan-blanco {
	margin-bottom: 40px;
	height: auto;
	min-height: 290px;
	float: left;
}

/*------ DEDICADOS PAGE--------------------*/

#banners-dedicados { width: 700px; height: 300px; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #999; border-right: 1px solid #fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/bg_blanco.jpg) repeat rgb(211, 211, 211); }

#banners-dedicados2 { width: 700px; height: 230px; border-top: 1px solid rgb(103, 6, 6); border-bottom: 1px solid rgb(172, 11, 15); border-left: 1px solid rgb(103, 6, 6); border-right: 1px solid rgb(172, 11, 15); 
border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/red-planes-b.jpg) repeat  rgb(172, 11, 15); margin-top: 20px;  color: #FFF }

#banners-dedicados ul { margin-left: 10px; margin-top: 5px; list-style-position: inside;}

#banners-dedicados2 p{ width: 210px; float: left; margin-top: 10px; margin-left: 10px; }

#banners-dedicados2 p img{ vertical-align: middle; }

#slide { color: #CCC; float: left; position: relative; width: 700px; height: 210px; margin-top: 20px; border-top: 1px solid rgb(103, 6, 6); border-bottom: 1px solid rgb(172, 11, 15); border-left: 1px solid rgb(103, 6, 6); border-right: 1px solid rgb(172, 11, 15); border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/red-planes-b.jpg) repeat  rgb(172, 11, 15);}

#slide ul { padding: 20px;}

#slide ul li { list-style: none}

#slide p { float: left; width:210px; padding-left: 10px; text-align: center; }

#slide li { width:696px; height:190px; overflow:hidden; }	
#prevBtn, #nextBtn,
#slide1next, #slide1prev{  display:block; width:30px; height:77px; position:absolute; left:330px; top:750px; z-index:1000; }	
#nextBtn, #slide1next{ left:360px; }														
#prevBtn a, #nextBtn a, #slide1next a, #slide1prev a{  display:block; position:relative; 	width:30px; height:77px; background:url(../img/slide_bk.png) no-repeat 0 0;	 }	
#nextBtn a, #slide1next a{ background:url(../img/slide_fw.png) no-repeat 0 0;	}	
.graphic, #prevBtn, #nextBtn, #slide1prev, #slide1next{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }

/*------ LA EMPRESA--------------------*/

#banners-empresa { width: 700px; height: 140px; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #999; border-right: 1px solid #fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/bg_blanco.jpg) repeat rgb(211, 211, 211); }

#banners-empresa-qs { width: 700px; height: 160px; border-top: 1px solid rgb(103, 6, 6); border-bottom: 1px solid rgb(172, 11, 15); border-left: 1px solid rgb(103, 6, 6); border-right: 1px solid rgb(172, 11, 15); 
border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url(../img/bg_red.jpg) repeat  rgb(172, 11, 15); margin-top: 19px; color: #FFF}

#banners-empresa-w { width: 700px; height: 260px; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #fff; margin-top: 19px; color: #333}

#banners-empresa-10 { width: 700px; height: 1200px; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #fff; margin-top: 19px; color: #333}

#banners-empresa-10 img{ vertical-align: middle;}

.col-left2 { width: 720px; min-height: 950px; height:100%; position: relative; float: left; margin-top: 10px; }
.img-c { width: 700px; position: relative; float: left; clear: both; margin-left: 100px; padding: 10px;}
.img-p { width: 140px; float: left; text-align: center; }

#banners-empresa-10 strong { color: rgb(172, 11, 15);}
#banners-empresa-w strong { color: rgb(172, 11, 15);}

#banners-mapa { width: 700px; height: 300px; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #fff; margin-top: 19px; color: #333; list-style-position: inside;}

#banners-mapa li { padding-bottom: 10px;}