/*Hoja de estilos para YooSell.net*/

/*COMÚN*/
.limpio{
clear:both;
font-size:0;
height:0;
line-height:0;
overflow:hidden
}
.noDisplay{display:none}

 @font-face{
 font-family:"Aovel";
 src:url("../fuentes/Aovel_Cool.eot?") format("eot"),
 url("../fuentes/Aovel_Cool.woff") format("woff"),
 url("../fuentes/Aovel_Cool.ttf") format("truetype"),
 url("../fuentes/Aovel_Cool.svg#AovelCool-Light") format("svg");
 font-weight:normal;font-style:normal; 
 }
.clearfloat{clear:both}
.centrado{text-align:center}
/*FIN COMÚN*/

/*GENERAL*/
* {
margin:0;
padding:0;
text-decoration: none;
font-family: arial,helvetica,sans-serif; 
font-size:12px;
color:#4b4b4b
}
#cookiesdirective{
	font-size: 10px !important;
}
body{
text-align:center;
background:#fafafa
}
img{border:none}
ul {list-style: none}
a:hover{text-decoration:underline}
.guarda{
height:104px;
background:#fff;
width:100%;
position:absolute;
z-index:-1;
top:0;
left:0;
border-bottom:1px solid #FF6E00
}

#wrapper{
text-align:left;
width:1000px;
margin:0 auto 
}
.bordeWrapper{
background:url(../imagenes/wrapper_borde.png) no-repeat 0 0;
width:1000px;
height:10px
}
#wrapperContenedor{
text-align:left;
border-width:0 1px 1px;
border-color:#ccc;
border-style:solid;
background:#fff;
margin:0 0 10px;
overflow:hidden
}
.botonGenerico{
height:37px;
padding:0 36px 0 54px;
background:url(../imagenes/sprite_botones.png) no-repeat 0 0;
position:relative;
float:left;
cursor:pointer;
margin:0 288px 15px;
display:inline
}
.botonGenerico input{
border:none;
background:none;
overflow:visible;
color:#2a6ebb;
font-weight:bold;
font-size:18px;
height:32px;
cursor:pointer
}
.verif{
	display: none;
}

#epdsubmit{
	background-color: #4d90fe;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
background-image: linear-gradient(top,#4d90fe,#4787ed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
border: 1px solid #3079ed;
color: #fff!important;
margin: 0 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: default !important;
display: inline-block;
font-weight: bold;
height: 22px;
line-height: 22px;
min-width: 54px;
padding: 0 8px;
text-align: center;
text-decoration: none !important;
-moz-user-select: none;
-webkit-user-select: none;
cursor: pointer !important;
}
#epdsubmit:hover{
	opacity: 0.8;
}
.botonGenerico input:hover{text-decoration:underline}
.botonGenerico span{
height:37px;
width:18px;
background:url(../imagenes/sprite_botones.png) no-repeat -482px 0;
position:absolute;
top:0;
right:-18px;
display:block
}
/*FIN GENERAL*/

/*ENCABEZADO*/
#encabezado{
overflow:hidden;
clear:both;
padding:0 22px 0 0
}
#encabezado #logo{
display:block;
width:240px;
height:70px;
float:left;
background:url(../imagenes/logo.jpg) no-repeat 0 0;
text-indent:-9999px;
margin:23px 0 0
}
 .home #logo{
display:block;
width:240px;
height:70px;
float:left;
background: none !important;
text-indent: 0 !important;
margin:23px 0 0
}

/*Menu*/
#encabezado #menu{
float:right;
padding:58px 0 0;
margin:0 10px 0 0
}
#encabezado #menu li{
color:#ed8d22;
float:left
}
#encabezado #menu span{
color: #F48810;
font-weight: bold
}
#encabezado #menu a{
color:#8a8a8a;
font-weight:bold
}
/*Contacto*/
#encabezado #contacto{
float:right;
padding:18px 0 0
}
#encabezado #contacto li{
border-color: #606060;
border-style: dotted;
border-width: 0 0 0 1px;
float: left;
text-align: center;
width: 85px;
display:block;
line-height:12px
}
#encabezado #contacto li.mejorado{
width:167px;
padding:0 5px;
margin:-5px 0 0
}
#encabezado #contacto a{
color: #2A6EBB;
font-size: 11px;
font-weight: bold;
}
#encabezado #contacto img{
margin:0 auto
}
#encabezado #contacto span{
height: 34px;
margin: 0 auto;
width: 32px;
color: #2a6ebb !important;
font-size: 11px !important;
font-weight: bold !important;
}
#encabezado #clickToCall{background-position:0 0}
#encabezado #clickToChat{background-position:-41px 0}
#encabezado #email{background-position:-77px 0}
/*FIN ENCABEZADO*/

