/* General */

body {
	font-family: 'Roboto', sans-serif;
}

p {
	font-size: 16px;
}

/* Fonts */
.font-medium {
	font-size: 16px !important;
}
.font-large {
	font-size: 20px;
}
.font-huge {
	font-size: 32px;
}
.font-bold {
	font-weight: bold;
}
/*.font-light {
	font-weight: 300;
}*/

#info-text p{
	font-size: 18px;
}

/* NavBar */

nav.navbar{
	margin-bottom: 0px;
}

#navbar{
	background-color: #a1ce9d;
}

.nav>li>a{
	font-size: 12px;
	color: #000;
}

.nav>li>a:focus, .nav>li>a:hover{
	color: #FFF;
	background-color: #a1ce9d !important;
}

.nav>li.active>a{
	color: #FFF;
	font-weight: bold;
}

.navbar-toggle{
	border-color: #a1ce9d !important;
}
.navbar-toggle:hover{
	background-color: #f9f9f9;
}

.navbar-toggle .icon-bar{
	background-color: #a1ce9d;
}

@media (min-width: 1200px) {
	.nav>li>a{
		font-size: 14px;
	}
}

/* Logo */

#logo, #logo img, #logo-index, #logo-index img{
	position: relative;
}
#logo img {
	height: 200px;
}
#logo-index img {
	z-index: 200;
}

@media (min-width: 500px) {
	#logo-container {
		background: url("../img/background-01.jpg") no-repeat right center,
					url("../img/line-leaves.png") no-repeat left center;
	}
}

/* Headers */

h1.line-header, h1.line-header-short {
	/*width: 304px;
	height: 58px;*/
	width: 367px;
	height: 70px;
	text-align: center;
	font-family: 'Sanchez', serif;
	color: #FFF;
	/*font-size: 22px;*/
	font-size: 26px;
	background: url("../img/headers/header-line-1.png") no-repeat center;
	background-size: 100% auto;
	padding: 19px 0px;
	/*transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);*/
}
h1.line-header-short{
	background: url("../img/headers/header-line-2.png") no-repeat center;
	background-size: 100% auto;
	width: 282px;
	height: 70px;
}


/* Footer */

.footer-copyright{
	padding: 15px 0px;
	color: #87888a;
	font-size: 12px;
}

.footer-copyright a{
	color: #87888a;
}
.footer-copyright a:hover{
	color: #a1ce9d;
}
.footer-copyright .copyright-line {
	display: block;
	text-align: center;
}
.footer-copyright .copyright-line:first-child {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.footer-copyright{
		font-size: 14px;
	}
	/*.footer-copyright a:first-child{
		margin-left: 25px;
	}*/
}

/* Index */

#featured-info>div{
	padding: 5px;
}

#index-newsletter{
	display: table;
}
#index-newsletter>div{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 358px;
	background-color: #82c286;
	padding: 20px 30px;
}
#index-newsletter img {
	max-height: 64px;
}
#index-newsletter form {
	margin-top: 10px;
}
#index-newsletter label{
	display: none;
}
#index-newsletter .form-group {
	margin-bottom: 10px;
}
#index-newsletter .form-control {
	height: 25px;
}
#index-newsletter .form-checks {
	margin-bottom: 0;
}
#index-newsletter .form-checks label {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
}
#index-newsletter .btn-newsletter{
	border:0;
	display:block;
	background: none;
	font-family: 'Sanchez', serif;
	color: #FFF;
	font-size: 26px;
	margin: 0 auto 4px;
	line-height: 1.1;
}
#index-newsletter p {
	font-size: 10px;
	line-height: 1.1;
	margin-bottom: 0;
}

