/*
** Color logo-naranja web: #e86807
** Color gris fondo claro: #d9dadb
** Color gris fondo oscuro y fondo barra de arriba (inici, etc): #9c9e9f
** blau clar: #DDF0F8
** blau fort: #009EE0
*/
ul, ul li { list-style: none;}
a { text-decoration:none;}
.clear{ clear:both}
#wrapper { width:970px; margin: 0 auto; background: #fff url(/images/fons/faux-column.png) repeat-y left top }
#column_left { width:160px; float:left;}
#center { width:600px;float:left;  padding:0 10px;}
#column_right { width:170px;float:left;padding:0px 10px 20px 10px}
#content {clear:both; background-color: #fff; border-top:#e86807 3px solid;padding:10px 15px}
#logo { padding:10px 0 10px 5px; -moz-border-radius-bottomright:10px; background-color: #fff;margin:0 10px 10px 0}
#top_nav { padding-right:5px;font-family:verdana; background: #D9DADB  url(/images/fons/pal-1.png) no-repeat left top}
#top_nav_dreta { background: transparent url(/images/fons/pal-2.png) no-repeat right top}
#left_nav ul, #top_nav ul, #top_subnav ul { margin:0; padding: 0 }
#top_nav_pral li, #top_subnav li { float:left}
.ui-tabs .ui-tabs-hide {  display: none;}

#top_nav_pral ul { margin-left: 25px;}
#top_nav a:hover { color:#e86807 }

#top_nav a { color: #fff;}
#top_nav a#homepage { padding-left: 15px; background: transparent url(/images/icons/inici.png) no-repeat left center; }

#footer { width:970px; height:40px; margin: 0 auto;background: transparent url(/images/fons/footer.jpg) no-repeat left top;}

/* menu horitzontal */
ul.horitzontal li { float:left }

/** NAV CENTER **/
#top_nav_pral { margin:0 5px; background-color: #9c9e9f}
#top_nav_pral li {}
#top_nav_pral a { display:block; padding:5px 10px;border-right:2px solid #FFFFFF;}

/** NAV TOP **/
#top_subnav { clear:both;padding:10px 0; height: 15px;margin:0 5px;background-color:#D9DADB; }
#top_subnav ul { margin:0 50px}
#top_subnav a:hover { color:  #e86807}
#top_subnav a { color: #9c9e9f}
#top_subnav ul li {border: 1px solid #9c9e9f; padding:0 8px;height:21px}
#top_subnav ul li.llapis {padding-left:25px; margin-left:5px;background: transparent url(/images/icons/llapis.png) no-repeat 0 50%; }
#top_subnav ul li {border-width:0px 1px 0 0}
#top_subnav ul li#username { border-width:0px 1px; border-color:#e86807;color:#e86807}
#top_subnav ul li#signout { padding-left:20px; margin-left:5px;background: transparent url(/images/icons/off.png) no-repeat 0 50%; }
/** NAV LEFT **/

#left_nav ul { margin-bottom: 40px; }
#left_nav ul li a
{
  font-size:1.2em;
  color: #f9c28d;
  display:block;
  padding:15px 0;
}
#left_nav a:hover, #left_nav li.actiu a { color: #fff}

