/*   
Theme Name:Loginser Template
Theme URI:http://www.loginser.com
Description:Loginser Template is a Loginser corporate theme
Author:Luca Martincigh
Author URI:http://www.lucamartincigh.com
Version:1.0
Tags:loginser
*/

@charset "UTF-8";



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* CSS Document */
  
body{ font-family:"Trebuchet MS", "Myriad Pro", Arial; font-size:12px;}
.inner{ width:960px; margin:0 auto; position:relative;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.alignright{ float:right; margin-left:20px; margin-bottom:10px;}
.alignleft{ float:left; margin-right:20px; margin-bottom:10px;}
strong{ font-weight:bold; color:#333333;}
.w10{ width:10%; padding-left:1%;}
.w20{ width:19%; padding-left:1%;}
.w30{ width:29%; padding-left:1%;}
.w40{ width:39%; padding-left:1%;}
.w50{ width:49%; padding-left:1%;}
.w60{ width:49%; padding-left:1%;}
.w70{ width:69%; padding-left:1%;}
.w80{ width:79%; padding-left:1%;}
.w90{ width:89%; padding-left:1%;}
.w5{ width:4%; padding-left:1%;}
.w8{ width:6%; padding-left:1%;}
.w15{ width:14%; padding-left:1%;}
.w25{ width:24%; padding-left:1%;}
.w35{ width:32%; padding-left:1%;}
.w45{ width:44%; padding-left:1%;}
.w55{ width:54%; padding-left:1%;}
.w65{ width:64%; padding-left:1%;}
.w75{ width:74%; padding-left:1%;}
.w85{ width:84%; padding-left:1%;}
.w95{ width:94%; padding-left:1%;}

.error{ color:#CC0000;}

.print{ display:none;}

/* HEADER */

#header{ height:130px; width:100%; background:url(../images/bk_header.jpg) repeat-x center center;}
#logo{ position:absolute; left:-100px; top:0;}
#menu{ position:absolute; right:0; top:30px; width:400px;}
#menu p{ color:#FFFFFF; font-size:13px; line-height:18px;}
#menu li{ display:block; float:left;}
#menu li a{ 
	color:#FFFFFF; 
	text-decoration:none; 
	text-transform:uppercase; 
	padding:5px 5px 3px 5px; 
	margin-left:15px; 
	display:block;
	font-size:15px;
	}
#menu li.current_page_item a, #menu li a:hover{ 
	background-color:#0A7FB9;						/* AZUL OSCURO LOGINSER */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#CCCCCC;
	}
#headerprint{ height:130px; width:100%; }
#datos_cliente{ position:absolute; top:30px; right:0px; width:500px; text-align:right;}
#datos_cliente p{ padding:20px;}
#logo_cliente{ float:right; margin-left:15px; height:70px;}

/* BANNER */

#banner{ height:200px; width:100%; background:url(../images/bk_banner.jpg) repeat-x center center;}
#slideshow{ position:absolute; right:0; top:0px; z-index:3; width:400px; height:200px; overflow:hidden; background:none!important; }
.transparent{ background:url(../images/transparency.png) repeat!important; position:relative; }
.fix{ position:absolute; top:0px; left:0px;}
#banner h1{
	font-family:'Lekton', arial, serif; 
	text-transform:uppercase; 
	font-size:30px;
	color:#0672A7; 
	padding-top:20px; 
	font-weight:bold;
	 width:600px;
	}
#banner h2{ font-size:21px; width:500px;   }
#banner p{ line-height:18px; width:500px; display:block; padding:7px 0;}

/* SERVICIOS */

#servicios{ height:40px; width:100%; background-color:#333333; overflow:hidden;} /* NEGRO */
#servicios .inner{ background:url(../images/menu_separator.png) repeat-y top left; padding-left:0px; overflow:hidden;}
 
#submenu li{ 
	display:inline-block;
	width:160px; 
	text-align:center; 
	line-height:40px;
	background:url(../images/menu_separator.png) repeat-y top right; 
	margin-left:0;
	padding-left:0;
	float:left;
	 }
#submenu li:hover{ background-color:#CCCCCC;}
#submenu li:hover a{ color:#333;}
#submenu li a{
	color:#FFFFFF; 
	text-decoration:none;  
	text-transform:uppercase; 
	font-size:14px;
	display:block;
	}
	
	/* SERVICIOS MAPS*/

#serviciosmaps{ height:40px; width:100%; background-color:#333333; overflow:hidden;}
#serviciosmaps .inner{ background:url(../images/menu_separator.png) repeat-y top left; padding-left:0px; overflow:hidden;}
 