/*HOME*/
/*Destacado*/
#destacado{
height:345px;
background:url(../imagenes/fondo_destacado.png) repeat-x 0 0;
border-style:solid;
border-color:#d2d2d2;
border-width:1px ;
padding:0 70px;
position:relative
}
#destacado .esquina{
width:10px;
height:11px;
position:absolute;
top:-1px;
}
#destacado .esquina.izq{
background:url(../imagenes/esquina_destacado_izq.jpg) no-repeat 0 0;
left:-1px
}
#destacado .esquina.der{
background:url(../imagenes/esquina_destacado_der.jpg) no-repeat 0 0;
right:-1px
}
#destacado h1{
color:#f48810;
font-weight:bold;
font-size:66px;
width:405px;
line-height:50px;
padding:52px 0 16px
}
#destacado p{
color:#191919;
font-size:16px;
width:405px;
line-height:18px
}
#destacado #llave{
background: url("../imagenes/sprite_destacado.png") no-repeat  0 0;
height: 323px;
left: 474px;
position: absolute;
top: 10px;
width: 107px
}
#destacado #esquema{
position: absolute;
right: 414px;
top: 0
}
#destacado #circulos{
position:relative;
}
#destacado #circulos .circulo{
background: url("../imagenes/sprite_destacado.png") no-repeat -107px -2px ;
height: 119px;
position: absolute;
width: 122px
}
#destacado #circulos .circulo:hover{background: url("../imagenes/sprite_destacado.png") no-repeat -107px -292px }
#destacado #circulos .circulo span{
background-image: url("../imagenes/sprite_destacado.png");
background-repeat: no-repeat;
display: block;
height: 79px;
margin: 18px 0 0;
text-indent: -9999px;
width: 114px;
}
#destacado .circulo.pos_1{
left: 120px;
top: 20px
}
#destacado .circulo.pos_1 span{background-position: -234px -50px}
#destacado .circulo.pos_1:hover span{background-position: -375px -65px}
#destacado .circulo.pos_2{
left: 230px;
top: 90px
}
#destacado .circulo.pos_2 span{background-position: -233px -118px}
#destacado .circulo.pos_2:hover span{background-position: -375px -147px}
#destacado .circulo.pos_3{
left: 183px;
top: 211px
}
#destacado .circulo.pos_3 span{background-position: -233px -262px}
#destacado .circulo.pos_3:hover span{background-position: -375px -319px}
#destacado .circulo.pos_4{
left: 56px;
top: 211px
}
#destacado .circulo.pos_4 span{background-position: -233px -188px}
#destacado .circulo.pos_4:hover span{background-position: -375px -230px}
#destacado .circulo.pos_5{
left: 10px;
top: 90px
}
#destacado .circulo.pos_5 span{background-position: -233px 18px}
#destacado .circulo.pos_5:hover span{background-position: -375px 17px}
#destacado .flecha{
background-image: url("../imagenes/sprite_destacado.png");
background-repeat:no-repeat;
position: absolute
}
#destacado .flecha.pos_1{
background-position: -114px -122px;
height: 34px;
left: 214px;
top: 91px;
width: 43px
}
#destacado .flecha.pos_2{
background-position: -163px -214px;
height: 45px;
left: 253px;
top: 189px;
width: 30px
}
#destacado .flecha.pos_3{
background-position: -163px -181px;
height: 15px;
left: 150px;
top: 269px;
width: 53px
}
#destacado .flecha.pos_4{
background-position: -163px -122px;
height: 49px;
left: 72px;
top: 183px;
width: 22px
}
#destacado .flecha.pos_5{
background-position: -113px -181px;
height: 33px;
left: 98px;
top: 86px;
width: 44px
}
#destacado  .aviso{
 background: url("../imagenes/aviso_home.png") no-repeat  0 0;
