/* CSS Document */


body
{
  background       : #EBEBEB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #797d62;
	margin: 0;
	padding: 0;
}

h1
{
	font-size: 16px;
	line-height: 16px;
	font-weight:bold;
	margin: 0;
	padding: 10px 0 0 0;
	color: #666556;
}

h2
{
	font-size: 13px;
	line-height: 15px;
	font-weight:bold;
	margin: 0;
	padding: 5px 0 0 0;
}

h3
{
	font-size: 11px;
	line-height: 13px;
	font-weight:bold;
	margin: 0;
	padding: 10px 0 0 0;
}

h1, h2, h3, h4, h5, h6
{
    font-family         : georgia, arial, sans-serif;
    font-weight         : normal;
    letter-spacing      : 0.02em;
/*    color               : #0c5877;*/
}

h1
{
    font-size           : 2em;
    padding             : 10px 0;
    margin              : 0;
/*    border-bottom       : 1px solid #888;*/
}

h2
{
    font-size           : 1.6em;
    padding             : 8px 0 2px 0;
    margin              : 0;
}

a
{
	color: #3366CC;
	text-decoration: none;
}

a.link
{
	color: #f54d00;
	text-decoration: none;
	font-weight:bold
}

a img
{
	border:0 none;
	margin:0;
	padding:0
}

/*ul, li
{
  margin:0;
  padding:0;
  list-style:none none;
  list-style-type: square;
}*/

p
{
/*  padding:3px;*/
	text-align: justify;
}

#Container
{
    width            : 998px;
    margin-left      : auto;
    margin-right     : auto;
}

#Top
{
    background       : #EEEEEE url(../images/public/header.jpg);
    width            : 100%;
    height           : 103px;
    margin-top       : 10px;
}

#Title h1
{
    margin-top       : 15px;
    margin-bottom    : 0px;
    margin-left      : 10px;
    padding          : 0px;
    font-size        : 1.4pt;
    font-weight      : normal;
    visibility       : hidden;
}

#Title a:active, h1 a:link, h1 a:hover, h1 a:focus, h1 a:visited
{
    text-decoration  : none;
}

#HeaderContainer
{
    background:url(../images/public/generic_bg.jpg) repeat-x;
    height: 62px;
       padding           : 0 34px 0 34px;
}

#Subcontainer
{
    text-align       : left;
    background       : #FFFFFF url(../images/public/bodybg.jpg);
    padding          : 0;
    margin           : 0;
}

.breaker
{
    clear               : both;
    height              : 0;
    font-size           : 0;
    line-height         : 0em;
}


/* ******************  content column  *************** */

#Content
{
    margin           : 0 34px 0 34px;
/*    padding-top      : 12px;*/
}


#mainLeftContent
{
    float               : left;
    width               : 650px;
}

#mainRightContent
{
    width               : 275px;
    float               : right;
}

#leftContent
{
  padding-left : 10px;
  padding-right: 10px;
    float               : left;
    width               : 675px;
}

#rightContent
{
    width               : 230px;
    float               : right;
}


#query
{
    padding-left        : 18px;
    background          : #fff url(/images/lupa.png) no-repeat 3px 2px;
}

input, select, textarea
{
	font-family         : verdana, tahoma, arial, sans-serif;
	font-size           : 12px;
    border              : 1px solid #ccc;
}

input, select, textarea
{
  font-weight: normal;
}

input.check, input.radio
{
    border              : none;
    width               : auto;
}

input.button
{
    color               : #333;
    margin-right        : 3px;
    background          : #efefef;
}

html>body input.button
{
    padding             : 1px 5px;
}


/*- Menu Tabs --------------------------- */

#tabs
{
  margin-left: 130px;
	position: absolute;
	top:80px;
}

html>body #tabs
{
  	position: absolute;
    top          : 85px;
}

#tabs ul
{
  margin:0;
  padding: 0;
  list-style:none;
}

#tabs li
{
  display:inline;
  margin:0;
  padding:0;
}

