@font-face {
        font-family: 'Uniligth';
        src: url('uvcl____-webfont.eot');
        src: local('?'), url('fonts/uvcl____-webfont.woff') format('woff'), url('uvcl____-webfont.ttf') format('truetype'), url('uvcl____-webfont.svg#webfontJ22QntOU') format('svg');
        font-weight: normal;
        font-style: normal;
}
 @font-face {
        font-family: 'Uni';
        src: url('uvc_____-webfont.eot');
        src: local('?'), url('uvc_____-webfont.woff') format('woff'), url('uvc_____-webfont.ttf') format('truetype'), url('uvc_____-webfont.svg#webfontmIVulGER') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'Unibold';
        src: url('uvcb____-webfont.eot');
        src: local('?'), url('uvcb____-webfont.woff') format('woff'), url('uvcb____-webfont.ttf') format('truetype'), url('uvcb____-webfont.svg#webfontelKmb1tI') format('svg');
        font-weight: normal;
        font-style: normal;
}

body{
        margin: 0;
        padding: 0;
        font-family: "Uni",Arial,Serif;
        color: #4D590D;
        background: no-repeat center center fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
}

/***** utils ***/





p { margin: 0; padding: 0;}
.fleft { float: left;}
.fright { float: right;}
.clear { clear: both;}

.bold { font-family: "Unibold"}
a.nobold { font-family: "Uni" !important}

.mayus { text-transform: uppercase;}
.margin-no { margin: 0 !important;}

.aright { text-align: right;}
.aleft { text-align: left;}