height: 51px;
left: 259px;
position: absolute;
top: 13px;
width: 148px
}
#destacado  .aviso  p{
color: #7F7F7F;
font-size: 11px;
font-weight: bold;
line-height: 14px;
padding: 8px 0 0 49px;
width:auto
}
/*Columnas*/
#columnas{
overflow:hidden;
clear:both;
padding:20px 9px 0;
margin:0 0 20px
}
#columnas .columna{
width:179px;
float:left;
padding:0 8px;
border-right:solid 1px #eee;
position:relative
}
#columnas .columna.ultima{border:none}
.columna h2 {padding:0 0 0 45px}
.columna h2 a{
color:#171717;
margin:0 0 12px;
font: normal normal 18px/17px Aovel
}
.columna h2 a:hover{
color:#2A6EBB;
text-decoration:none
}
.columna .icono{
width:37px;
height:30px;
background-image:url(../imagenes/sprite_iconos.png);
background-repeat:no-repeat;
position:absolute
}
.columna p{margin:0 0 10px}
.columna span{
font-weight:bold;
margin:0 0 5px;
display:block
}
.columna li{
padding:0 0 0 22px;
background:url(../imagenes/bullet.png) no-repeat 0 3px;
padding:0 0 5px 27px
}
.columna li a{color:#2a6ebb}
.columna#generarTrafico .icono{background-position: 0 0}
.columna#personalizarOferta .icono{background-position:  -36px 0}
.columna#cerrarVenta .icono{background-position: -70px 0}
.columna#recuperarClientes .icono{background-position: -108px 0}
.columna#fidelizarClientes .icono{background-position: -146px 0}
/*FIN HOME*/

/*INTERNA GENÉRICA*/
.interna #contenedor{
background:url(../imagenes/interna_medio.png) repeat-y 0 0;
width:972px;
margin:0 auto 20px;
position:relative
}
#contenedor.mejorado{
background:#fff;
border-style:solid;
border-color:#d2d2d2;
border-width:0 1px 1px 1px;
width:920px;
padding:20px
}
.interna .borde{
width:100%;
height:11px
}
.interna .borde.superior{
background:url(../imagenes/interna_borde_superior.png) no-repeat 0 0;
height:20px
}
.interna .borde.inferior{background:url(../imagenes/interna_borde_inferior.png) repeat-y 0 0}
.interna #pattern{
height:420px;
background:url(../imagenes/interna_pattern.png) repeat-x 0 0;
margin: 0 0 0 4px;
width: 964px;
position:absolute;
z-index:0;
left:0
}
.interna #contenido{
padding:10px 21px 0;
height:auto !important;
height:500px; /*ie6*/
min-height:500px;
position:relative;
z-index:1;
overflow:hidden	
}
.interna .frase{
color:#a3a3a3;
font-size:14px;
font-weight:bold;
position:relative;
margin:0 0 0 30px
}
/*Destacado*/
.interna #destacadoInterno{
position:relative;
height:230px;
overflow:hidden;
border-width:0 0 1px;
border-style:solid;
border-color:#D2D2D2
}

#destacadoInterno #data{
position:absolute;
top:8px;
left:30px;
width:406px
}
#destacadoInterno .migas{
float:none;
margin:0 0 10px
}
.interna .nivel_0, .interna .nivel_1, .interna  .nivel_2, .interna  .migas .izq, .interna .migas .der {
background-image:url(../imagenes/sprite_migas_general.png);
background-repeat:no-repeat
}
 .migas{
position:relative;
top:5px;
margin:0 20px 0 0;
font-size:16px;
color:#8a8a8a
}
.migas span{color:#8a8a8a}
.migas span,.migas a {
font-weight:bold;
font-size:11px
}
.migas  a{line-height:22px}
.interna .migas .nivel_0 a{color:#2969ae}

#destacadoInterno h1{
font:normal bold 48px arial, helvetica, sans-serif;
color:#f48810;
padding:0;
margin:0 0 10px -1px;
background:none;
display:block;
position:static;
line-height:39px
}
.destacadoInterno{
font:normal bold 48px arial, helvetica, sans-serif;
color:#f48810;
padding:0;
margin:0 0 10px -1px;
background:none;
display:block;
position:static;
line-height:39px
}

#destacadoInterno p{
font-size:14px;
line-height:18px;
color:#0d0d0d;
clear:both;
padding:5px 0 0;
zoom:1
}

#destacadoInterno.sinImagen{
border: none;
height: auto;
margin: 0 0 0 30px
}
/*FIN INTERNA GENÉRICA*/

/*LEGAL*/
.legal h2{
color:#2a6ebb;
font-weight:bold;
font-size:14px;
text-transform:uppercase
}
.legal p{
color:#616161;
font-size:14px;
line-height:18px;
margin:0 0 25px
}
.legal p a{
color:#2a6ebb;
text-decoration:underline;
font-size:14px
}
.legal .datos{
margin: 5px 0 20px;
overflow:hidden
}
.legal .datos .campo{
clear:both;
margin:0 0 8px;
overflow:hidden
}
.legal .datos .campo .nombre{
color:#737373;
font-weight:bold;
font-size:13px;
float:left;
width:241px;
margin:0 10px 0 0
}
.legal .datos .campo .valor{
color:#616161;
font-size:14px;
float:left
}
.legal ul{
	padding: 5px 0 5px 25px;
	list-style: disc;
}
.legal ul li{
	padding: 5px 0;
}
.legal ul a{
	color:#2a6ebb;
text-decoration:underline;
font-size:14px
}
.underline{
	text-decoration: underline;
}
/*CONTACTENOS*/
.contactenos{margin:0 10px}

