@charset "utf-8";
/* CSS Document */
/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}

caption, th {text-align:left;}

fieldset, img {border:0;}

a {outline:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; margin:0px; padding:0px;}

ol, ul {list-style:none;}

address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/

/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
body {
	color:#011b24;
	margin:0px;
	padding:0px;
	background:#58b8bf;
	font-family:Arial, Helvetica, sans-serif;}

a {text-decoration:none;}

a:hover {text-decoration:none;}

/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

h1 {position:absolute; top:50px; left:50px; }
h1 span {display:none;}

#main {position:relative; width:955px; margin:0 auto; font-size:0.80em; z-index:1;}

#header {position:relative; height:118px; z-index:2; background-image:url(../img/fons-top.gif);}
#content {position:relative; min-height:650px; height:650px; height:auto!important; z-index:1; background-color:#104d60!important; background-image:url(../img/fons-centre.gif); background-position:top; background-repeat:repeat-x; margin:0; padding:0; margin-top:-30px;}
#left {position:relative; width:565px; float:left; z-index:1;}
#right {position:relative; width:390px; float:left; padding-top:100px; z-index:2;}

#footer {position:relative; height:137px; clear:both; background-color:#114759; border-bottom:9px solid #042632; padding:0 10px; z-index:2;}

/*HEADER*/
#menu {position:absolute; top:90px; right:26px;}
#menu li {height:56px; overflow:hidden; list-style:none; float:left;}
#menu li a {display:block; height:56px;}
#menu li a span {display:none;}
#menu li a:hover, #menu li a.marcat {background-position:bottom;}

#m01 {background-image:url(../../esp/m-empresa.png); width:94px;}
#m02 {background-image:url(../../esp/m-servicios.png); width:96px;}
#m03 {background-image:url(../../esp/m-experiencia.png); width:196px;}
#m04 {background-image:url(../../esp/m-logistica.png); width:128px;}
#m05 {background-image:url(../../esp/m-contacto.png); width:99px;}

#acceso {position:absolute; height:24px; width:300px; left:710px;}
#acceso img, #acceso div {display:inline!important; height:24px; color:#fff;}
#acceso div {position:relative;  padding:4px 0!important; width:310px; background-color:#292e2f!important; margin:0 -3px 0 -4px!important; top:-7px;overflow:hidden!important;}
#acceso div a {position:relative; display:inline; padding-left:5px; margin:0 2px; color:#58b8bf;}
#acceso div a:hover {color:#ffd200;}

/*NEWS*/
#news {position:relative; background-image:url(../img/arandela-news.png); background-repeat:no-repeat; padding:5px; margin-top:15px!important;}
#news div {width:138px; background:#65c4cd; padding:5px; position:relative; margin:0;}
#news div img {margin:5px 0 0 5px;}
#news div div {position:relative; background:none; max-height:92px; overflow:hidden; margin-top:3px; padding-right:5px!important; width:128px;}
#news div div strong {line-height:1.1em;}
#news div div strong a {background-image:url(../img/creu-blanca.gif); padding-left:12px; background-repeat:no-repeat; background-position:left; color:#011b24;}
#news div div strong a:hover {background-image:url(../img/creu-groga.gif); background-color:#1a1f20; color:#fff; }
#news div div p {max-height:50px; overflow:hidden;}
#news a.tornar {position:relative; float:right; color:#fff; text-decoration:underline; margin-right:5px;} 
#news a:hover.tornar {color:#011b24; text-decoration:none;} 