#left_nav ul li:hover , #left_nav ul li.actiu {
  background: transparent url(/images/fons/linia-menu-blanca.png) no-repeat left bottom;
}
#left_nav ul li {
  background: transparent url(/images/fons/linia-menu-taronja.png) no-repeat left bottom;
  font-family:Geneva, Arial, sans-serif;
  padding-right:40px;
  text-align:right;
}
/** CONTENT **/
#content h2 {font-size: 1.5em; color: #e86807; font-weight: bold;border-bottom: 1px solid #000;}
#content h3 {font-size: 1.2em; color: #000; font-weight: normal;margin:0 0 5px 0}
#content h4 {font-size: 1.1em; font-style: italic}
#content h3.taronja { color: #e86807 !important;}
#content a:hover {color: #e86807; }
#content a { color:#009EE0 }
#content p.destacat a { color: #f9c28d; font-weight:bold;}
#content p.destacat a:hover { color: #ffffff; font-weight:bold;}
/* per forçar els estils de ui-jquery a l'edició de la fitxa del traducor */
#content .ui-widget-content a { color: #222; }
#content .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, #content .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
{ color: #fff; }
#content ul, #content ul li  { list-style-type: disc; }
#content img { margin:10px; border: 1px solid #ccc;}
#content img.nomargin { margin:0; border:none;}
#tabs ul , #tabs ul li { list-style-type: none; }
div.details { color: #e86807;border-bottom:1px solid #e86807;}
div.details p, div.post_footer p { margin:0;padding:0 }
span.gris { color: #9c9e9f }
div.post_top {
  background: transparent url(/images/fons/top_caixa_post.gif) no-repeat 0 0;
  padding-top:5px;
  width:560px;
}
div.post h2 { font-size:1.3em; border-width:0; margin:0 0 3px 0;}
.caixa_post { padding:10px; border: 1px #e86807 solid; border-width:0 1px;}
div.extract, div.content { padding-bottom:25px; }
div.tags_line  { border-top:1px solid #e86807; }
div.post_footer { 
  background: transparent url(/images/fons/bottom_caixa_post.gif) no-repeat left bottom;
  width:560px;
  margin-bottom:25px;
}
.post a:hover.tag { color: #e86807;}
.post a.tag { color: #9c9e9f;}
.post a:hover { color: #9c9e9f }
.post a { color: #e86807;  }

.comment { padding:10px; border:0px solid #E86807;border-width:0 0 2px;; margin-bottom:5px; }
.ordre_0 { background-color: #fff;}
.ordre_1 { background-color:#FFF8F2; }
p.comentaris {border-bottom:2px solid #E86807}
.author { color:#E86807; margin-bottom:7px }
.form_control label {color:#E86807;}
.form_control { margin-bottom:7px;}


.boto_accio { font-size:1.2em; font-weight:bold; float:right; }
/** ESTILS LLIGATS A L'EDITOR MCE **/
.destacat
{
  padding:10px;
  border: 2px #ccc solid;
  background-color: #e86807;
  color:#fff;
}
content ul li { list-style-type: disc; }
.alinear-left {	float: left;}
.alinear-dreta {
  float: right;
}

span.veuremes { float: right}
/** FORMS **/
table.form { border: none;}
.atk_zcms_form_checkbox {
  display:inline;
  margin-right:inherit;
  vertical-align:inherit;
  width:inherit;
}
.input-text {
  border:1px solid #C3C3C3;
  font-size:0.98em;
  height:1.5em;
  padding:4px 3px 0 4px;
  width:90%;
}
.atk_zcms_form input[type="text"], .atk_zcms_form_inputtext {
  border:1px solid #C3C3C3;
  font-size:0.98em;
  height:1.5em;
  padding:4px 3px 0 4px;
}
.atk_zcms_form input[type="image"] {
  border:medium none;
}
.atk_zcms_form textarea {
  border:1px solid #C3C3C3;
  font-size:1.1em;
  height:10em;
}
textarea {
  padding:1px 2px;
}
select.input-text {
  height:1.9em;
  padding-right:0;
  width:95%;
}
.qty {
  height:1.5em;
  margin-left:4px;
  margin-right:6px;
  width:2em;
}
#contactform h3, h3.userdataform, h4.atk_zcms_form_fieldtitle {
  clear:both;
  margin:0 0 10px;
}
h2.atk_zcms_form_title {
  border-bottom:medium none;
  border-top:1px solid #CED2D2;
  clear:both;
  margin-bottom:10px;
  margin-top:40px;
  padding-top:12px;
}
#contactform b.req, b.req {
  color:#FF0000;
  font-size:1.4em;
}
#contactform, .contactformform, .atk_zcms_form {
  display:block;
  float:left;
  width:530px;
}
.contactformline, .atk_zcms_form_line {
  clear:both;
  display:block;
  float:left;
  margin-bottom:14px;
  width:100%;
}
.contactformhalfblock, .atk_zcms_form_halfblock {
  display:block;
  float:left;
  width:47%;
}
.contactformform .contactformline input, .contactformform textarea, .atk_zcms_form input, .atk_zcms_form textarea {
  clear:both;
}
.contactformform label, .atk_zcms_form label {
  clear:both;
  display:block;
  float:left;
  font-size:0.8em;
  margin-bottom:5px;
  margin-top:4px;
}
.contactformform .atkformline-compact label, .atk_zcms_form .atkformline-compact label {
  margin-bottom:-8px;
}
.contactformform .contactformline .contactformhalfblock input {
  clear:both;
}
.contactformform select {
  clear:both;
}
#contactformdepartment {
  margin-right:45%;
  width:47%;
}
.contactformform textarea {
  font-size:1.1em;
  height:20em;
}
.contactformform button, .atk_zcms_form_button {
  border:1px solid #C3C3C3;
  height:24px;
  line-height:1em;
  padding-left:5px;
  padding-right:5px;
  vertical-align:middle;
}
.contactformonefourth {
  float:left;
  width:49%;
}

.atk_zcms_form_titlelink {
  font-weight:bold;
}
ul.error_list {color:red;float:left;font-size:0.8em;margin:0;}
ul.accions li { display: inline;}

a.ajuda_label { text-decoration: underline; color: #009EE0 !important; }

.select_llengues { width:100px }
/* LINK Q SIMULEN BOTONS */
a:hover.boto
{
  background-color: #E86803;
}
a.boto, input.boto
{
  -moz-border-radius-bottomleft:7px;
  -moz-border-radius-bottomright:7px;
  -moz-border-radius-topleft:7px;
  -moz-border-radius-topright:7px;
  background-color:#EEFFFF;
  border:3px solid #E86807;
  border-width:2px 2.5px 2.5px 2px;
  padding:3px;
}

.row-error { color: red; font-weight:bold; margin: 0 10px;}
label.label_checkbox { float:none;display:inline}

/*** QUADRE AJUDA EN GROC ***/
.ajuda {
  background-color:#FFFFD9;
  border:1px solid #CCCCCC;
  font-size:0.9em;
  margin:0 auto;
  padding:10px;
}
.ajuda_modalbox {
  border:1px dashed #888888;
  color:#333;
  font-size:0.9em;
  line-height:1.8em;
  padding:10px;
  background-color:#FFFACD;
  margin: 10px 0 20px 0 ;
}
.ajuda_modalbox h2 {
  font-size:1em;
  margin:0;
  padding:0;
}

/* TAULA DE CERCA */
table.cerca tr,table.cerca td, table.cerca th{ border:1px #ccc solid;}
table.cerca td {padding:5px}
table.cerca tr.fila_senar td { background-color:#fff }
table.cerca tr.fila_parell td { background-color:#F8F8F8 }
table.cerca th { background-color:#D4DCE8; }
table.cerca a {display: block }
table.cerca tr:hover td{background-color:#EAF3FA; }
ul.checkbox_list li.nivell_2 { margin-left:20px; }
#content ul.checkbox_list li { list-style:none}

#content div.cerca_traductor ul li {list-style: none}
/** SIDEBAR **/
#column_right h2 { color:#ffF ;border-width: 0;}
#column_right a.feed { background:transparent url(/images/icons/rss.png) no-repeat scroll left 5px;
                       display:block;
                       text-indent:19px;
                       color:#ffF;
}

div.cerca_traductor { background: #DDF0F8 url(/images/icons/text.png) no-repeat scroll 3px 6px; padding: 7px 0 10px 35px; font-size:1.2em; margin-bottom:0px; border: 1px solid #009EE0;  }
div.cerca_traductor ul { margin:0; padding:0; line-height:20px; }
div.cerca_traductor a { color: #000; display:block }
li.icon_traductor a { }
li.icon_traductor { }


/** QUADRE ARTICLES/NOTICIES COLUMNA DRETA **/

div.cos_noticia { 
  background-color: #fff;
  padding:5px;
}
div.header_noticia { 
  border-top:6px solid #e86807;
  margin:0; padding:0;
  background-color: #fff;
  padding:3px;
}
div.header_noticia h3 {  margin: 2px 0 0 0 ; }
div.header_noticia h3 a:hover { color: #9C9E9F }
div.header_noticia h3 a, div.header_noticia h3 { color: #e86807; font-weight: bold}
div.footer_noticia {-moz-border-radius:0 0 5px 5px; margin-bottom:20px;font-weight:bold; font-size: 0.8em; padding:7px 5px; color: #e86807; background-color: #fff; border-top: 1px solid #e86807; height:10px}
div.footer_noticia span.data { float:right; }
div.cos_noticia ul { margin:0; padding:0}
div.cos_noticia a:hover { color: #E86807}
div.cos_noticia a { color: #009EE0}
div.header_destacat, div.cos_destacat { background-color: #e86807;padding: 5px }
div.header_destacat { -moz-border-radius: 5px 5px 0 0 ; border-bottom: 1px solid #fff}
div.cos_destacat { -moz-border-radius: 0 0 5px 5px; margin-bottom:20px}
div.header_destacat h3 { margin: 2px 0 0 0; color: #fff; font-weight: bold;text-transform: uppercase; }
div.header_destacat h3 a { color: #fff}
div.cos_destacat ul { margin: 0 0 0 5px }
div.cos_destacat li {margin:5px 0;}
div.cos_destacat a:hover { color: #ddd;}
div.cos_destacat a { color: #fff;}
div.cos_destacat dl { margin:0 0 0 2px;}
div.cos_destacat dt { color: #000;font-weight:normal}

div.header_blau, div.cos_blau {background-color: #DDF0F8;padding: 5px }
div.header_blau h3 { margin: 2px 0 0 0; color: #e86807; font-weight: bold; font-size:1.1em }
div.header_blau { border-bottom: 1px solid #e86807}
div.cos_blau  { -moz-border-radius: 0 0 5px 5px;}
div.cos_blau ul { padding:0 0 0 5px; margin:0}

ul#idiomes { text-align:center;width:95%;font-size:0.8em; background-color: #fff; padding:2px; -moz-border-radius: 0 0 2px 2px;margin-left:0px}
ul#idiomes li { display:inline;margin:0 2px; }
ul#idiomes li a:hover  { color:#e86807;  }
ul#idiomes li,ul#idiomes li a{ color: #9C9E9F;  }

/*** GENERICS ***/

img.valign {
  height: 100%;
  vertical-align: text-top;
}
span.data { padding:0 !important; font-size:0.85em; color:#888;}
#descarregues { margin-top:30px; }
#descarregues  span.data { display: block;}
table.treeTable tbody tr td {
  padding:0.3em 1.5em;
}

.avis { color: rgb(220,0,0) }
.petit { font-size:0.9em; line-height:0.1em;}
.taronja { color:#e86807 }
.bold { font-weight: bold}
/** Missatges errors ***/
.form_error { color: rgb(220,0,0) }
.req { color: red; font-weight:bold}
/** ADMIN ACTIONS - accés a backend des del front **/

ul.admin_actions input { background-color:#FFFFCC;
                         border-color:-moz-use-text-color #999999 -moz-use-text-color -moz-use-text-color;
                         border-style:none solid none none;
                         border-width:0 4px 0 0;
                         color:#333333;
                         cursor:pointer;
                         font-family:Arial,sans-serif;
                         font-size:11px;
}
ul.admin_actions input.edit {padding:3px 3px 3px 20px;
                             background:transparent url(/sf/sf_admin/images/edit.png) no-repeat scroll 3px 2px;
                             border-right:4px solid #73B65A !important;

}
ul.admin_actions li {display:inline;list-style-type:none;}
ul.admin_actions { margin:10px 0;background-color:#FFFFDD;border:1px dashed #CCCCCC;text-align:right;clear:both}

/** MISSATGES **/
.msg_ok { margin: 4px 0;
          padding: 4px 4px 4px 30px;
          background: url(../images/tick.png) no-repeat 10px 4px;
          border-top: 1px solid #ddd;
          border-bottom: 1px solid #ddd;
          background-color: #ffc;
}

/** LINKS **/
#content h3.link { margin:0 0 10px 15px;}
h4.link { margin:0 0 10px 30px;}
h5.link { margin:0 0 10px 45px;}
dl.level2 { margin-left: 15px;}
dl.level3 {margin-left: 35px;}
dl.level4 {margin-left: 45px;}
dl.level5 {margin-left: 55px;}

/** CALENDARI **/

.yui-skin-sam { float:right; }
.yui-skin-sam .yui-calcontainer {border-color:#E86807 !important;
                                 border-style:solid;
                                 border-width:6px 1px 1px !important;}
.esdeveniment { margin:0 0 20px 20px; width:300px;}

/** TAGS LEVEL */
.tag_level_1 { font-size:0.9em;font-weight: 100}
.tag_level_2 { font-size:0.95em;font-weight: 200}
.tag_level_3 { font-size:1em;font-weight: 300}
.tag_level_4 { font-size:1.1em;font-weight: 400}
.tag_level_5 { font-size:1.2em;font-weight: 500}
.tag_level_6 { font-size:1.4em;font-weight: 600}
.tag_level_7 { font-size:1.6em;font-weight: 700}
.tag_level_8 { font-size:1.8em;font-weight: 800}
.tag_level_9 { font-size:2em;font-weight: 900}


/** Error msg **/
.msg { border:1px solid #E87707;text-align: center; width: 80%;margin:10px auto;padding:3px;background-color:#E8aa07; font-weight: bold;font-size: 1.1em}
.msg p {margin-bottom:0px}

/** PAGINATOR **/
.pag_rgt { float:right}

p.tornar { float:right;margin:10px 0;text-decoration: underline;cursor: url}

/** llistat àlbums galeria **/
#content ul.llista_albums li { min-height: 210px;float:left;margin:20px 30px 5px 30px;width:170px;list-style: none;}
#content ul.llista_albums img { margin: 0 0 10px 0}

/** sidebar login **/

#login {
  background:none repeat scroll 0 0 transparent;
  font-size:0.9em;
  padding:4px;
}
#login .form-block-sidebar { background-color:#FFFFFF;border-top:6px solid #CCCCCC;padding:10px; }
#login input[type="text"],#login input[type="password"] { width:115px}