body{
	height: 100%;

}
/* ------------------------ BOOTSTRAP ONLINE ------------------- */

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
    line-height: 3;
	overflow-wrap: break-word;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 3 !important;
    vertical-align: top;
    border-top: 1px solid #ddd;
	overflow-wrap: break-word;
}
/*----------------------------------------------------------------- */

 a:focus {
    color: #FFFFFF !important;
    text-decoration: underline;
 }
 footer{
	 background-color:lightgray;
 }
 .fletxa{
	     position: absolute;
    top: 18%;
    left: 45.5%;
 }
.marca{

	width: 100% !important;
    margin: 0;
	padding:0 !important;
    border-left: none;
    border-right: none;
    border-radius: 0;
}
.login{
	position:relative;
	top:200px;
}
.form_login{
	padding-top:20px;

}
}
.but_form{
	padding-left:0px;
}
.but_form > button {
	margin-right:3px;
}
/*.bg_index{
	background: url('../img/bg_crotal.jpg')no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size:cover;
	min-height:100%;


} */
.body{
	/*height:800px !important;*/

}
.link{
	text-decoration:none;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
  background-color:rgba(193, 193, 193, 0.29);
  border-radius:4px;
  margin-top:10%;
  box-shadow: 0 0 5px 2px #666;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.check{
	display:inline-block !important;
	padding-left:2px;
}
.butt_obl{
	margin-left:32%;
	padding:0px;
margin-bottom:10px !important;
}
.titol{
	position:relative;
	left:34%;
	width:32%;
}
.form_registre{
	margin-top:3%;
    border-radius: 4px;
}
.alerta_reg{
	padding:10px !important;
	padding-right:0px;
	margin-left:15px;
	width: 30.8% !important;
	margin-bottom:10px !important;
}

.llegenda{

    width: 37% !important;
    margin-bottom: 30px;
    display: inline-flex;
    padding-right: 5%;
	position: relative;
	left: 34%;

}
.llegenda > li {
	 margin-bottom: 10px;
    display: inline-block;
    width: 80% !important;
    font-size: 14px;
}
.check_from {
	   margin-top: 7px;

}
.modal_bio{
	   z-index: 1050;
}
.renovacio{
	margin-left:12% !important;
}
/* ------------------- INDEX AREA PRIVADA -------------------------- */
.butt_idx{
	margin-bottom:30px;
	margin-top:30px;
}
.col_idx {
		margin-top:50px;


}

.butt_desc{
	margin-top:3%;



}
.gen_t_jumb{
	padding:30px !important;
	margin-top:3%;

}
/* GEST_GENCAT */
.col_b_nou{
	padding-right:2%;
}
.col_txt_nou{
	text-align:right;
	line-height: 2;
}
.titol_gen{
	font-size:20px;
	margin-left:2%;
	margin-top: 14px;
	font-weight:bolder;
}
.nav_titol{
	width:60%;
}
/* EDITAR FORMULARI */
.form_edit{
	margin-top:2%;
	border-radius: 4px;
}
/*----------------------- LOGIN ERROR------------------------*/
.l_error{
	max-width: 330px;
    padding: 15px;
    margin: 0 auto;
    margin-top: 9%;
	margin-left: 36.8%;
	border-width:2px;
	font-size:15px;
	color:#000 !important;
	font-weight: bolder
}
.l_logout{
	max-width: 330px;
    padding: 15px;
    margin: 0 auto;
    margin-top: 9%;
	margin-left: 36.8%;
	border-width:2px;
	font-size:15px;
	color:#000 !important;
	font-weight: bolder;

}
.hover:hover{
	background-color:#e7e7e7;

}
.row_but_nou{
	margin-bottom:15px;
	margin-right:-15px;
}
/* -------------------------- LLISTES GUIES DST ---------------- */
.ul_guies{
	padding-left: 5%;

}
.ul_guies > li{
	text-align:left;
	list-style:none;
	line-height:2;
	    list-style-type: none;
}
.ul_granjes{
    padding-left: 9%;
}
.butt_bio{
	/*background-color:#ccc !important;*/
    box-shadow: 0 0 4px 0.1px #666;
}
.titol_guia{
	text-align:left;
	padding-left: 1.5%;
}
.titol_guia_gen{
		text-align:left;
		padding-left: 5%;
}
.titol_gen{
		text-align:left;
	padding-left: 1.5%;
}
.icon_guies{
	text-align:right;
	line-height: 6;

}

