@import url("//fast.fonts.net/cssapi/54ce8053-7ddb-488b-b425-55c372817038.css");
@font-face {font-family: "RingsideNarrow-Book"; src: url("/THEMES/nea/fonts/RingsideNarrow-Book.otf") format("opentype"); font-weight: normal; font-style: normal }

body {
	font-family:"Soho Gothic W01 Regular", sans-serif; padding-top: 51px;
	background: #fff no-repeat;
}

h1, h2, h3, h4, h5 {margin:0;}
hr {border-color:#ccc;}

:invalid {box-shadow: none; }
:-moz-submit-invalid {box-shadow: none; }
:-moz-ui-invalid {box-shadow:none; }

/****************************
  GLOBAL
****************************/
/*
	.a1 .titol-gran
	.a2 = .a17 .subtitol
	.a3 .titol-normal
	.a4 .titolp
	.a5 .destacat
	.a6 .titolb
	.a7 .text
	.a8 .miga
	.a9 .text2
	.a10 .legal
	.a11 text3
	.a12 #tarifes h4
	.a13 .preu
	.a14 #tarifes .periodicitat .extra
	.a15 = .a4 = titolp
	.a16 .titolet
*/

.titol-gran, .titol-gran-m {font: 90px/90px 'Soho Gothic W01 Regular', sans-serif; color:#fff; }
.titol-normal {font: 36px/90px 'Soho Gothic W01 Medium', sans-serif; color:#054A6B; }
.subtitol, .subtitol-m {font: 24px/28px 'Soho Gothic W01 Medium', sans-serif;}
.destacat, .destacat-g, .destacat-m { font: 13px/16px 'Soho Gothic W01 Medium', sans-serif; color:#fff;}
.text, .text-g, .text-m, .text-b { font: 14px/18px 'Soho Gothic W01 Regular', sans-serif; color:#fff;}
.text strong, .text-g strong, .text-m strong, .text-b strong { font: 14px/18px 'Soho Gothic W01 Bold', sans-serif; color:inherit;}
.text2, .text2-g, .text2-m, .text2-b { font: 16px/25px 'Soho Gothic W01 Regular', sans-serif; color:#fff;}
.text2 strong, .text2-g strong, .text2-m strong, .text2-b strong{ font: 16px/25px 'Soho Gothic W01 Bold', sans-serif; color:inherit;}
.text3 {font: 30px/30px 'Soho Gothic W01 Medium', sans-serif; color: #000; }
.text4 {font: 18px/26px 'Soho Gothic W01 Medium', sans-serif; color: #000; }
.miga {font: 16px/16px 'Soho Gothic W01 Bold', sans-serif; color: #fff; }
.titolp, .titolp-b { font: 16px/16px 'Soho Gothic W01 Medium', sans-serif; color:#fff;}
.titolb, .titolb-m { font: 14px/18px 'Soho Gothic W01 Bold', sans-serif; color:#fff;}
.titolet, .titolet-m, .titolet-b { font: 18px/18px 'Soho Gothic W01 Medium', sans-serif; color:#fff;}
.preu {font: 24px/24px 'Soho Gothic W01 Regular', sans-serif; color: #056f9e;}
.legal, .legal-w, .legal-b, .legal-m { font: 12px/14px 'Soho Gothic W01 Regular', sans-serif; color:#333;}
.destacat-g, .text-g, .text2-g {color:#4c4c4c;}
.titol-gran-m, .destacat-m, .text-m, .text2-m, .titolet-m, .titolp-m, .subtitol-m, .titolb-m, .legal-m {color: #056f9e;}
.text2-b, .titolp-b, .titolet-b, .text-b,.legal-b  {color:#000;}
.legal-w { color:#fff;}

@media (max-width: 767px) {
  .container, .container-fluid, #portada footer.legal {padding-right: 10px; padding-left: 10px}
	.titol-gran, .titol-gran-m {font: 34px/40px 'Soho Gothic W01 Regular', sans-serif; }
	.titol-normal {font: 24px/28px 'Soho Gothic W01 Medium', sans-serif; }
	/*.titolet, .titolet-m, .titolet-b { font: 15px/15px 'Soho Gothic W01 Medium'}*/
	.subtitol, .subtitol-m {font: 18px/22px 'Soho Gothic W01 Medium', sans-serif;}
	.titolp { font: 14px/18px 'Soho Gothic W01 Medium', sans-serif;}
	.text2, .text2-g, .text2-m, .text2-b { font: 15px/20px 'Soho Gothic W01 Regular', sans-serif;}
	.text2 strong, .text2-g strong, .text2-m strong, .text2-b strong{ font: 15px/25px 'Soho Gothic W01 Bold', sans-serif;}
	.text4 {font: 15px/20px 'Soho Gothic W01 Medium', sans-serif; color: #000; }
	.preu {font: 18px/18px 'Soho Gothic W01 Regular', sans-serif;}
}

body.notop {padding-top: 0}
.notop header#top {display: none}
header#top .navbar {background-color: #fff; min-height: 50px; border-radius: 	0; border-bottom: 1px solid #D8E0E8/*#056f9e*/;/*box-shadow: 0 2px 2px rgba(0,0,0,0.2)*/}
header#top .navbar-brand { height: 50px; padding:17px 15px;}
header#top .navbar-brand img { height:18px; width: auto;/*width: 80px;*/}
.balears header#top .navbar-brand {padding: 10px 15px;}
.balears header#top .navbar-brand img {height: 26px; width: auto;}
.andorra header#top .navbar-brand {padding: 10px 15px;}
.andorra header#top .navbar-brand img {height: 25px; width: auto;}
header#top .navbar-default .navbar-toggle:hover,
header#top .navbar-default .navbar-toggle {background: transparent url(../img/spritemenu.png) top left no-repeat; border:none; width: 20px; height: 16px; margin-top:15px;}
header#top .navbar-nav > li > a { padding: 15px 15px; /*border-left:1px solid #056f9e;*/}
header#top .navbar-nav > li > a:hover {background-color: #666; color:#fff;}
header#top ul.navbar-right.destacat-m {font: 14px/14px "RingsideNarrow-Book", arial, sans-serif; font-weight: 325;}
body:not(.phone) header#top .navbar-nav  li:last-of-type a { display: none; background: #056f9e url(../img/home.png) 0px center no-repeat; width:12px;padding-right: 20px}
body:not(.phone) header#top .navbar-nav  li:last-of-type a:hover {background-color: #666;}


.phone footer#cookies-advice {display: none}
footer#cookies-advice {position:fixed; bottom: 0; width: 100%; height: 33px; background-color: #5b5b5b; z-index: 99; font: 13px/33px "Soho Gothic W01 Light",sans-serif; color:#fff; opacity:0.9; border-top:1px solid #fff; }
footer#cookies-advice p {margin:0 auto; text-align: left;}
footer#cookies-advice p a {color:#fff; font-weight: bold}
footer#cookies-advice p a.pull-right {background-color: #000; padding:0 15px;}

footer#links {text-align: center; margin-top:50px; padding:5px 0 0 0;border-top:1px solid #056f9e;bottom: initial; position:absolute; width: 100%; background-color: #fff}
footer#links ul {list-style: none; margin-bottom: 10px; padding: 0}
footer#links li { display: inline-block; padding:0 5px;}
footer#links a {font: 13px/16px 'Soho Gothic W01 Medium', sans-serif; color:#056f9e;}
footer#links.swipe {overflow-x: hidden; }
footer#links.swipe ul {width: 150%;text-align: left; }
footer#links.footer-fix {bottom: 0}

#contacte-peu {text-align: center; margin: 0 auto; border-top: 1px solid #056f9e; padding-top:40px; margin-top:20px;}
#contacte-peu .subtitol {color: #056f9e;}
#contacte-peu p { margin:25px 0 30px;}
#contacte-peu p a {color:#000;}
#contacte-peu #ftrucada {margin-bottom: 50px}
#contacte-peu #ftrucada label {width: auto; margin-bottom: 12px; margin-top:25px;display: block;}
#contacte-peu .boto, #contacte-peu .boto:visited {display: block; color: #fff; background-color: #0076a8; width: 270px; border:1px solid #056f9e; border-radius: 2px; margin:10px auto; padding:6px 0 9px; text-decoration: none}
#contacte-peu .boto:hover { background-color:#00648e; color:#fff;}
#contacte-peu input[type="phone"], #contacte-peu input[type="text"] {width: 110px; display: inline-block;margin-right: 10px; margin-left:0;height: 30px;}
#contacte-peu input[type="text"] {width: 180px; margin-right: 0; margin-left:5px;}
#contacte-peu p.legal {margin:10px auto 0; max-width: 47%;}

@media (max-width: 450px) {
	#contacte-peu input[type="text"] {width: 200px; margin-right: 0; margin-left:5px;display:block; margin: 0 auto 5px}
	#contacte-peu input[type="phone"] {width:130px;}
}

@media (max-width: 767px) {
	header#top .navbar-nav > li {padding: 10px;}
	header#top .navbar-nav > li.contacte  { margin: 0; padding: 0px 16px 15px 16px }
	header#top .navbar-nav > li > a { padding: 0; border-left:none;}
	#ara-navbar-collapse, header#top .navbar-nav > li.contacte{ text-align: right;}
	#contacte-peu p { margin:25px 10px 30px;}
	#contacte-peu .boto {margin:10px auto;}
	#contacte-peu p.legal {max-width: 90%; }
}

@media (min-width: 768px) {
	#contacte-peu #ftrucada label {display: inline-block; margin-top:0;}
	#contacte-peu .btn-ara-small { vertical-align: initial; padding: 0 10px;}
	#contacte-peu input[type="phone"] {margin-left: 7px}
}

/****************************
  HELPERS
****************************/

.btn {border-radius: 2px; font: 13px/13px 'Soho Gothic W01 Medium', sans-serif; padding: 9px 19px 10px; display: inline-block;}
.btn-pensant, .btn-pensant-m {background: transparent url(../img/loading_v.gif) calc(100% - 15px) center no-repeat; }
[disabled].btn-pensant, [disabled].btn-pensant-m {background-image: url(../img/loading_d.gif); }
.btn-pensant-m {background-image: url(../img/loading_m.gif);}
.btn-ara {background-color: #0076a8; color:#fff;}
.btn-ara:hover, .btn-ara:focus {background-color: #00648e; color:#fff;}
.btn-ara-small {padding: 0px 10px 3px;  vertical-align: bottom; height: 30px; }
.btn-ara:hover {background-color: #00648e}
.btn-muted {background-color: #cce9ec; color:#fff;}
.btn-gris {background-color: #ccc; color:#000;}
.btn-m, .btn-m:focus {background-color: #056f9e; border:1px solid #056f9e; color:#fff;}
.btn-m:hover {background-color:#00648e; color:#fff;}

.input-pensant {background: transparent url(../img/loading_g.gif) no-repeat; background-position: right 5px center;}

.prearticle {position:fixed; width: 100%;height:139px;z-index:10;border-bottom: 1px solid #D8E0E8/*#056f9e*/;/*box-shadow: 0 2px 2px rgba(0, 0, 0,0.2);*/ background:#fff; }
.prearticle h1 {max-width: 570px; margin: 32px auto 31px;line-height: 36px; text-align: center;}
.prearticle ul {list-style: none;text-align: center;margin: 0 auto 15px;}
.prearticle li {display: inline-block; padding:0 10px;}
.prearticle a {text-decoration: none;}

/* active up arrow*/
.prearticle li.active {position: relative; }
.prearticle li.active:after{
	content: " "; position: absolute; bottom: -13px; left: 45%; width: 15px; height: 15px; background-color:#fff; /*box-shadow: 2px 2px 2px rgba(0, 0, 0,0.2) inset;*/
	border-top: 1px solid #D8E0E8/*#056f9e*/; border-left: 1px solid #D8E0E8/*#056f9e*/;
	transform: translateY(10px) rotate(45deg);
	background: linear-gradient(135deg,  rgba(255,255,255,1) 65%,rgba(255,255,255,0) 35%);
}

article {margin-top:188px;}

.prearticle.pagina { height: 100px;}
.prearticle.pagina h1{ max-width: 100%}
.prearticle.swipe ul {overflow-x: hidden; overflow-x:visible;width: 150%; margin: 0 0 15px; text-align: left; }
article.pagina { margin-top:140px;max-width: 600px;}
article.pagina h3 {margin-bottom: 10px}

.scrollToTop{width:64px; height:64px; padding:10px 0 0 6px; text-align:center; color: #056f9e; background-color: #fff; text-decoration: none; position:fixed; bottom:40px; right:20px; border:1px solid #056f9e; border-radius:4px; font-size:2.5em; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; display:none; }
.scrollToTop:hover{filter: alpha(opacity=100); opacity: 1; color:#056f9e; }

@media (max-width: 767px) {
	.prearticle {height: 115px;}
	.prearticle h1  {margin: 20px auto 15px;}
	.prearticle:after {margin-top:13px;}
	.prearticle li.active:after{bottom: -35px; }
	article {margin-top:145px;}
	.scrollToTop{right:20px;bottom:20px;width:46px; height:54px; padding:0 0 0 3px;}
	.scrollToTop .glyphicon {top: 5px}
}

@media (max-width: 1024px) {
	/*.prearticle li.active:after{bottom: -35px; }*/
}

.alert-fixed, .alert-fixed-bottom { position:fixed; top: 0px; left: 0px; width: 100%; z-index:9999; border-radius:0px; text-align: center !important; font-weight: bold; }
.alert-fixed-bottom { bottom:0; top:inherit;margin-bottom: 0}

.boto-m, .boto-m:visited {position:relative;display: block; color: #056f9e; background-color:#fff; border:1px solid #056f9e; border-radius: 2px; margin:15px 0 0; padding:7px; text-decoration: none; text-align: center;}
.boto-m:hover { background-color:#d0EFF6;}
.boto-m.selected { background-color:#056f9e;color:#fff;}
.boto-m.selected::after { content: "✓"; position: absolute;right: 10px;font-size: 18px; font-weight: bold; top:5px;}


/****************************
  FORMS
****************************/

article.formulari { margin-top:165px;max-width: 397px;position: relative;}
article.formulari.loading:after {content: " "; background: #000 url(../img/spinning.gif) center center no-repeat; position: absolute; top:0; left:0; width: 100%;height: 50vh;z-index: 2; opacity:.1;}
/*
.formulari .subtitol-m, .formulari .titolet-m {margin-bottom: 8px;}
.formulari h4.text-b {margin-bottom: 20px}

.formulari form {margin:0 auto;position: relative;}
.formulari .control-label-input, .formulari .control-label-select {display: none}
.form-control {border-radius:2px;}
select.form-control {padding-left:6px; padding-right: 0}
.formulari label {width: 100%;}

.formulari .form-group-option label {font-weight: normal;}
.formulari .form-group-option input[disabled]+span {cursor: not-allowed;}
.formulari .form-group-option label.control-label { color:#888; vertical-align: middle;}
.formulari .form-group-option label.option-label {}
.formulari .form-group-option.radio label.option-label {margin-bottom: 8px}
.formulari label.radio-inline, .formulari label.checkbox-inline {width: auto;}
.formulari label.label-inline {display:inline-block; width: auto; line-height: 35px;margin-bottom: 0; padding-right: 15px;}
.formulari .control-label-input.toplabel, .formulari .control-label-select.toplabel {display: block}

.formulari .form-group-option.radio input {}
.sublabel {font: 12px/16px 'Soho Gothic W01 Regular', sans-serif; color:#aaa; }

.opcions .form-group {margin: 5px 0}
.botons-peu {width: 100%; overflow: auto; margin:35px 0 50px 0;}

/* Errors */
/*
.formulari label.required:after {content: "*"; color:#f00;}
.formulari .tooltip { z-index:9; }
.tooltip-inner a { color:#056f9e; }
.formulari .form-errors ul {padding-left:1em;}
.formulari .invalid {border:1px solid #f00}

.formulari input[type="checkbox"] + span.invalid,
.formulari input[type="radio"] + span.invalid
{border:none; border-bottom:1px solid red;}

.formulari .mselect.invalid {border:none;}
.formulari .mselect.invalid select{border:none;border:1px solid #f00}

@media (max-width: 767px) {
	article.formulari { margin-top:140px;}
	input, select, textarea, .form-control { font-size: 16px; }
	.formulari .row {margin-left: -10px; margin-right: -10px}
	.formulari .col-lg-1, .formulari .col-lg-10, .formulari .col-lg-11, .formulari .col-lg-12, .formulari .col-lg-2, .formulari .col-lg-3, .formulari .col-lg-4, .formulari .col-lg-5, .formulari .col-lg-6, .formulari .col-lg-7, .formulari .col-lg-8, .formulari .col-lg-9, .formulari .col-md-1, .formulari .col-md-10, .formulari .col-md-11, .formulari .col-md-12, .formulari .col-md-2, .formulari .col-md-3, .formulari .col-md-4, .formulari .col-md-5, .formulari .col-md-6, .formulari .col-md-7, .formulari .col-md-8, .formulari .col-md-9, .formulari .col-sm-1, .formulari .col-sm-10, .formulari .col-sm-11, .formulari .col-sm-12, .formulari .col-sm-2, .formulari .col-sm-3, .formulari .col-sm-4, .formulari .col-sm-5, .formulari .col-sm-6, .formulari .col-sm-7, .formulari .col-sm-8, .formulari .col-sm-9, .formulari .col-xs-1, .formulari .col-xs-10, .formulari .col-xs-11, .formulari .col-xs-12, .formulari .col-xs-2, .formulari .col-xs-3, .formulari .col-xs-4, .formulari .col-xs-5, .formulari .col-xs-6, .formulari .col-xs-7, .formulari .col-xs-8, .formulari .col-xs-9
  	{padding-right: 10px;padding-left: 10px;}
}
*/