@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700);

body, html{ margin:0px; padding:0px; font-family: 'Roboto', sans-serif; color:#585151; font-weight:300; font-size:13px; line-height:19px; }  
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a, a:hover{ text-decoration:none; color:#26bdef;  transition: all 0.3s ease; }
ul{ margin:0px; padding:0px; list-style-type:none; }

p{ color:#333; }

strong, b{ color:#333; font-weight:500; }


h1{ font-weight:300; }
h1, h2, h3, h4{ text-transform:uppercase; color:#333333;  }

header{ background-color: #231f20;position: fixed;width:100%; z-index:888; height:59px;}
#header{ max-width:1100px; margin:0px auto; display:table; width:100%; height:59px; overflow:hidden; padding:0px 0px; }

.logo{ float:left; margin:18px 0px; position:relative; z-index:555555; }
nav{ float:left; margin:0px; margin-left:31px; padding:0px; display:block; }
nav ul{ width:100%; }
nav ul li{ display:inline-block;  width:auto; text-transform:uppercase; }
nav ul li a{ font-size:13px; color:#CCC; float:left; padding:20px 10px; display:block; }
nav ul li:nth-child(1){ margin-right:181px; }
nav ul li:nth-child(1) a{ padding:20px 30px; }
nav ul li a:hover, nav ul li a.active{ background-color:#26bdef; color:#FFF; text-shadow:1px 1px 0 rgba(0, 0, 0, 1); }
nav ul li >ul{visibility:visible; transition:all 0.3s ease;   }
nav ul li:hover >ul{visibility:visible; }
nav ul li ul{background-color:rgba(35,31,32,0.7);  border-top:2px solid #26bdef; position:absolute; width:100%; left:0px; transition:all 0.3s ease; opacity:1;   margin:0px auto; top:58px; text-align:center;  }
nav ul li ul{-moz-animation-name: dropHeader;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.7s;
    -webkit-animation-name: dropHeader;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.7s;
height:39px;		overflow:hidden;
    animation-name: dropHeader;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.7s; }
	
@-moz-keyframes dropHeader {
    0% {
        -moz-transform: translateY(0);
		height:0px;

	
    }
    100% {
        -moz-transform: translateY(0);
		height:39px;
	
    }
}
@-webkit-keyframes dropHeader {
    0% {
        -webkit-transform: translateY(0);
			height:0px;
			
    }
    100% {
        -webkit-transform: translateY(0);
		height:39px;
	
    }
}
@keyframes dropHeader {
    0% {
        transform: translateY(0);
			height:0px;
			
    }
    100% {
        transform: translateY(0);
		height:39px;
	
    }
}	

nav ul li:nth-of-type(1) >ul li:nth-child(1){ margin-left:-10px;  }
nav ul li:nth-of-type(2) >ul li:nth-child(1){ margin-left:-80px; }
nav ul li:nth-last-of-type(1) >ul li:nth-child(1) {margin-left:430px; } 
nav ul li ul li:nth-child(1){ margin:0px; }
nav ul li ul li a{ padding:10px 8px 5px 8px !important; color:#FFF; text-shadow:1px 1px 0 rgba(0, 0, 0, 1);  background:url(../images/flbaix.png) center -100px no-repeat;}
nav ul li ul li a:hover, nav ul li ul li a.active{ background:url(../images/flbaix.png) top center no-repeat; color:#26bdef; padding:15px 9px;}

.social{  float: left;margin:17px 30px 0; width: auto; position:relative; z-index:555555;}
.social ul{ float:left; }
.social ul li{ display: inline-block;width: auto; }
.social ul li a{ display: inline-block;height: 23px;margin: 0 5px;width: 23px;}
.social ul li a.facebook{background-position: -119px -105px; transition:none; }
.social ul li a.facebook:hover{background-position: -119px -129px; transition:none; }
.social ul li a.twitter{    background-position: -143px -105px;transition:none; }
.social ul li a.twitter:hover{    background-position: -143px -129px;transition:none; }
.social ul li a.instagram{ background-position:-167px -105px; transition:none;}
.social ul li a.instagram:hover{ background-position:-167px -129px; transition:none;}
.base{ background:url("../images/base.png"); }
.lang_link{ float:right; padding:15px 0px; position:relative; z-index:555555; }
.lang_link a{ margin:0px 0px 0px 11px; color:#AAA; font-size:11.5px; font-weight:400;}
.lang_link a:hover, .lang_link a.active{ color:#FFF; }
.mlang_link{ float:right; padding:0px 0px; display:none; width:100%;}
.mlang_link a{ margin:0px 0px 0px 11px; color:#AAA; font-size:11.5px; font-weight:400; width:95%; }
.mlang_link a:hover, .mlang_link a.active{ color:#FFF;}

#banner{ width:100%; float:left; margin-top:60px; position:relative; overflow:hidden;}
#banner img{ width:100%; display:table; }
.banner-logo{ width:auto; position:absolute; top:70px; left:50px; z-index:6; }
#innerbanner{ width:100%; padding:140px 0px 0px 0px; float:left;  }
.waker, .wakersub, .wakerlast,  .wakerlastsub{background:url(../images/grey-man.png) 84.45% 5px no-repeat; width:100%; float:left; height:100px; margin-top:-86px; position:relative; z-index:-1;  }
.wakersub{ margin-top:-100px; margin-bottom:0px; }
.wakerlast{ margin-top:-30px; margin-bottom:-28px; }
.wakerlastsub{  margin-top:-67px; margin-bottom:-28px; }
#innerbanner h1{ max-width:1100px; width:100%; margin:0px auto; display:table; color:#333333; font-size:48px;font-weight:300;padding:0px 0px 28px 0px; }
#innerbanner h1 img{ float:left; margin-right:20px; margin-bottom:0px; margin-top:-20px }
#innerbanner h1 span{color: #26bdef; font-size: 13px;font-weight: 300; padding:20px 0px 0px 0px; display:block;}
.slogan{ width:100%; padding:10px 0px 20px 0px; float:left; text-align:center; }
.slogan h1{font-size:29px; color:#231f20;  max-width:605px; width:100%; margin:0px auto; display:table; background:url(../images/quot.png) 0px 10px no-repeat; padding:20px; }
.slogan span{ color:#26bdef;}

#middle{ width:100%; float:left; margin:0px; background-color:#f1f1f1; padding:30px 0px; }
.mid-area{ width:100%; max-width:1100px; margin:0px auto; padding:0px; display:table;}
.mid-area ul{ max-width:800px; width:100%; float:left;  }
.mid-area ul li{ width:100%; max-width:370px; margin-right:30px; float:left; font-size:11px;}
.mid-area ul li h2{ background:url(../images/43km.png) top left no-repeat; padding: 18px 0px 0px 100px;}
.mid-area ul li:nth-of-type(2) >h2 {background:url(../images/140km.png) top left no-repeat;} 
.mid-area ul li h2 a{color:#333; font-weight:300; line-height:30px; padding:0px 0px 10px 0px; font-size:30px; background:none; }
.mid-area ul li h2 a:hover{color:#26bdef; background:none; }
.mid-area ul li span{ font-size:13px; color:#26bdef; display:block; font-weight:300; }
.mid-area ul li a{ width:100%; margin:0px; padding:0px; float:left; background:url("../images/go-icon.png") 96% 15px no-repeat; background-color:#c9cdd0; font-size: 15px;font-weight: 500; margin-top: 5px; border-radius: 4px; padding: 12px 18px;  transition:none; }
.mid-area ul li a:hover{  color:#26bdef;  transition:none; background:url("../images/go-icon-hover.png") 96% 15px no-repeat;  background-color:#FFF;}
.mid-area ul li a strong{ float:left; color:#FFF;  text-shadow:1px 1px 1px rgba(150, 150, 150, 1); }
.mid-area ul li a p{ font-weight:300; float:left; text-shadow:1px 1px 1px rgba(150, 150, 150, 1);  padding-left:10px; margin-left:10px; border-left:1px solid #FFF;  color:#FFF; } 
.mid-area ul li a:hover strong{ text-shadow:none; color:#26bdef;}
.mid-area ul li a:hover p{ border-left:1px solid #26bdef;  color:#26bdef; text-shadow:none; } 


marquee{ background:rgba(0,0,0,0.4); padding:7px 0px; width:100%; color:#FFF; position:absolute; bottom:6%; z-index:555; }
marquee span{ padding:0px 20px; }
/*----------home tab-------------*/
.tab {
	position: relative;
	margin-top:15px;
}
.tab-painel {
	display: inline-block;
	min-height: 310px;
}
.tab-painel .tab-open {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0
}
.tab-nav {
	border: #e0e0e0 solid 1px;
	cursor: pointer;
	font-size: 14px;
	display: inline-block;
	padding: 8px 25px;
	margin-left:5px;
	margin-right: 7px
}
.tab-open, .tab-nav:hover, .tab-open:checked ~ .tab-nav {
	background-color: #FFF;
	color:#26bdef;
	border-bottom:1px solid #FFF;
}
.tab-inner iframe, .tab-inner img{ display:block; width:100%;} 
.tab-inner{ width:100%; }
.tab-inner {
	opacity: 0;
	margin-top:0px;
	position: absolute;
	left: 0;
	transition: opacity .1s;
	visibility: hidden;
	padding:3px;
}
.tab-open:focus:checked ~ .tab-nav {
	outline: thin dotted
}
.tab-open:checked ~ .tab-inner {
	opacity: 100;
	border:1px solid #e0e0e0;
	background:#FFF;
	border-radius:4px;
	visibility: visible;
	transition: opacity .6 ease
}

.home-left{ max-width:275px; width:100%; float:right; }
.home-left a{ position:relative; color:#231f20; margin-top:30px; float:left;transition:none;   } 
.home-left a h3{ border-bottom: 1px solid #26bdef;font-size: 15px;font-weight: 500;line-height: 18px;margin-right: 60px;padding-bottom:8px; margin-bottom:20px; }
.home-left a img{ height: 55px;position: absolute;right: 0;top: 0;width: 55px;}
.home-left span{margin-top: 25px;}
.home-left a:hover{ color:#26bdef;transition:none;   }
.home-left a:hover >h3{ color:#26bdef;transition:none;   }
.home-left p img{ float:left; border-right:1px solid #26bdef; width:auto; margin-right:20px; padding-right:20px; }
.home-left p{ padding:30px 0px; float:left; color:#26bdef; }

#welcome
{ width:100%; float:left;}

#welcome ul
{ width:100%; max-width:1100px; margin:0px auto; display:table; padding:30px 0px;  }

#welcome ul li{ width:33.3%; padding:0% 1.5%; float:left; }
#welcome ul li h3{ font-size:15px; color:#333; font-weight:400; width:100%; text-align:center; padding-bottom:20px;   }
#welcome ul li img{ width:100%; padding-bottom:20px; }
#welcome ul li a{ max-width:30px; }
#welcome ul li a:hover{ color:#333; max-width:30px; }


#footer-logo{ width:100%; margin:0px; border-top:1px solid #d1d1d1; background:#f1f1f1; float:left; padding:30px 0px; }
#footer-logo ul{ margin:0px auto; display:table; max-width:1100px; width:100%;}
#footer-logo ul li{ width:33.3%; padding:0% 1.5%; float:left;}
#footer-logo ul li h4{font-size: 12px; font-weight:300; line-height:15px; color:#26bdef; padding-bottom:30px;}
#footer-logo ul li img{ display:inline-block; margin:0px 4px;	
 filter:gray; /* IE6-9 */
  filter: grayscale(1);  /* Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ transition: all 0.3s ease; opacity:0.9;} 

#footer-logo ul li img:hover{filter: none;
 -webkit-filter: grayscale(0); transition: all 0.3s ease; opacity:1;  }

/*---footer start--*/
footer{ background-color:#231f20; float:left; width:100%;}
.logopeu{ background-position:-456px 0; height:95px; background-image: url("../images/base.png"); margin-right: 16px;
margin-top:-96px; width: 62px; float:right;}

.footer-area{ /*max-width:1100px*;*/ margin:0px auto; display:table; padding:10px 0px 4px 0px; }
.footer-area a{ float:left; margin-top:0px; }
.footer-area p{ font-size:11px; color:#FFF; float:left; padding:0px 20px; margin-top:14px; }
.footer-area span{ color:#FFF; float:left; width:150px; padding:0px 15px 0px 0px;  }
.footer-area span img{ display:inline-block; height:44px; padding:0px 10px; float:left; margin-top:-4px; }
.footer-area span a{ margin:0px; display:flex; line-height:18px; }
.footer-area span a:hover{ color:#FFF; }
.footer-area span:hover{ color:#26bdef; }

.footer-area ul li{ display:inline-block; text-transform:uppercase; border-left: 1px solid #26bdef; padding:3px 8px; font-weight:400; }
.footer-area ul li a{ color:#FFF; margin:0px;}
.footer-area ul li a:hover{ color:#AAA; }
.footer-logo{ margin-top:10px; }

/*------FAQ------*/
.faq, .gallery, #intro{ width:100%; margin:0px; padding-top:35px; background-color:#f1f1f1; float:left; }
.faq ul{ width:100%; margin:0px auto; max-width:1110px; display:table; padding:0px 5px;}
.faq ul li{width:100%; margin:0px; padding:0px;}
.faq ul li strong{display:block; padding-bottom:15px; color:#333; font-weight:500;}
.faq ul li p{ padding-bottom:32px;}
.faq a:hover{ color:#000; }
/*-------Gallery Start-----------*/

.gallery ul{ width:100%; max-width:1100px; margin:0px auto; display:table; padding:0x; padding-bottom:70px; }
.gallery ul li{ width:30.3%;  margin:1.5%; padding:0px; float:left; }
.gallery ul li a{ border:3px solid #FFF; overflow:hidden; float:left; }
.gallery ul li a:hover{ border:3px solid #26bdef; box-shadow: 0 0 5px rgba(38, 255, 239, 0.8); }
.gallery ul li img{ width:100%; transition:all 0.5s ease 0s; display:block;}
.gallery ul li:hover img{ transform:scale(1.1); transition:all 0.5s ease 0s; }
.gallery ul li h3{color: #26bdef;font-size:14px;font-weight:300; font-style:italic; padding-left:25px; padding-top:5px; line-height:25px; text-transform:none; background:url(../images/camera.png) 0px 10px no-repeat; float:left; }
.gallery ul li h3 span{ background-color:#26bdef; border-radius:3px; padding:3px; color:#FFF; font-style:normal; font-size:13px;}

/*-------Noties---------*/
.noticies, .noticies ul, .services, .services ul, #allot, #allot ul, #ruta, #ruta ul{ width:100%; margin:0px; float:left; }

.noticies ul li, .services ul li, .allot-inner ul li{ width:100%; float:left; padding:40px 0px; border-bottom:1px solid #dbdbdb; }
.noticies ul li article, .services ul li article, #allot ul li article, #ruta ul li article{width:100%; max-width:1100px; margin:0px auto; display:table;  }
.noticies ul li h2{ font-size:24px; margin-top:15px; font-weight:300; line-height:34px; float:right; width:80%; text-align:left; }
.noticies ul li h2 a{ color:#231f20 ; }
.noticies ul li h2 a:hover{ color:#26bdef; }
.noticies ul li img{ float:left; margin-right:3%; margin-bottom:3%; }
.noticies ul li span{ margin:0px 0px;color:#26bdef; float:right; width:80%; text-align:left; } 
.noticies ul li strong{ color:#333; font-weight:700; display:block;  }
.noticies ul li p{ margin:15px 0px; float:right; width:80%; text-align:left; }
.noticies ul li a{color:#26bdef; }
.noticies ul li a:hover{color:#231f20; }
.noticies ul li:nth-child(1), .services ul li:nth-child(1), #allot ul li:nth-child(1), #ruta ul li:nth-child(1){ background:#f1f1f1; }
.noticies ul li:nth-last-child(1), .services ul li:nth-last-child(1){ border-bottom:none; }
.notie-left h2, .notie-left span, .notie-left strong, .notie-left p, .notie-left strong { width:100% !important; float:left !important; }
.notie-left strong { padding-bottom:20px; }
.notie-left h5{padding-left:30px; font-weight:300; font-size:13px; line-height:30px; width:100%; float:left; }
/*-------Services start---*/
.ser-left, .notie-left{ width:51.3%; float:left;}
.ser-left a:hover{ color:#000; }
.ser-left ul, .notie-left ul{ width:100%; padding:15px 0px 15px 40px;  }
.ser-left ul li, .notie-left ul li{ width:100%; float:left; border:none; padding:1px 0px; list-style-image: initial; list-style-position: outside;
    list-style-type: initial; color:#333; }
.ser-left ul li:nth-child(1){ background:none; }	
	
.ser-left h2{font-size:25px; margin-bottom:5px; font-weight:300; line-height:58px; }
.ser-left span{ display:block; font-weight:700; }
.ser-right{ width:39.3%; float:right; text-align:center; overflow:hidden; }
.ser-right img{ float:none !important; text-align:center; width:100%; }
.ser-left h5{ padding-left:30px; font-weight:300; font-size:13px; line-height:30px; }

/*-------allotjament-----*/
#allot ul li, #ruta ul li{ padding:42px 0px; }
#allot span{color: #26bdef; margin-bottom: 15px; font-weight:300; }
#allot address{ width:100%; text-align:center; font-style:normal; padding:20px 0px; }
#allot h2{ line-height:normal;font-weight:300;  }

.allotjament {
	position: relative;
	float:left;
	width:100%;

}

.center{ max-width:1100px; margin:0px auto;  width:100%; display:table; }

.allot-painel {
	display: inline-block;
}
.allot-painel .allot-open {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0
}
.allot-nav {
	border: #e0e0e0 solid 1px;
	cursor: pointer;
	font-size: 14px;
	display: inline-block;
	padding: 8px 25px;
	margin-left:5px;
	margin-right: 7px
}
.allot-open, .allot-nav:hover, .allot-open:checked ~ .allot-nav {
	background-color: #FFF;
	color:#26bdef;
	border-bottom:1px solid #FFF;
}
.allot-inner{ width:100%; }
.allot-inner {
	opacity: 0;
	margin-top:0px;
	position: absolute;
	left: 0;
	transition: opacity .1s;
	visibility: hidden;
	padding:3px;
}
.allot-open:focus:checked ~ .allot-nav {
	outline: thin dotted
}
.allot-open:checked ~ .allot-inner {
	opacity: 100;
	border:1px solid #e0e0e0;
	background:#FFF;
	border-radius:4px;
	visibility: visible;
	transition: opacity .6 ease
}
.tabcontents ul li{ border-bottom:1px solid #dbdbdb;}

/*-----contact start-------*/
#contact{max-width:1100px; width:100%; margin:0px auto; padding:30px 0px; display:table;}
.cont-left{ width:35%; float:left;} 
.cont-right{width:60%; float:right;}
.cont-left span{font-size: 20px;line-height:25px;}
.cont-left p{padding-bottom:20px;}
.cont-left strong{ display:block;}

.cont-right form{width:100%; float:left; padding-bottom:20px;}
.cont-right form label{ width:80%; padding:10px 0px; float:left; font-weight:400; }
.cont-right form input, .cont-right form textarea{ width:80%; background-color:#f1f1f1; border:1px solid #dedede; border-radius:5px; padding:5px 3px; float:left;}
.check{ width:15px !important; float:left; margin-right:15px; }
.cont-right form strong{ float:left; display:block; width:100%; padding:10px 0px 20px 0px; }
.cont-right form span{ float:left; margin-top:-3px; }
.cont-right form p{ padding:15px 0px; font-size:11px; line-height:17px; float:left; }
.cont-right form textarea{ height:100px; }
.submit{ width:auto !important; padding:10px; background-color:#26bdef !important; border:2px solid #26bdef !important; font-size:12px; color:#FFF !important; padding:8px 18px !important;  cursor:pointer; transition:all 0.3s ease;} 
.submit:hover{ border:2px solid #26bdef !important; color:#26bdef !important ; background:none !important;  padding:8px 18px !important; transition:all 0.3s ease; }



/*-----ruta lienal start---*/

.map-left{ width:59.5%; float:left; }
.map-right{ width:40%; float:right; }

.map-left h3, .pack-right h3{color: #26bdef; font-size:24px; padding-top:5px; font-weight:normal; float:left;}
.map-left h3 span, .pack-right h3 span{ font-size:12px; text-transform:lowercase; }
.map-left ul, .pack-right ul { margin:30px 0px !important; padding:0px; float:left;}
.pack-right ul{ margin:5px 0px !important; padding:0px !important;  }
.map-left ul li, .pack-right ul li{ margin:0px !important; padding:0px 16px!important; border:none; border-right:1px solid #CCC; float:left; margin-left:18px; }
.map-left h5, .pack-right h5{color:#000; font-weight:normal; font-size:12px;}
.map-left ul li:nth-child(1), .pack-right ul li:nth-child(1){padding-left:0px !important; }

#ruta ul li p{ width:100%; float:left; padding:0px 0px 12px 0px; margin-bottom:30px;  border-bottom:1px solid #dcdcdc;}
.contact{border:none; padding: 1.5%; line-height:15px; background-color:#26bdef; margin:0px; border-radius:3px; width:400px; float:right; margin-top:20px;text-align:left;width:300px;}
.contact input{ background:none; border:none; color:#FFF;}

.discobrir{ margin:0px auto; padding:35px 0px; width:100%; display:table; background-color:#f1f1f1;  float:left;} 
.discobrir ul{ margin:0px auto;  padding:0px; display:table;  max-width:1100px; text-align:center;  width:100%; padding:15px 0px 15px 0px; }
.discobrir ul li{ margin:0px; padding:0px;  width:210px; float:left; list-style-type:none;}
.discobrir ul li h4{ font-weight:normal; color: #26bdef;}
.discobrir ul li a{ margin:0px; padding:0px; text-decoration:none;}
.discobrir ul li a:hover img{ opacity:0.8; }
.discobrir ul li a:hover h4{ color:#000; }

 
 
#ruta-info { margin:0px auto; display:block; max-width:1100px; width:100%; }
#ruta-info ul{ float:left;}
#ruta-info ul li{ width:100%; background:none !important; float:left;}
#ruta-info ul li p{ border:none; margin:0px; } 



.ruta-left, .packleft{ width:50%; float:left;}
.packleft p{ width:100%; float:left; }	
.ruta-left h2, .packleft h2{font-size:24px; font-weight:300; line-height:58px; color:#26bdef; text-transform:none; }
.ruta-left h2 strong, .packleft h2 strong{ color:#26bdef;}
.ruta-left span, .packleft span{ float:left; padding:0px 16px 5px 16px; font-weight:400; color:#585151; font-size:12px; border-right:1px solid #d5d5d5; margin:10px 0px; line-height:24px; }
#ruta-info ul li span:nth-child(2), #ruta-info ul li span:nth-child(2){ padding-left:0px; }
#ruta-info ul li:nth-last-child(1){ border:none; }
.ruta-left span strong, .packleft span strong{ font-size:22px; color:#26bdef; }
.ruta-left span small, .packleft span small{ color:#26bdef; }
.ruta-right, .packright{ width:45%; float:right; margin-top:45px; text-align:center;  }
.ruta-right img, .packright img{ width:100%; }
.ruta-left h5, .packleft h5{ padding-left:30px; font-weight:300; font-size:13px; line-height:30px;}



.lineal{margin:0px auto; padding:0px; width:100%; display:table; background-color:#FFF;  float:left; padding:35px 0px 35px 0px; }
.lineal ul{margin:0px auto;  display:table;  max-width:1100px; text-align:center;  width:100%;  background-color: #26bdef; padding:15px 0px 15px 0px; }
.lineal ul li{ margin:0px; padding:0px; line-height:28px; float:left;}
.lineal ul li h2{color:#FFF; font-size:30px; font-weight:normal; padding-top:10px; float:left; text-align:left; width:500px;}
.lineal ul li h4{font-size:24px;  float:left; font-weight:lighter; color:#FFF; }
.lineal ul li span{ float:left; padding:0px 14px 0px 25px;}
.lineal ul li p{ float:left; color:#FFF; font-weight:400; padding-left:30px; text-align:justify; line-height:normal;}
.lineal ul li:nth-child(1){ width:800px;  padding-left:30px;  border-right:1px solid #FFF;  }	
.lineal ul li:nth-child(2){ text-align:left; width:300px; padding:38px 0px 0px 0px; text-align:center; }
.lineal ul li strong{ width:200px;background:url(../images/go-icon.png) 90% 12px no-repeat; padding:5px 10px; text-align:left;font-weight:300; margin:0px auto; display:table; border:2px solid #FFF; border-radius:6px; color:#FFF; font-size:13px;}
.lineal ul li strong:hover{ background:url(../images/go-icon-hover.png) 90% 12px no-repeat;  background-color:#FFF; color:#26bdef; font-weight:300; }
.lineal ul:hover a{background:url(../images/go-icon-hover.png) 90% 12px no-repeat; background-color:#FFF; color:#26bdef; }
/*end*/


/*-----situacion Start----*/
.siua-banner{ background:url(../images/mapasituacio.png ) top center no-repeat #f1f1f1; width:100%; float:left; height:293px; position:relative; margin-bottom:25px; }
.mark{ height: 182px; left: 50%; padding-left: 14px; position: absolute; top: 64px; background:url(../images/caixatext_esq.png ) top left no-repeat ; padding:0px; }
.mark ul{ background:#FFF;  margin:0px 0px 0px 60px; border:1px solid #b6b6b6; border-left:none; height:182px; padding:0px 15px 0px 0px; }
.mark ul li{ line-height: 25px; padding-top:15px;}

#direction{ max-width:1100px; width:100%; margin:0px auto; display:block;}
.dir-left{ width:25%; float:left; }
.dir-left h3{ color: #26bdef; font-size: 25px; font-weight: 300; margin-bottom: 24px;}
.dir-left form{ width:100%; padding:20px 0px;}
.dir-left label{ width:25%; float:left;margin:10px 0px; padding:5px 0px; }
.dir-left input, .dir-left select{ width:75%; float:left; background:#f1f1f1; border-radius:5px; border:1px solid #f4f4f4; margin:10px 0px; padding:7px 3px; }
.dir-submit{ width:auto !important; background-color:#26bdef !important; cursor:pointer; padding:5px 10px !important; color:#FFF; border:2px solid #26bdef !important;  transition:all 0.3s ease; }
.dir-submit:hover{padding:5px 10px !important;  background:none !important; border:2px solid #26bdef !important; color:#26bdef !important; transition:all 0.3s ease; }

.dir-right{ width:70%; float:right; text-transform:uppercase; }

.dir-right ul{ padding:0px 0px 30px 0px; float:left;  }
.dir-right ul li { width:100%; font-weight:300; margin-left:60px; padding:0px 0px 20px 0px; float:left; text-transform:none;  list-style-image: initial; list-style-position: outside; list-style-type: initial; }
.dir-right h2{ color:#26bdef; font-weight:300; font-size:25px; padding:8px 0px 10px 50px; background:url(../images/car.png) top left no-repeat; float:left; width:100%; }
.dir-right h2:nth-of-type(2){background:url(../images/bus.png) 0px 0px no-repeat; padding-top:15px; }
.dir-right h2:nth-of-type(3){background:url(../images/train.png) 0px -6px no-repeat; }
.dir-right h2:nth-of-type(4){background:url(../images/plain.png) 0px 0px no-repeat; padding-top:21px; }
.dir-right ul b{ padding-left:30px; padding-bottom:30px; float:left; }
.dir-right b{ float:left; padding-left:30px;}
.dir-right address{ float:left; padding:20px 0px 60px 60px; width:100%; text-transform:none;}
.dir-right address a:hover{ color:#000; }
.slicknav_menu{ display:none; }

/*--------Tarifes--------*/
.tarifes{ max-width:1100px; width:100%; margin:0px auto; display:table; padding-bottom:30px; }
.tarifes span{ display:block; }
.tarifes ul{ float:right; width:47%; padding:0px 0px 0px 3%; border-left:1px solid #bebebe; }
.tarifes ul li{ width:100%; float:left; margin-bottom:20px; }
.tarifes ul li h2{ float:left; font-size:30px; font-weight:300; padding:10px 0px; color:#26bdef; width:52%;}
.tarifes ul li strong{ font-size:28px; color:#26bdef; width:15%; float:left;  padding:10px 0px;}
.tarifes ul li a { background:url(../images/go-icon.png) 90% 12px no-repeat; background-color:#26bdef; max-width:150px; float:left; color:#FFF; width:100%; padding:10px 20px; display:block; border:2px solid #26bdef;  border-radius:5px; font-weight:300; }
.tarifes ul li a:hover{ background:url(../images/go-icon-hover.png) 90% 12px no-repeat; padding:10px 20px; border:2px solid #26bdef; background-color:none; color:#26bdef;  }
.tarifes-left{ float:left; width:50%; }
.tarifes-left img{ float:left; }
.tarifes-left h2{ font-size:28px; font-weight:400; }
.tarifes-left p{ float:right; width:69%; text-align:left; color:#000; padding:10px 0px; }
.tarifes-left li{ float:right; width:62%; padding-left:1%; text-align:left; padding-bottom:0px;  list-style-image: initial; list-style-position: outside; list-style-type: initial; }


#traifes{ max-width:1100px; width:100%; margin:0px auto; display:block; }
#traifes h2{ padding:35px 0px; width:100%; float:left; font-size:25px; font-weight:300; }

#traifes ul{ float:left; }
#traifes ul li{ padding-bottom:30px; }
.pack{ float:left; width:45% }
.pack-right{ float:right; width:51%; } 

/*--------Altre Services--------*/
.altres-serveis{ width:100%; float:left; padding:30px 0px; }
.altres-serveis ul{  max-width:1100px; margin:0px auto; display:table; width:100%; }
.altres-serveis ul li{ width:100%; float:left; padding: 0px 5%; margin-bottom:45px; }
.altres-serveis ul h3{ font-size:28px; color:#000; width:100%; float:left; font-weight:400;}
.altres-serveis ul span{padding:25px 50px 25px 0px; float:left; }
.altres-left{ width:10%; float:left; font-size:45px; padding-top:16px; text-align:center; }
.altres-left small{ font-size:17px; padding:0px;  }
.altres-mid{ width:55%; padding-left:4%; float:left; }
.altres-mid h4 a{ font-size:20px; color:#26bdef; font-weight:300; margin-bottom:10px; float:left; width:100%; }
.altres-mid p{ padding-bottom:20px; }
.altres-mid a{color:#26bdef;}
.altres-mid a:hover{color:#000;}
.altres-right{ width:30%;float:right; border-left:1px solid #CCC; padding:15px 5%; }
.altres-right a{ background:url(../images/go-icon.png) 90% 12px no-repeat; background-color:#26bdef; min-width:95px; float:left; color:#FFF; width:100%; padding:10px 20px; display:block; border:2px solid #26bdef;  border-radius:5px; font-weight:300; }
.altres-right a:hover{ background:url(../images/go-icon-hover.png) 90% 12px no-repeat; padding:10px 20px; border:2px solid #26bdef; background-color:none; color:#26bdef;  }
.altres-right-top{ margin-bottom:20px; float:left; width:100%;
 }
.altres-right-top a{ background:url(../images/go-icon.png) 90% 12px no-repeat; background-color:#26bdef; min-width:95px; float:left; color:#FFF; max-width:195px; float:right; width:100%; padding:10px 20px; display:block; border:2px solid #26bdef;  border-radius:5px; font-weight:300; margin:20px 0px 0px 0px; }
.altres-right-top a:hover{ background:url(../images/go-icon-hover.png) 90% 12px no-repeat; padding:10px 20px; border:2px solid #26bdef; background-color:none; color:#26bdef;  }

.noticiesimg{ width:300px !important; }

.pack ul{ width:100%;}
.pack ul li{  float:left; text-align:center; list-style-type:none;}
.one, .two, .three{ width:33.3% !important; padding:0px;}
.one img, .two img, .three img{ width:auto !important; }
.one h5{ font-size:22px; background:#a7a7a7; padding:10px 5px; text-transform:none; font-weight:300; color:#FFF; }
.one p{ background:#b4b4b4; padding:5px 0px; }
.one span{ border:1px solid #c9c9c9; border-top:0px; font-size:22px; color:#000; padding:20px 5px; width:100%; float:left; }
.one ul { background:#a7a7a7; margin-top:10px; color:#FFF; text-align:left; padding:5px 0px 5px 20px; }
.one ul li{ width:100%; padding:0px 0px 0px 0px !important;  text-align:left !important;  list-style-image: initial;
    list-style-position: outside;
    list-style-type: initial; border:none !important;  margin:0px !important;}

.two h5{ font-size:22px; background:#5c5c5c; padding:10px 5px; text-transform:none; font-weight:300; color:#FFF; }
.two p{ background:#666666; padding:5px 0px; }
.two span{ border:none; border-bottom:1px solid #c9c9c9; font-size:22px; color:#000; padding:20px 5px; width:100%; float:left; }
.two ul { background:#5c5c5c; margin-top:10px; color:#FFF; text-align:left; padding:5px 0px 5px 20px;}
.two ul li{ width:100%; padding:0px 0px 0px 0px !important;  text-align:left;  list-style-image: initial;
    list-style-position: outside;
    list-style-type: initial; border:none !important;  margin:0px !important;}

.three h5{ font-size:22px; background:#26bef0; padding:10px 5px; text-transform:none; font-weight:300; color:#FFF; }
.three p{ background:#00d0ff; padding:5px 0px; }
.three span{ border:1px solid #c9c9c9;border-top:0px; font-size:22px; color:#000; padding:20px 5px; width:100%; float:left; }
.three ul { background:#26bef0; margin-top:10px; color:#FFF; text-align:left; padding:5px 0px 5px 20px; }
.three ul li{ width:100%; padding:0px 0px 0px 0px !important;  text-align:left;  list-style-image: initial;
    list-style-position: outside;
    list-style-type: initial; border:none !important;  margin:0px !important;}

#comparador{ width:100%; margin:0px; float:left; }
#comparador ul{ width:100%; }
#comparador ul li{ width:23.5%; margin:0% 2% 0% 0%; padding:0px; float:left;}
#comparador ul li:nth-child(4){ margin:0px; }
#comparador ul li h4{ }
#comparador ul li h4 a, #comparador ul li h4 a:hover{ border-radius:0px; background:#e0e0e0 !important; border:none; color:#585151; font-weight:300; text-transform:none; margin-bottom:20px; padding:10px 0px; text-align:center; font-size:13px;  }

#comparador ul li img{ width:100%; }
#comparador ul li a{ background:#26bdef url("../images/go-icon.png") no-repeat scroll 90% 12px; float:left; border-radius: 5px; padding:10px 20px; border: 2px solid #26bdef; font-size:14px; color:#FFF; width:100%; }
#comparador ul li a:hover{ background:url("../images/go-icon-hover.png") no-repeat scroll 90% 12px; background-color:none; color:#26bdef;}
.distance{ background:#f1f1f1; margin:15px 0px; float:left; width:100%; line-height:normal; padding:5px 0px;  }
.distance span{ font-size:10px; float:left; padding:4px; border-right:1px solid #d5d5d5; font-weight:400;   }
.distance span:nth-child(4){ border:none; }
.distance span small{ font-size:10px; display:block; color:#26bdef;  }
.box1{ border:1px solid #e0e0e0; float:left; width:100%; margin-bottom:20px;}
.box1 h5{ background:#a7a7a7; font-size:15px; color:#FFF; font-weight:300; padding:10px 5px;}
.box1 h5 span{ float:right; font-weight:700; }
.box1 ul, .box2 ul, .box3 ul{ background:#FFF; padding:20px; width:100%; }
.box1 ul p, .box2 ul p, .box3 ul p{ padding-bottom:20px; }
.box1 ul li, .box2 ul li, .box3 ul li{ width:100% !important; padding-left:25px !important;  float:left; }

.box2{ border:1px solid #e0e0e0; float:left; width:100%; margin-bottom:20px;}
.box2 h5{ background:#5c5c5c; font-size:15px; color:#FFF; font-weight:300; padding:10px 5px;}
.box2 h5 span{float:right; font-weight:700; }

.box3{ border:1px solid #e0e0e0; float:left; width:100%; margin-bottom:20px;}
.box3 h5{background:#26bef0; font-size:15px; color:#FFF; font-weight:300; padding:10px 5px;}
.box3 h5 span{ float:right;  font-weight:700;}
.intro-sub{ display:table;  max-width:1100px; width:100%; margin:0px auto;   }
.intro-sub h3{ font-size:20px; padding-bottom:30px; font-weight:500; float:left; width:100%;}
.intro-sub p{ width:70%; text-align:justify; float:left; padding-bottom:20px;}
.intro-sub span{ width:25%; float:right; }
.intro-sub span img{ width:100%; border:3px solid #a7a7a7; margin-bottom:40px;}
.left{ margin-right:5%; float:left !important; }

.ronda{ float:left; width:100% !important; padding-bottom:20px; }
.ronda p{ width:100%; float:left; }
.ronda ul{ margin-left:20px; padding-bottom:20px; float:left;  }
.ronda ul li{list-style-image: initial;
    list-style-position: outside;
    list-style-type: initial; }

.cami{ max-width:576px; width:100%; margin:0px auto; display:block;}
.cami ul{ float:left; padding:0px; width:100%;  border:1px solid #CCC; margin-bottom:40px;  }
.cami ul h4{ background-color:#26BDEF; padding:5px; color:#FFF; font-weight:400; }
.cami ul p{ padding:5px 0px 15px 5px; }
.cami ul li{width:50%; float:left; padding:0px 0px; }
.cami ul li ul{ border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding:0px 0px 15px 0px; margin:0px; background:#dbdbdb; min-height:180px; }
.cami ul li ul li{margin-left:15%; width:85%; list-style-image: initial;
    list-style-position: outside;
    list-style-type: initial;}
.cami ul li:nth-child(1) ul:nth-last-child(1){ border-bottom:none; }
.cami ul li:nth-child(2) ul{ background:#ebebeb !important; border-right:none;   }

.cami ul li:nth-child(2) ul{ border-bottom:1px solid #CCC; border-left:none; }

.cami ul li a{ color:#26bdef; }
.cami ul li a:hover{ color:#000; }

.taula{  width:100%; margin:0px auto; display:block; padding-bottom:50px; float:left;}
.taula p{ width:100%; padding-bottom:20px; }
.taula ul{ max-width:940px; width:100%; border:1px solid #CCC; border-bottom:1px solid #CCC; margin:0px auto; background:url(../images/line.png ) 35.1% 0px repeat-y #dbdbdb; display:table; padding:0px 0px; }
.taula h4{ max-width:940px; width:100%; display:table; border-bottom:1px solid #CCC; margin:0px auto; color:#FFF; background:#26BDEF; text-align:center; padding:5px 0px; }
.taula ul li{ float:left; padding:10px 5px;  }
.taula ul strong{ background:#c0c0c0; padding:5px 5px; float:left; width:100%; height:50px;  }
.taula ul strong:nth-child(1){ width:35%;  }
.taula ul strong:nth-child(2){ width:15%; text-align:center;  border-left:1px solid #CCC;  }
.taula ul strong:nth-child(3){ width:50%; border-left:1px solid #CCC;}


.taula ul li ul:nth-child(2){ background:#ebebeb; }
.taula ul:nth-last-child(1){ }

.taula ul li:nth-child(1){ width:35%;  }
.taula ul li:nth-child(2){ width:15%; text-align:center; }
.taula ul li:nth-child(3){ width:50%; border-left:1px solid #CCC; }
.taula ul li ul { width:92%; padding:0px; border:none; margin-left:25px !important;  background:none;}
.taula ul li ul li{ width:100% !important; float:left; text-align:left !important;  padding:0px 0px 5px 0px; height:auto !important;  border:none !important; list-style-image: initial;
    list-style-position: outside;
    list-style-type: initial;}

#alterser{ width:100%; float:left;}
#alterser ul{width:100%; max-width:1100px; margin:0px auto; display:table; padding:30px 0px;}
#alterser ul h3{ font-size:30px; font-weight:300; color:#26c3f3; float:left; width:100%; padding-bottom:30px; }
#alterser ul li{ float: left; padding:30px 0px 0px 0px; width: 100%;}
#alterser ul li h2 {float: right; font-size: 24px; color:#231f20; font-weight: 300; line-height:34px; margin-top:15px; text-align:left; width:80%;}
#alterser ul li p {float: right; margin: 15px 0; text-align: left; width:80%;}
#alterser ul li img {float:left; margin-bottom: 3%; margin-right:3%; width:165px; height:165px;border-radius:100%;}
.slider-text{ font-size:12px; }
.slider-text span{ font-size:13px; color:#26bdef;text-transform:uppercase; display:block;}
.slider-text strong{ font-size:14px;}
.slide-content{ /*padding:10px 50px;*/ max-width:1100px; }
#visual{ width:100%; float:left; padding:20px; }
.picture{ width:100%; margin:0px auto; display:table; max-width:1100px; padding:30px 0px; }
.slider-pic, .slider-logo{ margin:0px auto; display:table;  width:100%; }
.slider-picture, .slider-piclogo{ padding:0px 0px; width:100%;   }
.slider-picture img{ width:96%; padding:0px 2%; }
.picture .bx-wrapper{ overflow:visible !important; }
.picture .bx-prev{ left:-45px !important; background:url(../images/prev-hover.png) no-repeat 0 0px !important; }
.picture .bx-prev:hover{ left:-45px !important; background:url(../images/prev-hover.png) no-repeat 0 0px !important; }
.picture .bx-next{ right:-45px !important; background:url(../images/next-hover.png) no-repeat 0 0px !important; }
.picture .bx-next:hover{ right:-45px !important; background:url(../images/next-hover.png) no-repeat 0 0px !important;}
.slider-piclogo{ text-align:center; }
.slider-picture img{opacity:1; transition:all 0.3s ease;}
.slider-piclogo img{ margin-top:20px; opacity:1; transition:all 0.3s ease;}
.slider-picture img:hover{ opacity:0.7; transition:all 0.3s ease; }
.slider-piclogo img:hover{ opacity:0.7; transition:all 0.3s ease; }


.slide-content img{ margin:0px 30px 30px 0px; }

@media only screen and (max-width:1020px) {	
.intro-sub{padding-left:10px; padding-right:10px;}
}

@media only screen and (max-width:980px) {
.slide-content{ max-width:960px; width:100%; }	
nav ul li:nth-child(1){ margin-right:80px; }	
.mid-area ul{ max-width:670px; }
.mid-area ul li{max-width:none; width:50%; margin-right:0px; padding:0px 10px;}
.home-left{ margin-right:10px;}
.picture .bx-wrapper{ overflow:hidden !important; }
.picture .bx-prev{ left:10px !important; background:url(../images/prev-hover.png) no-repeat 0 0px !important; }
.picture .bx-prev:hover{ left:10px !important; background:url(../images/prev.png) no-repeat 0 0px !important; }
.picture .bx-next{ right:10px !important; background:url(../images/next-hover.png) no-repeat 0 0px !important; }
.picture .bx-next:hover{ right:10px !important; background:url(../images/next-hover.png) no-repeat 0 0px !important; }

}

@media only screen and (max-width:800px) {	
.noticies ul li article, .services ul li article, #allot ul li article, #ruta ul li article, #direction, .faq, .gallery, .altres-serveis ul, #traifes, #alterser{ padding-left:10px; padding-right:10px; }
.slide-content{ max-width:750px; width:100%; }	
#innerbanner h1{ padding-left:10px; }
#contact{ padding:20px 10px; }

#menu{ display:none; }
#header{padding:0px 10px; }
.lang_link{margin-right:9%;}
.mlang_link{ display:block;  }
.slicknav_menu{ display:block; }
.mid-area ul{ max-width:800px; }
.home-left{ max-width:none; width:100%; padding:0px 10px; margin:0px; }
.home-left img{ display:block; }
.home-left a{ width:50%; }
.home-left img{ margin:0px auto; }
.footer-area ul{ display:table; margin:0px auto; width:100%; max-width:347px; padding:10px 0px; float:none; }
.footer-area ul li:nth-child(1){ border:none; }
.map-right img{ width:100%; }
.noticies ul li img{ width:15%; }
.tarifes ul li h2{ line-height:normal; }
.tarifes-left img{ width:25%; }
.pack img{ width:100%; }
.packleft, .packright { width:80%; margin:0px auto; float:none; }
.packright{width:60%; }
.packleft p{ width:100%; float:left; }
#traifes h2{ padding:20px 0px; line-height:normal; }
.pack-right ul li{ padding:0px 5px !important; }
.pack-right h5{ font-size:9px; }
.pack-right h3{ font-size:14px; }
.altres-serveis ul li{ padding-right:0px; }
 .banner-logo{ display:none; }
marquee{ bottom:20%; }
.text{ bottom:25%; }
#comparador ul li{ width:47%; margin:0 2% 10% 0 !important; padding:0px !important;  } 
#alterser ul li h2{ width:75%; }
#alterser ul li p{ width:75%; }

}

@media only screen and (max-width:700px) {
#welcome ul li, #footer-logo ul li{ width:100%; }	
#innerbanner h1{ font-size:38px; }
.home-left{ max-width:320px; margin:0px auto; display:table; float:none;  }
.home-left a{ width:100%; }
.footer-area{ padding:20px 0px 0px 0px;} 
.mid-area ul li{ width:100%;}
#footer-logo ul li{ padding-bottom:20px; text-align:center; }
#footer-logo ul li:nth-child(3) { padding-bottom:100px;} 
.footer-area a, .footer-area p{ margin:0px auto; float:none; display:block; text-align:center; padding:0px 0px 10px 0px; }
.footer-area ul li a{ padding-bottom:0px; }
.home-left{ padding-top:30px; }
.mid-area ul li{ margin-bottom:20px; }	
#welcome ul{ max-width:560px; width:100%; margin:0px auto; display:table; float:none; }
#welcome ul li{ margin-bottom:20px; }
marquee{ bottom:10%; }
.lineal{ display:none; }
.cont-left, .cont-right{ width:100%;}
.map-left, .map-right{ width:100%; float:left; }
.ruta-left, .packleft, .ruta-right, .packright{ width:100%; }
.ruta-left h2, .packleft h2{ font-size:18px;}
#innerbanner h1{ line-height: normal; }
.pack, .pack-right{ width:100%; }
#traifes ul li{border-bottom:1px solid #f1f1f1; padding-bottom:20px; margin-bottom:30px; }
.pack-right ul{ width:100%; }
.pack-right ul li{ width:auto; }
.packleft span { padding:0px 5px; width:auto !important; }
.map-left h5, .pack-right h5{ font-size:9px; }
.map-left h3, .pack-right h3, .ruta-left span strong, .packleft span strong{ font-size:20px; }
.map-left h3, .pack-right h3{ width:100%; }
.map-left ul, .pack-right ul{ margin-top:10px !important; }
.map-left ul li{ padding:5px 10px !important; }
.ser-left{ width:100%; }
.ser-left p{ padding-bottom:20px; }
.ser-right { width:100%; margin:0px auto; float:none; display:table; }
.ruta-left, .ruta-right{ padding:0px 10px; }
.ruta-left span, .packleft span{ font-size:9px; }
.discobrir ul li{ text-align:center; width:100%; padding:10px 10px 10px 10px; }
.lang_link{ display:none;}
.footer-area ul li{ padding:3px 6px; }
.mark{ display:none; }
.dir-left, .dir-right { width:100%; padding-bottom:30px; }
.dir-right ul li{ width:90%; } 
.slogan{ padding:70px 5px 0px 5px; }
.slogan h1{font-size:23px; } 
.altres-serveis ul li{ padding:0px 10px; }
.altres-left{ width:20%;  padding-left:10px; padding-right:10px;}
.altres-mid{ width:80%; padding-left:0px; padding-right:0px; }
.altres-right{ width:100%;  padding-left:0px; padding-right:0px; border:none;}
.packleft h2{ font-size:18px !important; text-align:left; }
.tarifes-left, .tarifes ul{ width:100%; border:none;  }
.tarifes ul li h2{ width:75%; }
.tarifes ul li a { max-width:380px;} 
 .notie-left{ width:100%; padding-bottom:30px; }
.gallery ul { max-width:600px; margin:0px auto; }
 .gallery ul li{ width:100%; margin:1.5% 0%; }
 #innerbanner{ padding-top:90px; }
marquee{ display:none; }
.text{ right:10%; }
#comparador ul li{ border:none !important;}
#alterser ul h3{ text-align:center; }
#alterser ul li img{ float:none; margin:0px auto; display:table;}
#alterser ul li h2{ width:100%; text-align:center;}
#alterser ul li p{ width:100%; text-align:center;}
	
.slide-content{ max-width:640px; width:100%; }
}

@media only screen and (max-width:680px) {
 .slide-content{ max-width:500px; width:100%; }

}

@media only screen and (max-width:480px) {
.mid-area ul li{ width:100%;}
.home-left a{ width:100%; }
.slogan h1{  line-height:25px; max-width:320px; padding:20px 30px; }
.ruta-left span, .packleft span{ padding:0px 5px; margin-top:0px;}
.mid-area ul li a{ font-size:13px; }
.altres-left{ width:25%;  padding-left:10px; padding-right:10px;}
.altres-mid{ width:75%; padding-left:0px; padding-right:0px; }
.altres-right{ width:100%;  padding-left:0px; padding-right:0px; border:none;}
 .slide-content{ max-width:450px; width:100%; }	
#comparador ul li{ width:97%; }
.slide-content{ max-width:460px; width:100%; }
.slide-content img{ margin:0px 10px 30px 0px;  }
}
@media only screen and (max-width:340px) {
.tarifes ul li a{ max-width:280px; }
.tab-contents{ padding:10px !important; }
.one h5, .two h5, .three h5{ font-size:15px; }
.footer-area ul li{ padding:3px 5px; max-width:320px;}
 .slide-content{ max-width:300px; width:100%; }	
.slide-content img{ margin:0px 10px 30px 0px; width:40%;  }

}
#footer-logo ul li {
    width: 100%;
    margin-bottom: 35px;
}

#footer-logo ul li h4 {
    padding-bottom: 10px;
}

#footer-logo ul li:last-child h4 {
    margin-bottom: -15px;
}
@charset "UTF-8";
/* CSS Document */

/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.150em;
	  background:#FFF;
  border-radius:0px; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.170em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
	font-size:20px;
    width: 1.125em;
    height: 0.20em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; width:98%; }
  .slicknav_nav .slicknav_arrow {
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  box-sizing: border-box;
  width:100%;
  float:right;
  margin-top:0px;
/*    top:8%;
position:relative;*/
  }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
	display:none;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
  background:#FFF;
  border-radius:0px; }

.slicknav_btn {
  margin: 10px 10px 15px 5px;
  text-decoration: none;
  z-index:55555;
  position:fixed;right:0px	
 }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding:10px 0px 30px 0px;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
  top:58px;
width:100%; background:#26bdef; 
 position:fixed;
 z-index:5555;
 
   }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 10px 0px 0px 0px;
    margin: 0 0 0 20px; }
  
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      color: #171B26; }
	   .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav a {
    padding: 10px 10px;
    margin: 2px 5px;
	font-size:13px;
	
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover{ background-color:#009bce;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      color:#FFF; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
 
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }
/**
 *
 * slippry v1.2.9 - Responsive content slider for jQuery
 * http://slippry.com
 *
 * Authors: Lukas Jakob Hafner - @saftsaak
 *          Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2015, booncon oy - http://booncon.com
 *
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-moz-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-ms-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@-moz-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@-ms-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
/* added to the original element calling slippry */
.sy-box.sy-loading {
  background: url("/images/sy-loader.gif") 50% 50% no-repeat;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  -webkit-background-size: 32px;
  background-size: 32px;
  min-height: 40px; }
  .sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
    visibility: hidden; }

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%; }
  .sy-slides-wrap:hover .sy-controls {
    display: block; }

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden; }

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute; }
  .sy-list.horizontal {
    -moz-transition: left ease;
    -o-transition: left ease;
    -webkit-transition: left ease;
    transition: left ease; }
  .sy-list.vertical {
    -moz-transition: top ease;
    -o-transition: top ease;
    -webkit-transition: top ease;
    transition: top ease; }

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2; }
  
.text { position:absolute; bottom:9%; right:6%; height:14px; width:18px; overflow:hidden;  display:block; transition:all 0.5s ease 0s;  }
.text span{ display:block;}
.text span img{ width:auto !important; float:right; cursor:pointer; }
.text:hover span{display:none; }
.text:hover { transition:all 0.5s ease 0s; cursor:pointer; height:auto; max-width:50%; width:auto;background:rgba(255,255,255,0.7); border-radius:3px;}
.text p{ opacity:0;  transition:all 0.5s ease 0s;}
.text:hover >p { opacity:1;  padding: 20px 10px !important; transition:all 0.5s ease 0s;}   
  
  .sy-slide.kenburns {
    width: 140%;
    left: -20%; }
    .sy-slide.kenburns.useCSS {
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      -webkit-transition-property: opacity;
      transition-property: opacity; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
        -webkit-animation-name: left-right;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: left-right;
        -moz-animation-fill-mode: forwards;
        -o-animation-name: left-right;
        -o-animation-fill-mode: forwards;
        animation-name: left-right;
        animation-fill-mode: forwards; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
        -webkit-animation-name: right-left;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: right-left;
        -moz-animation-fill-mode: forwards;
        -o-animation-name: right-left;
        -o-animation-fill-mode: forwards;
        animation-name: right-left;
        animation-fill-mode: forwards; }
  .sy-slide.sy-active {
    z-index: 3; }
  .sy-slide > img {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: 0; }
  .sy-slide > a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%; }
    .sy-slide > a > img {
      margin: 0;
      padding: 0;
      display: block;
      width: 100%;
      border: 0; }

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0; }
  .sy-controls li {
    position: absolute;
    width: 5%;
    min-width: 4.2em;
    height: 100%;
    z-index: 33; }
    .sy-controls li.sy-prev {
      left: 1%;background: url("../images/prev.png");
        background-repeat: no-repeat;
      top: 55%; }
	  
	  .sy-controls li.sy-prev:hover {
      left: 1%;background: url("../images/prev-hover.png");
        background-repeat: no-repeat;
      top: 55%; }
      .sy-controls li.sy-prev a:after {
        background-position: -5% 0; }
    .sy-controls li.sy-next {
      right:-3%;
      top:55%;  background: url("../images/next.png");
        background-repeat: no-repeat; 
       }
	    .sy-controls li.sy-next:hover{ background: url("../images/next-hover.png");
        background-repeat: no-repeat; right:-3%; top:55%; }
	 
	  
      .sy-controls li.sy-next a:after {
}
    .sy-controls li a {
      position: relative;
      width: 100%;
      height: 35px;
      display: block;
      text-indent: -9999px;}
	  
      .sy-controls li a:link, .sy-controls li a:visited {
        opacity: 0.4;   }
      .sy-controls li a:hover, .sy-controls li a:focus {
        opacity: 0.8;
		
        outline: none; }
      .sy-controls li a:after {
        content: "";
       
        text-align: center;
        line-height: 2.8em;
        color: #111;
        font-weight: 800;
        position: absolute;
        width: 2.8em;
        left: 50%;
        top: 50%;
        margin-top: -1.4em;
        margin-left: -1.4em;
        }
  @media only screen and (max-device-width: 600px) {
    .sy-controls {
      display: block; }
      .sy-controls li {
        min-width: 2.1em; }
        .sy-controls li a:after {
          width: 1.4em;
          height: 1.4em;
          margin-top: -0.7em;
          margin-left: -0.7em; } }

/* captions, styled fo the overlay variant */
.sy-caption-wrap {	  display:none;
 }
    .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
      color: #e24b70;
      font-weight: 600;
      text-decoration: none; }
    .sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
      text-decoration: underline; }
  @media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .sy-caption-wrap {
      left: 0;
      bottom: 0.4em; }
      .sy-caption-wrap .sy-caption {
        left: 0;
        padding: 0.2em 0.4em;
        font-size: 0.92em;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0; } }

/* pager bubbles */
.sy-pager {
  overflow: hidden;
  *zoom: 1;
  position:relative;
  z-index:444;
  display: block;
  width: 100%;
  margin: -5px 0 0;
  padding: 0;
  list-style: none;
  text-align: center; }
  .sy-pager li {
    display: inline-block;
    width: 16px;
    height: 16px;
	border:4px solid #FFF;
    margin: 0 1em 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
    .sy-pager li.sy-active a {
      background-color: #bab6b6; }
    .sy-pager li a {
      width: 100%;
      height: 100%;
      display: block;
      background-color: #ccc;
      text-indent: -9999px;
      -moz-background-size: 2em;
      -o-background-size: 2em;
      -webkit-background-size: 2em;
      background-size: 2em;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
      .sy-pager li a:link, .sy-pager li a:visited {
        opacity: 1.0; }
      .sy-pager li a:hover, .sy-pager li a:focus {
        opacity: 0.6; }

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%; }
  .sy-filler.ready {
    -moz-transition: padding 600ms ease;
    -o-transition: padding 600ms ease;
    -webkit-transition: padding 600ms ease;
    transition: padding 600ms ease; }
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
	overflow:hidden;
}



/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	left: 0px;

	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	display:none;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	font:none;
	background:url(../images/prev.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background:url(../images/next.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover {
	left: 10px;
	font:none;
	background:url(../images/prev-hover.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next:hover {
	right: 10px;
	background:url(../images/next-hover.png) no-repeat 0 -32px;
}


.bx-wrapper .bx-prev {
	background-position: 0 0;
}

.bx-wrapper .bx-next {
	background-position:0px 0;
}



.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position:0px 0;
}


.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 22px;
	height:46px;
	
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}


.capture { position:absolute; bottom:10%; right:7%; height:14px; width:18px; overflow:hidden;  display:block; transition:all 0.5s ease 0s;  }
.capture span{ display:block;}
.capture span img{ width:auto !important; float:right; cursor:pointer; }
.capture:hover span{display:none; }
.capture:hover { transition:all 0.5s ease 0s; cursor:pointer; height:auto; max-width:100%; width:auto;background:rgba(255,255,255,0.7); border-radius:3px;}
.capture p{ opacity:0;  transition:all 0.5s ease 0s; font-size:12px;}
.capture:hover >p { opacity:1;  padding: 10px 10px; transition:all 0.5s ease 0s;}