/* Slider */
.slider-container {
	margin-bottom: 20px;
	position: relative;
}
.rslides_nav {
	position: absolute;
	top: 45%;
	left: 20px;
	z-index: 3;
	/*text-indent: -9999px;*/
	overflow: hidden;
	text-decoration: none;
	height: 50px;
	width: 55px;
	background: transparent url("../img/slider/slider-nav.png") no-repeat left top;
	/*margin-top: -45px;*/
	background-size: 200% auto;
}
.rslides_nav.next {
	left: auto;
	background-position: right top;
	right: 20px;
}

@media (max-width: 991px) {
	.rslides_nav {
		height: 25px;
		width: 28px;
		background-size: 200% auto;
	}
}

/* Lines */
.line{
	margin-top: 25px;
	margin-bottom: 25px;
	/*height: 30px;*/
	background: url("../img/line.png") no-repeat center;
	background-size: 100% auto;
}

.line.line-blank{
	height: 35px;
}

.line.line-leaves{
	height: 100px;
	background: url("../img/line-leaves.png") no-repeat right, url("../img/line.png") no-repeat center;
	background-size: auto 100px, 100% auto;
	/*padding: 50px 0px;*/
	margin-top: 0px;
	margin-bottom: 0px;
}

.line.line-circles{
	height: 100px;
	background: url("../img/line-circles.png") no-repeat left, url("../img/line.png") no-repeat center;
	background-size: auto 100px, 100% auto;
	/*padding: 50px 0px;*/
	margin-top: 0px;
	margin-bottom: 0px;
}

.line-img-right{
	margin-left: auto;
	margin-right: 0px;
}

.line-img-left{
	margin-left: 0px;
	margin-right: auto;
}

@media (min-width: 768px) {
	/* ---Revisar---
	.line-img-right{
		width: auto !important;
		max-height: 50% !important;
	}

	.line-img-left{
		max-width: 50%;
		height: auto;
	}
	---Revisar---
	*/
}

/* Contact Info*/
#contact-info{
	font-size: 16px;
	color: #288a88;
}

#contact-info>div{
	display: table;
}

#contact-info>div>div{
	display: table-cell;
	vertical-align: middle;
}

#contact-times h2{
	display: inline-block;
	padding: 10px 15px;
	font-size: 20px;
	color: #FFF;
	background-color: #288b8c;
	margin-top: 10px;
	margin-bottom: 5px;
}

#contact-address a, #contact-address a:hover{
	color: #288a88;
	text-decoration: none;
}

#contact-social{
	padding: 0px 20px;
}

@media (min-width: 768px) {
	.navbar-nav {
		width: 100%;
		text-align: center;
	}

	.navbar-nav>li {
		float: none !important;
		display: inline-block !important;
	}
	.nav>li>a{
		margin: 10px 0px;
		border-left: 1px solid #80a37d;
		padding: 5px 8px !important;
	}
	.nav>li:first-child>a{
		border-left: 0px solid #000;
	}

	#logo-container {
		height: 200px;
		overflow: visible;
	}
	#logo-index img {
		height: 275px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.nav>li:nth-child(6)>a{
		border-left: 0px solid #000;
	}
}

@media (max-width: 991px) {
	#contact-info>div{
		margin-top: 10px;
	}
}

@media (min-width: 992px) {
	/*.navbar-collapse{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}*/

	.nav>li>a{
		padding: 5px 5px !important;
	}

	#logo-container {
		/*height: 278px;*/
		height: 315px;
		overflow: visible;
	}

	#logo img {
		/*height: 275px;*/
		height: 330px;
	}

	#logo-index img {
		height: 375px;
	}

	#contact-info>div{
		height: 300px;
		/*border-left: 3px solid #288a88;*/
	}
	#contact-info>div:first-child{
		/*border-left: 0px solid #288a88;*/
	}

	#contact-info>div:nth-child(2):after, #contact-info>div:nth-child(3):after {
		content:""; 
		background: #288a88; 
		position: absolute; 
		bottom: 25%; 
		left: 0; 
		height: 50%; 
		width: 3px;
	}
}

/* ACTIVITATS FAMILIARS*/

