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

/* Via mailing
/* Entorno Digital, S.A.
/* Autor: Gemma Valls
--------------------------------------------------------------------------- */

/* RESET
--------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline;}
:focus { outline: 0; }

a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
img { -ms-interpolation-mode: bicubic;}
/*img, div, li, a { behavior: url(iepngfix.htc); }*/
a, a:active, a:visited, img { outline:none; text-decoration:none;}

.clear { clear:both;}
.espacio { height:350px;}
.espacio2 { height:50px;}

/* BASICOS
--------------------------------------------------------------------------- */

body { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #595b60; line-height:15px; background: url(../images/fondopg.jpg) top left repeat-x;}
p { margin:0 0 18px 0; line-height:15px;}
h1 { font-size:23px; *font-weight:lighter !important; *line-height:28px; color:#000;}
h2 { font-size:22px; *font-weight:lighter !important; color:#666; margin:0 0 10px 0;}
h2 span { color:#999;}
h3 { font-size:14px;}
h3 span { display:block; color:#fff; background-color:#869cb1; padding:2px; margin:20px 0 10px 0; }
h3 .nospan { display:inline; color:#595b60; background: none; padding: 0;}
.nomargin { margin:0 0 10px 0;}
.titol2 { float:left; width:400px; height:auto;}
.azul { color:#2c79d2; font-weight:bold;}
form { overflow:hidden;}
.blanco { background: none #FFF;}
p strong { font-weight:bold;}


/* ESTRUCTURA
--------------------------------------------------------------------------- */
#wrapper { width: 989px; background: url(../images/fondomenu2.jpg) top left repeat-y; margin:0 auto; overflow:hidden; }
#web { float:left; width:989px; height:auto; background:url(../images/fondomenu4.png) no-repeat bottom left  !important; *background:url(../images/fondomenu4b.jpg) no-repeat bottom left; overflow:hidden;  }
#web2 { float:left; width:989px; height:auto; background:url(../images/fondomenu4a.png) no-repeat bottom left  !important; *background:url(../images/fondomenu4a.png) no-repeat bottom left  !important; *background:url(../images/fondomenu4b.jpg) no-repeat bottom left; overflow:hidden;  }
#content { float:left; width:738px; height:auto; padding:10px; }
#contentblanco { background-color:#FFF; width:690px; /*padding:15px;*/ margin:0 auto; overflow:hidden;}
#contentblanco a { text-decoration:underline; color:#fda33b;}
#contentblanco a:hover { color:#000;}
#contentblanco .bolita ul  { margin:40px 0 0 20px; list-style:circle;}
#contentblanco .bolita ul li { margin:0 0 16px 0; list-style:circle;}
#contentblanco2  { width:100%; background-color:#FFF; padding:10px 0 0 38px;}
/*#contentinicio { float:left; width:738px; height:600px; padding:10px; background:url(../images/fondo_index.jpg) no-repeat top left; }
*/

/* HEADER
--------------------------------------------------------------------------- */
#header { float:left; width:989px; height:136px; background: url(../images/fondo_head_inicio2.jpg) no-repeat top right #FFF; overflow:none; }

#lingris { width:989px; height:35px; overflow:hidden;}

#logoconten { float:left; width:480px; height:96px; padding:0 0 0 8px; background: url(../images/linleft.gif) repeat-y top left;}
	#logoconten #logo { float:left; width:210px; text-align: right; padding:6px 0 0 0;}
	#logoconten #marketing { float:left; width:auto; padding:0 0 0 10px;}
		#logoconten #marketing .perfil { float:left; width:207px; font-size:12px; font-weight:bold; color:#ed9d53; }
	
#navtop { float:left; width:500px; height:86px; padding:10px 0 0 0;}
	#navtop .ico { float:left; height:19px;}
	#navtop .bot { float:right; height:19px; text-align:right; margin:0 0 0 24px; padding:2px 10px 0 0; background:url(../images/fondobottop.jpg) no-repeat top right;}
	#navtop a { font-size:12px; line-height:14px; font-weight:bold; color:#828282; text-decoration:none; margin:0 0 0 6px;}
	#navtop a:hover { color:#000;}
#pag { float:left; width:260px; padding:12px 0 2px 0 !important; *padding:0 0 0 0; font-size:11px; color:#adadad; overflow:hidden;}
	#pag a { text-decoration:none; color:#adadad;}
	#pag a:hover { color:#000;}
	#pag .actual { color:#666;}
	

/* CHAT ON-LINE Y TELÉFONO
--------------------------------------------------------------------------- */
#navtop #infotop, #navtopinivio #infotop { float:right; width:auto; text-align:right; margin-top:20px;}
#navtop #infotop a img, #navtopinivio #infotop a img { float:left; border:none;}
#navtop #infotop a:hover, #navtopinivio #infotop a:hover { color:#f39326;}
#navtop #infotop .iconotel, #navtopinivio #infotop .iconotel { float:left; width:42px; margin:0 10px 0 10px;}
#navtop #infotop .telefono, #navtopinivio #infotop .telefono { float:left; font-size:20px; padding:3px 0; color:#8c8c8c;}
#navtop #infotop .telefono a, #navtopinivio #infotop .telefono a { float:left; font-size:11px; text-decoration:none; color:#8c8c8c;}
#navtop #infotop .telefono a:hover, #navtopinivio #infotop .telefono a:hover { color:#000; }
		

/* PESTAÑAS / SUBMENU NAV2
--------------------------------------------------------------------------- */
#nav2 { float:right; width:486px; height:37px; }
	#nav2 ul li { float:right; display:inline; }
	#nav2 ul li a { float:left; width:109px; height:23px; margin-left:3px; padding:14px 0 0 50px; text-align:left; font-weight:bold; font-size:12px; color:#ababab; text-decoration:none; }
	#nav2 ul li a:hover { color:#686868; }
	
	
	/* SUBMENÚ CONTACTOS 
	--------------------------------------------------------------------------- */
	/*-- mis contactos --*/
	#nav2 ul li a.miscontactos { background:url(../images/bot_miscontactos.jpg) no-repeat top left; }
	#nav2 ul li a.miscontactoselect { background:url(../images/bot_miscontactos_sel.jpg) no-repeat top left; color:#686868; } 
	
	/*-- nuevo contacto --*/
	#nav2 ul li a.nuevocontacto { background:url(../images/bot_nuevocontacto.jpg) no-repeat top left; }
	#nav2 ul li a.nuevocontactoselect { background:url(../images/bot_nuevocontacto_sel.jpg) no-repeat top left; color:#686868; } 
	
	/*-- nueva lista --*/
	#nav2 ul li a.nuevalista { background:url(../images/bot_nuevalista.jpg) no-repeat top left; }
	#nav2 ul li a.nuevalistaselect { background:url(../images/bot_nuevalista_sel.jpg) no-repeat top left; color:#686868; }
	
	/* SUBMENÚ CREAR 
	--------------------------------------------------------------------------- */	
	/*-- nuevo mensaje --*/
	#nav2 ul li a.nuevomensaje { background:url(../images/bot_nuevomensaje.jpg) no-repeat top left; }
	#nav2 ul li a.nuevomensajeselect { background:url(../images/bot_nuevomensaje_sel.jpg) no-repeat top left; color:#686868; } 
	
	/*-- imagenes --*/
	#nav2 ul li a.imagenes { background:url(../images/bot_imagenes.jpg) no-repeat top left; }
	#nav2 ul li a.imageneselect { background:url(../images/bot_imagenes_sel.jpg) no-repeat top left; color:#686868; } 	
	
	
	
#nav2inicio { float:right; width:486px; height:37px; background:url(../images/fondo_index2.jpg) no-repeat bottom right; }	
		
/* MENU NAV
--------------------------------------------------------------------------- */	
#nav { float:left; width:224px; height:475px; padding:55px 0 0 0; margin:0 0 0 3px !important; *margin:0 0 0 2px; background: url(../images/fondomenu.png) no-repeat 0 0  !important; *background: url(../images/fondomenu5.jpg) no-repeat 0 0; overflow:hidden; }

	#nav ul li{ float:right; width:187px; height:67px;}
	#nav li a { display:block; width:187px; height:67px; }
	
		
			/*-- usuarios --*/
			#nav li a#botusuarios { background:url(../images/bot_usuarios.png) no-repeat  !important; *background:url(../images/bot_usuarios2.png) no-repeat;}
			#nav li a#botusuarios:hover { background:url(../images/bot_usuarios_rol.png) no-repeat  !important; *background:url(../images/bot_usuarios2_rol.png) no-repeat;}
			#nav li a#botusuarioselect { background:url(../images/bot_usuarios_sel.png) no-repeat  !important; *background:url(../images/bot_usuarios2_sel.png) no-repeat;  }
			
			/*-- contactos --*/
			#nav li a#botcontactos { background:url(../images/bot_contactos.png) no-repeat  !important; *background:url(../images/bot_contactos2.png) no-repeat;}
			#nav li a#botcontactos:hover { background:url(../images/bot_contactos_rol.png) no-repeat  !important; *background:url(../images/bot_contactos2_rol.png) no-repeat;}
			#nav li a#botcontactoselect { background:url(../images/bot_contactos_sel.png) no-repeat  !important; *background:url(../images/bot_contactos2_sel.png) no-repeat;  }

			
			/*-- crear --*/
			#nav li a#botcrear { background:url(../images/bot_crear.png) no-repeat  !important; *background:url(../images/bot_crear2.png) no-repeat; }
			#nav li a#botcrear:hover { background:url(../images/bot_crear_rol.png) no-repeat  !important; *background:url(../images/bot_crear2_rol.png) no-repeat; }
			#nav li #botcrearselect { background:url(../images/bot_crear_sel.png) no-repeat  !important; *background:url(../images/bot_crear2_sel.png) no-repeat;}
			
			/*-- enviar --*/
			#nav li a#botenviar { background:url(../images/bot_enviar.png) no-repeat  !important; background:url(../images/bot_enviar2.png) no-repeat; }
			#nav li a#botenviar:hover { background:url(../images/bot_enviar_rol.png) no-repeat  !important; background:url(../images/bot_enviar2_rol.png) no-repeat; }
			#nav li #botenviarselect { background:url(../images/bot_enviar_sel.png) no-repeat  !important; background:url(../images/bot_enviar2_sel.png) no-repeat; }
			
			/*-- tracking --*/
			#nav li a#botracking { background:url(../images/bot_tracking.png) no-repeat  !important; background:url(../images/bot_tracking2.png) no-repeat; }
			#nav li a#botracking:hover { background:url(../images/bot_tracking_rol.png) no-repeat  !important; background:url(../images/bot_tracking2_rol.png) no-repeat; }
			#nav li #botrackingselect { background:url(../images/bot_tracking_sel.png) no-repeat  !important; background:url(../images/bot_tracking2_sel.png) no-repeat; }
			
		
		
/* CONTENT
--------------------------------------------------------------------------- */	
#content { width:759px; *width:758px; height:auto; margin:0; padding:0; background:url(../images/fondo_tit2.jpg) repeat-x top left;overflow:hidden;}
#fondotit { width:755px; height:67px; background:url(../images/fondo_tit.jpg) no-repeat top left; overflow:hidden;}
	#fondotit .info { float:left; height:23px; padding-top:44px;}
		#fondotit .info a { font-weight:bold; font-size:12px; color:#587da8; text-decoration:none; }
	#fondotit #icono { float:left; height:23px; padding-top:44px; width:55px; margin:0 4px 0 0; text-align:right;}
	
#content #checklayer { display: none; position:relative; width: 753px !important; *width:752px; height: auto; background-color:#e2edf5; border:3px solid #FFF; color:#587da8; overflow:hidden;}
	#content #checklayer a { float:right; margin:6px;}
	#content #checklayer .txt { float:left; padding:25px;}
	
#contenido { width:690px; height:auto; margin:22px 22px 22px 43px; overflow:hidden;}
.titasunto { font-weight:bold; padding:4px 8px;font-size:12px; color:#fff;margin-bottom:10px; background:#999;}

#contenido2 { width:690px; height:auto; margin:22px 22px 22px 0; overflow:hidden;}

#resultado { padding-top:20px;}
#resultado ul li { background-color:#FFF; padding:6px; border-bottom:1px solid #ececec;}
#resultado ul li:hover { background-color:#f5f5f5;}
#resultado ul li a { font-weight:bold; color: #595b60; }
#resultado ul li a:hover { color:#000;}
#resultado ul li span { color:#F90;}
#resultado input { margin-right:6px;}

/* SUBMENÚ NAV3
--------------------------------------------------------------------------- */
#fondotit #nav3 { float:right;  width:635px; height:47px; padding:20px 22px 0 0; text-align:right;}

.botnav3 { float:right; width:auto; height:20px; margin:18px 0 0 22px; padding:0 10px 0 0 !important; *padding:0 8px 0 0; background:url(../images/fondo_bot_top.jpg) no-repeat top right; }
	.botnav3 .icono { float:left; margin:0 5px 0 0;}
	.botnav3 a { display: inline-block; font-weight:bold; line-height:18px; text-decoration:none; color:#666;}
	.botnav3 a:hover {color:#000;}
	
/* BUSCADOR
--------------------------------------------------------------------------- */
#nav4 { float:right; width:400px; padding:45px 0 0 0; text-align:right;}
	#nav4 form { float:right; height:20px; margin:0; padding:0 10px 0 0; border-right: 1px solid #666;}
	#nav4 form .bot { float:right; height:20px; padding:0 15px 0 0 !important; *padding:0 8px 0 0; background:url(../images/fondo_bot_top.jpg) no-repeat top right; }
		#nav4 form .cuadro { float:left; width:130px; height:16px; margin:1px 3px 0 0; border: 1px solid #d2d2d2; font-size:12px; color:#b7b7b7; padding:0;}
	#buscador .buscar .lupa { float:left; width:20px;}
	
.botnav4 { float:right; width:auto; height:20px; margin:0 0 0 10px; padding:3px 10px 1px 0 !important; *padding:0 8px 0 0; background:url(../images/fondo_bot_top.jpg) no-repeat top right; }
	.botnav4 .icono { float:left; margin:0 5px 0 0;}
	.botnav4 a { display: inline-block; font-weight:bold; line-height:18px; text-decoration:none; color:#666;}
	.botnav4 a:hover {color:#000;}	
			
/* CREAR MENSAJE
--------------------------------------------------------------------------- */
#box_crearmensaje { margin:50px 0 0 50px; }
#box_crearmensaje ul li { display:inline; margin:0 6px;}

#box_crearmensaje .fondo1, #box_crearmensaje .fondo2, #box_crearmensaje .fondo3 { float:left; width:180px; height:auto;}
#box_crearmensaje .fondo1 { background: url(../images/icono_nuevomensaje.jpg) no-repeat top center;}
#box_crearmensaje .fondo2 { background: url(../images/icono_plantillas2.jpg) no-repeat top center;}
#box_crearmensaje .fondo3 { background: url(../images/icono_nuevaplantilla.jpg) no-repeat top center;}

#box_crearmensaje .fondo1 a, #box_crearmensaje .fondo2 a, #box_crearmensaje .fondo3 a { float:left; color:#666; font-weight:bold; text-decoration:none; padding:120px 0 4px 20px; margin:0 auto; }

#box_crearmensaje .fondo1 a { background: url(../images/icono_doc.jpg) no-repeat bottom left; margin-left:12px;}
#box_crearmensaje .fondo2 a { background: url(../images/icono_plantillas.jpg) no-repeat bottom left; margin-left:22px;}
#box_crearmensaje .fondo3 a { background: url(../images/icono_nuevaplantilla2.jpg) no-repeat bottom left; margin-left:22px;}

#box_crearmensaje .fondo1 a:hover, #box_crearmensaje .fondo2 a:hover,#box_crearmensaje .fondo3 a:hover { color:#000; }


/* PRECIOS
--------------------------------------------------------------------------- */
#tablaprecios { float:left;}
#tablaprecios .margen { margin-left:35px;}
#precios { float:left; margin:0 40px 20px 0;}
#precios .titabla { height:22px; font-size:17px; *font-weight:lighter !important; color:#000;}
#precios .fila { background-color:#f2f2f2; text-align:center;}
#precios td, #precios th { padding:3px; border:4px solid #fff; text-align:center;}
#precios .centrado { width:160px; padding:6px;}
#precios .creditos { width:150px;}
.destacado { color:#333; background-color:#bbddff; padding:3px 6px;}
.nota { width:250px; height:32px; margin:0; padding:0; color:#0170db;/* font-weight:bold;*/ background:url(../images/icono_oferta.png) no-repeat 220px 6px #e2edf5;}
#suscripcion { width:92%; height:auto; padding:0 35px 0 0; overflow:hidden;}
#suscripcion ul li { margin:0 0 6px 20px; background:url(../images/bullet2.gif) no-repeat top left; padding:0 0 0 14px; line-height:14px;}
.suscripcion_box { float:left; width:320px; margin:0 20px 0 0; }

 

/* MI CUENTA / CONFIGURACIÓN
--------------------------------------------------------------------------- */
.barra { float:left; width:206px; height:25px; background:url(../images/barra.jpg) no-repeat top left; margin:0 10px 0 0;}
.barra .marcador { height:23px; background:url(../images/barra3.jpg) no-repeat bottom left; margin-left:2px;}
.barra2 { float:left; width:404px; height:25px; background:url(../images/barra_gran.jpg) no-repeat top left; margin:0 0 20px 0;}
.barra2 .marcador2 { height:25px; background:url(../images/barra4.jpg) no-repeat bottom left;}
.barrapc {font-size:10px; font-weight:bold; text-align: right;}
.plan, .plan2, .plan3, .plan4 { float:left; width:300px; height:auto; border:2px solid #e5e5e5; padding:14px 16px 20px 14px;}
.plan { height:140px; margin:10px 20px 0 0;}
.plan2 { height:140px; margin:10px 0 0 0; background: url(../images/pie_degradado.jpg) repeat-x bottom left; border:2px solid #dee1e6; }
	.plan2 ul { list-style: circle; padding:0 0 0 22px;}
	.plan2 ul li { margin:5px 0 0 0; color:#999; t}
	.plan2 ul li a { color:#999;}
	.plan2 ul li a:hover { color:#000;}
	.plan2 img { float:left; margin-right:10px; border:2px solid #b9d2ee;}
	.plan2 h3 { float:left; font-size:13px; font-weight:bold; line-height:16px; color:#4188c4;}
	.plan2 a { float:left; font-size:12px; }
	.plan2 a.bot { /*background: url(../images/fondo_bot_top2.jpg) no-repeat top right #6babe8;*/ color:#fff; }
.plan3 { height:100px; margin:10px 20px 0 0; background-color:#f9f9f9;}
.plan4 { height:100px; margin:10px 0 0 0; background-color:#f9f9f9;}
.plan5{ float:left; width:auto; padding:14px 0 0 0;}
.plan6 { float:right; height:auto; width:300px; padding:4px 10px; background:#f5f8fc;}
.plan6 a {color:#75a8d5; font-weight:bold; text-decoration:none;}
.plan6 a:hover {color:#000;}
.plan3:hover, .plan4:hover { background-color:#fff;}
.plan h4, .plan2 h4, .plan3 h4, .plan4 h4, .box h3, .cuenta h4, .plan5 h4, .plan6 h4 { font-size:18px; font-weight:lighter; margin:0 16px 8px 0;}
.plan .bot, .plan2 .bot, .plan3 .bot, .plan4 .bot, .plan5 .bot, .comprar .bot { color:#666; background:url(../images/fondo_bot_top.jpg) repeat-y top right; font-weight:bold; padding:4px 12px; float:left; margin-top:15px; }
.plan a, .plan2 a, .plan3 a, .plan4 a, .comprar a{ color:#666;}
.plan a:hover, .plan2 a:hover, .plan3 a:hover, .plan4 a:hover, .plan5 a:hover, .comprar a:hover { color:#000;}

.plan2 .asunto { font-weight:bold;}
.plan2 ul {margin-bottom:20px;}
.plan2 ul li { margin:5px 0 0 0;}

.cuenta { float:left; width:100%; height:auto; border-bottom:2px solid #eee; padding:10px 16px 10px 0;}
.cuenta .usuario { float:left; width:auto;}
.cuenta a { color:#FFF; font-weight:bold;}
.cuenta a:hover { color:#000;}
.comprar { float:right; margin:6px 10px 0 0;}
.creditos { float:right;}
a.botcreditos { float:left; width:70px; height:23px; padding:5px 0 0 8px; background:url(../images/bot_fondo.jpg) no-repeat top left; margin:15px 0 0 0;}


/* IMPORTAR CONTACTOS
--------------------------------------------------------------------------- */
#contentblanco2 table {background:#e6e6e6; border-top:3px solid #dfdfdf; border:4px solid #fff;}
#contentblanco2 table td { padding:8px;}
#contentblanco2 table td select { border:2px solid #ececec; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #595b60;}
.papelroto { width:50%; background:url(../images/papelroto.jpg) repeat-x bottom left; padding-bottom:20px; }
	

/* MAPA WEB
--------------------------------------------------------------------------- */
#box_mapa { float:left; width:245px; height:auto; float:left; margin:0 0 16px 50px; overflow:hidden;}
#box_mapa ul li { margin:8px 0 0 0; background:url(../images/bullet2.gif) no-repeat top left; padding:0 0 0 10px; }
#box_mapa ul li a { text-decoration:none; color:#595b60; padding:3px 5px;}
#box_mapa ul li a:hover { background-color:#ececec; color:#000;}


/* FOOTER
--------------------------------------------------------------------------- */
/*#linbottom { float:left; width: 1015px; height:3px; background: url(../images/linbottom.gif) no-repeat top left; overflow:hidden; }*/
#footer { width:989px; height:20px; font-size:11px; color:#595b60; background-color:#FFF; padding-top:6px; border-top:3px solid #e5e5e5; overflow: hidden; margin:0 auto; }
	#footer ul li { display:inline; overflow:hidden;}
		#footer ul li a { float:right; padding:0 0 0 20px; text-decoration:none; color:#9b9da0; }
		#footer ul li a:hover { color:#000;}
		#footer ul li a#entorno { float:right; height:11px; margin:0 0 0 20px; background:url(../images/logo_entorno.jpg) no-repeat top left;}
		#footer ul li a#entorno:hover { background:url(../images/logo_entorno_rol.jpg) no-repeat top left;}
				

/* BOTS FORM
--------------------------------------------------------------------------- */
button { border: 2px solid #cdcdcd; background-color:#FFF;}

/* TOOLTIP
--------------------------------------------------------------------------- */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #4C6176;
	background-color: #4C6176;
	color: #fff;
	padding: 5px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#tooltip h3, #tooltip div, #tooltip input{ margin: 0; color: #fff; font-size:13px; font-weight:lighter;}