.contactenos .descripcion{
font-weight:bold;
color:#666;
margin:0 0 20px
}
.contactenos #formulario{
width:638px;
float:left
}
.contactenos form{
overflow:hidden
}
.contactenos fieldset{
border:none
}
.contactenos .campo{
position:relative;
margin:0 0 12px
}
.contactenos label, .contactenos label span{
color:#5f92cc;
font-weight:bold;
font-size:16px
}
.contactenos label span{color:#e9820f}
.contactenos label{
width:100px;
margin:0 15px 0 0;
text-align:right;
float:left;
line-height:31px
}

.contactenos .obligatorio{
color:#e9820f;
font-size:11px;
font-weight:bold;
margin:0 0 0 114px
}
.contactenos #formulario .input_text, .contactenos #formulario textarea{
height:26px;
line-height:26px;
padding:3px;
border:solid 1px #96b3d4;
width:515px;
font-size:11px;
font-weight:bold;
color:#949494
}
.contactenos  #formulario  .input_text.error{
border-color:#f00;
background:#ffefef
}
.contactenos #formulario textarea{
height:150px;
overflow:auto
}
.contactenos #formulario .input_check{
width:13px;
height:13px;
vertical-align:middle;
float:left;
margin:1px 0 0
}
.contactenos .mensajeError{
background: #FFEFEF;
border: 1px solid #FF0000;
color: #FF0000;
display: none;
font-weight: bold;
margin: 0 0 20px 112px;
padding: 10px
}
.contactenos .mensajeError p{
color:#555;
font-size:14px;
margin:0 0 5px
}
.contactenos .opcionServicios{
background:#F9FEE8;
border: 1px solid #E9820F;
margin: 0 0 20px 114px;
padding: 8px
}
.contactenos .opcionServicios h2{
font: normal bold 15px aovel;
color:#d87200;
margin:0 0 5px
}
.contactenos .opcionServicios p{
font-weight:bold;
color:#747474;
margin:0 0 4px
}
.contactenos .opcionServicios a{
font-weight:bold;
color:#1662b9;
text-decoration:underline
}
.contactenos .opcionServicios span{
color:#474747;
font-size:11px
}
.alternaServicios.cerrar{
display:block;
background:url(../imagenes/boton_cerrar.jpg) no-repeat 0 0;
width:17px;
height:16px;
position:absolute;
top:5px;
right:4px
}
.contactenos .servicios{
margin:0 0 15px 113px;
opacity:0;
display:none
}
.contactenos .servicios h2{
font: normal bold 15px aovel;
color:#2a6ebb;
margin:0 0 5px
}
.contactenos .servicios p{
color:#747474;
font-weight:bold;
margin:0 0 8px
}
.contactenos .servicios div{
border:solid 1px #cdd6e0;
padding:16px 8px 0;
overflow:hidden;
position:relative
}
.contactenos .servicios fieldset{
vertical-align:top;
display:inline-block;
*display:inline; /*ie7*/
zoom:1;
width:151px;
margin:0 8px 30px;
}
.contactenos .servicios h3{
font-weight:bold;
color:#343434;
margin:0 0 10px
}
.contactenos .servicios label{
color: #191919;
display: block;
float: none;
font-size: 11px;
font-weight: normal;
line-height: 14px;
margin: 0 0 5px 23px;
text-align: left;
width: auto
}
.avisoLegal{
text-align:center;
margin:0 0 15px 113px
}
.contactenos .avisoLegal *{
color:#666;
font-weight:11px
}
.contactenos .avisoLegal span{font-weight:bold}
.contactenos .avisoLegal a{color:#2a6ebb}
.contactenos .lineaDiv{
float:left;
width:2px;
height:572px;
background:url(../imagenes/linea_divisoria.png) no-repeat 0 0 ;
margin:0 0 0 18px
}
.contactenos .gracias {
color: #777;
font-size: 19px
}
.contactenos .gracias span{font-size: 14px}
#datosContacto{
margin:0 0 0 678px;
width:231px
}
#datosContacto .borde{height:5px}
#datosContacto .borde.superior{
background:url(../imagenes/contacto_borde_superior.jpg) no-repeat 0 0
}
#datosContacto .borde.inferior{
background:url(../imagenes/contacto_borde_inferior.jpg) no-repeat 0 0;
margin:0 0 14px
}
#datosContacto ul{
padding:10px;
background:#fff;
border-style:solid;
border-color:#e3e3e3;
border-width:0 1px
}
#datosContacto ul li{
color: #191919;
padding: 0 0 18px;
overflow: hidden;
background:url("../imagenes/sprite_datos_contacto.png") no-repeat 0 39px 
}
#datosContacto ul li span{
background-image:url(../imagenes/sprite_datos_contacto.png);
background-repeat:no-repeat;
display:block;
height:23px;
text-indent:-9999px;
width:60px;
float:left
}
#datosContacto ul ul{
padding:0;
border:0;
clear:both;
margin:27px 0 0
}
#datosContacto li li{
padding:0;
border:0;
clear:both;
padding: 0 0 0 34px;
background-image:url(../imagenes/sprite_datos_contacto.png);
background-repeat:no-repeat;
height:28px;
margin:0 0 5px
}
#datosContacto ul li a{
color:#5b92d0;
display:block;
margin:3px 0 0
}
#datosContacto #infoEmail span{background-position:0 -13px}
#datosContacto #infoTelefono span{background-position:0 -35px}
#datosContacto #infoTelefono a{font-weight:bold}
#datosContacto #infoSocial{
padding: 0;
background:none
}
#datosContacto #infoSocial span{background-position:0 -57px}
#datosContacto #infoSocial #twitter{background-position:0 -83px}
#datosContacto #infoSocial #facebook{background-position:0 -116px}
#datosContacto #infoSocial #rss{background-position: 0 -148px}
/*FIN CONTACTENOS*/

