/*

COLORS
	Verd: #a0ce4e
	Vermell: #e21e23

*/


/*

FONTS

*/
@font-face {
    font-family: 'AnticSlabRegular';
    src: url('../fonts/AnticSlabRegular.eot');
    src: url('../fonts/AnticSlabRegular.eot') format('embedded-opentype'),
         url('../fonts/AnticSlabRegular.woff2') format('woff2'),
         url('../fonts/AnticSlabRegular.woff') format('woff'),
         url('../fonts/AnticSlabRegular.ttf') format('truetype'),
         url('../fonts/AnticSlabRegular.svg#AnticSlabRegular') format('svg');
}

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

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


/*

ESTILS GENERALS

*/
html, body{
	margin:0;
	/*background-image:url(../img/background.png);*/
	background-color:#f6faed;
}

b{
	font-family: 'PTSans-Bold';
	font-weight:normal;
}

.verd{
	color:#A0CE4E;
}

.titol_input{
	font-family: 'AnticSlabRegular';
	font-size:9pt;
	margin-bottom:5px;
}

.titol_input.entremig{
	margin-top:10px;
}

.notificacions{
	color:#A0CE4E;
}

.notificacions.error{
	color:#e21e23;
}

input[type="text"],
input[type="password"]{
	height:36px;
	border:1px solid #A0CE4E;
	padding-left:10px;
	padding-right:10px;
	font-family: 'PTSans';
	font-size:11pt;
}

input[type="text"].verd{
	background-color:#A0CE4E;
	color:#FFFFFF;
}

input[type="file"]{
	width:286px;
	background-color:#f6faed;
	color:#000000;
}

textarea{
	height:136px;
	width:100%;
	border:1px solid #A0CE4E;
	padding:10px;
	font-family: 'PTSans';
	font-size:11pt;
	resize:none;
}

.selector{
	padding: 0;
    margin: 0;
    border: 1px solid #A0CE4E;
    overflow: hidden;
    background-color: #fff;
    background: #fff url(../img/fletxa_avall_selector.png) no-repeat 95% 50%;
}

.selector.verd{
	background-color:#a0ce4e;
	color:#FFFFFF;
	background: #a0ce4e url(../img/fletxa_avall_selector_blanca.png) no-repeat 95% 50%;
}

.selector select {
    padding: 10px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	cursor:pointer;
	font-family: 'PTSans';
	font-size:10pt;
}

.selector.verd select{
	color:#FFFFFF;
}

.selector select:focus {
    outline: none;
}

.botons {
    display: flex;
    border-bottom: 1px solid #A0CE4E;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
}
.boto{
	display: inline-block;
	width:200px;
	text-align:center;
	border-radius:5px;
	background-color:#A0CE4E;
	padding:10px 0px;
	margin-right: 20px;;
	color:#FFFFFF;
	text-decoration:none;
	font-family: 'PTSans-Bold';
	font-size:10pt;
}

.boto.negre{
	color:#000000;
}

.boto.vermell{
	color:#e21e23;
}

.boto:hover{
	color:inherit;
	text-decoration:none;
}

.mesesTemporada input[type="checkbox"], .senderosEuropeos input[type="checkbox"]{
	margin-right:5px;
}

/*

HEADER

*/
#wrapper_header{
	height:155px;
	background-color:#FFFFFF;
}

#wrapper_header #pre_header{
	background-color:#a0ce4e;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	color:#FFFFFF;
	font-family: 'PTSans';
	font-size:10pt;
}

#wrapper_header #header{
	margin:0 auto;
	width:940px;
	height:100px;
}

#wrapper_header #header .logo{
	float:left;
	margin-top:30px;
}

#wrapper_header #header #form_login{
	float:right;
	margin-top:15px;
}

#wrapper_header #header #form_login .wrapper_camps_form_login{
	float:left;
	margin-left:30px;
}

#wrapper_header #header #form_login .wrapper_camps_form_login .text_down_input{
	margin-top:3px;
	font-family: 'AnticSlabRegular';
	font-size:9pt;
}

#wrapper_header #header #form_login .wrapper_camps_form_login .text_down_input a{
	text-decoration:none;
	color:#000000;
}

#wrapper_header #header .wrapper_usuari_header{
	float:right;
	margin-top:35px;
}

#wrapper_header #header .wrapper_usuari_header .logo_ffaa{
	float:left;
	margin-top:-10px;
	margin-right:40px;
}

#wrapper_header #header .wrapper_usuari_header .info{
	float:left;
	margin-right:30px;
}

#wrapper_header #header .wrapper_usuari_header .info .titol{
	font-family: 'PTSans-Bold';
	font-size:10pt;
	color:#A0CE4E;
}

#wrapper_header #header .wrapper_usuari_header .info .nom_usuari{
	font-family: 'PTSans-Bold';
	font-size:10pt;
	margin-top:3px;
}


/*

MENU

*/

.menu .punter{
	position: absolute;
	top:-55px;
}

.item_menu{
	float:left;
	width:100%;
	border-top:1px solid #A0CE4E;
	border-bottom:1px solid #A0CE4E;
 	padding-top:4px;
	padding-bottom:8px;
	margin-bottom:24px;
}

.item_menu .picto{
	float:left;
	margin-right:8px;
}

.item_menu .titol{
	float:left;
	font-family: 'PTSans-Bold';
	font-size:10pt;
	margin-top:5px;
}

.item_menu .titol a{
	color:#000000;
	text-decoration:none;
}

.item_menu .afegir{
	float:right;
}

.llistat_ultims{
	border:1px solid #A0CE4E;
	background-color:#FFFFFF;
	padding:20px;
	padding-bottom:18px;
	display:flex;
	flex-direction:column;
}

