/* 
    Document   : estils
    Created on : 08-oct-2012, 0:41:48
    Author     : Xavier
    Description:
        Purpose of the stylesheet follows.


    @import url(http://fonts.googleapis.com/css?family=Ruda:400,700,900);
*/


@font-face {
    font-family: "Ruda";
    src: url('fonts/Ruda/Ruda-Regular.eot');
    src: url('fonts/Ruda/Ruda-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Ruda/Ruda-Regular.woff') format('woff'),
         url('fonts/Ruda/Ruda-Regular.ttf') format('truetype'),
         url('fonts/Ruda/Ruda-Regular.svg#GOTHICB') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Ruda Bold";
    src: url('fonts/Ruda/Ruda-Bold.eot');
    src: url('fonts/Ruda/Ruda-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Ruda/Ruda-Bold.woff') format('woff'),
         url('fonts/Ruda/Ruda-Bold.ttf') format('truetype'),
         url('fonts/Ruda/Ruda-Bold.svg#GOTHICB') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Ruda Black";
    src: url('fonts/Ruda/Ruda-Black.eot');
    src: url('fonts/Ruda/Ruda-Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/Ruda/Ruda-Black.woff') format('woff'),
         url('fonts/Ruda/Ruda-Black.ttf') format('truetype'),
         url('fonts/Ruda/Ruda-Black.svg#GOTHICB') format('svg');
    font-weight: normal;
    font-style: normal;
}

root { 
    display: block;
}

a {font-family: "Ruda Black"; text-decoration: none; color: #10431A; }
a:hover { color: #B69800;}
h1, h2, h3 {margin: 0; font-weight: normal;}
ul { list-style: none; list-style-image: none;}
p { font-size: 14px; margin: 0.5em 0 0; line-height: 1.5em; font-weight: normal; }
strong, b {font-family: "Ruda Bold"; }

body { 
    background-image: url(imatges/fons.jpg); background-size: cover;
    font-family: "Ruda";
    color: #666666;
    font-size: 10px;
    height: 100%;
    background-color: #9eab13;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
}

#header {margin: 5em auto 0 auto; background-color:rgb(255,255,255); width:96em; height:11.8em; padding: 1em;
-moz-border-radius:17px ; -webkit-border-radius:17px ; border-radius:17px ; 
background-image: url(imatges/fons_header.png); background-repeat: no-repeat; background-position: center;}
#wrapper {margin: -1em auto 2em auto; width: 98em; }
#footer {width: 100%; float: left; font-family: "Ruda"; font-size: 14px; text-align: center; margin-top: 1em; color: #FFFFFF; margin-bottom: 1em;}
#menusup {margin: 0 auto 0 auto; width: 98em; height: 15em;}
#logo { float: left; margin: 1em;}
#main-menu { margin: 1em auto 0 auto;
background-color:rgb(16,67,27); width:96em; height:3em; -moz-border-radius:12px ; -webkit-border-radius:12px ; border-radius:12px ;}

nav ul, nav ol { margin: 0; padding: 0;}
#main-menu ul { display:block;}
#main-menu li { margin-right: -0.3em; display: inline-block; line-height: 1.3em; padding: 0.8em 1.3em 1.2em; position:relative; float:left; }

#main-menu li a { font-family: "Ruda Black"; color: #FFFFFF; font-size: 16px; }
#main-menu li a:hover { color: #B69800; }
#main-menu li a.active { color: #B69800; }
#main-menu li ul {display:none; position:absolute; top:30px;  background-color: #FFFFFF; z-index: 9999;
                  background-color:rgb(255,255,255); -moz-border-radius:15px ; -webkit-border-radius:15px ; border-radius:15px ; }
#main-menu li ul li { padding: 0.8em 0em }
#main-menu li ul li a { font-family: "Ruda Bold"; color: #666666; }
#main-menu li ul li a.active { color: #B69800; }
#menu-principal {float: left;}
#submenu-coneixnos li {width: 100%; white-space: nowrap;}
#submenu-serveis li {width: 100%; white-space: nowrap; }

#idiomes {float: right;}
#main-menu #idiomes li a { font-size: 1.4em;} 
#main-menu #idiomes li { padding: 0.8em 0.5em 1.2em; }