#tabs a
{
  float:left;
  background:url(../images/public/menutab_left.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 6px;
  text-decoration:none;
}

#tabs a span
{
  float:left;
  display:block;
  background:url(../images/public/menutab_right.gif) no-repeat right top;
  padding:15px 20px 4px 11px;
  color:#FFF;

}

#tabs a:hover span
{
  color:#000000;
}

#tabs a:hover
{
  background-position:0% -42px;
}

#tabs a:hover span
{
  background-position:100% -42px;
}

#tabs a.sel
{
  background-position:0% -42px;
}

#tabs a.sel span
{
  background-position:100% -42px;
  color:#000000;
}

/* ******************  footer  *************** */

#Footer
{
    background       : #EEEEEE url(../images/footer.jpg);
    width            : 100%;
    height           : 52px;
}

#Footer div
{
    padding-top      : 25px;
    margin-right     : 20px;
    color            : #888;
    text-align       : right;
    font-family      : arial, helvetica, sans-serif;
}

#Footer a, #Footer a:link, #Footer a:visited
{
    color            : #888;
    border           : 0;
    text-decoration  : none;
}

#Footer a:active, #Footer a:focus, #Footer a:hover
{
    text-decoration  : underline;
    color            : #888;
    background-color : transparent;
}
#content
{
	background:url(../images/public/generic_bg.jpg) repeat-x;
	width: 100%;
	height: 540px;
}

/*-----------home-----------*/
#home
{
	background:url(../images/public/home_bg.jpg) repeat-x;
	height:540px;
	width: 100%;
}
	
#home_welcome
{
	background:url(../images/public/home_welcome_bg.jpg) left top no-repeat;
	height:540px;
}

/* MAIN *********************/

#intro
{
    width               : 93%;
    border: 1px solid #9fa295;
	  background:url(../images/public/box_bg.jpg) repeat-x;
	  padding: 12px 24px 12px 24px;
    font-weight         : normal;
    font-size         : 1.2em;
    letter-spacing      : 0.02em;
    line-height      : 1.6em;
    color: #484542;
}

#intro p.link
{
  text-align: right;
}

#mainLeftContent h2.noticias
{
  font-family         : times, times new roman, serif;
  font-weight         : normal;
  letter-spacing      : 0.02em;
/*  color               : #0c5877;*/
  font-size: 1.6em;
  margin-top: 15px;
  margin-botton: 15px;
  border-bottom: 1px solid #e8e8e8;
}

#mainLeftContent table.list
{
    width               : 97%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

#mainLeftContent table.list th
{
    background          : #CC0101;
    color               : #fff;
    text-transform      : uppercase;
    padding             : 2px 4px;
}

#mainLeftContent table.list tr.even td
{
    background-color    :  #f8f8f8;
}

#mainLeftContent table.list tr.even td.foto
{
  background-color    :  #ffffff;
}

#mainLeftContent table.list th
{
    text-align          : left;
    font-size           : 0.9em;
}

#mainLeftContent table.list td
{
    padding             : 3px;
    vertical-align      : top;
    border-bottom: 1px solid #e8e8e8;
}

#mainLeftContent table.list td.foto
{
  text-align: center;
}

#mainLeftContent table.list h2
{
    margin              : 0;
    font-weight         : normal;
    font-size           : 1.5em;
    font-family         : times, times new roman, serif;
    padding             : 5px 0 0 0;
}

#mainLeftContent table.list h2 a
{
	color: #797d62;
}

#mainLeftContent table.list h2 a:hover
{
  text-decoration: underline;
}

#mainLeftContent table.list div.dades
{
    position            : relative;
}

#mainLeftContent table.list span.fecha
{
  font-family         : verdana, arial, sans-serif;
	font-weight         : normal;
	font-size: 0,8em;
	padding: 0:
	margin: 0;
}

#mainLeftContent table.list div.more
{
  font-family         : verdana, arial, sans-serif;
	font-weight         : normal;
	font-size: 0,8em;
	padding: 0:
	margin: 0;
	text-align: right;
}

#mainLeftContent table.list div.more a:hover
{
  text-decoration: underline;
}

/*#mainRightContent img
{
  margin-left: 10px;  
}
*/

/* SERVEIS *********************/

#serveis div.left
{
    width               : 480px;
}

#serveis div.right
{
    width               : 225px;
}

.servei
{
    margin              : 0 15px 20px 0;
}

.servei h2
{
    margin              : 0 0 20px 0;
}

#serveis .servei div.left
{
    width               : 90px;
}

#serveis .servei div.right
{
    width               : 360px;
}

#serveis div.right p
{
    margin-top          : 0;
}

#serveis li
{
    padding             : 2px;
}

#serveis li span
{
    font-size           : 0.8em;
    color               : #a6a6a6;
}

#serveis .info
{
    padding             : 20px;
    background          : #f4f0e5;
    border              : 1px solid #F4E8DE;
}

#serveis .info ul
{
    padding             : 0;
    margin              : 0 0 0 25px;
}

#serveis .info li
{
    padding             : 3px 0;
}

#serveis .info span
{
    display             : block;
}

/* CONTACTE *********************/

#contacteBlock1Text
{
    padding             : 5px 15px 10px 20px;
    float               : left
}

#contacteBlock1Text p
{
    text-align          : right;
    margin              : 0 0 5px 0;
}

#contacteBlock1Img
{
    float               : left;
    padding-top         : 5px;
}

#contacteBlock1Img img
{
    padding             : 3px;
    border              : 1px solid #d8d8d8;
}

#contacte input.button
{
    width               : auto;
}

#contacte div.buttons
{
    text-align          : center;
    margin              : 5px 0;
}

#map
{
    width               : 500px;
    height              : 300px;
    margin              : 10px auto;
    border              : 1px solid #909090;
}

div.balloon
{
    font-size           : 0.9em;
    font-family         : arial;
}

.breaker
{
    clear               : both;
    height              : 0;
    font-size           : 0;
    line-height         : 0em;
}

#contacte fieldset {
    margin: 0;
    padding: 0;
    border: none;
    border-top: 2px solid #ccc;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff url(/images/public/contactar_bg.jpg) repeat-x;
    }

#contacte fieldset input, textarea {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333;
    border: 1px solid #C0C0C0;
    }