.activity-info h2{
	color: #e6332a;
	font-weight: 300;
	font-size: 36px;
}
.activity-info p{
	font-size: 14px;
}
.activity-more-info{
	display: inline-block;
	margin-top: 25px;
}
.activity-more-info a, .activity-more-info a:hover{
	color: #00632e;
}

.activity-signup{
	float: right;
}

/*#activity-nav{
	background-color: #a1ce9d;
}*/
#activity-nav ul{
	display: block;
	/*width: 70%;*/
	background-color: #78c196;
	text-align: center;
	list-style: none;
	padding: 10px 10px;
}

#activity-nav li{
	margin: 5px 0px;
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
}

#animals-nav li>a{
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
}
#activity-nav li:hover, #activity-nav li.current{
	color: #ffdd00;
}


.form-horizontal .form-group{
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	/*border: 1px solid #000;*/
}
.form-horizontal .control-label{
	text-align: left !important;
	font-weight: bold;
	padding-left: 0px;
}
.form-horizontal label, .form-horizontal p{
	margin-bottom: 0px;
	line-height: 30px;
}
.form-horizontal .radio-inline{
	padding-top: 0px !important;
}
.radio-inline+.radio-inline {
	margin-left: 0px !important;
}
.form-line{
	border: 1px solid #bfbfbf;
	border-bottom: none;
	padding:10px 0;
}
.form-line:last-child, #activity-form-total{
	border-bottom: 2px solid #bfbfbf;
}

.btn-comprar{
	border:0;
	display:block;
	width: 223px;
	height: 48px;
	background: url("../img/activitats/button-comprar.png") no-repeat center;
	font-family: 'Sanchez', serif;
	color: #FFF;
	font-size: 28px;
	margin: 30px auto;
	/*transform: rotate(-3deg);*/
}

.activity-subsection{
	margin-top: 30px;
	display: none;
}
.activity-subsection.current{
	display: inherit;
}

#subsection-intro{
	margin-bottom: 20px;
}

.activity-icon{
	color: #e77275;
}
.activity-line{
	width: 80%;
	border-bottom: 1px solid #f08668;
	margin: 5px auto;
}

.activity-restaurant{
	background-color: #fff9f1;
	border-radius: 50px;
	padding: 25px 25px;
	margin: 30px 0px;
}
.activity-restaurant h2, .activity-restaurant h3, .activity-restaurant span.font-bold{
	color: #e77275;
}

.activity-info-data{
	color: #e77275;
}

@media (min-width: 768px) {
	#activity-nav li{
		display: inline-block;
		margin: 0px 0px;
	}
	#activity-nav li{
		/*margin: 10px 0px;*/
		border-left: 1px solid #FFF;
		padding: 5px 15px !important;
	}
	#activity-nav li:first-child{
		border-left: 0px solid #000;
	}
}
@media (min-width: 992px) {
	#activity-nav ul{
		width: 70%;
	}
}

/* ELS NOSTRES ANIMALS*/

#header-animals{
	background-position-y: 65px;
	margin-top: 5px;
}

#animals-nav ul{
	display: block;
	/*width: 70%;*/
	background-color: #78c196;
	text-align: center;
	list-style: none;
	padding: 10px 10px;
}

#animals-nav li{
	margin: 5px 0px;
}

#animals-nav li>a{
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
}
#animals-nav li:hover>a, #animals-nav li.current>a{
	color: #ffdd00;
}

.animal-header {
	position: relative;
	z-index: 10;
	width: 209px;
	height: 42px;
	text-align: center;
	font-family: 'Sanchez', serif;
	color: #FFF;
	font-size: 22px;
	background: url("../img/headers/header-01.png") no-repeat center;
	background-size: 100% auto;
	/*padding: 8px 0px;*/
	line-height: 42px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -25px;
	transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
}