a.blanc { color: #FFF !important;}

.size14 { font-size:14px !important}
a.size14 { font-size:14px !important}
.size36 { font-size:36px !important}


.mB20{ margin-bottom: 20px;}

/***** imatge fons ***/
#bkgweb { position: fixed; width: 100%; top: 0; left: 0; z-index: -1px}

/***** estructura ***/
.global { width: 100%; height: 100%; position: absolute;}
.all { width: 950px; height: 700px;margin: auto; position: relative; padding-top: 35px}
.top { width: 100%}
.middle-left { width: 160px;}
.middle-right { width: 790px; }

/***** menu ***/
.middle-left a.nav { display: block; color: #4D590D; font-size: 14px; font-family: "Unibold"; background-repeat: no-repeat; height: 26px; width: 192px;
	margin-left: -15px; margin-top: 5px; text-decoration: none}
.middle-left a.nav span, .nav-subnav a span { display: block; padding-top: 6px; padding-left: 25px; padding-right: 50px; line-height: 14px}

a.nav-1 { background-image: url("../img/1.png")}
a.nav-2 { background-image: url("../img/2.png")}
a.nav-3 { background-image: url("../img/3.png")}
a.nav-4 { background-image: url("../img/6.png")}
a.nav-5 { background-image: url("../img/5.png")}
a.nav-6 { background-image: url("../img/7.png")}
a.nav-7 { background-image: url("../img/9.png")}
a.nav-8 { background-image: url("../img/10.png")}
a.nav-9 { background-image: url("../img/11m.png")}
a.nav-10 { background-image: url("../img/7.png")}
a.nav-11 { background-image: url("../img/10.png")}
a.nav-12, a.nav-13 { height: 41px!important; background-image: url("../img/13m.png")}
a.nav-14 { background-image: url(../img/7.png);}
a.nav-4, a.nav-5, a.nav-6, a.nav-7, a.nav-8, a.nav-10, a.nav-9, a.nav-11, a.nav-12, a.nav-13, a.nav-14 { color: #B5BA05 !important;}
a.active { color: #fff !important;}

.nav-subnav { background-image: url("../img/12.png"); background-repeat: repeat-y; width: 208px; color: #4D590D;
	margin-left: -15px; margin-top: 5px; padding-bottom: 5px; font-family: "Unibold";}
.nav-subnav a { display: block; color: #4D590D; text-decoration: none; font-size: 14px}
a.subsubnav { padding-left: 10px; line-height: 14px}
a.subsubnav span { padding-right: 40px}
a.sub2 { font-size: 13px; padding-left: 20px}
a.sub2 span { padding-right: 55px}

/****** bot ***/
.bot { width: 100%; padding: 10px 0; text-align: center}
.bot-meteocat { /*background-image: url("../img/linea.png"); background-repeat: no-repeat; */color: #FFF;
	padding-top: 15px; font-size: 85px; text-align: center; position: relative; }
.bot-meteocat a, .bot-dades a { color: #fff; text-decoration: none}
.bot-meteocat div.widget-meteo { margin: 10px 160px; position: absolute; top: 0; z-index: 10;}
.bot-dades { text-align: center; color: #fff; margin-top: 20px;}
.bot-dades a { font-family: "Unibold"}
.bot-opacity { position: absolute; background-color: #FFF; opacity: 0.7; width: 100%; height: 88px; top: 9px; z-index: 0}
.subNewsletter { color: #fff; margin: 20px 0 0 0; }
.subNewsletter span {font-size: 22px; margin-right: 20px;font-weight: bold;}
.subNewsletter span.textPetit{ font-size: 14px; margin: 0 20px 10px 0; display: inline-block; }
#email_newsletter { height: 40px; line-height: 40px; width: 290px; border: 0; font-size: 16px; font-weight: bold;
    padding: 0 15px; color: #fff; background-color: rgba(0, 0, 0, 0.5); margin-right: 20px;}
.botoNewsletter { height: 40px; padding: 2px 0 0 0; line-height: 38px; background-color: rgba(0, 0, 0, 0.5);
    border: 0; width: 100px; font-family: "Uni",Arial,Serif; font-weight: bold; color: #fff; cursor:pointer; }
.subNewsletter input.error { border: 1px solid red !important; }
.subNewsletter label.error { display: none !important;}

/****** seccions ***/
h1 { font-weight: normal; color: #fff; margin: 0; padding: 0; text-transform: uppercase; font-size: 70px}
h1.h1-llarg { font-size: 38px !important}
h1.h1-llarg-2 { font-size: 62px !important}
.seccio-content { width: 785px; min-height: 485px; height: 485px; display: table; position: relative; background-image: url("../img/bg_seccio.png")}
.seccio-text { padding: 20px;}
.seccio-text b { font-family: "Unibold" !important}
.seccio-text h2 { font-family: "Unibold"; font-weight: normal; font-size: 26px; padding: 0; margin: 15px 0 0 0;}
.seccio-text a { color: #4D590D; font-family: "Unibold"; text-decoration: none; font-size: 18px}
.seccio-text a:hover {text-decoration: underline;}

/****** fauna i flora ***/
.content-left{ width: 420px;}
.content-right{ width: 300px;}
.content-categories a, .content-list a { font-size: 16px !important}
.content-categories a:hover, .content-categories a.active, .content-categories a.active:hover {
        color: #b5ba05 !important; text-decoration: none}
.content-list a { line-height: 28px; font-family: "Uni"}
.faunaflora-nom { width: 728px; height: 97px; background-image: url("../img/rallas.png"); background-repeat: no-repeat; margin: auto;
 padding-left: 18px; padding-top: 12px; margin-top: 15px; color: #b5ba05 !important; font-size: 20px; line-height: 24px}
.faunaflora-nom  h2 { font-size: 38px !important}
.faunaflora-dades { width: 728px; margin: auto;}
.faunaflora-dades-content { margin: 5px 10px;}

/****** fotografies ****/
.fotos-pager { position: absolute; bottom: 10px; right: 10px}
a.pager-enrera, a.pager-endavant, span.pager-enrera, span.pager-endavant { display: block; width: 50px; height: 50px; float: left;}
a.pager-enrera, span.pager-enrera { background-image: url("../img/enrera.png") }
a.pager-endavant, span.pager-endavant { background-image: url("../img/endavant.png") }
span.pager-enrera, span.pager-endavant { background-position: bottom left}
a.pager-close { display: block; width: 25px; height: 25px; background-image: url("../img/tancar.png"); position: absolute; top: 10px; right: 10px}

/****** agenda ***/
a.year_active { font-size: 24px !important; text-decoration: underline;}
.agenda-month-list { margin-top: 10px; width: 100%; /*text-align: left*/}
.agenda-month-list a { font-size: 38px; font-family: "Uni" !important}
.seccio-agenda .content-right { width: 200px !important; }
.seccio-agenda .content-left { width: 520px !important; margin-bottom: 15px}
.agenda-item img { margin-right: 15px}
a.month_active { text-decoration: underline;}

/******* com arribar ***/
a.comarribar-link { font-family: "Unibold"; text-decoration: none}

/******* actualitat ***/
.paginacio { /*position: absolute; bottom: 5px;*/}
.paginacio td { padding: 10px; text-align: center; }
.paginacio a { font-family: "Uni"; display: block; margin: 0 5px;}
a.pag-active { font-family: "Unibold"; font-size: 22px}
.actualitat-view-img { margin-left: 15px}

/****** publicacions ***/
.seccio-doc { padding: 20px 0 !important;}

/****** xarxes socials ***/
a.icotwitter, a.icofacebook, a.icoyoutube, a.icoinstagram { display: block; width: 32px; height: 32px; background-repeat: no-repeat; float: left;
        margin-right: 5px}
a.icotwitter { background-image: url(../img/twiter.png)}
a.icofacebook { background-image: url(../img/facebook.png)}
a.icoyoutube { background-image: url(../img/youtube.png)}
a.icoinstagram { background-image: url(../img/instagram.png)}

.home-box { width: 300px; float: right}
.home-box .seccio-content { width: 300px; min-height: 350px; height: 350px }
.home-box h1 { font-size: 24px}
.list-home-item { width: 280px; margin: 10px auto; color: #4D590D; line-height: 20px}
.list-home-item a { color: #4D590D;}
.data-home { font-size: 13px}
.list-home-item p { font-size: 14px; line-height: 16px; margin-bottom: 5px}

/************ COOKIES ***********/
#inline { display: none}
.cookies-alert { background-color: rgba(0, 0, 0, 0.5); color: #FFF; padding: 5px;position: fixed; bottom: 0; width: 100%; z-index: 10000}
.cookies-alert-content { width:916px; margin: auto; height: 35px;}
.cookies-text { float: left; width: 800px}
.cookies-text a { font-size: 14px; color: #FFF;}
.cookies-text a:hover { text-decoration: underline;}
a.cookies-ok { display: block; float: right; background-color: #FFF; padding: 5px; color: #000000;
    border: 1px solid  #000000; border-radius: 5px; margin-top: 5px}
a.cookies-ok:hover { background-color: #D2D2D2; color: #000000; border: 1px solid  #000000;}

.breadcrumbs { font-size: 12px}
.breadcrumbs a { font-size: 12px}

/*INVENTARI 22/07/2016*/
.fSize13{font-size: 13px;}
.cursiva{font-style: italic;}
#mapInventari{width: 100%; height: 300px;}
.mapInventari iframe { width: 100%; height: 300px;}


/*FORMULARI FITXE INFOME 03/03/2017*/
.pB60{padding-bottom:60px}
form table{color: #000;}
.mT75{margin-top: 75px;}
form .top{margin-bottom: 30px; }
/*.bordesencer{border:1px solid #000;}
.borde{border:1px solid #000; border-top: none;display:inline-block;}
.w80{width: 80%}
.pB10{padding-bottom: 10px;}
form span{padding-left: 5px;}
input{border:none; }*/
.tamany1{    width: 650px; height: 27px; margin-bottom: 10px; vertical-align: middle;}
.tamany2{width: 493px; height: 27px; margin-bottom: 10px; vertical-align: middle;}
.tamany3{width: 286px;height: 27px; margin-bottom: 10px; vertical-align: middle;}
.w90{width: 90%;padding-bottom:10px;}
.w270{width: 295px;}
.w440{    width: 440px;}
/*.div-1b {position:absolute;width:20%;right:0;}
.div-1a {width:80%;left:0;border-right: none}*/
table{width: 100%}
td{padding:15px; }
.vMidel{vertical-align: middle;}
.w80{width: 80%}
.w20{width: 20%}
.w60{ width: 60% }
.w100{width: 100%; padding-bottom:10px;}
.w160{width: 205/*Per alguns inputs*/}
.w200{ width: 200px; }
.w300{ width: 300px; }
.w500{ width: 500px; }
.w750{width: 750px;}
.h80{height: 80px;}
.h150{height: 150px;}
.diversos span,.diversos input{margin-top: 15px;}
.diversos input{margin-right: 45px;}
#alt{margin-right: 5px!important; margin-left: 100px;}
.borderNone{border:none!important;}
.conteTaula{    padding-bottom: 0px;padding: 0;    border: none;}
textarea{margin-top: 15px;}
.mT15{margin-top: 15px}
.companyia{margin-right: 3%;}
.pT15{padding-top: 15px; display: inline-block;}
.pT50{padding-top: 50px; display: inline-block;}
.mL15{margin-left: 15px;}
.bcolor{border-color:rgba(0, 0, 0, 0.54)}
.firma{padding-bottom:  70px;}
.bgGris{background-color:  rgba(128, 128, 128, 0.2); margin-top: 10px;}
.w50{width: 20%;padding:15px; border-color:rgba(0, 0, 0, 0.54)}
.floatR{float: right;}
.txt-upercase{text-transform: uppercase;}
.h100{height: 100px;}
.h150{height: 150px;}
.mB25{margin-bottom: 25px;}
.btn{cursor: pointer;border-radius: 4px;}

/*.textinput, textarea{ border: none!important; background-color: #f0f0f0!important; box-shadow:none;}*/F
textarea{height: 120px!important; resize: vertical;}
label.error { display: none!important; }
input, textarea{font-family:'Uni'}
input.error, textarea.error { border: 1px solid red!important;}
.error{color: red; text-transform: none; }
.centr{text-align: center; background-color: #DFF0D8; padding: 20px; margin-bottom: 20px;}

table.bcolor { border-collapse: collapse; }
table.bcolor td,table.bcolor tr { border: 1px solid black; }

.formulari-peticionari td { width:10%; }
.formulari-peticionari .label-radio, .bgGris .label-radio { margin-right: 8px; }
.formulari-peticionari .altres-entitats { margin-right: 0px; width: 370px; margin-left: 8px; }
.formulari-peticionari textarea { margin-top: 0px; }
.formulari-petcionari-green { font-size: 16px; background-color: #465900; color: #ffffff; padding: 20px 40px; }
.formulari-peticionar-logo { margin-bottom: 15px; }
.link-planol { padding-top: 25px; display: inline-block; font-size: 16px; text-align: center; width: 100%; text-transform: uppercase; font-weight: bold; }
.link-fitxer { padding-top: 25px; display: inline-block; /*padding-bottom: 25px;*/ font-size: 16px; text-align: center; width: 100%; text-transform: uppercase; font-weight: bold; }
.link-fitxer .btn-espform { background-color: #4D590D; border-color: #4D590D; color: #ffffff; }
.link-fitxer .btn-espform:hover { color: #ffffff; opacity: .6; }
/*.link-fitxer .bootstrap-filestyle { width: 100%; }*/

.inventari-list { width: 19%; float: left; padding: 15px; background-color: #FFF; cursor: pointer; height: 140px; margin-right: 1%; margin-bottom: 1%}
.inventari-list:hover { background-color: #b5ba05 }
.inventari-list img, .inventari-img img { max-width: 100% }
.inventari-list .foto { max-width: 100%; height: 98px; background-size: cover }
.inventari-list a { display: block; font-size: 16px; }
.inventari-list:hover a { color: #FFF; text-decoration: none }
.inventari-img { float: left; width: 50%; }
.inventari-dades { float: left; width: 50% }
.inventari-dades div { padding: 0 15px; }

.tipus-list { padding-left: 20px; padding-bottom: 15px; }
.tipus-list a { font-size: 14px; display: block; float: left; background-color: #556c11; color: #B5BA05; padding: 5px 15px; margin-right: 12px;}
.tipus-list a:hover { background-color: #B5BA05; color: #FFF; text-decoration: none }

.home-baner { float: right; background-color: rgba(0, 0, 0, 0.5); color: #FFF; width: 300px; font-size: 20px; padding: 25px; margin-right: 75px; margin-top: 30px;}