#contacte fieldset input:focus, textarea:focus {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333;
    border: 1px solid #000;
    }

#contacte fieldset textarea { width: 450px; }

#contacte fieldset p {
    margin: 0;
    padding: 6px 10px;
    color: #000000;
    font-weight: bold;
    border-bottom: 1px solid #dedede;
    }

#contacte fieldset p span {
    color: #666;
    font-size: 10px;
    font-weight: normal;
    }

#contacte fieldset p label {
    float: left;
    display: block;
    width: 120px;
    }

#contacte fieldset p.submit {
    margin: 0 0 1.0em 0;
    padding: 8px 0;
    background-color: #fff;
    border-bottom: none;
    }

#contacte fieldset p.submit input {
    font-family: verdana, arial, helvetica, sans-serif;
    }


/* ORGANIZACIÓN *********************/

#organizacion
{
/*    width               : 160px;*/
    margin-left: 10px;
    margin-top          : 0;
    background          : url("/images/public/bg_dotted_vertical.gif") repeat-y top left;
}

#organizacion ul
{
    margin              : 0;
    padding             : 0 0 0 20px;
    list-style          : url("/images/public/item-arrow-right.gif") disc;
}

* html #organizacion ul
{
    padding-left        : 33px;
}

#organizacion ul li
{
    padding             : 2px;
}

/* AREA CLIENTE *********************/

#atencion-clienteBlock1Text
{
    padding             : 10px 20px 10px 70px;
    float               : left
}

#atencion-clienteBlock1Text p
{
    text-align          : right;
    margin              : 0 0 30px 0;
}

#atencion-clienteBlock1Img
{
    float               : left;
    padding-top         : 5px;
}

#atencion-clienteBlock1Img img
{
    padding             : 3px;
    border              : 1px solid #d8d8d8;
}

#atencion-cliente input.button
{
    width               : auto;
}

#atencion-cliente div.buttons
{
    text-align          : center;
    margin              : 5px 0;
}

#map
{
    width               : 500px;
    height              : 300px;
    margin              : 10px auto;
    border              : 1px solid #909090;
}

div.balloon
{
    font-size           : 0.9em;
    font-family         : arial;
}

.breaker
{
    clear               : both;
    height              : 0;
    font-size           : 0;
    line-height         : 0em;
}

#atencion-cliente fieldset {
    margin: 0;
    padding: 0;
    border: none;
    border-top: 2px solid #ccc;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff url(/images/public/contactar_bg.jpg) repeat-x;
    }

#atencion-cliente fieldset input, textarea {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333;
    border: 1px solid #C0C0C0;
    }

#atencion-cliente fieldset input:focus, textarea:focus {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333;
    border: 1px solid #000;
    }

#atencion-cliente fieldset textarea { width: 450px; }

#atencion-cliente fieldset p {
    margin: 0;
    padding: 6px 10px;
    color: #000000;
    font-weight: bold;
    border-bottom: 1px solid #dedede;
    }

#atencion-cliente fieldset p span {
    color: #666;
    font-size: 10px;
    font-weight: normal;
    }

#atencion-cliente fieldset p label {
    float: left;
    display: block;
    width: 150px;
    }

#atencion-cliente fieldset p.submit {
    margin: 0 0 1.0em 0;
    padding: 8px 0;
    background-color: #fff;
    border-bottom: none;
    }

#atencion-cliente fieldset p.submit input {
    font-family: verdana, arial, helvetica, sans-serif;
    }

/* ORGANIZACIÓN *********************/

#organizacion
{
/*    width               : 160px;*/
    margin-left: 10px;
    margin-top          : 0;
    background          : url("/images/public/bg_dotted_vertical.gif") repeat-y top left;
}

