/* Laanet */
/*@import url('reset.css');*/

body{behavior: url("scripts/csshover3.htc");
background:#EDEDED url(../images/fons.jpg) repeat-x 0% 0%;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; margin:0px;padding:0px; height:100%; font-size:62.5%;}
.index{background:#ffffff url(../images/peu.gif) repeat-x 100% 100%;}

.clearfix:after, div:after, form:after, ul:after, .cuadro li:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

ul,li, h1, h2, h3, h4, h5, p{margin:0;padding:0;}
h2{color:#004F74; margin:5px 0 15px 0;}
img, iframe{border:0px;}

.wrap {display: block;min-height: 100%;width: 100%;position: absolute;top: 0px;left: 0px;z-index: 0;_height: 100%;}
.contingut{padding-bottom:130px;}

a:link, a:visited, a:active{color:#004F74;text-decoration:underline;}
a:hover{color:#666666;text-decoration:none;}
#principal{color:#000000;width:900px;}

#superior, #barra, #central, #peu-int, #flashlaanet, #quadresindex, #banner{margin:0px auto 0px auto; width:900px;}

/* Superior */

#cabecera{background:#ffffff;}
#logo{float:left;margin-top:15px;}
#sst{float:left;width:332px; margin:50px 0 0 5px;}
#bannerblog{float:right;margin-right:25px;}
#bannerpack{float:left;margin-left:50px;}
#flashlaanet{height:129px;}

#icones_superior{float:right; padding:20px 0 0 0;}
#icones_superior li{list-style:none; display:block; float:left;}


/* barra */
#navegacio{background:url(../images/barra.jpg) bottom left repeat-x;}
#barra {padding:0px;font-size:2em;font-weight:bold;color:#f09601;}
#barra ul{height:43px;list-style:none;margin:0; padding:0;}
#barra li{float:left;padding:0px 8px 0px 8px;}
#barra li a{color:#f09601; text-shadow: #000 1px 1px 1px; display:block;font-weight:bold;line-height:43px;padding:0px 20px;	text-align:center;text-decoration:none;}
#barra li a:hover{color:#fff;text-decoration:none;}
#barra li ul{background:#004f74;border-left:2px solid #000000;	border-right:2px solid #000000;	border-bottom:2px solid #000000;
display:none;height:auto;filter:alpha(opacity=95);opacity:0.95;	position:absolute;width:210px;z-index:200;}
#barra li:hover ul{display:block;}
#barra li li {display:block;float:none;	padding:0px;width:210px;}
#barra li ul a{color:#fff;display:block;font-size:0.9em;font-style:normal;	padding:0px 10px 0px 15px;text-align:left;}
#barra li ul a:hover{background:#949494;color:#fff;	opacity:1.0;filter:alpha(opacity=100);}
#barra p{clear:left;}	
#current{background:url(../images/current-bg.gif) top left repeat-x;color:#fff !important;}
#barra .servicios, #barra .servicios li{width:255px;}

/* Central */

#central680{min-height:480px; width:680px;float:left;}
#central1{min-height:480px; width:420px; float:left;}
#central1 h2{font-size:1.8em;font-family:"Trebuchet MS", Verdana, Arial, sans-serif;text-transform: uppercase;}

#aviso h2{margin:0 0 10px 0;}

.ctitular{margin:15px 0 0 0; height:48px; }
.ctitular h1{color:#004F74;font-size:2.6em; text-shadow: #fff 1px 1px 1px; padding:7px 0 0 23px; font-weight:normal;}
.t420{width:420px; background:url(../images/t420.png) no-repeat;}
.t680{width:680px; background:url(../images/t680.png) no-repeat;}
.t900{width:900px; background:url(../images/t900.png) no-repeat;}
.p420{width:420px; background:url(../images/p420.png) no-repeat;}
.p680{width:680px; background:url(../images/p680.png) no-repeat;}
.p900{width:900px; background:url(../images/p900.png) no-repeat;}
.cpeu{height:48px;}

.tit_donde{float:right; font-size:1.3em; margin-top:10px;}
.tit_donde p{margin:0 23px 0 0;}

.text{text-align:justify;font-size:1.3em;background:#ffffff; padding:10px 25px 0px 25px;border-top:1px dashed #cccccc; min-height:420px;}
.text p{padding:0 0 10px 0;}
.tt{text-align:justify;}
.decalogo h3{color:#004F74;font-size:1.3em;font-family:"Trebuchet MS", Verdana, Arial, sans-serif;text-transform: uppercase;margin-top:10px;margin-bottom:3px;}
.pack h3{background:#004F74;padding:2px;color:#fff; margin:10px 0 10px 0;font-size:1.3em;font-family:"Trebuchet MS", Verdana, Arial, sans-serif;text-transform: uppercase;}
.borde img{border:1px solid #cccccc;}

#clientes li{list-style:none;}
#clientes ul.left{padding-right:21px;}
#clientes ul{margin:20px 0 0 0;}


.proyectos img{border:1px solid #ccc; margin:5px 0 15px 0; }
.proyectos div{text-align:center;}

#prodetalle .left{width:350px;}
#prodetalle .right{width:270px; text-align:center;}
#prodetalle img{border:1px solid #ccc; margin:0 0 20px 20px;}


.listaempresa{list-style:none; float:left;}
.listaempresa a:hover{font-weight:bold;}

/* Lateral */

#sidebar1{float:left; margin-left:20px; font-size:1.3em;}
#sidebar{float:right; margin-right:20px;}

.cuadro{width:240px; margin:15px 0 0 0;}
.cuadro ul{padding:5px 20px 5px 20px; background:url(../images/clateral2.png) repeat-y 100% 100%;}
.cuadro li{list-style:none; padding:2px 0 2px 0;}
.cuadro span, .cuadro img{float:left;}
.cuadro span{margin-left:10px;}
.cuadro a:link, .cuadro a:visited, .cuadro a:active{text-decoration:none; color:#000000;}
.cuadro a:hover{text-decoration:underline; color:#cccccc;}

.clateral, .clateral_peu, .clateral_blau, .clateral_peu_blau{width:240px;}
.clateral h2, .clateral_blau h2{font-size:1.6em; text-shadow: #fff 1px 1px 1px; padding:12px 0 0 23px; font-weight:normal; margin-bottom:0;}
.clateral{background:url(../images/clateral1.png) no-repeat; height:40px;}
.clateral_peu{background:url(../images/clateral3.png) no-repeat; height:27px;}
.clateral_blau{background:url(../images/clateral1_blau.png) no-repeat; height:40px;}
.clateral_peu_blau{background:url(../images/clateral3_blau.png) no-repeat; height:27px;}

#ultimas ul{background:url(../images/clateral2_blau.png) repeat-y 100% 100%;}
#ultimas ul img{margin-bottom:3px;}

#sidebar .vermas{margin-top:10px;}
#sidebar .vermas span a{color:#004F74 !important;text-decoration:underline !important; margin-bottom:5px;}
.vermas img{margin:0 0 0 3px !important; border:0 !important;}

#lateral2{width:179px;}
#lateral2 ul{background:url(../images/lateral2.png) repeat-y 100% 100%; margin:0; padding:15px 0 0 45px; list-style:url(../images/fletxa.gif);}
#lateral2 ul li{padding:3px 0 3px 0; font-size:1.5em; font-weight:bold; text-transform: uppercase; font-family:"Trebuchet MS", Arial, sans-serif;}
#lateral2 ul ul{background:none; padding:10px 0 10px 0; list-style:url(../images/li2.gif);}
#lateral2 ul ul li{padding:1px 0 1px 0; font-size:0.9em; font-weight:normal; text-transform: none;}

.lateral2_peu{background:url(../images/lateral2_peu.png) no-repeat; width:179px; height:62px;}

/* Peu */

#peu{background:#EDEDED url(../images/peu.gif) repeat-x 100% 100%; 
color:#ffffff;height:127px;position: absolute;left: 0px;bottom: 0px;width: 100%;display: block;z-index: 999;padding: 0px;margin: 0px;}

#peu a{color:#F09601; text-decoration:none; font-weight:bold;}
#peu a:hover{color:#ffffff; text-decoration:underline;}
#peu ul{margin:65px 0px 10px 0px; padding:0px;}
#peu li{margin:0px; padding:0px; display:inline; font-size:1.4em;}
#peu .copirai a{color:#ffffff;  font-weight:normal; }
#peu p{margin:0px; font-size:1.2em;}
.ultipeu{padding-left:30px !important;}


/* Index */

#frasemolona{width:100%;background:#efefef url(../images/index/fonsmolon.gif) repeat-x;vertical-align:top;margin-top:20px;margin-bottom:20px;}
#frasemolonaINT{width:900px;background:#efefef url(../images/index/fonsmolon.gif) repeat-x;text-align:justify;margin:0px auto 0px auto;font-size:1.4em;padding-bottom:10px;}
#frasemolonaINT h1{background:url(../images/index/frasemolona.gif) no-repeat; width:423px; height:24px; margin-bottom:0px;}
#frasemolonaINT .molonacat{background:url(../images/index/CATfrasemolona.gif) no-repeat;}
#frasemolonaINT .molonaeng{background:url(../images/index/ENGfrasemolona.gif) no-repeat;}

#frasemolonaINT h1 span{margin:-9999px;}
#quadresindex{width:900px; font-size:1.3em; margin-top:30px;}

#iempresa{background:url(../images/index/ico_empresa.jpg) no-repeat; }
#iempresa:hover{background:url(../images/index/ico_empresa2.jpg) no-repeat; }
#iservicios{background:url(../images/index/ico_servicios.jpg) no-repeat; }
#iservicios:hover{background:url(../images/index/ico_servicios2.jpg) no-repeat; }
#itrabajos{background:url(../images/index/ico_trabajos.jpg) no-repeat; }
#itrabajos:hover{background:url(../images/index/ico_trabajos2.jpg) no-repeat; }
#icontactar{background:url(../images/index/ico_contactar.jpg) no-repeat; }
#icontactar:hover{background:url(../images/index/ico_contactar2.jpg) no-repeat; }

#iserveis{background:url(../images/index/ico_serveis.jpg) no-repeat; }
#iserveis:hover{background:url(../images/index/ico_serveis2.jpg) no-repeat; }
#itreballs{background:url(../images/index/ico_treballs.jpg) no-repeat; }
#itreballs:hover{background:url(../images/index/ico_treballs2.jpg) no-repeat; }

#iabout{background:url(../images/index/ico_about.jpg) no-repeat; }
#iabout:hover{background:url(../images/index/ico_about2.jpg) no-repeat; }
#iservices{background:url(../images/index/ico_services.jpg) no-repeat; }
#iservices:hover{background:url(../images/index/ico_services2.jpg) no-repeat; }
#iwork{background:url(../images/index/ico_work.jpg) no-repeat; }
#iwork:hover{background:url(../images/index/ico_work2.jpg) no-repeat; }
#icontact{background:url(../images/index/ico_contact.jpg) no-repeat; }
#icontact:hover{background:url(../images/index/ico_contact2.jpg) no-repeat; }

#iempresa img, #iservicios img, #itrabajos img, #icontactar img, #iserveis img, #itreballs img,
#iabout img, #iservices img, #iwork img, #icontact img {width:153px; height:153px;}

.icos{height:48px; border-bottom:#F09B0E dotted 1px;}
.icos h2{font-size:1.1em; text-transform:none !important; color:#000; font-weight:bold; margin:15px auto 0px auto;}
.descr{padding-top:5px;}
.col1{float:left; margin-right:85px; width-:153px; width:160px;}
.col2{float:right; width-:153px; width:160px;}

.inmenu a:link, .inmenu a:active, .inmenu a:visited{text-decoration:none; color:#666666; line-height:16px;}
.inmenu a:hover{color:#F09B0E; text-decoration:underline;}
.inmenu ul{margin:10px 0px 25px 17px; padding:0px;}
.inmenu li{margin:0px;  list-style:url(../images/creueta.gif);}

#botonets{float:right; margin-top:20px;}
#botonets li{list-style:none; float:left; padding-left:5px; display:inline;}



/* Mapa web */

.mapaweb{padding-left:20px !important; padding-top:40px; font-size:1.4em;}
.mapaweb ul{margin-left:20px;}
.mapaweb li{list-style:url(../images/li.gif); font-weight:bold;  margin-top:10px;margin-bottom:3px; padding-left:5px;}
.mapaweb li li{list-style:url(../images/li2.gif); font-weight:normal; margin:0px;}
.mapaweb li li li{list-style:url(../images/li3.gif);}
.mapaweb li li li li{list-style:url(../images/li4.gif); }

/* Thumbnails Mapa Web */

#portafolio .tit{background:#004F74;color:#ffffff;font-weight:bold;font-size:1.3em;letter-spacing:5px;text-align:center;border-left:3px solid #ffffff;border-right:3px solid #ffffff;height:25px;}
#portafolio a:link img, #portafolio a:visited img, #portafolio a:active img{background:#ffffff;padding:5px;border:1px solid #999999;}
#portafolio a:hover img{filter:alpha(opacity=50);opacity: 0.5;}
#portafolio img{margin:4px;}
#portafolio{margin-right:30px; float:right;}

.portfolio{text-align:right !important;}

/* Galeria Treballs */

#myGallery{text-align: left;margin-: 20px auto 20px auto;}
.content a{color: #fff;}
.content p.linkage{margin-top: 2em;text-align: right;color: #ddd;}
.content p.linkage a { color: #fff; }
#text .content h3, #myGallery h3{color: #000 !important;font-size: 1.3em;}

/* Precios*/

.cabeceras{font-weight:bold; background:#dedede; }
.tprecios{border-left:1px solid #ccc; border-top:1px solid #ccc;}
#precio1{margin-bottom:20px;}
.int{font-size:1.1em; text-align:center;}

/* Proximos proyectos */

.tnuevo{float:left; margin-right:20px; width:140px;}
.tnuevo img{margin-bottom:10px; border:0px;}

/* Servicios*/

.servicios h3, .tt h3{font-family:"Trebuchet MS", Verdana, Arial, sans-serif;text-transform: uppercase;font-size:1.3em;margin:10px 0 0 0;padding:0px;color:#004F74;height:25px;}
.servicios ul{margin:0px;padding:0px;}
.servicios li{padding:0px;margin:0px;list-style:none;background:url(../images/aa_mini.gif) no-repeat;padding-left:25px;}
 
.servicios img{margin:0 10px 10px 0; border:1px solid #ccc;}

.listaservicios{margin:10px 0 20px 15px; list-style:none;}
.listaservicios li{background:url(../images/li4.gif) no-repeat;}

/* Donde Estamos */

.donde{height:48px;background:url(../images/central900_donde.gif) no-repeat;text-align:right !important;padding-right:30px;vertical-align:bottom;}
.donde img{margin-bottom:10px;}

/* Descargas */

#tabla_descargas{margin-top:20px;}
#tabla_imagenes img{border:1px solid #ccc; padding:5px; background:#fff;}
#tabla_imagenes img:hover{background:#0047A5;}

.linia{
height:5px;
background: url(../images/linia.gif) repeat-x;
}

/* Contactar */

input, textarea {float:right; width:170px; margin-bottom:5px;}
#contacto{width:370px; margin:15px 15px 15px 0px;}
#contacto input.boton{width:60px; float:none;}
#botonsform{float:right;width:170px; margin-top:15px; text-align:left;}
label span.etiqueta{float:left; clear:right !important; font-weight:bold; padding-top:3px; padding-bottom:3px;}
#contacto .right{float:right; margin-bottom:10px;}
.obligatorio{color:#ff0000; font-size:85%; float:left; clear:right !important;margin-top:25px;}
.rojo{color:#ff0000; font-size:85%;}
.small{font-size:85%;}

input#adjunto{width:190px;}

/* Varios */

.alignright{text-align:right;}
.center{text-align:center;}
#fecha{color:#888888;text-align:right;font-size:1.2em;padding-bottom:15px;}
.alpha{filter:alpha(opacity=80);opacity: 0.8;width:470px;height:540px;background:#ffffff;margin-bottom:25px;}


.llista{list-style:url(../images/li4.gif); margin-left:20px; margin-bottom:0px;}
.llista li{padding-left:5px; padding-top:1px; padding-bottom:1px;}
.small{font-size:10px;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.blau{color:#004F74;}