#submenumaps li{ 
	display:inline-block;
	width:135px; 
	text-align:center; 
	line-height:40px;
	background:url(../images/menu_separator.png) repeat-y top right; 
	margin-left:0;
	padding-left:0;
	float:left;
	 }
#submenumaps li:hover{ background-color:#CCCCCC;}
#submenumaps li:hover a{ color:#333;}
#submenumaps li a{
	color:#FFFFFF; 
	text-decoration:none;  
	text-transform:uppercase; 
	font-size:14px;
	display:block;
	}
	
/* CONTENT */

#content{ overflow:hidden; padding:50px 0; background:url(../images/bk_content.png) repeat-x top center;}
#content .left_column{ width:630px; margin-right:15px; float:left;  }
#content .right_column{ width:300px;  background:url(../images/bk_right_column.png) no-repeat top left; min-height:500px;}
.servicio{ width:280px; margin-right:10px; margin-left:15px; margin-bottom:35px; float:left; overflow:hidden;}
.servicio h3, .page h3, .page h4{
	 
	text-transform:uppercase; 
	font-size:24px;
	
	color:#FF6600;
	margin-bottom:10px;
	}
.page h4{ margin:10px 0;}
.page p{ text-align:justify;}
.page img{ padding:7px; border:1px solid #CCCCCC;}
.servicio h4{
	color:#999; 
	text-align:justify;
	font-size:14px;
	line-height:18px;
	margin:5px 0 10px 0;
	} 
.content_servicio{ text-align:justify;}
.content_servicio img{ display:none}
.servicio img{ float:left; margin-right:10px; width:130px;}
.servicio p, .page p, .content_servicio ul{ color:#666; line-height:16px;}
.page ul{ color:#666666; line-height:18px; list-style:square inside; padding:10px 0;}
.servicio p a, .page a{ color:#333333;}

.login{ width:40%!important; margin:0 auto;}
.login input{ margin-top:9px; margin-bottom:8px; width:95%;}

.right_column h5{ 
	display:block; 
	text-align:center; 
	color:#000000; 
	font-size:21px;
	font-family:'Lekton', arial, serif; 
	letter-spacing:-1px; 
	background:url(../images/bk_h5.png) repeat-x center center; 
	margin:0 15px 15px 15px;
	}
.right_column h5 b{ font-weight:bold;}
.right_column h5 span{ background-color:#FFF; padding:0 12px;}
.noticia{ padding:15px; padding-top:0; line-height:18px;}
.noticia .data{ color:#333333; margin-right:10px; font-size:13px;}
.noticia .title a{ color:#FF6600; font-size:13px; text-decoration:none;}
.noticia p{color:#666; line-height:16px; padding:5px 0;}
.noticia p a{ color:#333333;}

.cliente{ padding:15px; padding-top:0; display:block; line-height:18px; overflow:hidden}
.cliente img{ float:left; width:80px; margin-right:15px;}
.cliente h6{ color:#666666; font-size:15px;}

.zona-clientes{ padding-left:2px;}
.zona-clientes a{ color:#333333; padding-top:15px; line-height:18px;}

.right_column a:hover{ text-decoration:none;}

#logos_servicios img{ width:145px;}

.salir{ float:right; color:#FFFFFF; padding:5px 20px; margin-top:5px; background:url(../images/salir.png) no-repeat center right;}

.listado{ width:100%;}
.listado li{ display:block; list-style:none; width:100%; line-height:27px; border-bottom:1px dashed #CCCCCC; overflow:hidden; font-size:11px}
.listado li.tit div{ text-transform:uppercase; font-size:13px; color:#333333; font-weight:bold;}
.listado li div{ float:left;} 
.listado li div img{ border:none;}
.listado li.pager a{ display:block; float:left; margin:5px 3px 5px 0; background:#999; color:#FFF; height:24px; width:24px; text-align:center; line-height:24px; text-decoration:none;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.listado li.pager a.next, .listado li.pager a.prev{ float:right; width:80px;}
.listado li.pager a:hover, .listado li.pager a.active, #filtra:hover{ background:#FF6600; cursor:pointer;}
.listado li.filter{ padding-bottom:15px; background-color:#EFEFEF;} 

.listado li.pager{background-color:#EFEFEF; width:99%; padding-left:1%;} 
.listado li.acciones{background-color:#EFEFEF; }
.listado li.pager a.reset{  width:100px; float:left; margin-right:10px;}
.listado li.pager a.no{  width:100px; float:left; margin-right:10px; background-color:#c8c8c8; }
.listado li.pager a.no:hover{ background-color:#c8c8c8; cursor:default;}
.listado li.pager a.cerrar{  width:100px; float:left; margin-right:10px; background-color:#ff4a00; }
.listado li.pager a.cerrar:hover{ background-color:#FF6600;}
.listado li.pager a.points{ background:#999; cursor:default;}
.listado li a.ver{ padding:2px 0 2px 27px; background:url(../images/ver.png) no-repeat center left; display:block; text-decoration:none;}
.listado li a.ver:hover{ text-decoration:underline;}

.listado li.datos{ line-height:21px; padding:5px 0;}
.estado0{ color:#333333; font-weight:bold;}

#filtra{ 
	float:none; 
	width:80px;
	margin:5px 3px 5px 0; 
	background:#999; 
	color:#FFF; 
	height:24px; 
	border:none; 
	text-align:center; 
	line-height:24px; 
	text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:11px;
	 font-family:"Trebuchet MS", "Myriad Pro", Arial; 
}

#enviar_por_correo{ display:none;}

h4.detalle{ font-size:16px;}

.imprimir{ background:url(../images/print.png) no-repeat center left; padding:3px 0px 3px 27px;}
.excel{ background:url(../images/excel.png) no-repeat center left; padding:3px 0px 3px 27px;}
.correo{ background:url(../images/email.png) no-repeat center left; padding:3px 0px 3px 27px;}
.pdf{ background:url(../images/pdf.png) no-repeat center left; padding:3px 0px 3px 27px;}
.ver{ background:url(../images/ver.png) no-repeat center left; padding:3px 0px 3px 27px;}
.delete{ background:url(../images/delete-2.png) no-repeat center left; padding:3px 0px 3px 27px;}

a.enviorecogida{ 
	display:block; 
	float:left; 
	background-color:#999; 
	color:#FFF; 
	padding:15px; 
	font-size:16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right:10px;
	margin-top:30px;
	text-align:center;
	width:130px;
	text-decoration:none;
	}
a.enviorecogida:hover{ background-color:#CCC;}

.ok_message{ 
	margin-top:15px;
	width:100%; 
	padding:15px 0; 
	text-align:center;
	 display:block; 
	 background:#D8F2C4; 
	border:1px solid #0C3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* FOOTER */

#up{ width:63px; height:27px; background:url(../images/up.png) no-repeat center center; display:block; margin:0 auto; text-indent:-2000px; overflow:hidden;}
#footer{ width:100%; overflow:hidden; background:url(../images/bk_footer.jpg) repeat-x top center;}
#footer .box{ width:210px; margin-right:37px; padding:30px 0; overflow:hidden; float:left}
#footer .box h6{
	font-family:'Lekton', arial, serif; 
	text-transform:uppercase; 
	font-size:21px;
	color:#FFF;
	margin-bottom:10px;
	}
#footer .box h6 b{ font-weight:bold; color:#444;}
#footer .box li a{ color:#FFFFFF; text-decoration:none; display:block; background:url(../images/footer_pattern.png) repeat-x bottom left; padding:10px 0;}
#footer .box li a:hover{ color:#CCCCCC;}

/* CREDITS */

#credits{ width:100%; background-color:#323232; padding:15px 0 30px 0; color:#CCCCCC;}
#credits p{ display:block;   padding-left:150px; background:url(../images/logo-loginser-foot.png) no-repeat top left; line-height:18px; width:450px; }
#credits .logoebpeq{ background:url(../images/logoebpeq.png) no-repeat center right; padding:10px 30px 10px 0;}
#credits a{ color:#FFFFFF;}
#credits a:hover{ text-decoration:none;}

/* CONTACTO*/

.wpcf7-form p{ color:#333333; font-size:14px; margin:10px 0 5px 0; line-height:21px;}
.wpcf7-form textarea{ width:300px; height:100px;}
.wpcf7-submit{ float:right;}
div.wpcf7 img.ajax-loader{ height:16px!important; width:16px!important; }

.form .left{ float:left; margin-right:30px; width:300px; margin-bottom:10px; margin-top:10px;}
.form label{ margin-bottom:0px; display:block;}
.form input[type=text]{ width:270px; border:1px solid #999999; padding:5px 2px;}
.form textarea{ width:600px; margin:10px 0; height:80px; border:1px solid #999999; padding:5px 2px;}