/* =============================== */
/* ========= 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 {
	position:relative;
	color:#000;
	margin:0px;
	padding:0px;
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#262626;
}

a {text-decoration:none;}

a:hover {text-decoration:none;}


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

#header {position:relative; width:100%; margin:auto; background:#a39e1e;}

#contingut {position:relative; width:955px; background-color:#262626; margin:auto; height:auto!important; }

#footer {position:relative; background:#000; clear:both;}

/*HEADER*/
#logo {position:relative; margin:auto; width:955px; color:#fff;}
#logo h1 {position:absolute; z-index:10; font-size:2em; top:50px; font-weight:bold; left:40px; background:#000; padding:3px;}
#logo h1 a {color:#fff; text-decoration:none;}
#logo h2 {position:absolute; z-index:10; top:95px; left:40px; font-weight:bold; padding:3px;}
#logo h3 {position:relative; font-size:0.75em; text-align:right; padding:5px 10px 0 0;}

#menu {position:relative; background:#171717;}
#menu ul {position:relative; width:955px; margin:0 auto; height:50px;}
#menu ul li {position:relative; float:left; display:inline; padding:0.7em 2em; margin:7px 5px 0 0; background:#3b3b3b; font-weight:bold;}
#menu ul li a {color:#fff; text-decoration:none; } #menu ul li a:hover, #menu ul li a.marcat {color:#a39e1e;}


/*CONTINGUTS*/
.links {position:relative; background:#000;}
.links ul {position:relative; width:925px; margin:0 auto; padding:10px 15px; font-size:0.8em;}
.links ul li {position:relative; padding:1px 10px; font-size:0.9em; display:inline;}
.links ul li a {position:relative; color:#4e4e4e;} .links ul li a:hover {color:#fff;}
.clientes ul li a {color:#3a3a3a;} .clientes ul li a:hover {color:#999;}

#left {position:relative; width:80%; float:left; height:auto!important;  min-height:200px;}
#right {position:relative; width:20%; background-color:#141414; float:left; height:auto!important; min-height:200px; }

.clearfix {position:relative; margin:0; padding:0; clear:both;}

/*LEFT*/
#left .bloc {position:relative; width:30%; float:left; height:auto!important; margin:40px 10px; }
#left .bloc div {position:relative; clear:left; margin:15px 0; font-size:0.85em; border-bottom:1px dotted #000; padding-bottom:15px;}
.bloc h3 {font-weight:bold; color:#fff; text-transform:uppercase; margin-bottom:20px;} .bloc h3 span { padding:1px 5px; background:#a39e1e;}
.bloc div h2 {position:relative; font-weight:bold; max-height:30px; overflow:hidden;} 
.bloc div h2 a {color:#a39e1e;} .bloc div h2 a:hover {color:#ccc;}
.bloc div p {position:relative; color:#c0c0c0; max-height:72px; overflow:hidden;}  .bloc div p span {color:#fff; font-size:0.85em; font-weight:bold; margin-right:8px;}

.mig h3 span {background:#8e8913;}
.mig div h2 a {color:#8e8913;}

.fosc h3 span {background:#78740f;}
.fosc div h2 a {color:#78740f;}

#texto {position:relative; color:#b6b6b6; font-size:0.9em!important; top:-30px; padding:0 20px;}
#texto p {font-size:0.85em!important; text-align:justify; margin-top:15px; }

/*RIGHT*/

.publi {position:relative; text-align:center; margin:auto; margin:20px 0;}

#etiquetas, #categorias, #enlaces {position:relative; font-size:0.85em; margin:0; padding:15px 5px;}
#etiquetas p, #categorias p, #enlaces p {margin-bottom:10px;}
#etiquetas li, #categorias li, #enlaces li {position:relative; margin-right:5px;   font-size:0.90em; color:#ebebeb}
#etiquetas li a, #categorias li a, #enlaces li a {color:#999;} #etiquetas li a:hover, #categorias li a:hover, #enlaces li a:hover {color:#fff;}


/*FOOTER*/
#creativat {position:relative; width:955px; margin:auto; text-align:right; padding:15px 10px 15px 0;}

/*CONTACTO*/

#contacto {position:relative; padding:40px 10px; }
#contacto h3 {font-weight:bold; color:#fff; text-transform:uppercase; margin-bottom:20px;font-size:0.95em;} 
#contacto h3 span { padding:1px 5px; background:#a39e1e;}
#contacto p {color:#ffffff!important;font-size:0.85em; margin:10px 0 0 0}
#contacto p img {margin:8px 8px 8px 0;}
#contacto img { max-width:724px!important; height:auto!important; }

#contacto ul {position:relative; font-size:0.90em; margin-left:25px;}
#contacto ul li { line-height:2em; list-style-image:url(../img/lista.gif); list-style-position:outside;}
#contacto ul li a {color:#fff;}
#contacto ul li a:hover {color:#a39e1e;}

#contacto div {margin-top:15px; font-size:0.90em; padding-right:20px;}
#contacto div h2 {color:#a39e1e; font-weight:bold; font-size:1.6em;} #contacto div h2 a:hover {color:#fff;}
#contacto div h2 a {color:#a39e1e;}
#contacto div p {text-align:justify; font-size:12px;}
#contacto div p span {font-weight:bold; margin-right:10px;}

/*FORMULARI*/

.formContacto {position:relative; margin-left:120px; margin-top:30px; font-size:0.90em; margin-bottom:70px;}
.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:#d0d0d0;}
.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; background-color:#a39e1e;}