#organizacion ul
{
    margin              : 0;
    padding             : 0 0 0 20px;
    list-style          : url("/images/public/item-arrow-right.gif") disc;
}

* html #organizacion ul
{
    padding-left        : 33px;
}

#organizacion ul li
{
    padding             : 2px;
}


/* NOTICIAS *********************/

#noticias table.list
{
    width               : 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

#noticias table.list th
{
    background          : #CC0101;
    color               : #fff;
    text-transform      : uppercase;
    padding             : 2px 4px;
}

#noticias table.list tr.even td
{
    background-color    :  #f8f8f8;
}

#noticias table.list tr.even td.foto
{
  background-color    :  #ffffff;
}

#noticias table.list th
{
    text-align          : left;
    font-size           : 0.9em;
}

#noticias table.list td
{
    padding             : 3px;
    vertical-align      : top;
    border-bottom: 1px solid #e8e8e8;
}

#noticias table.list td.foto
{
  text-align: center;
}

#noticias table.list h2
{
    margin              : 0;
    font-weight         : normal;
    font-size           : 1.5em;
    font-family         : times, times new roman, serif;
    padding             : 5px 0 0 0;
}

#noticias table.list h2 a
{
	color: #797d62;
}

#noticias table.list h2 a:hover
{
  text-decoration: underline;
}

#noticias table.list div.dades
{
    position            : relative;
}

#noticias table.list span.fecha
{
  font-family         : verdana, arial, sans-serif;
	font-weight         : normal;
	font-size: 0,8em;
	padding: 0:
	margin: 0;
}

#noticias table.list div.more
{
  font-family         : verdana, arial, sans-serif;
	font-weight         : normal;
	font-size: 0,8em;
	padding: 0:
	margin: 0;
	text-align: right;
}

#noticias table.list div.more a:hover
{
  text-decoration: underline;
}

#noticias div.leftContent
{
  padding-left : 10px;
  padding-right: 10px;
    float               : left;
    width               : 675px;
}

#noticias div.rightContent
{
    width               : 220px;
    float               : right;
    margin-top          : 0;
    padding-left: 10px;
    background          : url("/images/public/bg_dotted_vertical.gif") repeat-y top left;
}

#noticias ul
{
    margin              : 0;
    padding             : 0 0 0 20px;
    list-style          : url("/images/public/item-arrow-right.gif") disc;
}

* html #noticias ul
{
    padding-left        : 33px;
}

#noticias ul li
{
    padding             : 2px;
}

#noticias h3
{
  font-size: 1.3em;
 border-bottom       : 1px solid #d8d8d8;
 padding:  4px 0;
 margin-bottom: 4px;
}

#noticias form.search
{
  margin-bottom: 14px;
}

#noticias form.search input
{
  margin-top: 4px;
}


/* NOTICIA FICHA *********************/

#noticia img.left
{
  padding: 4px;
  margin-bottom: 4px;
  margin-right: 10px;
  border: 1px solid #d0d0d0;
  float: left;
}

#noticia div.rightContent h3
{
  font-size: 1.3em;
  border-bottom       : 1px solid #d8d8d8;
  padding:  4px 0;
  margin-bottom: 4px;
}

#noticia div.rightContent
{
    width               : 220px;
    float               : right;
    margin-top          : 0;
    padding-left: 10px;
    background          : url("/images/public/bg_dotted_vertical.gif") repeat-y top left;
}

#noticia ul
{
    margin              : 0;
    padding             : 0 0 0 0px;
    list-style          : url("/images/public/item-arrow-right.gif") disc;
}

#noticia li
{
    margin              : 7px 5px 0 20px;
    padding             : 3px 0;
}

#noticia li.active
{
    font-weight         : bold;
}

#noticia li a:hover
{
    text-decoration: underline;
}

/* DELEGACIONES *********************/

#delegaciones h2
{
  margin-top: 20px;
  padding: 0;
}

#delegaciones h3
{
  font-size: 1.3em;
  border-bottom       : 1px solid #d8d8d8;
  padding:  4px 0;
  margin-bottom: 4px;
}

#delegaciones fieldset
{
    margin-bottom       : 15px;
    border              : 1px solid #d8d8d8;
    background-color    : #fbfbfb;
    padding             : 15px;
}

#delegaciones label {
	    vertical-align: middle;
}

#delegaciones legend
{
    font-size           : 1.1em;
    font-weight         : bold;
}

#delegaciones ul
{
    margin              : 0;
    padding             : 0 0 0 25px;
    list-style          : url("/images/public/item-arrow-right.gif") disc;
}

#delegaciones table
{
  width: 100%;
}

#delegaciones td
{
  vertical-align: top;
  width: 33%;
  padding: 8px;
}