#footer a {color: #FFFFFF;}
#footer a:hover {color: #10431A;}

#footer-nav ul { display:block; }
#footer-nav li { display: inline-block; padding-left: 0.2em; }
#footer-nav li a { font-family: "Ruda"; color: #FFFFFF; font-size: 16px; }
#footer-nav li a:hover { color: #10431A; }

#Paginacio { margin: 0;}
#Paginacio ul { display: block; padding: 0;}
#Paginacio li { display: inline-block; }
#Paginacio li.NumpagON { color: #B69800; padding-left: 0.5em;}
#Paginacio li.Numpag {padding-left: 0.5em;}
#Paginacio li.nopadleft { padding-left: 0em;}

.menu li ul li { width: 200px; border: 1px solid #9c0101; border-top:none; padding: 10px 20px; }
.menu li ul li:first-child { border-top: 1px solid #9c0101; }
.menu li ul li a { width: 240px; margin: 0; padding:0; }
.menu li ul li a:hover { width: 240px; margin: 0; color: #9c0101; background:none; }

ul.menu { float:right; display:block; margin-top: 38px; list-style-type:none; }
.menu li { line-height:18px; font-size:13px; position:relative; float:left; }
.menu li a { color: #000; text-transform:uppercase; padding: 5px 20px; text-decoration:none; }
.menu li a:hover { background: #9c0101; color: white; }
.menu li ul { display:none; position:absolute; top:20px; width: 240px; background-color: #f4f4f4; padding:0; list-style-type:none; }


#main-content { float: left; 
background-color:rgb(255,255,255);
width:64em;
min-height:86.9em;
-moz-border-radius:17px ;
-webkit-border-radius:17px ;
border-radius:17px ;
margin-top: 2em;
padding: 0;
}
#rightcolumn { float: right; width: 32.2em;}
#contingut-principal { padding: 0 2em; margin-bottom: 0.5em;}
#contingut-principal h1 { width: 100%; font-family: "Ruda";font-weight: normal; font-size: 16px; color: #666666;}
#contingut-principal h2 { width: 100%; font-family: "Ruda Black"; font-size: 18px; color: #104319; margin: 0;}
#contingut-principal h3 { font-family: "Ruda Black";font-weight: normal; font-size: 16px; color: #104319; border-bottom: 1px solid #B69800; margin-left: 11.2em;}

#contingut-principal-multimedia { padding: 2em 2em 0 0;}
#contingut-principal-multimedia h1 { width: 100%; font-family: "Ruda";font-weight: normal; font-size: 14px; letter-spacing: 0.3em;}
#contingut-principal-multimedia h2 { width: 100%; font-family: "Ruda Black"; font-size: 22px; color: #CC0000; margin: 0;}
#contingut-principal-multimedia h3 { width: 100%; font-family: "Ruda";font-weight: normal; font-size: 16px; color: #333333;}


strong {font-weight: normal; color: #333333;}

.img-home-provisional { margin-top: 2em;}
.block-text-home-provisional { margin-top: -2em; margin-left: 1em;}
.text-home-provisional { font-size: 2.5em; color: #FFF; }
.NORMAL { font-family: "Ruda"; margin-top: 1em; }
.text-carreg { font-family: "Ruda"; margin-top: 1em; color: #B69800; font-size: 14px;}
.text-subtitol {font-family: "Ruda bold"; margin-top: 1em; color: #104319; font-size: 16px;}
a.link-fitxa-personal { font-family: "Ruda"; color: #B69800; }
a:hover.link-fitxa-personal { color: #104319; }

.paint-shadow-box {padding: 1em;
    border: 0px solid transparent;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px #333;
    -moz-box-shadow: 0px 0px 10px 0px #333;
    box-shadow: 0px 0px 10px 0px #333;
}
#contacta-nota-legal {margin-top: 3em;}
.contacta-notalegal { font-size: 10px; }
.block { width: 30.2em; margin: 2em 1.9em 0 0; float: left; }
.image-block { width: 26.6em; margin: 2em 3em 2em 0; float: left; }
.image-block-dreta-tmpl {width: 20.6em; margin: 2em 3.8em 2em 3em; float: right; }
.image-block-esquerra-tmpl {width: 20.6em; margin: 2em 6em 2em 0; float: left; }
.image-block-quatre-en-linia-tmp {width: 100%; margin: 2em 0 2em 0;}

.image-entrada-blog { width: 26.6em; margin: 0.5em 3em 2em 0; float: left; }
.block-activitat, .block-album { width: 62em; margin: 2em 3em 0 0; float: left; }
.block-veure-activitat {  width: 60em; margin: 2em 3em 0 0; float: left; padding: 2em; }
.block-mes-imatges, .block-comentaris-blog { width: 60em; margin: 1em 3em 1em 0; }

.link-veure-tot { margin-top: 0.5em; font-size: 1.4em; float: left;}
.link-veure-tot a { font-family: "Ruda"; color: #666666;}
.link-veure-tot a:hover { color: #B69800;}
.activitat img {margin-bottom: 1em;}
.image-article-coneixnos-left { margin: 0.5em 3em 2em 0; float: left;}
.image-article-coneixnos-right { margin: 0.5em 0em 2em 2em; float: right;}
.image-article-coneixnos-right.img-janimaiet { margin: -6.5em -2em 2em 2em;}
.image-contingut { width: 15em; margin-bottom: 0.8em;}
.image-contingut-gran { width: 35.8em; height: 38.4em; }
.image-article-noticies-left { margin: 1.5em 2em 2em 0; float: left;}
.image-article-noticies-left .image-contingut { width: 12em; margin-bottom: 0.8em;}
.cos-item-noticia { display: inline-block; width: 46em; padding: 0 0 1.5em;}
.item-noticia { display: inline-block; border-bottom: 1px solid #B69800;}
.block-article-noticia { padding: 1em 0; border-bottom: 1px solid #B69800;}
.imatge-noticia {margin: 0.5em 2em 2em 0; float: left; }
.imatge-noticia .image-contingut {width: 25em;}
.peu-de-foto { width: 25em; padding-bottom: 1em; border-bottom: 1px solid #B69800; }

/*.image-contingut { width: 26.4em; border: 1px #666 solid; margin-bottom: 0.8em;}*/
.block header { margin-top: 0;}
.block header h1{ font-family: "Ruda"; color: #666666; font-size: 16px; border-bottom: 0.2em #10431A solid; line-height: 2em; }
.block header .img-icona-titol-block { width: 1.3em; float: right; margin-top: 0.4em; margin-right: -0.6em; }
.block header .img-icona-titol-block-piulades { margin: 0; float: right; margin-top: 0.4em; margin-right: 0;  }
.block .submenu { padding: 0; margin-top: -0.8em;}
.block .submenu ul {  margin: 0; padding: 0; }
.block .submenu li { font-family: "Ruda Black"; font-size: 16px; line-height: 1em; margin-top: 1em; }
.block .submenu li a { color: #666666; }
.block .submenu li a.active { color: #B69800; }
.block .submenu li a:hover { color: #B69800; }
.block .submenu li ul { font-family: "Ruda Black"; padding-bottom: 0.5em; }
.block .submenu li ul li { font-size: 14px; padding-left: 1.5em; margin-top: 0.5em;}

.block .activitat p a { font-size: 16px;}
.block .blog p a { font-size: 16px;}
.block .contingut article h2 { font-family: "Ruda Black"; font-size: 18px; width: 100%; line-height: 120%; }
.block .contingut article p { font-family: "Ruda"; width: 100%; color: #666666; margin: 0;}
.block .contingut article.piulades p { line-height: 1em;}

.block .contingut article { padding: 1em 0 0.5em; }
.block .contingut article.promocions { padding: 0; height: 10.3em; }

.block .contingut article .img-block-activitats { width: 30.2em; }
.block .contingut article .img-block-blog { width: 7.5em; margin: 0 1em 1em 0; float: left; }
.block .contingut article .img-block-multimedia { width: 15.8em; margin-bottom: 1em; }
.block .contingut article.cites { padding: 0;}
.block .contingut article.cites .img-banner-cites { width: 30.2em; height:10.3em;
-moz-border-radius:9px ; -webkit-border-radius:9px ; border-radius:9px ; position: relative; float: left;}
.text-cites { color: #FFFFFF; font-size: 14px; text-align: right; width: 13.7em; position: absolute; padding: 0.3em 0 0 6.5em;}
.block .contingut article.album-fotos { padding: 0;}

.imatge-titol-blog { width: 100%; float: left; margin-bottom: 1em;}

.bafarada-home { background-color:#FFFFFF; width:30.5em; height:37.9em;
border-color: #999999; border-width:0.8em; -moz-border-radius:4.6em ; -webkit-border-radius:4.6em ;
border-radius:4.6em ; border-style:solid; padding: 2em; float: left; margin-top: 1.5em;}
.bafarada-home h3 { font-size: 18px;}

.bafarada-home-test { font-size: 14px;}
.img-triangle-bafarada { float: right; margin-right: -7em; margin-top: -10em;}
.img-moti-home { float: right; position: absolute; margin-left: -10em; }
.img-bafarada-benvinguda {width: 99%; margin: 1em 0;}
.img-bafarada-text-coaching { margin: 1em 0 0; }
.img-banner-promocions { width: 30.2em; -moz-border-radius:1em ; -webkit-border-radius:1em ; border-radius:1em ;}
.img-asociats { margin-left: 1em; max-width: 11em; max-height: 5em;}

#xarxes { float: right;
margin: 1.2em 2em 0 0;
height: 2em;
padding: 0.8em 0.4em 0.8em 5em;
background-image:-moz-linear-gradient(2% 54% 0deg,rgba(0, 0, 0, 0.1) 0%,rgba(0,0,0,1) 100%); 
background-image:-webkit-gradient(linear,2% 54%,40% 54%,color-stop(0, rgba(0, 0, 0, 0.1)),color-stop(1, rgba(0,0,0,1)));
background-image:-webkit-linear-gradient(0deg,rgba(0, 0, 0, 0.1) 0%,rgba(0,0,0,1) 100%);
background-image:-o-linear-gradient(0deg,rgba(0, 0, 0, 0.1) 0%,rgba(0,0,0,1) 100%);
background-image:-ms-linear-gradient(0deg,rgba(0, 0, 0, 0.1) 0%,rgba(0,0,0,1) 100%);
background-image:linear-gradient(90deg,rgba(0, 0, 0, 0.1) 0%,rgba(0,0,0,1) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#1100000,endColorstr=#99000000,GradientType=1)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#11000000,endColorstr=#99000000,GradientType=1);
}
div#xarxes ul {inline-box-align: inherit; padding: 0;}
div#xarxes li { display: inline-block; }
div#xarxes li a { color: #666666; }
div#xarxes li a:hover { color: #CC0000; }
.txt-idioma { font-family: "Ruda Black"; font-size: 12px; line-height: 3.2em; margin-left: 0.15em; margin-right: 0.35em;}
.icona-xarxes { height: 2.5em; margin-top: -1.8em;}
.img-idiomes { height: 2.5em; margin-top: -1.5em;}

#skypedetectionswf {display: none;}

.block .contingut article.calendari nav { float: right; margin-top: 0.4em;}
.block .contingut article.calendari nav li { display: inline-block; margin-left: 2.1em; margin-right: 0.2em;}
table.calendari { width: 100%; }
table.calendari td {width: 3.7em; height: 2.8em; background-color: #CCCCCC; text-align: center; padding: 0.1em 0.8em 0; border-right: 0.5em #FFFFFF solid; border-bottom: 0.5em #FFFFFF solid;}
table.calendari td.festiu {color: #CC0000;}
table.calendari td.ambactivitat {background-color: #99CC00;}
table.calendari td.avui {color: #FFFFFF;}
.dia-del-mes {font-family: Arial; font-weight: bold; font-size: 1.6em; }
.calendar-month { width: 100%; float: left; }
.month-name { font-family: "Ruda Black"; font-size: 18px; float: left;}
.calendar-next .calendar-prev {float: right;}

.block .contingut article.piulades ul { inline-box-align: inherit; margin: 0 1em 0 0; padding: 0; } 
.block .contingut article.piulades li { margin-bottom: 1em;}
.block .contingut article.piulades {max-height: 19.7em; overflow: none; overflow-style: panner; width: 30.3em;}
#block_piulades {height: 30.5em;}
/*modificador del scroll bar, no funciona en navegadors que no van amb webkit*/
.block .contingut article.piulades::-webkit-scrollbar-track-piece{
	background-color:#fff;
	-webkit-border-radius:0;
}
.block .contingut article.piulades::-webkit-scrollbar{
	width:8px;
	height:8px;
}
.block .contingut article.piulades::-webkit-scrollbar-thumb{
	height:50px;
	background-color:#999;
	-webkit-border-radius:4px;
	outline:2px solid #fff;
	outline-offset:-2px;
	border: 2px solid #fff;
}
.block .contingut article.piulades::-webkit-scrollbar-thumb:hover{
	height:50px;
	background-color:#9f9f9f;
	-webkit-border-radius:4px;
}
/* FI DEL CODI de l'ScrollBar'*/
.simulated-border { width:100%; height:0.3em; background-color: #10431A; margin-bottom: 1em;}

.block-form-fields { margin-top: 1.2em; width: 100%;}
.radiobuttons-group { margin-top: -1.2em; width: 100%; display:block; position: relative;}
/*input[type="text"], select {background-color: #CCCCCC; width: 20.7em; border: none; line-height: 1.5em; font-size: 14px; }*/
input[type="text"], select {background-color: #CCCCCC; width: 42.9em; border: none; line-height: 1.5em; font-size: 14px; }
/*input[type="text"].camp-text-llarg, select.camp-text-llarg {background-color: #CCCCCC; width: 42.9em; border: none; line-height: 1.5em; font-size: 14px; }*/

textarea {background-color: #CCCCCC; width: 42.6em; border: none; line-height: 1.5em; font-size: 14px; min-height: 4.5em;}
label {font-size: 14px;}
button, .FORMbutton { min-width:8em; min-height:2.2em; margin-top: 1.2em; font-family: "Ruda"; font-size: 14px;
    background-image:-moz-linear-gradient(50% 0% -90deg,rgb(204,204,204) 0%,rgb(153,153,153) 100%); 
    background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(204,204,204)),color-stop(1, rgb(153,153,153)));
    background-image:-webkit-linear-gradient(-90deg,rgb(204,204,204) 0%,rgb(153,153,153) 100%);
    background-image:-o-linear-gradient(-90deg,rgb(204,204,204) 0%,rgb(153,153,153) 100%);
    background-image:-ms-linear-gradient(-90deg,rgb(204,204,204) 0%,rgb(153,153,153) 100%);
    background-image:linear-gradient(-180deg,rgb(204,204,204) 0%,rgb(153,153,153) 100%);
    
    -moz-border-radius:7px ;
    -webkit-border-radius:7px ;
    border-radius:7px ;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ff999999,GradientType=0)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ff999999,GradientType=0);}

#serveis_slideshow {margin-top: 1em; width: 640px; height: 300px;}
.img-banner-serveis { margin: 1em 0;}
.IMGthumbalbum-bloc {width: 7.7em;}
.TITOL-NOTI {font-family: "Ruda Black"; font-size: 14px; width: 100%; line-height: 120%; }

#packs-serveis header {font-size: 14px; color: #333333; margin-bottom: 1em; }
#packs-serveis table { width: 64.4em;}
#packs-serveis table th {font-size: 14px; font-weight: normal;}
#packs-serveis table td {font-size: 14px; background-color: #FFFFFF; padding: 0.4em; border-bottom: 0.4em #DDDDDD solid;}
#packs-serveis table .colesquerra { border-right: 0.4em #DDDDDD solid;}
#packs-serveis table .coldreta { border-left: 0.4em #DDDDDD solid;}

.content-xarxessoxials { margin-top: 4em; margin-bottom: 2em;}

.entrada-blog-pdf { margin: 1em 0;}
.entrada-blog-pdf a { font-size: 14px; }
.img-icona-pdf { margin-right: 1em; }

.img-mes-fotos-thumbs { width: 7.6em; margin: 0.5em 0.7em 0.4em 0; border: 1px #999999 solid;}
.ultimfila { margin: 0.5em 0 0.4em 0;}

#contingut-principal .capcelera-activitat { border-bottom: 1px #CC0000 solid; padding-bottom: 1em;}
#contingut-principal .capcelera-activitat h1 { font-family: "Ruda Black"; font-size: 18px; }
#contingut-principal header.capcelera-activitat h1 { font-family: "Ruda Black"; font-size: 22px; color: #CC0000; letter-spacing: normal;}
#contingut-principal .capcelera-activitat h2 { font-size: 14px; color: #333333;}
#contingut-principal .block-entrada-blog { margin-bottom: 3.5em; }
.img-activitats-llista { float: left; margin-right: 1.5em;}
.img-activitats-capcelera { margin: 1em 0; width: 60em;}
.nom-camp-destacat { color: #333333;}
.preu-activitat { font-size: 16px; color: #C00;}
.activa-formulari-compra { float: right; background: url(imatges/bg_fletxa_formulari.png) no-repeat left -2px; width: 9.1em; 
                           margin-top: -1.5em; height: 1.7em; color: #FFFFFF; font-family: "Ruda Black"; font-size: 16px; padding: 0.7em;}

.block-form-fields ul { inline-box-align: inherit; margin: 0 1em 0 0; padding: 0; } 
.block-form-fields li { border-top: 1px #CC0000 solid; margin-top: 2em; padding-top: 1.2em; width: 28.8em;}
.block-form-fields li a { font-size: 14px; cursor: pointer;}
.img-borra-element { float: right; margin: 1.5em -0.2em 0 0; cursor: pointer;}
.comentaris { margin-top: 3em;}
.comentaris-blog {margin-top: 1em;}
article.comentari { border-top: 1px #cc0000 solid; padding: 0 0 1em 0; }
.form-comentaris { margin-top: 2em;}
.form-field-short { margin-right: 2em; margin-bottom: 1em; width: 30em; position: relative;}
.form-field-long { margin-right: 2em; width: 62em;}

.arbre-historic-blog { margin-top: 1em;}
.arbre-historic-blog ul { margin: 0; padding-left: 0.5em; font-size: 14px;}
.arbre-historic-blog li { padding-bottom: 0.5em;}
.arbre-historic-blog li.tancat { background: #fff url("imatges/icona_historic_tancat.png") 0 3px no-repeat; padding-left: 1.2em;}
.arbre-historic-blog li.obert { background: #fff url("imatges/icona_historic_obert.png") 0 3px no-repeat;  padding-left: 1.2em;}

.historic-article-blog { border-bottom: 1px #CC0000 solid; padding-bottom: 0.5em; margin-top: 0.5em;}
.navegacio-entrades-blog { font-size: 14px; padding-top: 0.5em; width: 43em;}
.navegacio-entrades-blog a { color: #666666; }
.navegacio-entrades-blog a:hover { color: #B69800; }
.entrades-anteriors { float: left; }
.entrades-seguents { float: right;}

.block .contingut article.links-externs { padding: 1em 1em 0.5em;}

.nofloat { float: none;}

.img-llista-albums {border: 1px #999999 solid; width: 18.9em; height: 12em; margin: 1em 0;}
.grup-treballs { width: 60em; border-bottom: 0.1em solid #B69800; padding: 1em 0 1.5em; display: inline-block;}
.album-fotos { width: 19.1em; float: left; margin-right: 1.3em; }
.album-fotos.sensemarge {margin: 0;}
.llegir-mes { font-size: 14px; margin-top: 0.5em;}
#contingut-principal .album-fotos h1 { font-family: "Ruda"; font-size: 14px; font-weight: normal;}
#contingut-principal .item-noticia h2 { font-family: "Ruda"; font-size: 16px;}
#contingut-principal .block-article-noticia h1 { font-family: "Ruda Bold"; font-size: 20px; color: #104319;}

.block-album p { margin: 0; color: #999999; }
.block-album h1 { font-size: 14px; color: #333333; }

#fotos-slideshow {width: 59em; height: 41.6em; background-color: #333333; margin: 1em 0; padding: 1.5em 0.5em;; text-align: center;}
#fotos-slideshow .leftnavbar { float: left; padding: 17.6em 0.5em; width: 2.5em;}
#fotos-slideshow .rightnavbar { float: right; padding: 17.6em 0.5em; width: 2.5em;}
#fotos-slideshow #slideshow-images { float: left; width: 52em; height: 37.7em;}
.img-album-slideshow {}
.fotos-miniatura { width: 60em; margin-bottom: 1em; float: left; }
#descripcio-imatge { margin: 0; width: 59em; float: left; color: #CCCCCC; font-family: "Ruda";}
#nav-images { margin: 1em 0 0; float: left; padding: 0; width: 100%;}
#nav-images li { width: 48px; float: left; margin: 0.3em; list-style: none; display: block; opacity: 0.6; }
#nav-images a { width: 48px; padding: 0px; display: block; border: 1px solid #ccc; }
#nav-images li.activeLI { opacity: 1; }
#nav-images li:hover { opacity: 1; }
#nav-images a:focus { outline: none; }
#nav-images img { border: none; display: block }

.block-video-llista { width: 14.2em; margin: 0 1.7em 1em 0; float: left; }
.img-video-llista { width: 10.2em; }
.ultimacolumna { margin: 0 0 1em;}
.block-video-llista a { font-size: 14px; color: #333333;}
.block-video-llista a:hover { color: #CC0000;}
.block-video-llista p { margin: 0.5em;}
.navegacio-entrades-video { float: left; width: 44.4em; font-size: 14px;}

.dades-contacte {padding: 1em;}

iframe { margin: 0em 0;}
input[type="text"].input-text-numeric { width: 3em; }
input + label.leftallign { padding: 0; margin-left: -1.5em;}
.multimedia-vids-tornar { font-size: 14px; float: right; margin-top: -1.2em;}
.addfloatleft {float: left;}
.addfloatright { float: right;}
.mesvideos { color: #333333; border-bottom: 1px #CC0000 solid; margin-bottom: 1em; }

input + label { padding-left: 2px; vertical-align: middle; }
input[type="checkbox"],
input[type="radio"]{ width: 24px; height: 26px; position:relative; z-index: 10; opacity: 0; vertical-align: middle; margin: -10px -10px;}
input + label:before { content: " "; background: url(imatges/customInputs_xd.png) no-repeat left -2px; width: 24px; height: 30px; position: relative; left: -0.2em; top: 1em; display:inline-block; z-index: 5; }
input[type="checkbox"] + label:before { background-position: left -3px;}
input[type="radio"] + label:before { background-position: -36px -3px;}

/* HOVER STYLES */
input[type="checkbox"]:hover + label:before,
input[type="checkbox"] + label:hover:before  { background-position: left -34px; }
input[type="checkbox"]:focus + label:before { background-position: left -65px; }
input[type="radio"]:hover + label:before,
input[type="radio"] + label:hover:before { background-position: -36px -33px; }
input[type="radio"]:focus + label:before { background-position: -36px -64px; }

/* CHECKED STYLES */
input[type="checkbox"]:checked + label:before { background-position: left -133px; }
input[type="checkbox"]:hover:checked + label:before,
input[type="checkbox"]:focus:checked + label:before { background-position: left -166px; }
input[type="checkbox"]:active:checked + label:before { background-position: left -199px; }

input[type="radio"]:checked + label:before { background-position: -36px -133px; }
input[type="radio"]:hover:checked + label:before,
input[type="radio"]:focus:checked + label:before { background-position: -36px -166px; }
input[type="radio"]:active:checked + label:before { background-position: -36px -199px; }
/* DISABLED STYLES */
input[type="checkbox"]:disabled + label:before { background-position: left -96px; }
input[type="radio"]:disabled + label:before { background-position: -36px -96px; }
input[type="checkbox"]:checked:disabled + label:before { background-position: left -232px; }
input[type="radio"]:checked:disabled + label:before { background-position: -36px -232px; }

input + label:hover,
input:hover + label { color: #555; }

/* DISABLED */
input:disabled + label { color: #ccc; }