@charset "utf-8";
/* Exea Comunicación.2010 */
/*Estilos Navarmedia*/
	
/* CSS Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%;}
body { font-size:100%; font-family:Arial, Helvetica, sans-serif; color: #000000; line-height: 130%; margin: 0; }
html {height:100%; padding-bottom:1px; }
form, ul, li, h1, h2, h3, h4, h5, p {margin:0; padding:0; list-style-type: none;}
h1, h2, h3, h4, h5, legend {font-family: Tahoma, Verdana, Arial, sans-serif;}
img{ border:none; }
a {text-decoration:none; color:#0F58A4}
a:hover { color:#0066FF; text-decoration:underline; }

a.link { display:block; float:right; padding: 2px 22px 2px 8px; font-size:0.8em; color:#006699; background: #EDEFFE  url(../img/mn_selected.png) 90% center no-repeat; margin-top: 16px; }
a.link:hover { background-color:#E3E7FD; }
p {font-size:0.8em; line-height: 130%; color:#666666;}
input[type='submit'], input[type='button'] {text-shadow: 0 1px 1px #fff; font-family:Tahoma, Verdana, Arial, sans-serif; cursor:pointer; padding: 7px 24px 7px 24px; font-weight: bold; color: #666666; background: url(../img/boton.png) center 0 no-repeat; border: none; margin-top: 20px; }

#exterior { background: url(../img/bg_exterior.png) center 100% no-repeat; padding-bottom: 6px; }
#envolvente_l { margin: 0 auto; width: 980px; background: url(../img/bg_body_left.png) 0 200px no-repeat; }
#envolvente_r { background: url(../img/bg_body_right.png) 100% 200px no-repeat; padding: 0 28px; }

/*Parte izda*/
#content_left { width: 180px; float: left; text-align: right; }
#logo { margin:12px 0 32px 0; }
#menu_ppal { font-size: 0.8em; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
#menu_ppal .separator {padding: 10px 0 15px 0;  background:url(../img/menu_separator.png) 100% 100% no-repeat;}
#menu_ppal li{ background:url(../img/menu_separator.png) 100% 100% no-repeat; }
#menu_ppal li a { padding: 10px 0 15px 0; display: block; color: #333333; }
#menu_ppal li a.selected { background: url(../img/mn_selected.png) 0 center no-repeat; color: #00CCFF; }
#menu_ppal li a:hover {background: url(../img/mn_selected.png) 0 center no-repeat; color: #999999; }

