@charset "utf-8";
/* CSS Document */
BODY{ margin:0px; padding:0px;overflow-y:visible}
.clearFloat {
    clear:both;
    font-size:1px;
    height:0px;
}
html{ font-family: "Trebuchet MS",Arial,Verdana,Helvetica,sans-serif; background:url(../img/fons_pag.jpg) top center no-repeat #000; }
A{ text-decoration:none; outline:none;}
P{ text-align:justify;}
#tot{
    margin:0 auto;
    text-align:left;
    width:900px;
}
/* GENERICS */
*{
    font-size:12px;
    color:#ccc;
    outline:none;
    border:0;
}
input{
    border:1px solid #404040;
    background-color:#000;
    color:#CA0000;
}
h1{
    color:#CA0000;
    font-size:16px;
    padding:3px 0px;
    margin:0px;
}
h2{
    color:#fff;
    font-size:12px;
    padding:2px 0px;
    margin:0px;
}
h3{
    color:#fff;
    font-size:12px;
    padding:2px 0px;
    margin:0px;
    border-bottom:1px solid #A0A0A0;
}
p{
    color:#ccc;
    padding:1px 0px;
    margin:0px;
}

/* PEU */
#peu{
    background-color:#242424;
    border-top:1px solid #4F4F4F;
    padding:15px 15px 30px 15px;
}
#peu .by6tems{
    height:21px;
    width:43px;
    background:url(../img/6tems.gif) left top no-repeat;
    float:right;
}
#peu .by6tems:hover{
    background-position:0px -21px;
}
.direccioPeu{
    font-size:10px;
    float:left;
    color:#ccc;
}
.direccioPeu a{
    padding-left:10px;
    color:#ccc;
    text-decoration:underline;
}
.direccioPeu a:hover{
    color:#fff;
    text-decoration:none;
}
.menuCapPeu{
    float:right;
}
.menuCapPeu a{
    padding:0px 5px;
    color:#ccc;
    text-decoration:none;
    border-left:1px dotted #4F4F4F;
}
.menuCapPeu a:hover{
    color:#fff;
    text-decoration:none;
}

/* CAP */
#cap{
    background:url(../img/fons_cap.gif) top left no-repeat;
    width:900px;
    height:123px;
    margin:0px;
    padding:0px;
}
.menuCap{
    float:right;
    margin-top:8px;
    padding-right:280px;
}
.menuCap a{
    margin:0px 5px 0px 60px;
    color:#ccc;
    text-decoration:none;
    font-size:11px;
}
.menuCap a:hover{
    color:#fff;
    text-decoration:none;
}
#contingut{
    background-color:#171717;
}

/* PORTADA */
.columnaPortada1{
    width:300px;
    float:left;
}
.butlletiPortada{
    background:url(../img/fons_butlleti.gif) top left no-repeat;
    padding:20px;
    height:90px;
    width:260px;
}
.descarguesPortada{
    background:url(../img/fons_descargues_home.jpg) top left no-repeat;
    padding:20px;
    height:90px;
    width:260px;
    cursor:pointer;
}
.descarguesPortada:hover{
    color:#CA0000;
}
.columnaPortada2{
    width:320px;
    padding:0px;
    float:left;
    text-align:center;
}
.columnaPortada3{
    width:250px;
    padding-left:15px;
    float:left;
}
.dataNoticia{
    font-size:8px;
    color:#fff;
    padding:0px;
    margin:0px;
}
.noticiaPortada{
    padding:7px 0px;
}
.verTodasPortada{
    float:right;
    padding:7px 15px
}
.verTodasPortada a{
    font-size:10px;
    color:#fff;
    padding-right:10px;
    background:url(../img/fletxa_vermella.gif) right center no-repeat;
}
.verTodasPortada a:hover{
    color:#CA0000;
}
.curtButlleti{
    width:40px;
    float:left;
    padding:3px;
    text-align:right;
    font-size:11px;
}
.llargButlleti{
    width:160px;
    float:left;
    padding:3px;
}
.llargButlleti input{
    width:150px;
}
.btOK{
    background:url(../img/img_ok.gif) left top no-repeat;
    color:#fff;
    margin:2px;
    width:46px;
    text-align:center;
    font-weight:bold;
    cursor:pointer;
}
.btOK a{
    color:#fff;
    text-decoration:none;
}
#numOfertaPortada{
    position:relative;
    height:0;
    overflow:visible;
    top:-30px;
    z-index:999;
    text-align:right;
    padding-right:25px;
}
#numOfertaPortada a{
    background:url(../img/num_img_novetat_home.gif) center center no-repeat;
    padding:0px 4px;
    height:16px;
}
#numOfertaPortada a:hover,#numOfertaPortada ahover{
    color:#fff;
}
#novetatsHPortada, #novetatsVPortada{
    padding:9px 10px 5px 10px;
}
#novetatsVPortada{
    float:left;
}
#novetatsHPortada img, #novetatsVPortada img{
    border:1px solid #272727;
}
.notActual *:hover{
    color:#fd2000;
}