#animals-row>div:nth-child(4n+2) h3.animal-header{
	background: url("../img/headers/header-02.png") no-repeat center;
}
#animals-row>div:nth-child(4n+3) h3.animal-header{
	background: url("../img/headers/header-03.png") no-repeat center;
}
#animals-row>div:nth-child(4n+4) h3.animal-header{
	background: url("../img/headers/header-04.png") no-repeat center;
}

#animals-row>div:nth-child(even) h3.animal-header{
	transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
}


.animal-box{
	background-color: #ffedd4;
	border-radius: 30px;
	padding: 0px 0px;
	min-height: 515px;
}

.animal-box p{
	/*background-color: #ffedd4;
	border-radius: 50px;*/
	padding: 20px 20px;
}

.animal-img-mask{
	position: relative;
	height: 242px;
	overflow: hidden;
	border-radius: 30px 30px 0px 0px;
}

.animal-img-mask img{
	position: absolute;
	top:-100%; left:0; right: 0; bottom:-100%;
	margin: auto;
}

@media (max-width: 767px) {
	.animal-img-mask{
		max-width: 345px;
		border-radius: 30px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 768px) {
	#animals-nav li{
		display: inline-block;
		margin: 0px 0px;
	}
	#animals-nav li{
		/*margin: 10px 0px;*/
		border-left: 1px solid #FFF;
		padding: 5px 10px !important;
	}
	#animals-nav li:first-child{
		border-left: 0px solid #000;
	}
	#animals-nav li>a{
		font-size: 12px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#animals-row>div:nth-child(2n+3){
		clear: left;
	}
}
@media (min-width: 992px) {
	#animals-nav ul{
		/*width: 70%;*/
	}
	#animals-nav li>a{
		font-size: 15px;
	}

	#animals-row>div:nth-child(3n+4){
		clear: left;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.animal-img-mask{
		height: 210px;
	}
}

/* Instalacions */

#header-instalacions{
	margin-top: 5px;
}

#instalacions-row{
	margin-top: 30px;
}

#instalacions-row p{
	font-size: 14px;
}

/*.instalacions-box{
	height: 360px;
}*/

.instalacions-header {
	position: relative;
	z-index: 10;
	width: 209px;
	height: 42px;
	text-align: center;
	font-family: 'Sanchez', serif;
	color: #FFF;
	font-size: 22px;
	background: url("../img/headers/header-03.png") no-repeat center;
	background-size: 100% auto;
	/*padding: 8px 0px;*/
	line-height: 42px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -25px;
	transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
}

#instalacions-row>div:nth-child(4n+2) h3.instalacions-header{
	background: url("../img/headers/header-04.png") no-repeat center;
}
#instalacions-row>div:nth-child(4n+3) h3.instalacions-header{
	background: url("../img/headers/header-02.png") no-repeat center;
}
#instalacions-row>div:nth-child(4n+4) h3.instalacions-header{
	background: url("../img/headers/header-01.png") no-repeat center;
}

/*#instalacions-row>div:nth-child(even) h3.instalacions-header{
	transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
}*/

@media (min-width: 768px) and (max-width: 991px) {
	#instalacions-row>div:nth-child(2n+3){
		clear: left;
	}
}
@media (min-width: 992px) {
	#instalacions-row>div:nth-child(3n+4){
		clear: left;
	}
}

/* Contacte */

#header-contact{
	margin-top: 5px;
}

#on-som iframe{
	height: 350px;
}

#contact-header-1 {
	width: 100%;
	height: auto;
	text-align: center;
	font-family: 'Sanchez', serif;
	color: #FFF;
	font-size: 18px;
	background: url("../img/contact/contact-header-01.png") no-repeat center;
	background-size: 100% 100%;
	padding: 10px;
	/*line-height: 49px;*/
}