/*PARTNERS*/
#partners li{
overflow:hidden;
margin:0 0 30px;
border-color:#2969AE;
border-style:solid;
border-width:0 0 1px
}
#partners .logoPartner{
float:left;
width:180px;
position:relative;
text-align:center
}
.logoPartner span{position:absolute}
#partners .partnerInfo{
position:relative;
border-style:solid;
border-width:0 0 0 1px; 
border-color:#2969ae;
padding:0 0 20px 20px;
margin: 0 0 0 200px
}
.partnerInfo  .flecha{
width:10px;
height:16px;
background:url(../imagenes/partners_flecha.gif) no-repeat 0 0;
position:absolute;
top:6px;
left:-1px
}
.partnerInfo h2{
color:#464646;
font-size:20px;
font-weight:normal;
vertical-align:top;
line-height:20px;
margin:0 0 5px
}
.partnerInfo p{
color:#000;
font-size:12px;
line-height:16px
}
.partnerInfo p strong{
color:#000;
font-weight:bold
}
.partnerInfo p a{
color:#005bc1;
text-decoration:underline;
font-size:12px
}
.partnerInfo a.masInfo{
color:#005bc1;
font-size:11px;
float:right
}
.partnerInfo .masInfo span{
font-size:14px;
color:#005bc1;
}
/*FIN PARTNERS*/

/*NOSOTROS*/
#nosotros div{margin:0 0 20px}
#nosotros h2, #nosotros h2 span{
font: normal normal 25px Aovel;
color:#2969ae
}
#nosotros h2 {
float:left;
width:200px;
margin:0 0 20px
}
#nosotros h2 span{
color:#a6c8ee;
float:right
}
#nosotros p{
color:#616161;
font-size:14px;
line-height:16px;
margin:0 0 0 218px
}
#nosotros .firma, #nosotros .firma span  {
color:#616161;
font-size:14px
}
#nosotros .firma{
font-weight:bold;
text-align:right;
border-top:solid 1px #dcdcdc;
padding:5px 0 0;
margin:0 0 0 200px
}
#nosotros .firma span{
font-style:italic;
font-weight:normal;
display:block
}
/*FIN NOSOTROS*/

/*CLIENTES*/
#clientes li{
overflow:hidden;
margin:0 0 30px
}
#clientes .logoCliente{
float:left;
width:180px;
position:relative;
text-align:center
}
.logoCliente span{position:absolute}
#clientes .clienteInfo{
position:relative;
border:solid 1px #ff8400;
padding:20px 20px 20px;
margin: 0 0 0 200px
}
.clienteInfo  .flecha{
width:10px;
height:13px;
background:url(../imagenes/clientes_flecha.gif) no-repeat 0 0;
position:absolute;
top:25px;
left:-10px
}
.clienteInfo h2{
color:#464646;
font-size:20px;
font-weight:normal;
vertical-align:top;
line-height:20px;
margin:0 0 5px
}
.clienteInfo p{
font-size:12px;
line-height:16px;
position:relative;
margin:0 0 5px
}
.clienteInfo .comentario{
display:block;
position:relative;
padding:10px;
z-index:1;
color:#000
}
.clienteInfo .comilla{
color:#e2f0ff;
font-size:149px;
line-height:150px;
position:absolute
}
.comilla.abre{
left: -5px;
top: -15px
}
.comilla.cierra{
right:0;
bottom:-91px
}
.clienteInfo .firma{
color:#878787;
font-size:14px;
font-weight:bold;
font-style:italic;
margin:0 0 15px;
padding:0 10px;
text-align:right;
position:relative;
z-index:5
}
.clienteInfo .firma span{
color:#616161;
font-weight:normal;
font-style:normal;
font-size:14px
}
.clienteInfo .firma a{
color:#005bc1;
font-weight:normal;
font-style:normal;
font-size:14px
}
#clientes h3{
font-weight:bold;
margin:0 0 5px;
border-top:solid 1px #ccc;
padding:5px 0 0 5px
}
#clientes .column{
/*
temporalmente deshabilitado mientras no se utilice columnize
width:226px;
float:left*/
}
#clientes .serviciosContratados {overflow:hidden}
#clientes .serviciosContratados li{
background: url("../imagenes/bullet.png") no-repeat  0 3px;
color: #2A6EBB;
padding: 0 0 10px 27px;
margin:0 25px 0 0;
overflow:visible;
float:left /*float utilizado mientras no se utilice columnize*/
}
/*FIN CLIENTES*/