.icon_guies_final > span{
		font-size:18px !important;
	}
@media only screen and (min-width: 769px), only screen and (min-device-width:769px){
	.icon_guies > span{
		font-size:40px !important;
}
}
@media only screen and (max-width: 768px), only screen and (max-device-width:768px){
	.icon_guies > span{
		font-size:30px !important;
	}
}
@media only screen and (max-width: 450px), only screen and (max-device-width:450px){
	.icon_guies > span{
		font-size:25px !important;
	}
}
@media only screen and (max-width: 400px), only screen and (max-device-width:400px){
	.icon_guies > span{
		font-size:20px !important;
	}
}
.titol_gen_g{
	padding-left: 7%;
}
.butt_foot{
	margin-bottom:20px !important;
}
/* ----------------------- TAULES ------------------------- */
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
 .table-responsive > .table > tbody > tr > td,
 .table-responsive > .table > tfoot > tr > td{

	     white-space: normal !important;
		 overflow-wrap: break-word;
 }

 /* ------------------------ INDEX -------------------------- */
 .slogan{
	    border-radius: 6px;
		background-color: rgba(0, 0, 0, 0.75);
		box-shadow: 0 0 5px 2px #666;
 }
 .llistes{
	 list-style:none;
	 padding-left:0px;
 }
 .llistes > li{
	 padding-top:20px;
 }
 /*.llistes > li > div {
	 max-width: 400px;
 }*/
 .entrar a:hover{
	 background-color:#6DC16D !important;
 }
 .r_slider{
	 margin-top:30px;
 }
 .slid_caption{
	 position:absolute;
	 background-color:rgba(0, 0, 0, 0.65);
	 box-shadow:0 0 5px 2px #666;
	 padding:5px 0px 5px 0px !important;
	 bottom: 3px !important;

 }
  .slid_caption > h4{
	      text-transform: none;
  }
 .screen_img{
	 float:none;
	 margin-left:39% !important;
 }
 .img_captures{
	 position:absolute;
	 z-index:5;
	 bottom:192px;
	 left:216px;

 }
 .controls_carr {
	     background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 100%) !important;
 }
 .carr_flotant{
	top: 510px;
    left: 49% !important;
 }
 .icones{
	 font-size: 10em !important;
	 color:#4C4C4C;
 }
 .renov_subs{display: inline-block;}.renov_icon{ margin:7px 10px 10px 10px;}.renov_boto{ float: right;}
 .text_intro{margin-bottom:33px;}
 .titol_intro{background-color: #f05f40;padding-top:60px;padding-bottom:80px;}
/* ----------------------------------- TAULES DE PREUS ------------------------------- */

@import url("http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Roboto:400,300,700italic,700,500&subset=latin,latin-ext");



	/* COMMON PRICING STYLES */
		.panel.price,
		.panel.price>.panel-heading{
			border-radius:0px;
			 -moz-transition: all .3s ease;
			-o-transition:  all .3s ease;
			-webkit-transition:  all .3s ease;
		}
		.panel.price:hover{
			box-shadow: 0px 0px 30px rgba(0,0,0, .4);
		}
		.panel.price:hover>.panel-heading{
				box-shadow: 0px 0px 30px rgba(0,0,0, .4) inset;
		}


		.panel.price>.panel-heading{
			box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
			text-shadow:0px 3px 0px rgba(50,50,50, .6);
		}

		.price .list-group-item{
			border-bottom-:1px solid rgba(250,250,250, .5);
		}

		.panel.price .list-group-item:last-child {
			border-bottom-right-radius: 0px;
			border-bottom-left-radius: 0px;
		}
		.panel.price .list-group-item:first-child {
			border-top-right-radius: 0px;
			border-top-left-radius: 0px;
		}

		.price .panel-footer {
			color: #fff;
			border-bottom:0px;
			background-color:  rgba(0,0,0, .1);
			box-shadow: 0px 3px 0px rgba(0,0,0, .3);
		}


		.panel.price .btn{
			box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
			border:0px;
		}

	/* green panel */


		.price.panel-green>.panel-heading {
			color: #fff;
			background-color: #57AC57;
			border-color: #71DF71;
			border-bottom: 1px solid #71DF71;
		}


		.price.panel-green>.panel-body {
			color: #fff;
			background-color: #65C965;
		}


		.price.panel-green>.panel-body .lead{
				text-shadow: 0px 3px 0px rgba(50,50,50, .3);
		}

		.price.panel-green .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}

		/* blue panel */


		.price.panel-blue>.panel-heading {
			color: #fff;
			background-color: #608BB4;
			border-color: #78AEE1;
			border-bottom: 1px solid #78AEE1;
		}


		.price.panel-blue>.panel-body {
			color: #fff;
			background-color: #73A3D4;
		}


		.price.panel-blue>.panel-body .lead{
				text-shadow: 0px 3px 0px rgba(50,50,50, .3);
		}

		.price.panel-blue .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}

		/* red price */


		.price.panel-red>.panel-heading {
			color: #fff;
			background-color: #D04E50;
			border-color: #FF6062;
			border-bottom: 1px solid #FF6062;
		}


		.price.panel-red>.panel-body {
			color: #fff;
			background-color: #EF5A5C;
		}




		.price.panel-red>.panel-body .lead{
				text-shadow: 0px 3px 0px rgba(50,50,50, .3);
		}

		.price.panel-red .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}

		/* grey price */


		.price.panel-grey>.panel-heading {
			color: #fff;
			background-color: #6D6D6D;
			border-color: #B7B7B7;
			border-bottom: 1px solid #B7B7B7;
		}


		.price.panel-grey>.panel-body {
			color: #fff;
			background-color: #808080;
		}



		.price.panel-grey>.panel-body .lead{
				text-shadow: 0px 3px 0px rgba(50,50,50, .3);
		}

		.price.panel-grey .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}

		/* white price */


		.price.panel-white>.panel-heading {
			color: #333;
			background-color: #f9f9f9;
			border-color: #ccc;
			border-bottom: 1px solid #ccc;
			text-shadow: 0px 2px 0px rgba(250,250,250, .7);
		}

		.panel.panel-white.price:hover>.panel-heading{
			box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
		}

		.price.panel-white>.panel-body {
			color: #fff;
			background-color: #dfdfdf;
		}

		.price.panel-white>.panel-body .lead{
				text-shadow: 0px 2px 0px rgba(250,250,250, .8);
				color:#666;
		}

		.price:hover.panel-white>.panel-body .lead{
				text-shadow: 0px 2px 0px rgba(250,250,250, .9);
				color:#333;
		}

		.price.panel-white .list-group-item {
			color: #333;
			background-color: rgba(50,50,50, .01);
			font-weight:600;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
		}

.bg_fixed_preus{

	background-image: url("img/cow.png")center center fixed;
}

/* ----------------------- FORMULARI DE CONTACTE ---------------------- */
.llista_form{
	padding-top:15px;
	padding-left:0px;
}
.llista_form  > li{
	list-style:none;
	font-size:20px;
	padding-left:0px;
	text-align:left;
	display:inline-block;
	padding-right:5px;

}
.llista_form  > li > a > span{
	text-transform:lowercase;
}
.llista_form  > li > a {
	border:none;
}
.llista_form  > li > a:hover{
		border:none;
}
.price_section{
	    background: url(../img/retina_wood.jpg) ;
}
.intro-body_m{

	padding-top:10% !important;
}

/* ----------------------------------- COMPTE ADMIN -------------------------- */
.info_admin{margin-top:0px !important;margin-bottom:0px !important;}
.gest_us_adm{white-space: normal !important;}

/* Pàgina INDEX ------------- */
.btn-acces{
	border: 0px solid transparent !important;
    border-radius: 0PX !important;
}
.font-montse{
	font-family:Montserrat !important;
}
