html { height: 100%; }
body {color:#737373;font-family:Verdana, Geneva, sans-serif;font-size:12px; text-align:left;height: 100%;position:relative; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif; font-weight: normal; margin: 0; padding:5px;}
table, td {border-color: #DDD;border-style: solid;}
table {border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse;}
td {margin: 0;padding: 4px;border-width: 1px 1px 0 0;}
.table { background-color: #fff; border-top: none; margin: 0;}
.table h2 {font-size:14px;}
.table tbody tr:nth-child(2n+1) td, .table tbody tr:nth-child(2n+1) th {background-color: #F9F9F9;}
.table tbody tr:hover td, .table tbody tr:hover th {background-color: #F5F5F5;}
/* pags */
.pagination a, .pagination span {color: #555555;}
.pagination .active a, .search_info .pagination .active span, .search_info .pagination a:hover { color: #ff9c8d; }
.pagination .disabled a:hover, .search_info .pagination .disabled a, .search_info .pagination .disabled span { color: #999999; }
.pagination ul > li {display: inline;}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-radius: 0 0 0 0;}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-bottom-left-radius: 4px;border-left-width: 1px;border-top-left-radius: 4px;}
.pagination_styled_light {height:30px;margin: 0;display:block;clear:both;padding:10px 0;}
.pagination_styled_light ul > li a, .pagination_styled_light ul > li span, .pagination_styled_light_2 ul > li a, .pagination_styled_light_2 ul > li span { color: #555555; padding: 0 11px; line-height: 28px; background: #CCC; }
.pagination_styled_light ul > li a:hover, .pagination_styled_light ul > li .active a, .pagination_styled_light ul > li .active span, .pagination_styled_light_2 ul > li a:hover, .pagination_styled_light_2 ul > li .active a, .pagination_styled_light_2 ul > li .active span { color: #ff9c8d; background: white; }
.pagination_styled_light ul > li .disabled a:hover, .pagination_styled_light ul > li .disabled a, .pagination_styled_light ul > li .disabled span, .pagination_styled_light_2 ul > li .disabled a:hover, .pagination_styled_light_2 ul > li .disabled a, .pagination_styled_light_2 ul > li .disabled span { color: #999999; background: #f8f8f8; }
.pagination ul > li > a, .pagination ul > li > span {-moz-border-bottom-colors: none; -moz-border-left-colors: none;-moz-border-right-colors: none; -moz-border-top-colors: none;background-color: #FFFFFF;border-color: #DDDDDD; border-image: none; border-style: solid;border-width: 1px 1px 1px 0; line-height: 20px; padding: 4px 12px; text-decoration: none;}
.menu_pag2 {float:left;width:155px;padding:2px;}
/* login */
#formlogin{margin:20px auto; width:300px;display:block;}
#formlogin input{ width:300px; border:solid 1px #a9c0e0; margin:5px; background-color:#FFF;}
#formlogin span{ display:inline-block; font-size:14px;}
#seccio {width:618px; float:left; margin:10px;}
/* menu */
#sidebar {margin: 8px 5px;padding: 0;float:left; display:block;}
#sidebar ul {margin: 0;padding: 0;}
#sidebar ul#accordion li a, #sidebar ul#side_links li a {border-color:#FFF -moz-use-text-color #959BA2;border-bottom-style:dotted;border-width:1px 0;color:#555555;display:block;font-size: 11px;font-weight:normal;line-height:32px;padding-left: 5px;text-indent: 0;text-decoration: none;padding-right:6px;}
#sidebar ul#accordion li a:hover, #sidebar ul#side_links li a:hover { background-color:#B8BE9D;text-decoration: none;}
#sidebar ul#accordion li, #sidebar ul#side_links li {list-style: none outside none;width: 100%;}
#sidebar {left: 0;padding-bottom: 35px;top: 95px;width: 175px;z-index: 10;}
#sidebar ul#accordion li span, #sidebar ul#side_links li span {display: block;position: absolute;right: 2px;top: 2px;}
#sidebar ul#accordion li span, #sidebar ul#side_links li span {display: block;position: relative;right: 2px;top: 2px;}
#sidebar ul#accordion li ul.drawer li a {background-image:none;border-color:#FFF -moz-use-text-color #959BA2;border-bottom-style: ridge;border-width: 1px 0;color: #555555;display: block;font-size:11px;font-weight: normal;line-height: 26px;padding-left: 5px;text-indent: 15px;background-color: #FFF;text-decoration: none;}
#sidebar ul#accordion li ul.drawer li a:hover {border-left: 10px solid #CCC;text-decoration: none;text-indent: 5px;}
#sidebar ul#accordion img { float:left;margin-top:5px;}
#sidebar h3 {border: 1px solid #d4d1bf;background:#B8BE9D; color: #004000; font-weight: bold;margin-top:5px;}
.alert.badge {border-radius: 0 0 0 2px;box-shadow: none;display: block;font-size: 11px;line-height: 10px;margin: 0;padding: 2px 3px;position: absolute;right: 0 !important;text-align: center;text-indent: 0;top: 0 !important;z-index: 50;float:right;}
.alert_red {background: -moz-linear-gradient(center top , #9E253B 0%, #7C1F30 99%) repeat scroll 0 0 transparent;border: 1px solid #7C1F30;color:#fff;background-color: #9E253B;}
.alert_black {background: -moz-linear-gradient(center top , #4C5766 0%, #313841 99%) repeat scroll 0 0 transparent;border: 1px solid #313841;color:#fff;background-color: #4C5766;}
.marcat {border-left: solid 10px #CCC !important;text-indent: 5px !important;text-decoration: none;}
/* taules */
.ucard .info {margin-left: 100px;position: relative;}
ul.rows {list-style: none outside none; margin:0px;padding: 0;}
ul.rows li.heading {background: url("images/ui-bg_fine-grain_68_5b6048_60x60.png") repeat-x scroll left top transparent;color: #FFFFFF;padding-left: 10px;text-shadow: 0 1px 0 #333333;}
ul.rows li:first-child {border-top: 0 none;}
ul.rows li:nth-child(2n) {background-color: #F2F2F2;}
ul.rows li {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #F9F9F9;border-color: #FFFFFF #D9D9D9 #D9D9D9;border-image: none;border-right: 1px solid #D9D9D9;border-style: solid;border-width: 1px;padding: 8px 0;position: relative;}
li {line-height: 20px;}
ul.rows li .title {color: #999999;left: 10px;position: absolute;top: 8px;width: 120px;}
ul.rows li .text {margin-left: 120px;}
.rows li .text_llarg {padding: 5px;}
ul.rows li .title2 {color: #999999;left: 10px;position: absolute;top: 8px;width: 200px;}
ul.rows li .text2 {margin-left: 200px;}
ul.rows li .img {color: #999999;left: 10px;position: absolute;top: 8px;width: 200px;}
ul.rows li .cont {margin-left: 200px;}
ul.rows li h1 {font-size:14px;color:#004000;padding:0;}
.ucard .left {left: 10px;position: absolute;text-align: right;top: 10px;}
.ucard { background: none repeat scroll 0 0 transparent;border: 0 none;position: relative;}
.ucard .left .image {margin-bottom: 10px;}
.ucard .left .control {list-style: none outside none;margin: 0;padding: 0;text-align: left;}
.ui-tabs-nav span {float: right;margin: 5px;}
/* contingut */
#contenido h2{background-color:#B8BE9D;color:#004000;padding:5px;font-size:18px;}
/* contingut foro*/
#contenidoforo {margin:5px;}
#contenidoforo h2{background-color:#B8BE9D;color:#004000;font-size:18px;}
#contenidoforo p{background-color:#FFF; padding:10px; margin:-5px 5px; clear:both; display:block;}
#contenidoforo .boton{ border: 1px solid #004000; padding:10px; margin:10px; clear:both;display:inline-block;text-decoration:none;}
a.tem:link, a.tem:active, a.tem:visited { margin:10px 0; display:block; font-size:15px;}
.cap_post{background-color:#B8BE9D; border:solid 1px #a6a091; margin:5px; padding:5px;}
.cap_post h1{display:inline; font-size:16px;}
.men_post{background-color:#B8BE9D; border:solid 1px #666; margin:5px; padding:5px;}
.men_post h2{display:inline; font-size:14px; color:#000; background-color:transparent; margin:0; padding:0;border:none;}
.cos_pag p{ margin:5px; font-size:12px;}
.globe_1{ margin-bottom:-6px; margin-left:20px;}
#temes tr:hover {background-color:#CCC;}
#temes tr {background-color:#DDD; border-bottom:solid 1px #FFF;}
#temes td {border-bottom:solid 1px #CCC;background-color:#fff;}
#temes a {text-decoration:none;}
/* galeries */
.td_img{float:left;height:250px;text-align:center;margin:0;border:solid 1px #C8D0A7;vertical-align:middle;background-color:#FFF;}
.td_img:hover{text-decoration:none;background-color:#B8BE9D;}
.td_img2{float:left;height:250px;width:180px;text-align:center;margin:5px;border:solid 1px #C8D0A7;vertical-align:middle;}
a.foto:link, a.foto:active, a.foto:visited  {padding:1px;margin-top:5px;margin-bottom:5px;display:block;overflow: hidden;height:150px;}
.foto img {width: 100%;}
a.foto:hover {text-decoration: none;}
.ui-state-default2 { border: 1px solid #cbc7bd; background: #f8f7f6 url(images/ui-bg_fine-grain_10_f8f7f6_60x60.png) 50% 50% repeat; font-weight: bold; color: #654b24; }
.ui-state-default2 a, .ui-state-default2 a:link, .ui-state-default2 a:visited { color: #654b24; text-decoration: none; }
/* responsive */
.responsive_img{max-width: 100%;}
.buscadorA { width:98%;margin:0 auto; }
.find_mob{margin:5px;}
.find_mob input{width:100%; height:35px; border:none;}

@media(min-width:825px){
    .amplepag{margin:0 15px;display:table;width:98%;}
    #contenido {
    display: table;
    width: calc(100% - 195px) !important;
    padding-left: 10px;
    }
}

@media(min-width:639px){
    #sidebar_buscador {float:left;width:175px;}
    .find_mob{display:none;}
}

@media(max-width:639px){

#sidebar {display:none;}
.ui-tabs-nav{display:none!important;}
ul.rows li .title2 {left: 10px;position: static;top: 8px;width: 100%;}
ul.rows li .text2 {margin-left: 0;}
ul.rows li .img {eft: 10px;position: static;top: 8px;width: 100%;}
ul.rows li .cont {margin-left: 0;}


}

@media(max-width:400px){
	.td_img{width:100%;}
        .ext {display:none;}
}

.form_buscador input,.form_buscador select {
    width: 100%;
}
.form_buscador input[type='radio'],.form_buscador input[type='checkbox'] {
   width: 15px!important;
}
.form_buscador input[type='submit'] {
   height: 25px!important;
   margin: 10px 0;
}
.imatge_mini{
    float: left;
    height: 75px;
    margin: 0;
    vertical-align: middle;
    background-color: #FFF;
    width: calc(100%/10);
    display: block;
    overflow: hidden;
}
.imatge_mini_select{
    float: left;
    height: 75px;
    margin: 0;
    vertical-align: middle;
    background-color: darkgreen;
    width: calc(100%/10);
    display: block;
    overflow: hidden;
}
.imatge_mini:hover{
    background-color: darkgreen;
}
.galeria_mini{
    display: table;
    clear: both;
    width: 100%;
}