/*CATEGORÍA SERVICIOS*/
#destacadoInterno #esquema{
position: absolute;
right: 514px;
top: 0
}
#destacadoInterno #circulos{
position:relative;
}
#destacadoInterno #circulos .circulo{
background-image: url("../imagenes/sprite_navegacion.png");
background-repeat:no-repeat;
height: 85px;
position: absolute;
width: 92px
}
#destacadoInterno #circulos .circulo span{
display:block;
text-indent:-9999px
}
#destacadoInterno .circulo.pos_1{
background-position:  -101px -2px;
left: 120px;
top: 8px
}
#destacadoInterno .pos_1:hover, #destacadoInterno .pos_1.activo{background-position:  0 0}
#destacadoInterno .circulo.pos_2{
background-position:  -101px -90px;
left: 200px;
top: 53px
}
#destacadoInterno .pos_2:hover, #destacadoInterno .pos_2.activo{background-position:  0 -90px}
#destacadoInterno .circulo.pos_3{
background-position: -101px -175px;
left: 170px;
top: 137px
}
#destacadoInterno .pos_3:hover, #destacadoInterno .pos_3.activo{background-position:  0 -175px}
#destacadoInterno .circulo.pos_4{
background-position: -101px -261px;
left: 74px;
top: 137px
}
#destacadoInterno .pos_4:hover, #destacadoInterno .pos_4.activo{background-position:  0 -261px}
#destacadoInterno .circulo.pos_5{
background-position: -101px -347px;
left: 40px;
top: 53px
}
#destacadoInterno .pos_5:hover, #destacadoInterno .pos_5.activo{background-position:  0 -347px}
#destacadoInterno .flecha{
background-image: url("../imagenes/sprite_navegacion.png");
background-repeat:no-repeat;
position: absolute
}
#destacadoInterno .flecha.pos_1{
background-position: -214px -79px;
height: 27px;
left: 200px;
top: 51px;
width: 31px
}
#destacadoInterno .flecha.pos_2{
background-position: -231px -32px;
height: 34px;
left: 225px;
top: 121px;
width: 22px
}
#destacadoInterno .flecha.pos_3{
background-position: -214px -67px;
height: 11px;
left: 150px;
top: 179px;
width: 36px
}
#destacadoInterno .flecha.pos_4{
background-position: -212px -30px;
height: 35px;
left: 93px;
top: 118px;
width: 18px
}
#destacadoInterno .flecha.pos_5{
background-position: -214px -5px;
height: 24px;
left: 108px;
top: 50px;
width: 32px
}
#destacadoInterno  .aviso{
width:190px;
height:79px;
background:url(../imagenes/aviso.png) no-repeat 0 0;
position:absolute;
left:309px;
top:63px
}
#destacadoInterno  .aviso  p{
color: #7F7F7F;
font-size: 11px;
font-weight: bold;
line-height: 14px;
padding: 8px 0 0 57px
}
#destacadoInterno.categoria .migas{margin:0 0 18px}
#destacadoInterno.categoria .icono{
width:59px;
height:59px;
float:left;
margin:-8px 0 0 
}
.categoria .generar{ background:url(../imagenes/ico_cat_generar.png) no-repeat 0 0}
.categoria .personalizar{ background:url(../imagenes/ico_cat_personalizar.png) no-repeat 0 0}
.categoria .cerrar{ background:url(../imagenes/ico_cat_cerrar.png) no-repeat 0 0}
.categoria .recuperar{ background:url(../imagenes/ico_cat_recuperar.png) no-repeat 0 0}
.categoria .fidelizar{ background:url(../imagenes/ico_cat_fidelizar.png) no-repeat 0 0}
#destacadoInterno.categoria h1{
font: normal bold 34px/32px Aovel;
color:#2b6ebf;
margin:0 0 0 63px
}
#categoria p.aviso{
border-bottom: 1px solid;
color: #DB6700;
font-size: 17px;
margin: 0 0 15px
}
#categoria ul{
margin:0 0 10px -10px;
border-bottom:solid 1px #E0E0E0;
padding:0 0 10px;
overflow:hidden
}
#categoria li{
border-right: 1px solid #E0E0E0;
float: left;
margin:0 0 0 10px;
padding-right: 0 10px 0;
width: 216px;
height:auto !important;
height:240px; /*ie6*/
min-height:200px
}
#categoria li.ultimo{
border:none;
padding:0
}
#categoria h2 a {
display:block;
font-size:24px;
line-height:30px;
color:#296ebb;
font-weight:normal;
background:url(../imagenes/circulo.png) no-repeat 0 0;
padding:5px 0 5px 7px;
margin:0 0 5px
}
#categoria li p{
padding:0 5px 0;
margin:0 0 5px
}
#categoria li.ultimo p{
padding:0 0 0 5px;
margin:0 0 5px
}
#categoria .masInfo, #categoria .masInfo span{
text-decoration:underline;
font-size:11px;
color:#005bc2
}
#categoria .masInfo span{
font-size:12px;
font-weight:bold
}