.llistat_ultims .item{
	width:100%;
	font-family: 'PTSans-Bold';
	font-size:10pt;
	margin-bottom:2px;
        text-decoration:none;
        color:#000000;
}

.llistat_ultims .item.disabled{
	pointer-events: none;
	cursor: default;
}



/*

CONTINGUT

*/
#wrapper_contingut{
	font-size:10pt;
	padding-bottom:50px;
}

#wrapper_contingut li{
	list-style-image:url(../img/fletxa_llista.png);
}

#wrapper_contingut .titol_site{
	margin-top:30px;
	border-top:1px solid #A0CE4E;
	border-bottom:1px solid #A0CE4E;
 	padding-top:8px;
	padding-bottom:6px;
}

#wrapper_contingut .titol_site .picto{
	float:left;
	margin-right:10px;
}

#wrapper_contingut .titol_site .titol{
	float:left;
	font-family: 'PTSans-Bold';
	font-size:15pt;
	line-height:21px;
}

#wrapper_contingut .titol_site .notificacions{
    float: right;
    font-family: 'PTSans-Bold';
    font-size:12pt;
    color: #000000;
    line-height: 18px;
}

#wrapper_contingut .titol_site .notificacions.error{
    color: #e21e23;
}

#wrapper_contingut .titol_site.selectores_caracteristicas{
	text-align:center;
	color:#a0ce4e;
}

#wrapper_contingut .titol_site.selectores_caracteristicas a{
	font-family: "PTSans-Bold";
    font-size: 10pt;
	text-decoration:none;
	color:#000000;
}

#wrapper_contingut .titol_site.selectores_caracteristicas a.selected{
	color:#a0ce4e;
}

#wrapper_contingut .input_no_editable{
	float:left;
	width:100%;
	margin-bottom:3px;
}

#wrapper_contingut .input_no_editable .text{
	float:left;
	boder:1px solid #A0CE4E;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:204px;
	font-family: 'PTSans';
	font-size:10pt;
	border:1px solid #A0CE4E;
}

#wrapper_contingut .input_no_editable .text.llarg{
	width:534px;
}

#wrapper_contingut .input_no_editable .eliminar{
	float:left;
	margin-left:20px;
}

#wrapper_contingut input[type="text"]{
	width:100%;
	height:40px;
}

.buscadorEtapas .buscador{
	width:calc(100% - 105px) !important;
	height:40px;
}

.buscadorEtapas {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.marca_tipo_sendero {
    border: 1px solid #A0CE4E;
    font-family: 'PTSans-Bold';
    font-size: 10pt;
    height: 40px;
    margin-right: 4px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.buscador{
	margin-right:20px;
}

.input_disabled{
	border:1px solid #A0CE4E;
	padding:10px;
	width:100%;
	font-family: 'PTSans';
	font-size:10pt;
}

.img_loading{
	width:100%;
	text-align:center;
}

.dades_carrega_gpx{
	background-color:#FFFFFF;
	margin-left:-10px;
	padding:10px;
	margin-bottom:10px;
}

.arxiu{
	width:100%;
	margin-bottom:10px;
}

.arxiu a{
	font-size:10pt;
	text-decoration:none;
	color:#000000;
}

.arxiu a.delete_arxiu{
	float:right;
	color:#e21e23;
}

#wrapper_contingut .col_12{
	float:left;
	width:634px;
	padding-top:20px;
	margin-bottom:30px;
	margin-right:20px;
}



.total_senderos{
	height:30px;
	margin-top:20px;
	padding-top:10px;
	text-align:center;
	font-family: 'PTSans-Bold';
	font-size:10pt;
}

.item_listado{
	float:left;
	width:100%;
	margin-bottom:6px;
}

.item_listado .info{
	float:left;
	border:1px solid #A0CE4E;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:475px;
	font-family: 'PTSans-Bold';
	font-size:10pt;
	border:1px solid #A0CE4E;
	background-color:#FFFFFF;
	text-decoration:none;
	color:#000000;
}

#wrapper_contingut .col_23 .item_listado .info.pr_sl{
    width:475px;
}

.item_listado .publicado{
	float:left;
	font-family: 'PTSans-Bold';
	font-size:10pt;
	padding-left:14px;
	padding-right:14px;
	padding-top:11px;
	padding-bottom:11px;
	margin-left:20px;
	background-color:#A0CE4E;
}

.item_listado .publicado.borrador{
	color:#FFFFFF;
        background-color: #a0ce4e;
}

.item_listado .link_desplegar_etapes{
	float:left;
	margin-left:20px;
}

.wrapper_etapes{
	float:left;
	width:475px;
	margin-right:178px;
	margin-bottom:10px;
	font-family: 'PTSans-Bold';
	font-size:10pt;
        display: none;
}

.wrapper_etapes .titol{
	float:left;
	width:100%;
	border-bottom:1px solid #A0CE4E;
	padding-left:10px;
	padding-bottom:8px;
}

.wrapper_etapes .titol .link_afegir_etapa{
	float:right;
}

.wrapper_etapes .item_listado_etapa{
	float:left;
	width:100%;
	padding-left:10px;
	padding-right:10px;
	padding-top:11px;
	padding-bottom:11px;
	border-bottom:1px dotted #A0CE4E;
        text-decoration: none;
        color: #000000;
}

.wrapper_etapes .item_listado_etapa.ultim{
	border:none;
}

.wrapper_etapes .item_listado_etapa .estado_etapa{
	float:right;
}

#wrapper_contingut .col_mitja{
	float:left;
	width:133px;
}

#wrapper_contingut .col_mitja.dreta{
	margin-left:20px;
}