/* DESCARGAS */
.descargaDocument{
    width:260px;
    padding-left:30px;
    padding-top:20px;
    float:left;
}
.descargaImg{
    float:left;
    width:75px;
}
.descargaImg img{
    border:1px solid #A0A0A0;
}
.descargaTxt{
    float:left;
    width:160px;
    padding-left:10px;
}
.descargaTxt a{
    line-height:30px;
    text-decoration:underline;
}
.descargaTxt a:hover{
    color:#fff;
}

/* DESCARGAS2 */
.descarga2Document{
    width:160px;
    padding-left:30px;
    padding-right:30px;
    padding-top:20px;
    float:left;
}
.descarga2Img{
    float:left;
    width:75px;
}
.descarga2Img img{
    border:1px solid #A0A0A0;
    margin-bottom:10px;
}
.descarga2Txt{
    float:left;
    width:160px;
}
.descarga2Txt a{
    line-height:15px;
    text-decoration:underline;
}
.descarga2Txt a:hover{
    color:#fff;
}
.idiomes{}
.logo{}

/* NOTICIAS */
#noticia{
    width:560px;
    float:left;
    padding:30px;
}
#noticia h2{
    font-size:16px;
}
#noticia .dataNoticia{
    font-size:11px;
}
#noticia a{
    padding-right:30px;
    margin-right:30px;
    color:#fff;
    background:url(../img/fletxa2.gif) right center no-repeat #171717;
    font-size:14px;
}
#noticia a:hover{
    color:#CA0000;
}

/* EMPRESA */
#empresaLeft{
    float:left;
    width:500px;
    padding-left:30px;
}
#empresaLeft b{
    color:#fff;
}
#empresaLeft p{
    padding:5px 0px;
}
#empresaRight{
    float:right;
    padding-right:30px;
}

/* FORMULARI */
#contactar{
    width:840px;
    float:left;
    padding:30px;
}
#contactar #contact_form{
    width:400px;
    margin:0px auto;
}
#contactar .formTxt, #contactar .formTxtAccepta{
	width:80px;
	float:left;
	font-size:10px;
	text-align:justify;
}
#contactar .formTxtAccepta{
	background-color:#000;
	border: 1px solid #000;
	width:100%;
}
#contactar .formInput input{
    background-color:#2F2F2F;
    border:1px solid #A0A0A0;
    width:300px;
    color:#A0A0A0;
}
#contactar textarea{
    float:right;
    border: 1px solid #A0A0A0;
    background-color:#2F2F2F;
    width:300px;
    height:115px;
    font-size:12px;
    color:#A0A0A0;
     font-family: "Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
}
#contactar #flopd{
	float:none;
	width:20px;
}
#contactar .blocFormulari{
	padding-bottom:10px;
	width:100%;
        display:block;
}
/*******************************************************************/
.popupMail{
	background-color: #333;
	border: 1px solid #ccc;
	height: 100px;
	margin: auto;
	width: 300px;
	position:absolute;
	z-index:10;
	left: 10%;
	top: 25%;
	text-align:center;
	font-size:10px;
	color:#fff;
}
.popupMail a{
	text-decoration:underline;
	color:#fff;
}
#capa_enviat {
	z-index: 998;
	display: none;
	position: absolute;
	background-color: #000;
}
#contactar .formInput .bona{
    background-color:#2F2F2F;
    border:1px solid #A0A0A0;
    width:300px;
    color:#A0A0A0;
    float:right;
}
#submit_btn a{
    text-align:center;
    float:right;
    display:block;
    width:100%;
    border:1px solid #6F0000;
    margin:10px 0px;
    cursor:pointer;
    color:#FFFFFF;
    background-color:#CA0000;
}
#submit_btn a:hover{
    color:#CA0000;
    background:none;
    border:1px solid #A0A0A0;
}
#contactar .formInput .error, .input_contactar_error{
	border: 1px solid #FF000A;
    background-color:#2F2F2F;
    width:300px;
    color:#A0A0A0;
    float:right;
}
.lopd_error{
	border: 1px solid red;
	font-size:10px;
}
/*******************************************************************/

/* FINESTRA MODAL */
/* Z-index de #mask debe estar debajo de #boxes .window */
#mask {
    position:absolute;
    z-index:9000;
    background-color:#000;
    display:none;
}

#boxes .window {
    position:absolute;
    width:440px;
    height:200px;
    display:none;
    z-index:9999;
    /*padding:20px;*/
    color:#000;
    width:300px;
    height:auto;
    background:url(../img/fons_shadowboxMenu.gif) right bottom no-repeat #1c1c1c;
    border:1px solid #3F3F3F;
}
#boxes .window *{
    color:#DFDFDF;
    list-style-type:none;
    padding:0px;
    margin:0px;
    font-size:11px;
}
#boxes .window ul{
    padding:5px 0px;
}
#boxes .window li a{
    padding:2px;
    padding-left:20px;
    display:block;
    font-weight:bold;
    background:url(../img/fletxa_negra.gif) 7px 50% no-repeat;
}
#boxes .window li a:hover{
    background-color:#000;
    color:#fff;
    background:url(../img/fletxa_vermella.gif) 7px 50% no-repeat #000;
}
#boxes .close{
    height:0;
    overflow:visible;
    display:block;
    position:relative;
    top:-20px;
    text-align:right;
    color:#CA0000;
    font-weight:bold;
}