/* 
    Document   : estil
    Created on : 24-feb-2009, 13:35:56
    Author     : mario
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {margin:0; padding:0;}
html {
	height:100%;
}
* html #container {
	height:100%;
}

#container {
	min-height:100%;
	margin:0 auto;
}
a { outline:none;}

body{margin:0px; padding:0px; background-color:#D0D1D3; height:100%; background-image:url(../img/body-bkg.png); background-repeat:repeat-x;}
body, p{font-family: Arial, Verdana, sans-serif; font-size:11px;}
p{margin-top:2px;}

/*Generics*/
body,ul,ol,table,form,h1,h2,h3,h4,h5,h6 {padding:0;margin:0;list-style:none;}
h1,h2,h3,h4,h5,h6, .llista-venda li .subtitol {color:#184d80; font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;}

h5{font-family: Arial, Verdana, Helvetica, sans-serif;}

h2.sub{  font-size:24px;  padding:0px;  margin-top:-12px;  font-weight:normal;  font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;  color:#999999;}
h3.h3-fitxa{margin-top:5px; margin-left:8px; float:left;}
h5.h3-fitxa{margin-top:7px; float:left; font-size:13px;}

#container #main, #menu, #f1 #logo{width:930px; margin:0 auto;}
#container #main{background-color:#fff;  /*position:relative;*/  padding:0 0 110px; min-height:500px; /*Optimitzat per 1024x768*/  height:auto !important;}

#f1{ background-color:#184d80; height:88px; background-image:url('../img/f1-bkg.png'); background-repeat:repeat-x;}
    #f1 #logo{position:relative; padding-top:12px; /* padding-left:48px;*/}
        #f1 #logo img{margin-left:24px;}
    #f1 #logo #lang{position:absolute; top:0px; right:48px; background-color:#fff; width:187px; font-size:10px; padding:6px;color:#184d80;}
        #f1 #logo #lang a{text-decoration:none;padding:1px 2px; color:#184d80;}
        #f1 #logo #lang .actiu, #f1 #logo #lang a:hover{background-color:#184d80; color:#fff;}


/*MENU*/
#f2 {background-image:url('../img/f2-bkg.png'); height:67px;}
    #f2 #menu{
	height:66px;
	margin-bottom:0px;
	background-image:url(../img/menu-bkg.gif);
	background-position:24px 0px;
	width:900px;
}
#f2 #menu.esp, #f2 #menu.enp{
    width:920px;
}

#f2 #menu li{float:left; }
	#f2 #menu a {overflow:hidden;position:relative;display:block; padding:15px 8px 0px 8px;/*padding:15px 12px 0px 12px;*/ float:left; background-image:url(../img/menu_li_bkg.gif); background-repeat:no-repeat; background-position:right; height:51px; }
	#f2 #menu a:link, #f2 #menu a:visited {text-decoration:none;}
	#f2 #menu a:hover {text-decoration:none;}
	#f2 #menu a img {position:absolute;top:0px;left:0px;/*margin-left:12px;*/margin-left:8px;}
	#f2 #menu a:HOVER img,#f2 #menu a.Selected img {position:absolute;top:-66px;left:0px;}
	
	/*
	#f2 #menu a strong {font-size:16px;}
	#f2 #menu a:link strong, #f2 #menu a:visited strong {color:#426c94; background-color:inherit;}
	#f2 #menu a:hover strong { color:#12497d; background-color:inherit;}
	*/
	
	#f2 #menu .m1 {font-size:16px;}
	#f2 #menu a:link .m1, #f2 #menu a:visited .m1 {color:#426c94; background-color:inherit;}
	#f2 #menu a:hover .m1 { color:#12497d; background-color:inherit;}
	
	#f2 #menu a span { display:block; font-size:12px; font-weight:bold;}
	#f2 #menu a:link span, #f2 #menu a:visited span {color:#4b4b4b; background-color:inherit;}
	#f2 #menu a:hover span { color:#202021; background-color:inherit;}


* html #f2 ul#menu{
    width:930px;
}