/*NEWSLETTER*/
#newsletterH {position:relative; background-image:url(../img/fons-newsletter.gif); background-repeat:no-repeat; width:288px; height:71px; padding:15px; clear:both; top:10px!important;}
#newsletterH p, #newsletterV p {background:url(../img/creu-blanca-ie7.gif); padding-left:12px; background-repeat:no-repeat; background-position:left top;
margin:5px 0; line-height:1.1em;}
#newsletterH label, #newsletterV label {padding-left:15px;}
#newsletterH input, #newsletterV input {background-color:#fff; border:1px solid #5eb7cd; margin:2px 0 0 4px; color:#434343;}
.boto {background:url(../img/fons-boto.gif); color:#fff!important; border:none!important; padding:0 4px; font-size:12px;}

#newsletterV {position:relative; background-image:url(../img/fons-newsletter-v.png); background-repeat:no-repeat; width:143px; height:93px; padding:15px 5px 10px 10px; margin-top:40px;}
#newsletterV p {margin-top:10px;}
#newsletterV .boto {float:right; margin:2px 13px 0 0;}

/*FOOTER*/
#footer ul {position:relative; float:left; margin:15px 0 0 20px;}
#footer ul li {line-height:1.5em; padding:0 2px;}
#footer ul li a {color:#5eb7cd; padding-left:12px; background-image:url(../img/creu-blanca.gif); background-repeat:no-repeat; background-position:center left;}
#footer ul li a:hover {background-color:#1a1f20; color:#fff; padding-left:12px; background-image:url(../img/creu-groga.gif); background-repeat:no-repeat; background-position:center left;}

#footer p {position:relative; float:left; width:200px; text-align:center; margin:15px 25px 0 20px; color:#5eb7cd;}
#footer p strong {color:#fff;}
#footer p a {color:#05242e; text-decoration:underline; padding-top:15px;} #footer p a:hover {color:#fff; text-decoration:none;}

#footer div {position:absolute; top:20px; right:20px; width:420px;}
#footer div ul {margin:0; margin-top:15px;}
#footer div ul li {float:left; padding:0; margin:0; }
#footer div ul li a {background:none!important;}
#footer div ul li.abs {margin-top:-15px;}
#footer div ul li.nk {margin:10px 0 0 20px;}

#creativat {position:absolute; left:930px!important; margin-top:-130px; width:20px!important; overflow:hidden;}

/*AUXILIARS*/
.clearfix {position:relative; clear:both!important; margin:0; padding:0;}
.flotarIzq {float:left;}
.flotarDre {float:right; margin:10px 0 10px 10px;}
.alineaCentre {text-align:center;}
.alineaCentre a {color:#000; text-decoration:underline;} .alineaCentre a:hover {color:#fff; text-decoration:none;}

.fotosVert {position:relative; width:166px!important; margin-top:10px!important; float:left;} .fotosVert img {margin-top:10px;}

/*HOME*/

#home {position:relative; left:565px;}
#home .fotosVert, #home #news {margin-top:30px; float:left;}
#home #newsletterH {clear:both;}

/*LEFT*/

#fondo {position:absolute; z-index:-1!important;}
.abaix {bottom:0!important; vertical-align:bottom;}
#contentLeft {position:relative; z-index:1!important; margin-top:85px; margin-left:60px; padding-bottom:50px;}
#contentLeft .foto1 {float:left; margin:-116px 0 10px 170px;}
#contentLeft .foto2 {float:left; margin:10px 0 10px 170px;}
#contentLeft .foto3 {float:left; position:relative; margin-top:12px; clear:both!important; margin-bottom:20px;}


#submenu {position:relative; background-image:url(../img/fons-submenu.png); width:380px; padding:15px; margin-left:-60px;}
#submenu li {text-align:right; line-height:1.7em;}
#submenu li a {color:#fff;} #submenu li a:hover, #submenu li a.marcat {color:#98d8dc; background-image:url(../img/creu-groga.gif); background-position:right; background-repeat:no-repeat; padding-right:12px;}

/*RIGHT*/

#textos {padding-right:40px; margin-left:-60px; margin-bottom:50px!important;}
#textos h2, #textos h3 {position:relative; font-weight:bold; color:#fff; margin:40px 0 10px 0;}
#textos h3 a {color:#151515; padding:0 4px 0 15px; font-weight:100; background-image:url(../img/creu-blava-ie7.gif); background-repeat:no-repeat; text-decoration:underline;}
#textos h3 a:hover {color:#fff; text-decoration:none;}
#textos h4 {position:relative; font-weight:bold; color:#98d8dc; margin-top:30px;}
#textos h4 span {background-color:#104453;}
#textos h5 {font-weight:bold; background-image:url(../img/creu-blava.gif); background-repeat:no-repeat; background-position:left; padding-left:12px; }
#textos p {margin:10px 0; text-align:justify;} #textos p a {color:#000; text-decoration:underline;} #textos p a:hover {color:#fff;}
#textos .foto {margin:20px 0 60px 0; float:right;}

.llistaSimple {position:relative; margin:10px 0 20px 40px;}
.llistaSimple li {list-style-image:url(../img/creu-blava.gif)!important; border:none!important; line-height:1.5em; font-weight:100!important; margin:0!important; color:#000!important;}
.llistaSimple li a {color:#000; text-decoration:underline;} .llistaSimple li a:hover {color:#fff; text-decoration:none;}

.llistaDoble {position:relative; margin:15px 0 20px 20px;}
.llistaDoble li {list-style-image:url(../img/creu-blava.gif); font-weight:bold; color:#fff; margin-top:20px;}
.llistaDoble li ul {margin:5px;}
.llistaDoble li li {color:#000; border-bottom:1px solid #487f8d; list-style-image:none!important; padding:2px 5px; width:200px; margin:0;}
.llistaDoble li p {color:#000; font-weight:100; margin-top:0!important;}
.llistaDoble li em {font-size:0.85em; color:#4399a4; font-weight:100; font-style:normal;s}
.llistaDoble li li span {float:right; width:100px; font-weight:100; margin-top:-16px; text-align:right;}

.gran li li {width:270px;}

.logos {position:relative; margin:15px 0 5px 0!important;}

/*FORMULARI*/

.formContacto {position:relative; margin-top:30px; font-size:0.95em;}
.formContacto span {font-size:0.95em; text-align:right; font-weight:bold; vertical-align:top; line-height:24px; width:140px; padding-right:2px; display:table-cell; color:#fff;}
.formContacto fieldset textarea, .formContacto fieldset input, .formContacto fieldset select {vertical-align:top; font-size:0.95em; font-family:Arial, Helvetica, sans-serif;}
.formContacto fieldset {border:none;}
.formContacto fieldset textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.95em; border:1px solid #c0c0c0; }

.espai {border:1px solid #c0c0c0; font-size:1em; line-height:13px; padding:2px;}
.formContacto .boto {position:relative; padding:0 3px; border:none; margin:-5px 0 0 200px;}

/*NOTICIAS*/

#noticias {position:relative; margin:20px 0;}
#noticias img {position:relative; max-width:220px; max-height:300px; float:right; margin-left:8px!important; margin-bottom:8px;}
#noticias h3 {padding-left:12px; background-image:url(../img/creu-blava-ie7.gif)!important; background-position:left top; background-repeat:no-repeat; font-size:1.1em; margin-bottom:3px;}
#noticias strong {font-size:0.90em;}
#noticias a.tornar {float:right; margin-bottom:50px; text-decoration:underline; color:#fff;} #noticias .tornar:hover {color:#000; text-decoration:none;}
#noticias div {position:relative; border-bottom:1px solid #417585; font-size:0.90em;}
#noticias div h3 {position:relative; height:1.3em; line-height:1.5em;overflow:hidden; margin-bottom:2px; margin-top:10px;padding-left:0; background-image:none!important;}
#noticias div h3 a {color:#fff; padding:4px; background-image:url(../img/creu-blava.gif); background-position:left; background-repeat:no-repeat; padding-left:15px;} 
#noticias div h3 a:hover {padding:4px; background:#1a1f20;  background-image:url(../img/creu-groga.gif); background-repeat:no-repeat; background-position:left; padding-left:15px;}
#noticias div strong {font-size:0.95em; font-weight:bold;}
#noticias div p {position:relative; max-height:2.6em; overflow:hidden; margin-top:5px;}

/*================================================*/
/*===================PAGINACIÓN===================*/
/*================================================*/

.paginacio {position:relative; clear:both; font-size:0.85em; padding:30px 0 20px 0; text-align:right; border-bottom:none!important; }
.paginacio ul {position:relative; list-style:none; width:410px;}
.paginacio ul li {position:relative; display:inline; margin-right:-5px!important; height:15px; padding:2px 3px;}
.paginacio ul li a {position:relative; color:#58b8bf; text-decoration:none!important; padding:2px 3px!important; background:#0e4759; } 
.paginacio ul li a:hover {background-color:#1a1f20; padding:2px 3px!important; text-decoration:none; color:#ffd200;}
.paginaSeleccio {position:relative; padding:2px 3px; color:#fff; background:#236576!important;}
.paginaNoSeleccio {position:relative; padding:2px 3px; color:#58b8bf; background:#0e4759;}

/*================================================*/

#mapaWeb {position:relative; margin:0; padding:0; z-index:20!important; width:410px;}
#mapaWeb li {position:relative;  margin-top:20px; line-height:1.1em!important;}
#mapaWeb li a {color:#fff; background-image:url(../img/creu-blava.gif); background-position:left; background-repeat:no-repeat; padding-left:12px;}
#mapaWeb li a:hover {background-image:url(../img/creu-groga.gif); background-color:#1a1f20;}
#mapaWeb li ul {position:relative; margin:5px 5px 5px 25px!important; line-height:0.90em!important;}
#mapaWeb li li {padding:2px 5px; margin:0;}
#mapaWeb li li a {color:#000!important; font-weight:100; text-decoration:underline;}
#mapaWeb li li a:hover {text-decoration:none; background:none; background-image:url(../img/creu-blava.gif); background-repeat:no-repeat; background-position:left;}


/*POPUPS*/

#pop {position:relative; width:600px; margin:0 auto; font-size:0.80em; z-index:1; background:#fff;}
#pop h1 {position:static; height:113px; background:#00CC00; background-image:url(../img/tecme-pop.jpg); margin:0!important; padding:0!important;}
#pop h1 span {display:none;}
#pop #mig {padding:20px 40px;}
#mig h2 {font-weight:bold; margin:20px 0; text-transform:uppercase;}
#mig h3 {font-weight:bold; color:#40939f; margin:30px 0 5px 0;}
#mig p {margin:7px 0; text-align:justify;}
#mig p a {color:#434343; text-decoration:underline;} #mig p a:hover {text-decoration:none;}

#pop #peu {text-align:center; padding:40px 0 20px 0; border-bottom:9px solid #226878; color:#737373;}
#pop #peu p {font-size:0.95em;}
#pop #peu p strong {color:#246a7b; font-weight:bold;} 
#pop #peu p a {color:#2a2a2a; text-decoration:underline;} #pop #peu p a:hover {color:#5eb7cd;}

#logistica {margin:30px 10px 10px -40px;}