 /* Ecuaideas.com 2008*/


#inicio{ background:url(img/bg_fondon.gif);}
#contenido_index{
 background:url(img/bg_fondoSup.gif) no-repeat top center;
 min-height:200px; /*no se ve el fondo si no en FF*/
}
#contenido_int_index{
 margin:0 auto;
 width:779px;



 border-bottom:1px solid white;
}
#contenido{
 background:url(img/bg_fondoSup2.gif) no-repeat top center;
 min-height:200px; /*no se ve el fondo si no en FF*/
}
#contenido_int{
 margin:0 auto;
 width:980px;
 background:white url(img/bg_filoSup.gif) repeat-x;
 border-bottom:1px solid white;
}


#contenidos{ border-right:1px solid #01649E  ; border-left:1px solid  #01649E; background:url(img/bg_fondoSup2.gif) no-repeat top center;
 min-height:200px; /*no se ve el fondo si no en FF*/
}

#index_izq{
 float:left;
 width:516px;
}
/* estilos de promos*/
#promo_index{ /*index*/
 margin-top:7px;
 min-height:171px;
 cursor:pointer;
 background:url(img/bg_fondoPromo.gif); 
 border-bottom:1px solid white; 
}
* html #promo_index{ height:171px;}

/*TEXTO PROMO*/
#promo_index #texto_promo{
 float:left;
/* width:208px;Cabecera Navidad*/
width:245px; /* Cabecera normal*/
/* width:270px; Cabecera texto largo*/
 margin:30px 0 0 35px;
}
* html #promo_index #texto_promo{
 margin:30px 0 0 19px;
}

#texto_promo h1 {
 font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
 text-transform: none;
 font-weight: bold;
 font-size:170%;
 color: #fff;
}
#texto_promo p {
 margin-top: 10px;
 font-size: 120%;
 color: #fff;
}
#texto_promo strong { font-weight:bold; color: #fff; }
#texto_promo p .url{ color: #fff; }
#texto_promo a{
 font-weight:bold;
 text-decoration: underline;
 color: #fff;
}
#img_promo{
 float:right;
}
#img_promo img{
/*position:relative;Cabecera Navidad*
margin: -7px 0 0 0;*Cabecera Navidad*/
margin:0; /*Cabecera normal*/
}
/*FIN TEXTO PROMO*/

/*comienzan estulos de los bloques de la index*/
#bloques{
 border-left:1px solid white;
 background:url(img/bg_fondoSep.gif) repeat-x;
 padding-top:16px;
}
* html #bloques{padding-top:15px;}
#bloques h1{
 background:url(img/bg_lineah1bloque.gif) repeat-x 0 25px;
 padding:4px 0 8px 10px;
 margin:0 5px 0 4px;
}

#bloques h2{
 font-size:100%;
 color:#045B9F;
 text-transform:uppercase;
 padding:0 0 0 13px;
 background:url(img/bg_flechaBlanca.gif) no-repeat 0 2px;
}
#bloques .recuadro{
 background:url(img/bg_recuadro.gif) no-repeat;
 height:50px;
 margin:0 0 0 10px;
 padding:5px 1px 10px 1px;
 width:224px;
 cursor: pointer;
 voice-family: "\"}\""; 
 voice-family:inherit;
 width:222px;
}
#bloques .recuadro p{
 margin-left:5px;
 margin-right:5px;
}
#bloques .recuadro .izq{ /*dentro de recuadro*/
 float:left;
 text-transform:uppercase;
 color:#0472c9;
 padding:5px 0 0 25px;
}
#bloques .recuadro .der{ /*dentro de recuadro*/
 float:right;
 padding:10px 5px 11px 10px;
 border-left:1px solid #ccc;
}
#bloques .contrata{ 
 text-align:center;
}
* html #bloques .contrata{ 
 position:relative;
 margin-top:-5px;
}
#bloques li{
 padding-left:15px;
 background:url(img/bg_flechaNar.gif) no-repeat 0 2px;
}
/*formulario disponibilidad de dominios*/
form.regdom{
 margin:10px 0 0 10px;
 height:68px; /*necesario para mantener relación con coluna de al lado*/ 
}
form.regdom .in_txt{
 border:1px solid #105c8a;
 width:110px;
 font-size:100%;
 padding:1px;
 margin:0 5px 0 7px;
}
form.regdom select{
 font-size:100%;
}
form.regdom .enviar{
 border:none;
 margin:10px 0 0 39px;
}
/*fin formulario disponibilidad de dominios*/
#bloques_12{
}
#bloques_34{
 clear:both;
}
#bloque_1, #bloque_3{
 float:left;
 padding:9px 0 9px 9px;
 width:257px; 
 voice-family: "\"}\""; 
 voice-family:inherit;
 width:248px;
}
#bloque_2, #bloque_4{
 float:right;
 padding:9px 0 9px 9px;
 width:257px; 
 voice-family: "\"}\""; 
 voice-family:inherit;
 width:248px;
}
#bloque_1{  background:url(img/bg_fondoBloque1.gif) no-repeat; }
#bloque_2{  background:url(img/bg_fondoBloque2.gif) no-repeat; }
#bloque_3{  background:url(img/bg_fondoBloque3.gif) no-repeat; }
#bloque_4{  background:url(img/bg_fondoBloque4.gif) no-repeat; }