/*Contingut*/
#container #main #cont{margin:0px; padding:8px 24px;}
#container #main #cont h1{font-size:30px;line-height:28px;letter-spacing:0px;text-align:left;margin:0px;padding:0px;}
#container #main #cont h2{font-size:24px;line-height:22px;letter-spacing:0px;text-align:left;margin-bottom:3px;}
#container #main #cont h3{font-size:21px; color:#999999; font-weight:normal; line-height:20px; margin-bottom:10px;}
#container #main #cont h5, #container #main #cont h5 a{font-size:16px;letter-spacing:0px;text-align:left;margin-bottom:3px;/* width:200px;*/}
#container #main #cont h5{margin-bottom:0;}
#container #main #cont h5 a{text-decoration: none;color:#184d80; }
#container #main #cont h5 a:hover{color:#CFCFCF;}

    .flash{height:235px; width:880px;background-color:#cfcfcf; margin-bottom:3px; margin-top:8px;}
    /*Navegacio*/
    #nav, #nav a{font-size:9px;padding-bottom:5px;padding-top:3px;}
    #nav{color:#999; margin-top:0px; margin-bottom:5px;}
        #nav a{color:#999; text-decoration:none;}
        #nav a:hover{text-decoration:underline;}
        #nav .nav-actiu{color:#184d80; text-decoration:none; }

 .pheader{font-weight:bold; color:#999; font-size:12px; margin:0px;}
 .colA-min{width:200px;}

 #colA, .colA-min, .colB-min, #colB{float:left; }
 #colA{width:425px;}
    #colA .titol{margin-bottom:2px;text-align:left;}

 #colB{width:425px; position: relative;}
 #colB, .colB-min{margin:0px; margin-left:30px;}
 #colB p, #colA p{margin-top:0px;}

 .colB-min{width:650px;}
 .colB-min .paragraf{width:600px;margin-bottom:8px;margin-top:5px;}
.colB-min .nofoto{margin-bottom:12px;}
.colB-min img.foto{float:left; border:1px solid #CFCFCF;margin-bottom:12px;margin-right:12px;}

 #colB ul{margin:0px; padding:0px; }
 #colB ul li{list-style:none; margin:0px; padding:0px; margin-top:7px;}
 #colB ul li .foto{float:left; width:190px; height:105px;}
 #colB ul li .list-info{float:left; width:205px; margin-left:12px; margin-bottom:10px; height:110px;}
    #colB ul li .list-info h2,#colB ul li .list-info p{margin:0px;}
    #colB ul li .list-info .destacat{font-weight:bold; color:#bdbab3; }


a.totes_obres{position:absolute; top:13px; right:0; font-size:10px; text-decoration: none;}
a.totes_obres:hover{text-decoration: underline;}


    /*FITXA DE NAU*/
	h5.gris{margin:0; padding:0; color:#999;}
    #fitxa-fotos, #fitxa-info{float:left;}
    #fitxa-fotos > .nofoto{width:330px; height:300px;}
    #more-fotos > .nofoto{width:78px; height:80px; margin-top:6px; margin-right:6px;cursor:pointer;}
    #fitxa-fotos{width:350px;}
        #fitxa-fotos #more-fotos{margin-top:12px;}

    #fitxa-info{}
        #fitxa-info ul li, #fitxa-info p{margin:0px; width:200px;}
        #fitxa-info .head{color:#999; margin-top:12px;}
        #fitxa-info .head:first-child{margin:0px;}


 .docs{margin-right:18px;}
 .fansi{}
 
 	

/*LLISTA CLIENTS*/
ul.list-cli{}
    ul.list-cli li{float:left; display:block; width:162px; margin-left:16px; margin-bottom:15px;}
    ul.list-cli li:first-child{margin-left:0;}
    * html ul.list-cli li{ margin-left:12px;}
    
    
.fitxa-client{
	float:left; display:block; width:162px; margin-right:20px;margin-left:15px;margin-top:13px;
}
.fitxa-client > img{border: 1px solid #CFCFCF}
.clients-obres{
	float:left;margin-left:20px;width:650px;
}
 /*Formulari*/
.text, .textarea{width:300px; border:1px solid #000; font-size:11px;}
.textarea{height:120px;}
.chk{vertical-align:-3px;}
.form p{margin-bottom:12px;}


/*MENU ESQUERRA*/
a{color:#999;}
.hr1 {background-image:url(../img/menu-border.gif); background-repeat:no-repeat; width:185px; height:2px;}
.menu-esq{background-image:url(../img/menu-border.gif); background-repeat:no-repeat; background-position:bottom; padding-bottom:4px;width:185px;margin-top:10px;}
.menu-esq li{width:185px; height: 26px; margin:0; padding:0;}
.menu-esq li a{display:block;  width:161px; line-height:26px; /*185 menys el padding*/  height:26px; /*26 menys el padding*/  background-image:url(../img/menu-li-bkg2.png);   background-position:0px 0px;   background-repeat:no-repeat;   background-color:transparent;   padding-left:24px;   /*padding-top:6px;*/}
.menu-esq li a {text-decoration:none;color:#184d80;}
.menu-esq li a:hover, .menu-esq li a.actiu{background-position:bottom left;color:#fff;}
.menu-esq li a.actiu{background-image:url(../img/menu-li-bkg.png);}
    .colA-min p:first-child{height:35px;}
/*LLSITAT DE NAUS*/
.llista-venda{margin-top:12px; width:650px;}
    .llista-venda li{
	width:265px;
	float:left;
	margin-right:48px;
	margin-bottom:12px;
}
        .llista-venda li h2{margin:0px;padding:0px;}
        .llista-venda li .nofoto{width:265px; height:146px; margin-bottom:0px;}
        .llista-venda li p{margin:0px;}
        .llista-venda li .subtitol{font-weight:bold; color:#999; font-size:14px; margin-top:-2px; padding:0px; }
        #veuretotes{display:none;}
		.llista-venda li div.nou h5{width:200px;} 

/*FORMULARI DEL CERCADOR*/
.formulari{margin:0px; padding:0px;}
    .text, .textarea{
	border:1px solid #ccc;
	font-size:10px;
	width:280px;
}
    .textarea{width:400px;}
    .formulari td{font-size:11px; padding-right:20px;}
	#cerca{margin-top:5px;display:block;}

/*PEU*/
#foot {   height:90px; background-color:#184d80;	position:relative;   padding-top:0px;margin:0 auto;margin-top:-90px;}
#foot-cont { margin:0px auto;  width:890px;  position:relative;}
#foot-cont #assoc{  padding:8px;  }
    #foot #assoc ul{}
        #foot #assoc li{float:left; margin-right:6px;}
        
#foot-cont #assoc p, #foot-menu ul li a, #foot-menu a{color:#fff; font-size:10px;}
#foot-menu {position:absolute; right:6px; top:0px; text-align:right; color:#fff;}
    #foot-menu ul{margin:12px 0px;}
    #foot-menu ul li{display:inline;list-style:none; margin-left:6px; padding-left:6px;  border-left:1px solid #fff;}
    #foot-menu ul li:first-child{ border-left:0;}
        #foot-menu ul li a, #foot-menu a{text-decoration:none;}
        #foot-menu ul li a:hover, #foot-menu a:hover{text-decoration:underline;}
#foot-menu p{clear:both;}
#foot #foot-cont p{margin-bottom:4px;}

#foot-tau-info{
	position:absolute;
	right:4px;
	color:#fff;
	top: 70px;
    font-size:10px;
}
#foot-tau-info a{color:#fff; text-decoration:none;}
#foot-tau-info a:hover{text-decoration:underline;}

/* Men� gen�ric */
h6 {color:#a6a6a6; font-size:16px; margin-left:0px;}
h5 {color:#184d80; font-size:20px; margin-bottom:5px;line-height:18px;margin-top:5px;}

/* Nous */
.llista-venda li div.nou{background-image:url(../img/ca/stick_nou.png); width:268px; background-position:210px 2px; background-repeat:no-repeat;} 
.llista-venda li div.venda{background-image:url(../img/ca/stick_venda.png); width:268px; background-position:210px 2px; background-repeat:no-repeat;} 
.llista-venda li div.lloguer{background-image:url(../img/ca/stick_lloguer.png); width:268px; background-position:210px 2px; background-repeat:no-repeat;} 
.llista-venda li div.vendalloguer{background-image:url(../img/ca/stick_venda_lloguer.png); width:268px; background-position:170px 2px; background-repeat:no-repeat;} 


/*CERCADOR*/
.cercador{background-color:#f6f6f6;padding:6px; display:none; height:134px; } 
.cercador2{background-color:#f6f6f6;padding:6px; display:none; height:95px; } 

/*Formularis*/
label.error{color:#FF0000;font-style:italic; margin-left:10px;}

/*Altres*/
.fl{float:left;}
.fr{float:right;}
.fotosmall{margin-right:5px;margin-bottom:5px;border:1px solid #CFCFCF;}
.fonsdetalls{margin-top:10px;width:335px;padding-top:5px;}
.cb{clear:both;}
/*.bi{border:1px solid #cfcfcf; padding:1px;}*/
a img{border:0;}
.separator{border-top:1px dotted #bdbab3; margin-top:10px;}
.nofoto{background-color:#cfcfcf;}
.mesinfo,.mesinfo2{color:#999999; font-size:11px; text-decoration:none; padding-bottom:1px; display:block; background-image:url(../img/mes.png); background-repeat:no-repeat; background-position:right 2px;}
.mesinfo:hover, .mesinfo2:hover{text-decoration:underline;}
.mesinfo{width:88px;}
.mesinfo2{width:154px;}
.inv{display:none;}
.padding-right{padding-right:10px;}
#mapa{margin-top:20px;}
#mapa ul li{margin-left:15px;}
.relative{position:relative;}

/*BASES*/
.h10{height:10px;}
.pr10{padding-right:15px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.mr{margin-right:12px;}