/* Codi CSS David Parcerisa (http://david.parcerisa.es) per Lateral Branding */

/* reseteando el browser */
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; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content: ""; }
abbr,acronym { border:0; }

/* fijando el tamaño de la letra a 10px */
html {font-size: 62.5%;}

/* tamaños de letra estandar */
p, a { font: normal normal 1.2em/1.5em Helvetica, Arial, sans-serif;text-decoration:none;}
a:hover {text-decoration:none;}
h1 {font-size: 2em;}
h3 {font-size: 1.2em;}

/* handlers utiles */
.left {float: left;}
.right {float: right;}
img .left { border:2px solid #aaaaaa; margin: 0 10px 0 0;}
img .right { border:2px solid #aaaaaa; margin: 0 0 0 10px; padding: 1px;}

/* inicio especificos */
body { }

div#introScreen { width: 641px; height: 445px; position: absolute; left: 50%; top: 50%; margin-left: -320px; margin-top: -222px; }

div#contenidor { /*border: 1px solid #000000;*/ width: 962px; position: absolute; left: 50%; margin-left: -481px;}


/* header */
div.header { padding: 0 0 0 0; }

/* barra de navegación */
#navbar { padding: 7px 0 0 110px;}
#navbar ul li { display:inline; margin:0 10px 0 0;}
#navbar ul li a { font: normal normal 1.3em/1.4em Arial, sans-serif; color: #555; display:block; float:left; padding-left: 30px; text-decoration: none;}
#navbar ul li a:hover { color: black; text-decoration: none;}
#navbar ul li a.sel { color: black; font-weight: bold; text-decoration: none;}

div.menuIdioma { position: absolute; right: 45px; top: 120px;}
div.menuIdioma a { font: normal normal 1em/1.4em Arial, sans-serif;color: #555; text-decoration : none; padding: 0 0 0 10px; }
div.menuIdioma a:hover { color: #000; }
div.menuIdioma a.sel { color: #000; }

/* barra de navegación inferior */
/*#navbar_items ul { padding: 0; margin: 0; list-style: none; }
#navbar_items li { float: left; position: relative; width: 10em; }
#navbar_items li ul { display: none; position: absolute; top: 1em; left: 0; }
#navbar_items li > ul { top: auto; left: auto; }
#navbar_items li:hover ul { display:block; }*/

#navbar_items { clear: left; width: 780px; margin: 25px 0 0 60px; padding-top: 7px; border-top: 1px solid #555;}
#navbar_items ul li { display:inline; margin:0 10px 0 0;} 
#navbar_items ul li a { font: normal normal 1.1em/1.4em Arial, sans-serif; color: #555; display:block; float:left; padding-left: 22px; text-decoration: none;}
#navbar_items ul li a:hover { color: black; text-decoration: none;}
#navbar_items ul li a.sel { color: black; text-decoration: none;}

/* pagina */
div#pagina { padding-top: 30px; }

div#head_top_pagina {  background: transparent url('../images/base/top-normal.gif') no-repeat; height: 27px; width: 961px; }
div#head_top_pagina_doble {  background: transparent url('../images/base/top-doble.gif') no-repeat; height: 27px; width: 961px; }

div#body-pagina {  background: transparent url('../images/base/mid-normal.gif') repeat-y; padding: 0 30px 0 30px; }
div#body-pagina_doble {  background: transparent url('../images/base/mid-doble.gif') repeat-y; padding: 0 30px 0 30px; }

div#lateral-izqda { float: left; } 
div#lateral-izqda p { font: bold normal 1.3em/1.4em Arial, sans-serif;color: #000; padding-bottom: 7px;  }
div#body-imatges { width: 305px; height: 280px;}
div#body-thumbnails { border-top: 1px solid #999; border-bottom: 1px solid #999; width: 305px; padding: 5px 0 5px 0; margin-bottom: 15px;   }
div#body-thumbnails img{ padding-right: 10px;}
div#body-thumbnails img.last{ padding-right: 0px;}


div#body-text { float: right; width: 550px; margin-bottom: 70px;}
div#body-text p{ font: normal normal 1.3em/1.4em Arial, sans-serif;color: #999; padding-bottom: 20px; }
div#body-text p.first{ color: #000;}
div#body-text h1{ font: normal normal 2.6em/1.4em Arial, sans-serif; padding-bottom: 20px;  }
div#body-text h3{ font: normal normal 1.5em/1.4em Arial, sans-serif; padding-bottom: 20px;  }
div#body-text table { font: normal normal 1.2em/1.4em Arial, sans-serif;color: #aaa; margin-left: 50px; margin-top: -10px;}
div#body-text td { width: 180px; }

div.vista_general { width: 670px; float: left;  padding-bottom: 30px; }
div.vista_general ul li { display:inline; margin:0 0px 0 0; }
div.vista_general ul li a {  display:block; float:left; padding-bottom: 32px; text-decoration: none;}
div.vista_general ul li a p{ font: normal normal 1.3em/1.4em Arial, sans-serif; color: #555; width: 180px; text-align: center;}
div.vista_general h1 { font: normal normal 2.6em/1.4em Arial, sans-serif; color: #000; padding: 10px 0 10px 0;}
div.vista_general h2 { font: normal normal 1.7em/1.4em Arial, sans-serif; color: #000;  padding: 10px 0 10px 0; clear: left; }
div.vista_general h4 { font: normal normal 1em/1.1em Arial, sans-serif; color: #6f6f6e; margin-top: 40px; padding: 10px 0 10px 0; width: 440px; }
div.vista_general p {  font: normal normal 1.3em/1.4em Arial, sans-serif; color: #6f6f6e; width: 590px; padding-bottom: 3px; }
div.vista_general p em { font-style: italic;}
div.vista_general p strong { font-weight: bold; }
div.vista_general table { width: 400px; font: normal normal 1.3em/1.2em Arial, sans-serif; color: #6f6f6e; text-align: center;  }
div.vista_general table tr.head { color: #000; }
div.vista_general table td { border: 1px solid #cbcbcb; padding: 3px;}
div.vista_general table td.izq { text-align: left;}


div.vista_general a { font: bold normal .9em/1.4em Arial, sans-serif; color: #6f6f6e; text-decoration: none;}


div.vista_general a.download { font: normal normal .9em/1.4em Arial, sans-serif;  background: transparent url('../images/base/download_arrow.gif') no-repeat; padding-left: 20px;}


.detalle { margin: 15px 10px 15px 0px; float: left;   /*background: transparent url('../images/base/lupa.gif') no-repeat; background-position: 64px;*/}
.detalle img { border: 1px solid #6f6f6e; }
.detalle h5 { width: 30px; font: normal normal 1em/1.1em Arial, sans-serif; color: #6f6f6e;}

div.vista_general_selection { width: 960px; float: left;  padding-bottom: 30px; }
div.vista_general_selection h1 { font: normal normal 2.6em/1.4em Arial, sans-serif; color: #000; padding: 10px 0 10px 0;}
div.vista_general_selection h2 { font: normal normal 1.7em/1.4em Arial, sans-serif; color: #000; padding: 10px 0 10px 0; }
div.vista_general_selection ul li { display:inline; margin:0 0px 0 0; }
div.vista_general_selection ul li a { color: #555; display:block; float:left; padding-right: 10px; padding-bottom: 32px; text-decoration: none;}
div.vista_general_selection ul li a p{ font: normal normal 1em/1.4em Arial, sans-serif; color: #555; width: 190px;}


ul.listado { clear: left; width: 490px; padding: 0 0 20px 20px; }
ul.listado li{ list-style-position: outside; list-style-type: square; padding-bottom: 10px;}
ul.listado li {font: normal normal 1.3em/1.4em Arial, sans-serif; color: #6f6f6e; }

div.mapa_web { margin-bottom: 30px; }
div.mapa_web h1 { font: normal normal 2.6em/1.4em Arial, sans-serif; color: #000; padding: 10px 0 10px 0;}
div.mapa_web td h4{ font: normal normal 1.1em/1.4em Arial, sans-serif; color: #000; padding: 0; margin: 0;  border-bottom: 1px solid #cbcbcb;}
div.mapa_web td { width: 350px; padding-right: 30px; font: normal normal 1.2em/1.4em Arial, sans-serif; color:#6f6f6e; }
div.mapa_web table { width: 651px; }
div.mapa_web tr {vertical-align: top;}
div.mapa_web a { font: normal normal 1em/1.4em Arial, sans-serif; color: #9f9f9e; text-decoration: none; }
div.mapa_web a:hover { color: #000; }

div.lateral { width: 228px; float: right; margin-right: -20px;  }
div.lateral p{ font: normal normal 1.2em/1.4em Arial, sans-serif; color: #555; padding-bottom: 10px; }
div.lateral p strong{ font-weight: bold; }
div.lateral h3 { font: bold normal 1.4em/1.4em Arial, sans-serif; color: #6f6f6e; }
div.lateral h4 { font: normal normal 1.2em/1.4em Arial, sans-serif; color: #6f6f6e; width: 221px; padding: 20px 0 5px 0; margin-bottom: 10px; border-bottom: 1px solid #cbcbcb; }
div.lateral a img { margin: 0 7px 7px 0; border: 1px solid #6f6f6e; }
div.lateral a img.f_izqda { background: transparent url('../images/base/f_izq.gif') no-repeat; width: 22px; height: 22px; border: none; }
div.lateral a img.f_dcha { background: transparent url('../images/base/f_dcha.gif') no-repeat; width: 22px; height: 22px; border: none; }
#linea-separadora { margin: 20px 0 20px -12px; border-bottom: 1px solid #dbdbdb; width: 246px; }
div.lateral img.logo { border: 1px solid #6f6f6e; margin-right: 10px; margin-bottom: 10px; } 
div.lateral img.logoUltimo { border: 1px solid #6f6f6e; } 
div.lateral img.logo5 { margin: 40px 0 40px 62px; } 

div.footer { background: transparent url('../images/base/f.gif') no-repeat; height: 27px; width: 961px; padding: 5px 0 0 0; }
div.footer p { text-align: right; font: bold normal 1.1em/1.2em Arial, sans-serif; color: #6f6f6e; margin-right: 20px;}
div.footer a { font: bold normal 1em/1.2em Arial, sans-serif; color: #6f6f6e; margin-left: 20px;}
div.footer a:hover { color: #000; } 
div.formulari_contacte { margin-top: 30px;}
div.formulari_contacte p { margin-top: -30px; margin-bottom: 30px;}

div.formulari_contacte form textarea 	{   padding: 2px; width: 280px; margin: 5px 10px 0 10px;}
div.formulari_contacte form select 		{  padding: 2px; margin: 10px 10px 1px 10px; }
div.formulari_contacte form input 		{  padding: 2px; width: 280px; margin: 5px 10px 0 10px; }
div.formulari_contacte form label 		{  font: normal normal 1.2em/1.4em Helvetica, Arial, sans-serif; width: 150px;display: block; float: left; text-align:right; color: #888; 
										   margin: 5px 10px 0 10px; }
div.formulari_contacte form a { font: normal normal 1em/1.4em Helvetica, Arial, sans-serif;color: #888; text-decoration : none; }
div.formulari_contacte form a:hover { color: #d1cdb0; }
#boton_submit { margin-left: 390px; width: 80px; }

/* Codi CSS David Parcerisa (http://david.parcerisa.es) per Lateral Branding */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */


.menu { clear: left; width: 780px; margin: 25px 0 0 60px; padding-top: 7px; border-top: 1px solid #555; }

.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
font: normal normal 1.1em/1.4em Arial, sans-serif; color: #555; text-decoration: none;
display:block;
}
/* style the links hover */
.menu :hover, .menu a.sel {
color:#000;
}

.menu li.primera{
width: 140px;
border-bottom: 1px solid #000;
padding: 5px 0px 5px 0;
margin-left: 20px; margin-bottom: 5px;
}

.menu li.top { margin-left: 20px; }
.menu li.resto { margin-left: 20px; width: 140px;}

.menu li.resto a, .menu li.primera a { font: normal normal 1em/1.4em Arial, sans-serif; color: #333; padding-top: 5px; }
.menu li.resto a:hover, .menu li.primera a:hover { color: #000; }
 
/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:190px; /*190*/
background: transparent url('../images/base/f_caja_tr.png') repeat;
padding-bottom: 20px;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}


/* Codi CSS David Parcerisa (http://david.parcerisa.es) per Lateral Branding */

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* Codi CSS David Parcerisa (http://david.parcerisa.es) per Lateral Branding */