#bloque_1 .recuadro p{ margin:8px  0 0  15px;}

#bloque_1txt, #bloque_2txt, #bloque_3txt, #bloque_4txt{
 clear:both;
 margin:24px 0 20px 20px;
}

#bloque_2txt ul, #bloque_3txt ul, #bloque_4txt ul{ margin-top:3px;}
#bloques .clickable{
 cursor: pointer;
 position:relative;
 min-height:123px;
}
* html #bloques .clickable{height:123px;}
#bloques #bloque_1blue{ min-height:123px;}
* html #bloques #bloque_1blue{height:123px;}
#bloques .azul{ /*comun a los recuadros azules de la index */
 color:white;
 background:#458bc6;
 padding:3px 5px 0 5px;
 width:130px;
 margin-top:19px;
}
#bloques .azul strong{ /*comun a los recuadros azules de la index */
 color:white;
}
#bloques .href_img{
 top:53px;
 left:141px;
 position:absolute;
}
#bloque_5{  /* subbloque del 3!!!!*/
 clear:both;
 padding-top:20px;
}
#bloque_5 h1{ 
 background:none;
 border-top:1px solid #b3c2ca;
 border-bottom:1px solid #b3c2ca;
 margin:0 5px 5px 0;
 padding:5px 0 5px 5px;
}
#bloque_5 h2{ 
 background:url(img/bg_flechaAzul.gif) no-repeat 0 2px;
 margin-left:15px;
}
#bloque_5 p{  /*texto, similar a los bloques bloquex_txt */
 padding-top:10px;
}
#index_der{
 float:right;
 width:263px;
 background:url(img/bg_fondoDer.gif) no-repeat right 178px;
}
#promo2{
background:url(img/bg_fondoServ.gif) no-repeat left top; /*Fondo normal */

 margin-top:7px;
 padding:25px 0 0 10px;
 min-height:146px;
 position:relative;