#contact-header-4 {
	width: 100%;
	height: auto;
	text-align: center;
	font-family: 'Sanchez', serif;
	color: #FFF;
	font-size: 18px;
	background: url("../img/contact/contact-header-04.png") no-repeat center;
	background-size: 100% 100%;
	padding: 10px;
	/*line-height: 49px;*/
}
#contact-header-2 {
	width: 100%;
	height: auto;
	text-align: center;
	font-family: 'Sanchez', serif;
	color: #FFF;
	font-size: 18px;
	background: url("../img/contact/contact-header-02.png") no-repeat center;
	background-size: 100% 100%;
	padding: 10px;
}
#contact-header-3 {
	width: 100%;
	height: auto;
	text-align: center;
	font-family: 'Sanchez', serif;
	color: #FFF;
	font-size: 20px;
	background: url("../img/contact/contact-header-03.png") no-repeat center;
	background-size: 100% 100%;
	padding: 10px;
}

#contact-form{
	margin-top: 30px;
}
#contact-form label{
	display:none;
}
#contact-form .form-checks label {
	display: inline-block;
}
#contact-form .btn-contact{
	border:0;
	display:block;
	background: none;
	font-family: 'Sanchez', serif;
	color: #000;
	font-size: 28px;
	margin: 2px auto;
}

@media (min-width: 992px) {
	#on-som iframe{
		height: 500px;
	}

	#contact-header-3 {
		width: 543px;
		height: 55px;
		font-size: 22px;
		background-size: 100% auto;
		padding: 0px;
		line-height: 55px;
	}
}
@media (min-width: 1200px) {
	#contact-header-1 {
		width: 517px;
		height: 49px;
		font-size: 20px;
		background-size: 100% auto;
		padding: 0px;
		line-height: 49px;
	}
	#contact-header-4 {
		width: 517px;
		height: 49px;
		font-size: 20px;
		background-size: 100% auto;
		padding: 0px;
		line-height: 49px;
	}
	#contact-header-2 {
		width: 368px;
		height: 52px;
		font-size: 20px;
		background-size: 100% auto;
		padding: 0px;
		line-height: 52px;
	}
}

/*BLOG*/

.blog-box{
	border: 1px solid #000;
}

.blog-box img{
	width: 100%;
}

.blog-box-header{
	/*padding: 5px 15px;*/
	margin: 5px 15px;
	border-bottom: 1px solid #000;
}
.blog-box-header h3{
	color: #006532;
}
.blog-box-header p{
	display: inline-block;
	padding: 0px 5px;
}
p.blog-box-date{
	border-right: 1px solid #000;
	padding-left: 0px;
}

.blog-box>p{
	margin: 5px 15px;
	border-top: 1px solid #000;
	padding-top: 20px;
}

.blog-box a.more{
	display: block;
	margin: 15px 15px;
	font-style: italic;
	color: #000;
	text-decoration: none;
}
.blog-box>a:hover{
	color: #006532;
	text-decoration: none;
}

#blog-social{
	margin-bottom: 30px;
}

#blog-search{
	display: block;
	margin: 40px 0px;
}
#blog-search input{
	border-color: #006532;
	border-radius: 0px;
}
#blog-search button{
	color: #FFF;
	background-color: #006532;
	border-color: #006532;
	border-radius: 0px;
}

#blog-categories, #blog-most-read{
	display: block;
	margin: 30px 0px;
}
#blog-categories ul, #blog-most-read ul{
	list-style: none;
	padding-left: 0px;
}
#blog-categories li, #blog-most-read li{
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
}
#blog-categories a, #blog-most-read a{
	color: #000;
}
#blog-categories a:hover, #blog-most-read a:hover{
	text-decoration: none;
}

#blog-categories h2{
	color: #288b8c;
	font-size: 20px;
}
#blog-categories span{
	padding-right: 5px;
}

#blog-most-read h2{
	font-size: 20px;
}
#blog-most-read span{
	color: #FFF;
	background-color: #e77275;
	padding: 3px 3px 4px 4px;
	margin-right: 5px;
}

@media (max-width: 767px) {
	#blog-social{
		margin-top: 50px;
	}
	#blog-boxes>div{
		margin-bottom: 10px;
	}
}