/* =============================== */
/* ========= 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 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#5f5e5b;
	background-color:#d1d2d3;
	margin:0px;
	padding:0px
}

a {color:#8cb02c;}
/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

#main_container {position:relative; width:955px; margin:0 auto;}

.clearfix {position:relative; clear:both;}
/*header*/
#header {position:relative; height:116px;} #header img {position:relative; float:left;}
#header h1 {display:none;}


/*contenido*/
#content {position:relative; clear:both; width:955px; height:auto!important; min-height:200px; height:200px;  background:url(../img/fondo.gif); background-repeat:repeat-y; z-index:2;}
#left {position:relative; float:left; width:566px;  margin:0;z-index:2;}
#topLeft {position:relative; background-image:url(../img/fondo-top-left.gif); width:526px; height:75px; padding:0 20px 0 20px;}
#topLeft img {position:relative; margin-left:30px;}
#topLeft .pdf {position:relative; float:right; margin-top:-30px;}

#textos {position:relative; background-image:url(../img/fondo-left.gif); background-repeat:repeat-y; overflow:hidden; font-size:0.8em;}
#textos div {padding:10px 40px 10px 65px; text-align:justify;}
#textos p {margin-top:8px;}

#triple {position:relative; padding:0!important;}
#triple div {position:relative; float:left; border-top:1px solid #e0e0e1; width:139px; margin:20px 14px 10px 0; padding:0; padding-top:10px;}
#triple div h2 {margin-top:0px!important; margin-bottom:0!important;}
#triple div h2 span {display:none;}
#triple div p {text-align:left; margin-top:3px;}

/*DRETA - BANNERS*/
#right {position:relative; float:left; width:389px; margin:0;}

#bannerServicios {position:relative; background:url(../img/nuestros-servicios.gif); background-repeat:no-repeat; width:389px; height:232px;}
#bannerServicios h2, #bannerContacto h2, #bannerOpciones h2, #bannerOpciones p span {display:none;}
#bannerServicios ul {position:relative; font-size:0.8em; padding:45px 0 0 20px;}
#bannerServicios ul li {position:relative; background-image:url(../img/fletxa.gif); background-repeat:no-repeat; background-position:left top; line-height:1.6em; padding-left:10px;}

#bannerContacto {position:relative; background:url(../img/contacta.gif); background-repeat:no-repeat; width:349px; height:189px; font-size:0.8em; padding:65px 20px 0 20px;}
#bannerContacto p {margin-top:8px;}

#bannerOpciones {position:relative; background:url(../img/descubre-zulosex.gif); background-repeat:no-repeat; width:349px; height:189px; font-size:0.8em; padding:65px 20px 0 20px;}
#bannerOpciones ul {margin-top:20px;}
#bannerOpciones ul li {position:relative; background-image:url(../img/fletxa2.gif); background-repeat:no-repeat; background-position:left top; line-height:2.6em; padding-left:10px;}
#bannerOpciones p {margin-top:20px;}

#bannerNoticias {position:relative; background:url(../img/noticias.gif); background-repeat:no-repeat; background-position:left top; line-height:2.6em; padding-left:20px; height:67px; padding-top:70px;} #bannerNoticias h2 {display:none;}
#bannerNoticias h3 {position:relative; font-weight:bold; font-size:0.7em;line-height:1.2em; height:15px; overflow:hidden; width:315px;}
#bannerNoticias h3 a {text-decoration:underline; color:#6b6b6d;} #bannerNoticias h3 a:hover {text-decoration:none;}
#bannerNoticias p {position:relative; font-size:0.8em; line-height:1.2em; height:30px; overflow:hidden; width:315px;}

/*pie*/
#proporn {position:relative; margin-top:10px; z-index:2;}
#footer {position:relative; clear:both; background:url(../img/fondo.gif); background-repeat:repeat-y; height:50px; padding-top:30px; z-index:1;}
#pie {position:relative; height:20px; width:740px; background:#fff; font-size:0.7em; text-align:center; margin:0 auto; padding-top:2px; z-index:3; top:30px;}
#pie a {color:#5f5e5b; text-decoration:none;} #pie a:hover {text-decoration:underline!important;}
#content #flors {position:absolute; z-index:0; background:none; bottom:-80px; left:22px;}



/*CONTINGUTS*/

#textos div h2 {margin:30px 0 15px 0;}
#textos div h2 span {display:none;}
#textos div h3 {font-weight:bold; color:#8cb02c; margin-top:30px;}
#textos div h3 a {text-decoration:none;}
#textos div h4 {font-weight:bold; margin-top:10px; text-decoration:underline;}
#textos .logo {position:relative; margin:20px 0 10px 0;}
#textos ul {margin:10px 0 20px 10px;}
#textos ul li {background-image:url(../img/fletxa.gif); background-repeat:no-repeat; padding-left:15px;}

/*FORMULARIO*/
.formulari {position:relative; margin-top:20px;}
.formulari span {font-size:0.95em; text-align:right; font-weight:bold; vertical-align:top; line-height:26px; width:180px; padding-right:2px; display:table-cell;}
.formulari fieldset textarea, .formulari fieldset input, .formulari fieldset select {vertical-align:top; font-size:0.95em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.formulari fieldset {border:none;}
.formulari fieldset textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.95em; border:1px solid #c0c0c0; }
.form {border:1px solid #c0c0c0; font-size:1em; line-height:14px; padding:2px;}
.boto {position:relative; margin:-10px 0 20px 165px ;}

.altMinim {position:relative; min-height:250px;}

/*NOTICIAS*/
#listaNoticias {position:relative;}
#listaNoticias div {position:relative;  margin:0 -70px 0 -120px;}
#listaNoticias div h3 {margin-top:0;}
#listaNoticias div h3 a {position:relative;}  #listaNoticias div h3 a:hover {text-decoration:underline;}
#listaNoticias div p { border-bottom:1px dashed #ccc; padding-bottom:10px;}

#ampliaNoticias {position:relative; margin:-10px -30px 0 -60px;}
#ampliaNoticias h4 {text-align:right; padding-bottom:30px;} #ampliaNoticias h4 a {color:#5f5e5b; font-weight:100;}

/*================================================*/
/*===================PAGINACIÓN===================*/
/*================================================*/

.paginacio {position:relative; font-size:0.9em; margin-top:30px; }
.paginacio ul {position:relative; list-style:none!important; background:none; text-align:center; left:-20px;}
.paginacio ul li {position:relative; display:inline; background:none!important;}
.paginacio ul li a {position:relative; padding:2px; text-decoration:none; font-weight:bold; margin:0;} 
.paginacio ul li a:hover {background-color:#8cb02c; color:#fff;}
/*================================================*/