cursor:pointer;
}
* html #promo2{height:146px;}
#promo2 h1{ color:white; margin-bottom: .75ex; }
#promo2 img{
 float:right;
 margin:-25px 11px 0 0;
}
#promo2 p{ padding:0 0 4px 5px; }
#promo2 .pr{
 margin-right:20px;
 padding:0 0 10px 5px;
 /*background:url(img/bg_lineaSep.gif) repeat-x bottom;*/
}
/*fin estilos de los bloques de la index*/
/*comienzo estilos columna derecha de la index*/
#bloques_der{
 background:#e7ecf0 url(img/bg_fondoBloquesDer.gif) repeat-y right;
 width:244px;
 border:1px solid #e7ecf0; /*mismo color que bg, problemas de "desaparicion de fondos*/
 padding-left:7px;
}
.bloque_der{
 background: url(img/bg_fondoCajas.gif) no-repeat bottom left;
 margin-bottom:10px;
 border:1px solid #e7ecf0; /* sin este borde no toma el margin-bottom de las soluciones*/
 border-width:0 0 1px 0;
 position:relative; /*fIE*/
 height:1%; /*fIE*/
 width:238px; /* por si no esta contenido en alguna otra cosa*/
}
.bloque_der h1{
 background:url(img/bg_titCajas.gif) no-repeat top left;
 padding:7px 0 1px 14px;
}
.bloque_der p{
 padding:15px 10px 30px 12px;
}
.bloque_der#soporteTotal p{
 padding:15px 10px 5px 12px;
}
.bloque_der#soporteTotal a.mas_info{
margin:0 0 10px 15px;
display:block;
}
.bloque_der#soporteTotal ul{
 margin:0px 15px !important;
}
.bloque_der#soporteTotal ul li{
 padding-left:9px;
 background:url(img/bg_bloque_bullet.gif) no-repeat 0 5px;
}
.bloque_der .img_der{ 
 margin:0 10px 0 5px;
}
.bloque_der#soporteTotal img.img_der{
margin-right: -9px;
}
#new_image, #new_image2{ /* .bloque_der */
 margin-top: 10px;
}
/*seleccionable soluciones*/
#inicio .labels{
 margin:5px 0 0 8px;
 width:220px;
 padding:0;
 height:25px;
}
* html #inicio .labels{ height:30px;}
#inicio .labels ul{ 
 border-bottom:none;
}
#inicio .labels li{
 font-weight:bold !important;
 padding:5px 2px 5px 12px !important;
 background:url(img/bg_flechaGris.gif) no-repeat 2px 6px !important;
 cursor:pointer !important;
 height:15px; /*por safari*/
}

/*#inicio .labels #c2l{ margin-left:80px !important;}
#inicio .labels #c3l{ margin-left:153px !important;}*/

#inicio .labels li.select{
 background:#0472C9 url(img/bg_flechaBlanca2.gif) no-repeat 2px 6px !important;
 border:1px solid #c3ccd4 !important;
 border-bottom:none !important;
}
#inicio .labels li a{
 text-decoration:none !important;
 background:none !important;
 padding:0 !important;
}
#inicio .labels li.select a{
 color:white !important;
 background:none !important;
}

#inicio #c1{ background:url(img/bg_fondoSolucion1.gif) repeat-y;}
#inicio #c2{ background:url(img/bg_fondoSolucion2.gif) repeat-y;}
#inicio #c3{ background:url(img/bg_fondoSolucion3.gif) repeat-y;}
#inicio .labc{
 color:white;
 margin:0 2px 15px 8px;
 min-height:130px;
}
* html #inicio .labc{
 margin:-4px 2px 10px 8px;
 height:130px;
}
#inicio .labc p{
 padding-right:60px;
}
#inicio .labc strong{
    color:white;
}
#inicio .labc .mas_info{
 color:#b1dbff !important;
}
#bloque_ult{
 padding-top:5px;
 padding-bottom:10px;
 background:#e7ecf0 url(img/bg_fondoBloqueUlt.gif) no-repeat bottom;
}
#bloque_ult h1{
 background: url(img/bg_titBloqueUlt.gif) no-repeat 7px 0;
 padding:7px 0 1px 17px;
}
#bloque_ult h5{
font-size:100% !important;
margin: 0 15px 5px 15px;
}
#noticias_index{
}
#noticias_index h5 img{
float:right;
margin: 0 120px 0 0;
}

#noticias_index{
}
#noticias_index h5 img{
float:right;
margin: 0 120px 0 0;
}
#noticias_index ul{
    margin:0 0 0 15px;
    padding-bottom: 8px;
}
#noticias_index li{
    margin-bottom: 6px;
    padding-left:20px;
    background:url(img/bg_nota_prensa.gif) no-repeat left center;
}
#bloque_ult img{
 float:left;
 margin:5px 10px 0 5px;
}
#bloque_ult p{
 padding:10px 20px 30px 15px;
}

#bloque_ult span{
     position:relative;
}
#bloque_ult #img_acr{
 margin: 7px 0;
}
.pmas_info_index {
    margin-top: 7px;
    font-weight: bold;
}
.pmas_info_index img{
    vertical-align: text-bottom;
    margin-left:7px;
}
.link_raquo { font-size: 130%; color: #FA9E3C;font-weight: bold; text-decoration: none; }
.recuadro .link_raquo { color: #E56717; }
.new { font-weight: bold; color: #CC0000;}