.mod_left { padding: 36px 0 0 0; margin: 0 0 30px 0;}
.mod_left h2 { color: #00CCFF; font-size: 1.4em; font-weight: normal; }
.mod_left p { font-size: 0.8em; padding: 12px 0; }
.mod_left a { display: block; float: right; margin: 10px 0 0 0; background: url(../img/btn_right.png) 100% 0 no-repeat; }
.mod_left a span {text-shadow: 0 1px 1px #fff; padding: 9px 36px; font-weight: bold; color: #666666; background: url(../img/btn_left.png) 0 0 no-repeat; display: block; font-family: Tahoma, Verdana, Arial, sans-serif; }

/*Parte dcha*/
#content_right { width: 706px; float: left; margin: 0 0 0 34px; }

/*Formulario*/
#usuarios  { margin: 12px 0 16px 0; }
#usuarios form {float:right;}
#usuarios div { width: 140px; float: left; }
#usuarios input[type='text'], #frmClientes input[type='password'] { padding: 6px 16px 8px 24px; border: none; margin: 0 8px 0 0; width:84px; }
#usuarios input[type='text']:focus, #frmClientes input[type='password']:focus { background-position:0 100%;}
#usuarios .password { background: url(../img/password.png) 0 top no-repeat; }
#usuarios .user { background: url(../img/user.png) 0 top no-repeat; }
#usuarios label { font-size: 0.76em; color: #909090; }

/*Header*/
#header  { height:270px; clear: both; background: url(../img/header.png) 0 0 no-repeat; margin-bottom: 28px; }

/*Menú footer, zona blanca*/
#menu_footer { text-align:center; margin:20px 0; padding: 60px 0 0 0; clear: both; }
#menu_footer ul { }
#menu_footer ul li { display:inline; }
#menu_footer ul li a { padding: 8px 6px; font-size: 0.8em; color: #999999; }
#menu_footer ul li a:hover {color: #FF0000; }
#menu_footer .separador { color: #999999; }
#menu_footer .selected { color: #333333; font-weight: bold; }

/*Footer*/
#footer { height: 90px; background: url(../img/bg_footer.png) 0 0 repeat-x; padding: 6px 45px 25px 45px; clear: both; }
#footer div { float: right; }
#footer p { text-align: center; color: #999999; font-size: 1.4em; padding: 30px 0 0 0; }
#footer a { font-size: 0.8em; color: #CCCCCC; display: block; text-align: center; }
#footer a:hover { text-decoration: underline; }

/*servicios home*/
.servicios { width:235px; float: left; background:url(../img/separator.png) 100% 0 no-repeat; }
.servicios h2 { font-size:1.4em; margin:0.5em 0 0.3em 0; color: #333333; font-weight: normal; line-height: 130%; }
.servicios p, .mantenimiento { margin:0.5em 0 0.3em 0; color:#313131; }
.consultoria { background:url(../img/consultoria.png) 15px 6px no-repeat; padding-right:15px; padding-top:70px; }
.internet { background:url(../img/internet.png) 15px 6px no-repeat; padding-left:15px; padding-right:15px;  padding-top:70px; }
.venta { background:url(../img/venta.png) 15px 6px no-repeat #fff;  padding-left:15px;  padding-top:70px; }

.mantenimiento { width:280px; padding:84px 12px 12px 16px;  background:url(../img/mantenimiento.png) 15px 24px no-repeat; }
.mantenimiento h1 { font-size:1.6em; margin:0.5em 0 0.5em 0; color:#333333; font-weight: normal; }

/*Noticias de portada*/
.noticias_header {background:url(../img/noticias_nav.png) 0 0 no-repeat;}
.noticias_header h3{ font-size:1em; padding:8px 12px; color: #ADAFB6; float:left;}
#content_right .noticias_header a {background:none; color:#CCCCCC; padding:8px 32px 6px 0; float:right; display: block; margin-top:0;}
#content_right .noticias_header a:hover { color:#fff; text-decoration:underline;}
.noticias_home {padding: 22px 0 10px 0; background:url(../img/separator_nt.png) 0 100% no-repeat; position:relative; min-height:140px;}
.noticias_home h4 { font-size:1em; margin: 0 0 0.5em 140px; }
.noticias_home p{ margin-left:140px; min-height:62px;}
.noticias_home img{float:left; position:absolute; top: 28px; left:0;}
.fecha { clear:both;color:#999999;display:block;font-size:0.8em;height:22px;margin-bottom:12px;margin-top:12px;padding:6px 12px 4px;text-align:right;}

.noticias {padding: 0 0 6px 0; background:url(../img/separator_nt.png) 0 100% no-repeat;}


.headers  { background-position:0 0; background-repeat:no-repeat; clear:both; height:220px; margin-bottom:24px; padding-right:360px; }
.content { margin-top:12px;}
.content p, .content ul { margin:1em 0 0.8em; font-size:0.85em; line-height:150%; color:#444; }
.content h2, .content h3, .content h4, .content h5, .content h1{ margin: 1.8em 0 0 0; }
.content h1.titular { display:block; line-height:120%; color: #333333; min-height:50px; margin-top: 0px; }
.content h1 { font-weight:normal; line-height:135%; }
.content h2 { color:#0F58A4; font-weight:normal; font-size: 1.3em; }
.content h3 { color:#666666; font-size: 1.2em; }
.content h4 { font-size: 1em; }
.content ul { margin-left:36px;}
.content ul li { padding: 6px 0 6px 28px; background:url(../img/ul.png) 0 center no-repeat;}
.content img { float: left; margin: 0 16px 12px 0;}

/*paginacion*/
.navigation { display: block; clear: both;margin: 18px 0 12px; font-size: 0.8em;}
.navigation a { padding: 5px 12px; border: 1px dotted #0066FF;}
.navthis { padding: 5px 12px; border: 1px dotted #0066FF; font-weight: bold; background-color: #0066FF; color: #FFFFFF;}

/*Contacto */
#frmContacto { width: 50%; float:left; }
#frmContacto label { font-size: 0.7em; display:block; font-weight:bold; color: #666666; margin: 28px 0 2px 0; }
.inputtext { font-size: 1.2em; padding: 8px 4px; color: #0F58A4; width: 280px; }
#frmContacto legend { font-size: 1.8em; }
#frmContacto fieldset {border:none; margin-top:44px;}
.errorform { font-size:0.85em; color:#666666; padding:3px 0 3px 22px; background:url(../img/error.png) 0 center no-repeat;}
#result {background-color:#E3F2FB;font-weight:bold;padding:20px 12px 6px 12px; display:none; height:40px; }
.direccion { width: 42%; float:right; padding: 24px; background-color: #E3F2FB; margin-top:120px; }