/*FIN CATEGORÍA SERVICIOS*/

/*SERVICIO*/
body#servicio{background:#fff}
#servicio .guarda{
background: url("../imagenes/pattern_fondo_servicios.gif") repeat-x  0 0 ;
border: none;
height: 429px;
top: 93px
}
#servicio .wrapper{
text-align:left;
width:1000px;
margin:0 auto;
position:relative
}
#servicio #contenedor{
background:none;
border:none;
padding:0;
margin:0;
overflow:hidden;
width:auto	
}
#servicio #destacadoInterno{
overflow:visible;
border:none
}
#servicio  #data{
left:10px;
width:460px
}
#servicio #destacadoInterno h1{
font: normal bold 34px/32px Aovel;
color:#2a6ebb;
background:url(../imagenes/circulo.png) no-repeat 0 0;
padding:5px;
margin-left:-8px
}
#servicio #destacadoInterno .fondo{
position:relative;
left:-170px
}
#servicio  .migas{
font-size:11px;
font-weight:bold;
text-transform:uppercase;
left:-5px
}
.nivel_0, .nivel_1, .nivel_2{
position:relative;
display:inline-block;
*display:inline; /*ie7*/
zoom:1;
height:32px
}
.nivel_0{
z-index:3;
background-position: 0 0
}
.nivel_1{
z-index:2;
background-position: 0 -33px;
margin:0 0 0 13px
}
.nivel_2{
z-index:1;
background-position: 0 -66px;
margin:0 0 0 13px
}
.migas .nivel_0 a, .migas .nivel_1 a{color:#7e7e7e}
.migas .nivel_2 a{color:#494949}
.nivel_0, .nivel_1, .nivel_2, .migas .izq,.migas .der {
background-image:url(../imagenes/sprite_migas.png);
background-repeat:no-repeat
}
.migas .izq,.migas .der{
height: 22px;
position: absolute;
top: 0;
width: 12px
}
.migas .der{right:-12px}
.migas .izq{
width: 16px;
left:-16px
}
.nivel_0 .izq{background-position:0 0}
.nivel_0 .der{background-position: -488px 0 }
.nivel_1 .izq{background-position:0 -33px}
.nivel_1 .der{background-position: -488px -33px }
.nivel_2 .izq{background-position:0 -66px}
.nivel_2 .der{background-position: -488px -66px }
#servicio #imagenDestacada{
bottom: 0;
left: 530px;
position: absolute
}
#servicio #resumen{
background:#f3f3f3;
padding:0 0 13px;
margin:16px 0
}
#resumen .bloque{
border-right: 1px dotted #B9B7B6;
float: left;
height: auto !important;
height:202px; /*ie6*/
min-height: 202px;
padding: 0 10px 0 0;
width: 316px;
}
#resumen .ultimo{
border:none;
padding-right:0;
width:304px;
margin:0 0 0 10px;
min-height:0
}
#resumen .doble{
width:486px;
padding:0 20px 0 0
}
#resumen .ultimo.doble{
width:443px;
margin: 0 0 0 22px
}
#resumen h2, #detallado h2{
font: normal normal 18px Aovel;
color:#565656;
background:url(../imagenes/sprite_iconos_detalle_servicio.png) no-repeat 0 0;
padding:0 0 5px 41px
}
#resumen #media{padding-left:10px}
#media h2{
background-position:0 -34px;
margin:0 0 13px 
}
#media #contenedorMedia{
width:258px;
height:132px;
background:url(../imagenes/fondo_media.png) no-repeat 0 0;
margin:0 auto;
text-align:center;
padding:8px 0
}
#media .galeria{display:none}
#media .tooltip{
text-align:center
}
#beneficios p{
color:#696969;
padding:15px 0 0 42px
}
#servicio #caracteristicas{
padding:5px 20px 20px 0;
border-width:0 1px;
border-style:solid;
border-color:#ffca9f;
background:#fff;
position:relative;
top:5px
}
#caracteristicas .esquina{
background-image:url(../imagenes/sprite_esquinas_caracteristicas.png);
background-repeat:no-repeat;
width:11px;
height:11px;
position:absolute
}
#caracteristicas .esquina.superior{top:-10px}
#caracteristicas .esquina.inferior{bottom:-10px}
#caracteristicas .izquierda{left:-1px}
#caracteristicas .derecha{right:-1px}
#caracteristicas .superior.derecha{background-position: -5px 0}
#caracteristicas .inferior.izquierda{background-position: 0 -4px}
#caracteristicas .inferior.derecha{background-position: -5px -4px}
#caracteristicas .borde{
height:10px;
background:#fff;
margin:0 10px;
position:absolute;
width: 94%;
margin: 0 10px;
left: 0
}
#caracteristicas .borde.superior{
top: -10px;
border-top:solid 1px #ffca9f
}
#caracteristicas .borde.inferior{
bottom:-10px;
border-bottom:solid 1px #ffca9f
}
#caracteristicas li{
padding:0 0 5px 40px;
background: url(../imagenes/bullet.png) no-repeat 6px 2px
}
#caracteristicas h3{
font-weight:bold;
font-size:14px;
color:#ff7200;
text-transform:uppercase
}
#caracteristicas p{
color:#000;
font-size:13px
}
#caracteristicas .boton{
position:absolute;
bottom:-29px;
left:0;
text-align:center;
width:100%
}
#caracteristicas a{
color:#ff7200;
font-weight:bold;
font-size:18px;
background:url(../imagenes/boton_servicio_contacto.png) 0 0;
display:inline-block;
*display:inline; /*ie7*/
zoom:1;
position:relative;
height:39px;
line-height:39px;
padding:0 0 0 22px;
margin:0 0 0 -20px
}
#caracteristicas a span{
background:url(../imagenes/boton_servicio_contacto.png) -478px 0;
position:absolute;
height:100%;
width:22px;
top:0;
right:-22px
}
#servicio #detallado{clear:both}
#detallado h2{
background-position: 0 -64px;
padding:7px 0 7px 41px;
border-style:solid;
border-color: #b9b9b9;
border-width:1px 0 2px;
margin:0 0 10px
}
#detallado ul{
margin:0 0 0 -20px;
padding:0 41px
}
#detallado li{
display:inline-block;
*display:inline; /*ie7*/
zoom:1;
width: 290px;
margin:0 0 20px 20px;
vertical-align:top
}
#detallado h3{
color:#f8a250;
font-size:14px;
font-weight:bold;
border-bottom:solid 1px #d6d6d6;
padding:0 0 3px;
margin:0 0 5px
}
#detallado li ul{
margin:0;
padding:0
}
#detallado li li{
color:#3f3f3f;
line-height:16px;
margin:0;
padding:0 0 10px 30px;
background: url(../imagenes/bullet.png) no-repeat 0 5px;
width:auto;
display:block
}
#detallado .doble{width:605px}
#detallado .doble li{
width:271px;
display:inline-block;
*display:inline; /*ie7*/
zoom:1
}
#detallado .doble.sencilla{
width:447px;
margin:0 0 20px 20px
}
#detallado .doble.sencilla li{width:auto}
#detallado .triple{width:920px}
#detallado .triple li{padding:0 0 10px 30px}
#otros{
height:auto !important;
height: 221px;/*ie6*/
min-height:221px;
background: url(../imagenes/pattern_fondo_otros.gif) repeat-x 0 0;
clear:both;
padding:20px 0 0
}
#otros .bloque{
float:left;
margin: 0 20px 20px 0;
vertical-align: top;
width: 260px;
padding:0 0 0 37px
}
#otros h4 {
color:#fffefe;
font-size:18px;
margin:0 0 15px
}
#otros h4 span{
height:27px;
width:39px;
display:block;
background:url(../imagenes/sprite_iconos_detalle_servicio.png) no-repeat 0 0;
float:left
}
#otros .servicios h4 span{background-position:-5px -103px}
#otros .categorias h4 span{background-position:-5px -135px}
#otros .banner{margin:0}
#otros ul{padding:0 0 0 0}
#otros li{
padding:0 0 3px 40px;
background: url(../imagenes/bullet_02.png) no-repeat 6px 2px;
}
#otros li a{color:#f3f3f3}
/*FIN SERVICIO*/

/*PIE*/
#pie {
padding:5px 0 30px;
color:#393838;
border-top:1px solid #FF6E00
}
#pie * {font-size:11px}
#pie #info{float:left}
#pie #info a{
color:#2a6ebb;
font-weight:bold
}
#pie ul{float:right}
#pie  li{float:left}
#pie  li a{color:#2a6ebb}
/*FIN PIE*/