//* ==========================================================================
   DEYSE v3
   Author: Ancora Dual http://www.ancoradual.com
   ========================================================================== */


/* Custom Bootstrap */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: 'Roboto', Arial, sans-serif;font-weight: 400; line-height: 1.1;color:#0074AB; margin-bottom: 13px;font-weight: 300;}

b,strong { font-weight: 500;}

.btn-primary { color: #ffffff !important; background-color: #0074AB; border-color: #0074AB;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active { color: #ffffff; background-color: #2FA7E0; border-color: #2FA7E0;}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {  background-color: #0074AB; border-color: #0074AB;}


.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #0074AB;
}

.modal-open .modal,.btn:focus{
    outline:none!important
}

.modal-header, .modal-footer{border:none;padding-left:20px;}
.modal-footer{padding:5px 20px 30px 20px;}
.modal-body{padding:0 25px 30px 25px;}
.modal-header h4{color:#0074AB; font-size:30px; font-weight:300;padding-left:5px;text-align:center;}
.modal-body .boto{text-align:right;padding:15px 0 0 0;}

#aEmpleats .modal-content, #aClients .modal-content{width:400px;margin-top:100px;}

#mInscripcio .modal-content, #mInscripcio .modal-dialog{width:750px;}
#mInscripcio .checkbox{padding-top:0;}
#mInscripcio .modal-body{padding-bottom:0;}
#mInscripcio h5{font-size:19px; text-align:center; color:#888;margin-bottom:5px;}

.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus { background: #0074AB; border-color: #0074AB;}
.list-group-item {background:#fff url("../img/list_marker.png") no-repeat scroll right center;}
.list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0;}
.list-group-item:last-child {border-bottom-right-radius: 0; border-bottom-left-radius: 0;} 

/* Site Styles
================================================== */

html { height:100%; }
body { margin:0; padding:0; height:auto!important; height:100%; min-height:100%; color:#555; background:#fff; font-weight:300; font-size:16px; font-family: 'Roboto', Arial, sans-serif;}
body:after { position:absolute; display:block; content:''; top:0; left:0; bottom:0; right:0; z-index:-3; }

::-moz-selection {background: #0074AB;text-shadow: none;color:#fff;}
::selection {background: #0074AB;text-shadow: none;color:#fff;}

img{max-width:100%;}
.aright{text-align:right;}
.right{float:right;}
.left{float:left;}
.centra{text-align:center;}
.txtlegal{font-size:0.7em;}
.txtlegal label{font-weight:normal;}

p {text-align:justify; margin-bottom:22px; }

a[href^="tel:"] {color:inherit;text-decoration:none;}
a:hover { text-decoration:none; }
a { outline:none; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }

section a, .blau {color:#0074AB;}

h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

/*.arrow-list li{background: url("../img/list-arrow.png") no-repeat 0 5px; list-style:none; padding-left:20px;margin-bottom:10px;}*/
.arrow-list {padding:0 0 1px 0;}
.arrow-list li{list-style: url("../img/list-arrow.png"); margin-left:15px;margin-bottom:10px;}
.arrow-list ul{margin:10px 0;}
.arrow-list ul li{list-style: url("../img/list-arrow2.png"); margin-left:15px;margin-bottom:10px;}


.title {font-weight: 100; font-size:42px; margin-bottom: 24px;letter-spacing:-1.5px}
#index .title {margin-top:0;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-weight: 400;}
.title span{font-weight: 300 !important; }

.inner-border { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; padding: 10px; }
.link { display:inline-block; color:#0074AB; font-size:13px; line-height:22px; position:relative; padding: 0 0 0 4px; }
.link:hover span { background-position:0 0; }
.link:hover { color:#000; }
.link span { background:url(../img/bg-link.png) right 0 no-repeat; width:14px; height:5px; display:block; position:absolute; right:0; top:8px; }

.divisio{background: url("../img/tit_ralletes.png"); height: 10px; margin: 15px 0;}
.divisio:before,.divisio:after {content: " "; display: table;}
.divisio:after { clear: both;}


.vermell{color:Red;font-size:80%;}
.verd{color:#33B679;}
.taronja{color:#F9A31C;}

.caixa{cursor:pointer;}

.img-indent .img-polaroid {float:left;margin:0 20px 10px 0;width:auto;}

.btn i{margin-right:3px;}

.clearfix:before, .clearfix:after { display:table; content:""; line-height:0; }
.clearfix:after { clear:both; }
.hide-text { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0; }
.input-block-level { display:block; width:100%; min-height:32px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.centra{text-align:center;}

.box-row { padding-bottom:30px; }

.thumbnails { margin:0 0 0 0; *zoom:1;}
.thumbnails:before, .thumbnails:after { display:table; content:""; line-height:0; }
.thumbnails:after { clear:both; }
.thumbnails .thumbnail { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; float:left; padding:0; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.thumbnails .thumbnail .img-polaroid { width:100%; }
.block-thumbnail { padding: 0 0 0 0; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.block-thumbnail:hover .img-polaroid:after { border:5px solid #fff; }
.block-thumbnail .img-polaroid { margin:0 0 37px 0; position:relative; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.block-thumbnail .img-polaroid:after { display:block; position:absolute; content:''; top:0; right:0; bottom:0; left:0; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.block-thumbnail h3 { }
.block-thumbnail p { margin: 0; overflow: hidden; }

#back-top { display: none;}
.is-sticky #back-top { display: block;}
#back-top a { bottom: 2%;position: fixed;	 right: 2%;  z-index: 9999; width: 50px;display: block;	text-align: center;	text-transform: uppercase;	text-decoration: none;	color: #bbb;	-webkit-transition: 1s;	-moz-transition: 1s;transition: 1s;	}
#back-top a:hover {color: #000;	}
#back-top span {background: url(../img/up.png) no-repeat scroll center center #0074AB;	width: 50px;height: 50px;display: block;
-webkit-border-radius: 3px;	-moz-border-radius: 3px;border-radius: 3px;	-webkit-transition: 1s;	-moz-transition: 1s;	transition: 1s;	}
#back-top a:hover span {background-color:#777;	}

.color-dark { color: #444 !important; }

blockquote p{text-align:left;} 
 
blockquote.destacat {background:#0074AB;margin:10px 0 40px 0;color:#fff;border-left:0;padding-bottom:15px;}
blockquote.destacat .container{position:relative;padding:0;width:100%}
blockquote.destacat h3 {margin:5px 10px 5px 90px; font-size:34px; font-weight:700;padding:0;color:#fff;}
blockquote.destacat h4 {margin:5px 10px 15px 90px; font-size:28px; font-weight:100;padding:0;color:#fff;}
blockquote.destacat p {margin:0 10px 5px 90px;font-size:24px;}
blockquote.destacat i.fa-quote-right, blockquote.destacat i.fa-quote-left{color:#aaa;position:absolute;font-size:48px;background-color: #fff;text-align: center;width: 70px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; -o-border-radius: 40px;height: 70px !important; line-height: 70px;}
blockquote.destacat .fa-quote-right{right:15px;top:-40px;}
blockquote.destacat .fa-quote-left{left:15px;bottom:-40px;}
blockquote.destacat:hover i.fa-quote-right, blockquote.destacat:hover i.fa-quote-left {color:#0074AB;}

blockquote.destacat .icono i {background:#D1E5FD; color:#0074AB; width:150px; height:150px;padding-top:20px;font-size:110px;text-align: center;border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px;}
blockquote.destacat:hover .icono i {background:#fff;color:#aaa;}

blockquote.destacat .icono i.flaticon-factory7 {padding:3px 25px 5px 25px; font-size:100px;}
blockquote.destacat .icono i.flaticon-soccer4 {padding:2px 23px 4px 23px;}

blockquote.destacat.nofull .container {padding-bottom:20px;}
blockquote.destacat.nofull .fa-quote-right{right:-10px;top:-35px;}
blockquote.destacat.nofull .fa-quote-left{left:-10px;bottom:-37px;}
blockquote.destacat.nofull h3 {margin:5px 10px 5px 40px; }
blockquote.destacat.nofull h4 {margin:5px 10px 15px 40px; }

blockquote.destacat.serveis {padding-top:15px !important; padding-bottom:15px !important;margin:15px 0 30px 0 !important;}
blockquote.destacat.serveis p {margin:10px 10px 5px 0px;font-size:24px;}
blockquote.destacat.serveis .fa-quote-right{right:-33px;top:-33px;} 
blockquote.destacat.serveis .fa-quote-left{left:-33px;bottom:-33px;}

blockquote.destacat.nofull {padding:20px 0 20px 0;margin:20px 0 20px 0;}

blockquote.entexto{padding-bottom: 15px !important;font-size:110% !important;color:#fff !important;background:#0074AB !important;border-left:0 !important;}
.radiobox {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.list-group, .list-group{margin-top:15px;list-style:none;}
.list-group > li{margin-top:-3px;background: url("../img/list_marker.png") no-repeat scroll right center transparent;}
.list-group .actiu, .list-group .actiu{font-weight:500; background-color: #f5f5f5 !important;}

.percent {font-size:40px; color:#0074AB;font-weight:900;text-align:center !important;}
.percent.dos {font-size:30px;line-height:52px;}
.percent.dos span {font-size:16px;}

/*-------------------------------------------------------------------------*/
/*	Header
/*-------------------------------------------------------------------------*/

header{background:#fff;-moz-box-shadow: 0px 0px 1px #cccccc; -webkit-box-shadow: 0px 0px 1px #cccccc; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color=#cccccc)";/*IE 8*/ box-shadow: 0px 0px 1px #cccccc; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color=#cccccc);/*IE 5.5-7*/}
.over-head { padding: 42px 0 0 0; }
.header_top { background:#efefef; border-bottom: 1px solid #EFEFEF; display: block; color: #777; font-size: 12px; font-weight: 300; letter-spacing: 0.3px;padding:4px 0;}
.header_top a { color:#444;}
.header_top a i, .header_top  i { color:#0074AB;}

#contact-details {float: left;}
#contact-details ul { margin: 0 0 3px 0px;padding:0; }
#contact-details li:first-child { border: medium none; margin-left: 0; padding: 0; }
#contact-details li { border-left: 1px solid #EAEAEA; float:left; list-style:none;margin-left: 9px; padding-left: 10px; }
#contact-details a { color: #777; line-height: 18px; }
#contact-details a:hover { color: #0074AB; }
.link-home { background:url(../img/home.png) 0 0 no-repeat; width:14px; height:12px; display:block; margin:13px 0 0 28px; }
.link-home:hover { background-position:right 0; }
#login-lang{float: right;display: block;}
#login-lang ul{float: left;padding:0;margin:0;}
#lang{float: left;margin-left:20px; width:150px;height:20px;padding:0 0 0 5px;} 
#login-lang li{float:left;margin-left: 10px; padding-left: 10px;list-style:none;} 



.header_top i{margin-right:8px;font-size:140%;float:left;}
.header_top span{float:left;padding-top:3px;}

.is-sticky > nav { left: 0 !important; width: 100% !important; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);/*FF 3.5+*/ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color=#e6e6e6)";/*IE 8*/ box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color=#e6e6e6);/*IE 5.5-7*/}
#nav-sticky-wrapper{height:100% !important;}
.is-sticky .navbar{width:100%}


.is-sticky .nav>li.active>a{ background: #eee;}
.select-menu { display:none !important; }


#nav ul.nav li.sub-menu:hover ul.dropdown-menu{ display: block !important;}

#titsection{background:#0074AB;padding-top:7px; padding-bottom:7px;}
#titsection .container{}
#titsection .titulo-principal{color:#fff;padding:0 0 0 5px; margin:0 0 0 -5px;text-transform:uppercase;font-weight:100; font-size:32px;display:inline !important;
}


.pressupost{float:right;}
.pressupost i{margin-right:10px;}

/*-------------------------------------------------------------------------*/
/*	Footer
/*-------------------------------------------------------------------------*/


footer { background:#4d4d4d; border-top: medium none; color: #CFCFCF;  line-height: 22px; padding: 31px 0 0; position: relative; z-index:1;}
footer a { color:#CFCFCF; }
footer a:hover { color:#0074AB; }
footer h3 { color:#fff; text-shadow: 0 0 3px #000000; }
footer .btn{margin-bottom:15px;}
footer .botons select{margin-top:20px;}

footer address { margin: 12px 0; }
.footer-list { padding:0 0 0 15px;}
.footer-list li { background: url("../img/indicator-1.png") no-repeat scroll 0 8px transparent; display: block; margin-bottom: 10px; padding-left: 15px; }

.footer-separator { background:#1D1D1D; clear: both; display: inline-block; height: 1px; margin: 20px auto; width: 100%; }
.rel { position: relative; }
.box-color { background:#252525; padding: 20px 20px 10px 20px; -moz-border-radius: 6px;/*Firefox*/ -webkit-border-radius: 6px;/*Safari, Chrome*/ border-radius: 6px; -moz-box-shadow: 0px 0px 1px #3f3f3f;/*FF 3.5+*/ -webkit-box-shadow: 0px 0px 1px #3f3f3f;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color=#3f3f3f)";/*IE 8*/ box-shadow: 0px 0px 1px #3f3f3f;  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color=#3f3f3f);/*IE 5.5-7*/}
.box-color h3 {color: #FFFFFF;}
.box-color p {color: #FFFFFF;}
.box-color img {background:url(../img/mapa.jpg) no-repeat 50% 50%;width:100%;height:100px;}
.location-tip { background:#0074AB; color: #fff; display: inline-block; font-size: 13px; font-weight: 500; right: auto; padding: 7px 15px 7px 10px; position: absolute; left: 0; text-transform: uppercase; top: -50px; }
.location-tip i{ margin:0 5px 0 0; font-size: 18px;}
.location-tip .tooltip-bottom { border-bottom: 10px solid transparent; border-right: 6px solid #0074AB; border-left: 6px solid transparent; bottom: -10px; height: 0; right: 0; position: absolute; top: auto; width: 0; }
.col-links{float:left; width:170px;padding-left:0px;}

footer #copyright{margin-top:20px;background:#252525;padding-top:5px; padding-bottom:5px;}
footer #copyright p{margin:0px;}
footer #copyright .ancora{text-align:right;}
footer #copyright .ancora img{margin-top:-3px;}
footer #copyright i{margin:0 5px 0 20px;}

footer .sellos {padding-left:40px;}
footer .sellos ul{list-style:none; padding-left:0;width:190px}
footer .sellos ul li{float:left;margin-right:5px;margin-bottom:5px; width:90px}
footer .sellos ul li:last-child{margin-right:0px;}
footer .sellos ul li img{width:90px; height:90px;}
footer h3{margin-top:0;}

/*-------------------------------------------------------------------------*/
/*	CONTENIDO P�BLICO
/*-------------------------------------------------------------------------*/

/* Index: */

#index{padding-top:0px;padding-bottom:30px;} 
#index .divisio{background: url("../img/tit_ralletes.png"); height: 10px; margin: 15px 0px;}
#index section{padding-top:25px;}

/* Index: Slider */
#intro{	margin: 15px auto 0px auto;padding: 0 !important;overflow:hidden;}
#intro h2 {	font-size: 30px;	padding:0 0 0 10px;line-height:40px;color: #0074AB;margin:0;text-shadow: 0px 0px 2px #fff;}
#intro h2 span{text-shadow:none;}
#intro blockquote {background:transparent;	padding: 10px 0 0 8px;border:none;margin-bottom:3px;}
#intro blockquote p{color: #0074AB;line-height:26px;margin:0;text-shadow: 0px 0px 2px #fff;}
#intro .bloc{background:url(../img/bg_slider.png);width: 70%; padding:10px 15px 12px 15px;color: #fff;right:0; float:right}
#intro .carousel-caption{padding-right:120px;padding-left:0% !important;bottom:auto !important; top:120px; right:0}
#presentacion{height:350px; overflow:hidden}

/* Index: Reenginyeria de processos */
#index .reenginyeria h3{color:#0074AB;font-size:30px;font-weight:300;margin-top:0;}
#index .reenginyeria article{margin-top:15px;}
#index .reenginyeria article p{text-align:left;}
#index .reenginyeria .icono{text-align:right;padding-right:13px;height:auto; min-height:180px;float:left;width:27%;padding-top:30px;background:url(../img/icofons.png) no-repeat 100% 50%;}
#index .reenginyeria .icono i{color:#0074AB; font-size:60px; margin-top:35px;display:block;}
#index .reenginyeria article.un .icono i{font-size:45px; }
#index .reenginyeria article.dos .icono i{font-size:53px;}
#index .reenginyeria article.tres .icono i{font-size:75px;margin-top:5px;margin-left:25px; }
#index .reenginyeria article.quatre .icono i{margin-top:18px;margin-left:30px;}
#index .reenginyeria article.cinc .icono i{margin-top:17px;margin-left:35px;}
#index .reenginyeria article.sis .icono i{margin-top:15px;margin-left:30px; }
#index .reenginyeria .texto{float:left;width:73%;padding-left:25px;}

/* Index: facility */

#index .facility .texto{font-size:135%;}
#index .facility blockquote{font-size:110%;color:#fff;background:#0074AB;border-left:0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#index #facility-box .caixa{margin-bottom:15px; }
#index #facility-box .caixa figure{border-top:5px solid #0074AB;  }
#index #facility-box .caixa figure div{height:160px; background-size:cover !important;border:0;}
#index #facility-box .caixa figcaption{height:55px;padding-top:15px; line-height:22px;}
#index #facility-box .caixa figcaption.llarg{padding-top:3px; font-size:90%; }

/* Index: servicios */

#index .servicios .texto {font-size:135%;}
#index .servicios blockquote{font-size:110%;color:#fff;background:#0074AB;border-left:0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#index #servicios-box .caixa{margin-bottom:15px; }
#index #servicios-box .caixa figure{border-top:5px solid #0074AB;  }
#index #servicios-box .caixa figure div{height:160px; background-size:cover !important;border:0;background-position:100% 100% !important;}
#index #servicios-box .caixa figcaption{height:55px;padding-top:3px; line-height:22px;}
#index #servicios-box .caixa figcaption span{font-weight:400; color:#0074AB;display:block;}
#index #servicios-box .caixa figcaption.llarg{padding-top:3px; font-size:90%; }
#index #servicios-box  img {width:100%;}
#index #servicios-box  figcaption {background:#dedede;margin-top:10px; padding:5px 5px 0px 5px; text-align:center;position:relative;}
#index #servicios-box  figcaption i{color:#dedede;position:absolute;top:-16px;left:10px;font-size:24px;}
#index #servicios-box .caixa:hover figcaption {background:#0074AB;color:#fff;}
#index #servicios-box .caixa:hover figcaption span{color:#fff;}
#index #servicios-box .caixa:hover figcaption .percent {color:#fff;}
#index #servicios-box .caixa:hover figcaption i{color:#0074AB;}
#index #servicios-box .caixa img:hover, #index #servicios-box .caixa div:hover{opacity: 0.8;filter: alpha(opacity=80);} 

/* Destacados */

.destacados{padding: 0 !important;margin-bottom:-25px;}
.destacados p{display:block; height:auto; min-height:100px;color:#0074AB;}
.destacados .btn{float:right; font-size:14px; padding:3px 7px;visibility:hidden;transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear;}
.destacados li:hover p{color:#888;}
.destacados li:hover h3{color:#888;}
.destacados li:hover .btn{visibility:visible;}
.destacados h3{font-size:24px !important;margin-top:0 !important;}
.destacados h3 span{font-size:30px !important;}

.iconitos {margin-bottom:10px;padding:0;margin-left:-15px; margin-right:-15px;}
.iconitos .thumbnail{background-color:transparent;padding:25px 15px 20px 15px;}
.iconitos .head{padding-bottom:7px;margin-bottom:0px;}

.col { text-align: center; }
.col h3 { margin: 15px 0 8px 0;font-size:130%; }

[class^="icon-"].icon-3x, [class*=" icon-"].icon-3x, [class^="icon-"].icon-xl, [class*=" icon-"].icon-xl { background-color: #0074AB !important;}
[class^="icon-"].icon-3x, [class*=" icon-"].icon-3x, .circle-border {
 background-color: #0074AB; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; -o-border-radius: 40px;
 color: #fff; display: inline-block; font-size: 26px; height: 50px !important; line-height: 50px;
 max-width: 100%; position: relative; text-align: center; vertical-align: middle; width: 50px !important; word-spacing: 1px;
 transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear;}
 
 [class^="icon-"].icon-xl, [class*=" icon-"].icon-xl, #facility .circle-border 
 {
 font-weight:700;
 background-color: #0074AB; border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; -o-border-radius: 80px;
 color: #fff; display: inline-block; font-size: 34px; height: 100px !important; line-height: 95px;
 max-width: 100%; position: relative; text-align: center; vertical-align: middle; width: 100px !important; 
  transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear;}
  
#facility .circle-border.text { line-height: 24px; padding-top:20px;}
 
 [class^="icon-"].icon-3x, [class*=" icon-"].icon-3x,  [class^="icon-"].icon-xl, [class*=" icon-"].icon-xl {margin-top:8px; margin-bottom: 11px; margin-right: 0; float: none;}

.col:hover .circle-border, #inforestaura div:hover .circle-border, #infoout div:hover i{ transform: scale(1.34); -moz-transform: scale(1.34); -o-transform: scale(1.34); -webkit-transform: scale(1.34); -ms-transform: scale(1.34); transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); -moz-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); -webkit-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); -o-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); }
.col:hover [class^="icon-"].icon-3x, .col:hover [class*=" icon-"].icon-3x{color: #fff !important; background-color: #888 !important;}
.col:hover .circle-border{border: 1px solid #888;}
.circle-border { background:transparent; border: 1px solid #0074AB; height: 88px; left: 0; position: absolute; top: 0; transition-duration: 225ms; -moz-transition-duration: 225ms; -webkit-duration: 225ms; -o-transition-duration: 225ms; transition-property: all; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); -moz-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); -o-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); -webkit-transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); width: 88px; }

 #inforestaura div:hover .circle-border, #infoout div:hover i{background:#D1E5FD !important;border:none;color: #0074AB !important;}


/* Empleo */

.list-jobs{padding:0;}
.list-jobs li { overflow: hidden; padding-top: 13px; }
.list-jobs li:first-child { border: medium none; }
.list-jobs aside { color: #AAAAAA; font-size: 14px;  }
.list-jobs aside span{ margin-bottom:5px;}
.list-jobs aside i{ margin:0 3px 0 0;height:25px;font-size:13px;}
.list-jobs aside i.glyphicon-edit{margin-left:10px;}

#feina .list-jobs li { margin-bottom:20px;padding-top: 0;}
#feina .list-jobs p { margin-bottom:5px;}
#feina .list-jobs a:hover { text-decoration:underline;}
#feina .list-jobs li:hover { overflow: hidden; background:#D1E5FD;}
#feina .list-jobs article { padding:10px 15px;border:1px solid #D1E5FD;}
#feina .list-jobs li { -moz-box-shadow: 1px 1px 3px  #D1E5FD;  -webkit-box-shadow: 1px 1px 3px  #D1E5FD;  box-shadow:1px 1px 3px  #D1E5FD;}
#feina .top-noti h4 {float:left;}
#feina .top-noti .btn {float:right;text-transform:uppercase;}


/* Serveis */

#serveis .llista-articles article {margin-bottom:7px;}
#serveis .llista-articles article:after {clear:both;content:""; line-height:0;display:table;}
#serveis .llista-articles article h3{margin-bottom:5px;margin-top:10px;font-size:24px;}
#serveis .llista-articles article p{margin-bottom:0;text-align:left;}
#serveis .llista-articles article img{max-width:100% !important;}
#serveis .llista-articles article img:hover{opacity: 0.8;filter: alpha(opacity=80);max-width:100% !important;}
#serveis .llista-articles article .btn{visibility:hidden;margin-top:5px;}

#serveis .llista-articles article:hover h3 a{color:#888;}
#serveis .llista-articles article:hover p{color:#888;cursor:pointer;}
#serveis .llista-articles article:hover .btn{visibility:visible;}



#serveis .sIndustrial h3{line-height:1.4em;margin-top:0;}
#serveis .sIndustrial p{text-align:left;}

#serveis .btn-xs{text-transform:uppercase; float:right;margin-top:7px;}

#serveis .list-group li:first-child{text-transform:uppercase}

/* Facility Services */
#facility.principal{padding-top:40px;}
#facility .caja{background:#D1E5FD; padding:20px 15px; margin-top:20px;}
#facility .caja h2{font-size:30px;text-align:center; margin:0;}

#facility-box h4 {width:inherit;height:44px;font-size:17px;text-transform:uppercase;text-align:center;font-weight:400;background:#0074AB;color:#fff;padding:0; margin:0;display : table-cell; vertical-align:middle;}
#facility-box img {width:100%;}
#facility-box figcaption {background:#dedede;margin-top:10px; padding:5px 5px 0px 5px; text-align:center;position:relative;}
#facility-box figcaption i{color:#dedede;position:absolute;top:-16px;left:10px;font-size:24px;}

#facility-box .caixa:hover figcaption {background:#0074AB;color:#fff;}
#facility-box .caixa:hover figcaption .percent {color:#fff;}
#facility-box .caixa:hover figcaption i{color:#0074AB;}
#facility-box .caixa img:hover, #facility-box .caixa div:hover{opacity: 0.8;filter: alpha(opacity=80);} 


#facility .barres p{margin-bottom:5px;}

.taula{margin:30px 0px 20px 0px;}
.taula th{background:#0074AB; color:#fff; text-transform:uppercase; text-align:center; font-weight:400; font-size:24px;padding:2px !important;}
.taula .arrow-list{padding:5px 5px 0 5px;}

#facility .taula figure img{width:100%;}

#inforestaura{margin-top:35px; margin-bottom:15px;padding:15px 0 20px 0;}
#inforestaura div{text-align:center;}
#inforestaura p{margin-bottom:0;margin-top:7px;font-size:120%;text-align:center;}
#inforestaura span{ font-size:20px !important; }
#inforestaura i{font-style:normal;}
#inforestaura strong{color:#0074AB; display:block;}

#infoout, #infoout p{text-align:center;}
#infoout i{text-align:center;margin-right:0;float:none;margin-bottom:15px;margin-top:15px;font-size:36px;}

#infoout [class^="icon-"].icon-3x, #infoout [class*=" icon-"].icon-3x {height: 70px !important; line-height: 70px;width: 70px !important;}

#fotos-out{padding-top:15px;padding-bottom:10px;}

.satisfaccio{margin:20px 0 10px 0; border:1px dashed #ccc;padding:10px 0;}
.satisfaccio ul{list-style:none; padding:5px 0 0 0;}
.satisfaccio li{padding:3px 0;font-size:90%;}
.satisfaccio i{margin-right:5px;}

.progress { height: 22px; margin-bottom: 20px; background-color: #f7f7f7; background-repeat: repeat-x;  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);   -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    background-image: linear-gradient(top, #f5f5f5, #f9f9f9);}
.progress .bar {padding-top:3px;  width: 0%; height: 22px; color: #ffffff; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0074AB; background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);   -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);    -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;    -ms-box-sizing: border-box;    box-sizing: border-box;    -webkit-transition: width 0.6s ease;    -moz-transition: width 0.6s ease;    -ms-transition: width 0.6s ease;    -o-transition: width 0.6s ease;    transition: width 0.6s ease;    background-image: linear-gradient(top, #2fd44e, #02a10d);}


.iFaci ul{margin-top:10px;}
.iFaci{margin:10px 0;}
.piramide {text-align:center;padding:20px 0;}
.clients {text-align:center;padding:15px 0;}
.out {padding:15px 0 0 40px; font-size:120%;}
.iRestauracio ul{margin-top:25px;font-size:115%;}
.iAuxiliares ul{margin-bottom:0;}




/* Por que Deyse */

#sobre, #perque{padding-bottom:30px;}

.presentacio blockquote  {padding-bottom:15px;}
.presentacio blockquote i.fa-quote-right {margin-left:5px;}


#accordion { width:100%; margin-bottom:15px;}
#accordion .panel-collapse { background: #0074AB url(../img/icofonsblau.png) no-repeat 15px 50%; border: 1px solid #F3F3F3; padding:22px 22px 7px 22px; }
#accordion .panel-collapse .img-border { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E7E7E7; display: inline-block; float: left; margin: 4px 20px 0 0; padding: 5px; }
#accordion p { padding-left:112px; border:none; text-decoration:none; color:#fff;text-align:left;}
#accordion a { background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-color: #F9F9F9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); -moz-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.1); cursor:pointer; color: #999; display:block; padding: 0; margin-top:-1px; font-size: 13px; font-weight:bold; border:1px solid #DDDDDD; text-shadow: 0 1px 1px #FFFFFF; text-transform: uppercase; }
#accordion a:hover { color:#333; background: #eee; }
#accordion a.selected { color:#333;background: #eee; color: #0074AB;}
#accordion a span { background: url("../img/accordion-open.png") no-repeat scroll right center transparent; display:block; font-size: 14px; font-weight: 700; padding:10px 22px; }
#accordion a span i { margin-right:5px; }

#accordion a.selected span i { display:none;}
#accordion .panel-collapse i {float:left; color:#fff;  font-size:65px;margin-left:28px;}
#accordion .panel-collapse i.flaticon-increasing11 {font-size:400%; margin-top:23px; margin-left:23px;}
#accordion .panel-collapse i.fa-users {font-size:360%;margin-top:45px;margin-left:25px;}
#accordion .panel-collapse i.fa-smile-o {margin-top:65px;}
#accordion i.icat {font-style:normal !important;font-weight:100;}
#accordion .panel-collapse i.icat {font-size:30px;margin-top:107px;margin-left:25px;}
#accordion .panel-collapse i.fa-rocket {font-size:55px;margin-top:73px;}
#accordion .panel-collapse i.fa-info {font-size:65px;margin-top:32px;margin-left:46px;}
#accordion .panel-collapse i.fa-sitemap {font-size:55px;margin-top:42px;}
#accordion a:active, #accordion a:focus{text-decoration:none}

#accordion a.selected span { background: url("../img/accordion-close.png") no-repeat scroll right center transparent; display:block; padding:10px 22px; }

#perque #serveis article{margin-bottom:25px;}
#perque #serveis h3{padding:7px 0 10px 0;margin:0;font-weight:300;text-align:center;background:#eee;}

#perque #serveis article:hover img{opacity: 0.8;filter: alpha(opacity=80);}
#perque #serveis article:hover h3{background:#0074AB;}
#perque #serveis article:hover h3 a{color:#fff;}

#perque #facility-box {margin-top:20px;margin-bottom:20px;}

#clients figure{margin:5px 0 25px 0;}

/* Sobre Deyse */

.delegaciones {position:relative;}
.delegaciones ul{background:#D1E5FD; padding:15px 15px 15px 25px;width:300px;font-size:18px;position:absolute; bottom:-10px; right:35px;}
.delegaciones ul li {width:50%; float:left;list-style:none;color:#0074AB;}

.presencia p{text-align:left;}
.presencia h3{margin:0 0 7px 0;font-size:18px;}

.presencia .icono{background:#0074AB;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;width:35px; height:35px;margin-top:5px;text-align:center;}
.presencia article:hover .icono{background:#888;}
.presencia article:hover h3, .presencia article:hover p{color:#888;}
.presencia i{font-size:21px;color:#fff;margin-top:8px;}
.presencia i.glyphicon-usd {margin-top:5px;}

/* Noticies */
a.list-group-item.azul{color:White;background:#0074AB url("../img/list_marker.png") no-repeat scroll right center ;position:relative;display:block;padding:10px 15px;border:1px solid #dddddd;}
.cercador .btn{width:100%;}

#sideNoticies .list-group{margin-top:15px;list-style:none;}
#sideNoticies .list-group > li{margin-top:-3px;background: url("../img/list_marker.png") no-repeat scroll right center transparent;}
#sideNoticies .list-group .actiu{font-weight:500; background-color: #f5f5f5;}


.post-holder { margin-bottom: 0px; position:relative; }
.post-holder header { border: 0; z-index: 0; }
.post-holder figure { border: 0; margin: 0 0 30px 0; }
.post-holder .time { display: inline-block; }
.post-holder .entry-title, .post-holder .entry-title a { color: #222; }
.post-meta {   border-bottom: 1px solid #EEEEEE;   border-top: 1px solid #EEEEEE;   color: #777777;   display: block;  margin-bottom: 35px;   overflow: hidden;   padding: 2px 0;}
.post-meta a { color: #777; padding: 0 6px 0 0; text-decoration:none; }
.post-meta i { padding: 0 4px; }
.post-meta a:hover { color: #000; }
.post-holder h4 { margin: 0 0 5px 0; color:#0074AB;font-size:18px;}
.post-holder .date { position: relative; left: 0; top: -7px; background: none repeat scroll 0 0 #F4F4F4; color: #666666;font-weight: 500; float: left; width: 49px; margin: 12px 15px 9px 0; text-align: center; }
.post-holder .date span { display: block; text-transform: lowercase; }
.post-holder .date .day { font-size: 24px; line-height: 1em; padding: 8px 0; color:#0074AB;}
.post-holder .date .month { background: none repeat scroll 0 0 #0074AB; color: #fff; font-size: 14px; margin-top: 0; text-transform: uppercase; }
.list-blog{padding:0;list-style:none;}

.post-holder.extra{background:#D1E5FD;height:auto;}
.post-holder.extra p{text-align:left;display:block;clear:both;}
.post-holder.extra .btn{margin-top:-20px !important;}

#noticies .list-blog li { overflow: hidden; padding: 15px 10px; margin-bottom:20px;border:1px solid #D1E5FD;-moz-box-shadow: 1px 1px 3px  #D1E5FD;  -webkit-box-shadow: 1px 1px 3px  #D1E5FD;  box-shadow:1px 1px 3px  #D1E5FD;}
#noticies .list-blog li:hover { overflow: hidden; background:#D1E5FD;}
#noticies .list-blog aside{display:none;}
#noticies .list-blog li:hover aside{display:block;}
#noticies .list-blog li a:hover { text-decoration:underline;}


.post-holder aside { color: #AAAAAA; }
.post-holder aside span{ margin-bottom:5px;}
.post-holder aside i{ margin:0 3px 0 0;font-size:13px;}
.comments-link { display: block; color:#fff !important; width: 32px; height: 35px; font-size: 12px; color: #fff; text-align: center; line-height: 28px; margin: 35px 0 8px 20px; text-decoration: none; position: relative; }
.comments-link:hover { color:#40AED7 !important; }

#noticies article{}
#noticies article img{width:220px; height:auto; float:left; margin-right:15px;}
#noticies article p{margin-bottom:0px;}
#noticies .missatge {float:left; width:90%;}
#noticies .etiquetes {float:left;padding-top:10px;}
#noticies .etiquetes a{margin-right:10px;}
#noticies aside  {padding-top:5px;}
#noticies aside .btn {float:right;text-transform:uppercase;}


#noticia .post-holder h2.title{border-bottom:1px dashed #1574ae;margin-left:65px;margin-bottom:10px;padding-bottom:10px;}
#noticia .glyphicon-tag {margin-left:20px;}
#noticia .post-holder aside {margin-bottom:20px;}
#noticia .post-holder a:hover { text-decoration:underline;}

#text-noticia, #text-noticia p,#text-noticia font {font-family:"Roboto", Arial, Sans-Serif !important;}

#comentaris{padding-bottom:40px;}
#comentaris .btn{margin-top:30px;}
#comentaris ol {list-style:none;padding-left:0;}
#comentaris ol li{background:#eeeeee; border:1px solid #b8d0ee; padding:0 15px; margin-bottom:20px;}
#comentaris ol li h2{font-size:16px;margin-bottom:8px;float:left;}
#comentaris ol li span{float:right;margin:15px 10px 0 0; font-style:italic;font-size:90%;}


.tags a:link, .tags a:visited {background:#0074AB; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); color: #FFFFFF; display: inline-block; 
font-weight: 300; margin-bottom: 3px; padding: 2px 6px;}
.tags a:hover{background:#D1E5FD;color:#0074AB;}


#index .list-blog li, #index .list-jobs li { padding: 17px 0 13px 0; min-height:190px; border-bottom:1px dashed #ccc;}
#index .list-blog aside i,#index .list-jobs aside i { height: 25px;}
#index .list-blog p,#index .list-jobs p { margin-bottom:0;}
.mesinfo{text-decoration:none !important;float:right;margin-top:10px;margin-bottom:5px;padding: 3px 7px;font-size: 14px;transition: all 0.1s linear 0s;text-transform: uppercase;}

#feina .mesinfo{margin-top:0px;margin-bottom:0px;visibility:hidden;}
#feina .post-holder:hover .mesinfo{visibility:visible;}


/* Demanar Pressupost */

#aPressupost .modal-content{width:850px;}
#aPressupost .modal-body{padding-bottom:0px;}
#aPressupost .modal-footer{text-align:center;}
.form-horizontal label{text-align:left !important;}
#aPressupost .form-horizontal label{text-align:left !important;padding-left:0px;padding-right:0;}
#aPressupost h4{text-align:center;}
#aPressupost ul{list-style:none;padding-left:40px;}
#aPressupost ul.col-lg-3{padding-left:0px;margin-left:0;}
#aPressupost .form-group{margin-bottom:7px;}



/* Contactar */
#contactar  label{padding-right:0;}
#contactar .fotos{padding-top:35px;}
#contactar p{margin-bottom:40px;}
#contactar figure{text-align:right; padding-bottom:10px;overflow:hidden;}

#contactar form{padding-left:15px;}

#map-canvas {background:#fff; height: 400px;  width: 100%;margin-top:30px;margin-bottom:30px;}
#map-canvas img{max-width:none;}

.gm-style-iw{overflow:hidden !important;height:auto;width:220px;height:40px;}



/* Gestio */

#gestio .grafic1 {text-align:center;}
#gestio .grafic1 img{margin-top:80px;}
#gestio .quadre .inside{border:1px solid #ddd;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;margin-bottom:30px;padding-bottom:15px;}
#gestio .quadre .inside h3{padding-left:20px;padding-top:5px;}
#gestio .quadre ul {padding-left:20px;}
#gestio .quadre ul li{padding:3px 15px 3px 0;list-style:none;}
#gestio .quadre ul li i{color:#0074AB;margin-right:3px;}

#mask {position:absolute;left:0;top:0;z-index:901;background-color:#000;display:none;width:100%;height:100%}
#loading { position:fixed; top:50%; left:50%; z-index:999999; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/loading.gif) no-repeat center center #000; border-radius:5px;display:none}

.gestioeficient figure {text-align:center;}
.gestioeficient figure div{ display:inline-block;box-shadow: 0 0 0 15px rgba(68, 115, 173, 0.6) inset, 0 0 0 1px #E4E4E4 inset;transition: all 0.4s ease-in-out 0s;border-radius: 120px;width:240px;height:240px;background-size:cover !important;background-position:50% 50%;}
.gestioeficient figure:hover div{box-shadow: 0 0 0 150px rgba(68, 115, 173, 0.6) inset, 0 0 0 1px #E4E4E4 inset;}
.gestioeficient h3,.gestioeficient p {text-align:center;}
.gestioeficient h3 {font-size:19px;margin-bottom:10px;}

.beneficis figure:hover img {opacity: 0.8;filter: alpha(opacity=80);}
.beneficis figure {border-top: 5px solid #0074AB;}
.beneficis h3{font-size:24px;text-align:center;margin-bottom:10px;}
.beneficis p{text-align:center;}


/* Compromis social */
#compromis .presentacio{padding-top:30px}
#compromis .presentacio p{padding-top:30px}
#compromis .integracio h3{margin-top:0; text-transform:uppercase; font-size: 1.4em}

/* Legal */


#legal {padding-bottom:40px}

/* Cookies */

.cookies h3{font-size:1.1em; text-transform: uppercase;margin-top:20px;}
.tcookie  {border:1px solid #999; margin:15px 0;}
.tcookie td, .tcookie th {border:1px solid #999;padding:3px 5px;}
.tcookie th {background:#dedede;font-weight:bold;font-size:14px;}

.linkcookies {text-decoration:underline;margin-top:5px;display:inline-block}

#cookies {  -moz-box-sizing: border-box;  bottom: 0;  font-size: 0.9em;  margin-bottom: 0;  padding-left: 0; padding-right: 0;
    position: fixed;  z-index: 100;display:none;}
#cookies .close {background:none;  float: right;  margin-left: 4px; opacity: 0.6;}
#cookies .alert{margin-bottom:0;border-radius:0}


/* ESP */

.es footer .btn-lg{
    font-size:17px;
}


/* TareasZonaHoy */

.vmiddle {
    vertical-align: middle !important;
}

.tareas-container .info-block {
    padding: 8px;
    border-radius: 3px;
    margin-top: 6px;
    font-size: 13px;
}
.tareas-container .info-block.incidencia {
    background-color: #cae9ff;
    border: 1px solid #acc;
}

.tareas-container .info-block.cancelacion {
    background-color:#ffc4c3;
    border: 1px solid #de6a67;
}
@media (min-width: 1200px) and (max-width: 1299px) {

    footer .botons{float:right;}

    #taula-serveis-out ul{margin-top:12px; margin-bottom:12px;font-size:120%;}

}


@media (max-width: 1000px){
    #menu_inici{display:none;}                          

    #intro .bloc{width: 94%;margin-left:3%; padding:10px;color: #fff;margin-top:2%;}
    #intro h2 {	font-size: 20px;	padding:0 0 0 10px;font-weight:500;line-height:30px;margin:0;}
    #intro blockquote p{font-weight: 500;line-height:20px;font-size:16px;}
    #intro{	height: 200px;}

    #index .thumbnails {padding-left:0;}

    .list-group .perfil ul{margin:5px 0 0 5px;}

    .percent.dos {line-height:32px;}
}


@media (max-width: 979px) {

    .title {
        text-align: center;
    }
}



@media (max-width: 767px) 
{

    #nav .navbar-collapse .nav { display:block; float:none; margin:0; padding:0;overflow:hidden }
    #nav .navbar-collapse .nav > li > a { margin:0; padding:0; color:#666; text-shadow:none; height:auto;border-top:1px solid #eee}
    #nav .navbar-collapse .nav>li { display:block; float:none;}
    #nav .navbar-collapse .nav>li br{ display:none;}
    #nav .navbar-collapse .nav .dropdown-menu{ display:none !important;position:absolute; left:-1000000px;top:-1000000px;}
    #nav .navbar-collapse .nav>li>a { padding: 10px 20px; text-align:center; line-height:20px;  }
    #nav .navbar-collapse .nav > li.sub-menu::after{background:none}
    #nav .navbar-collapse, #nav .navbar-collapse .nav, #nav .navbar .brand {float:none;}


    #mInscripcio .modal-content, #mInscripcio .modal-dialog{width:auto;}
    
    .link-home {display:none;}
    #lang {display:none;}
    .div-content {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

    .select-menu {display:block !important;margin-bottom: 23px;width:100%;border: 1px solid #DEDEDE;background: none repeat scroll 0 0 #FFFFFF;color:#000;cursor:pointer;}
    .select-menu option {padding-bottom:3px;}

    #index .thumbnails .col-sm-3{width: 45%; margin: 0px 5% 10px 0;padding:5px 0 15px 0;}

    #facility .deco{margin-bottom:10px; margin-right:30px;float:left;width:300px;}
    #facility-box h4 {min-width:280px;}

    footer #copyright .col-xs-12{width:50%;float:left;}

    .llista-articles article h3{padding-top:5px;}
    .llista-articles article img{width:100%;}

    #inforestaura p{padding:0 0 20px 0;}
    #infoout p{font-size:130%;}

    #contactar .fotos{display:none;}

    .list-group .perfil ul{margin:15px 0 0 5px;}

    .percent.dos {line-height:24px;}

    footer .botons select { clear: both;  margin-top: 10px;}
    .col-links{float:none;}

    #cookies{font-size:0.8em}

}

@media (max-width: 660px) {
    #contact-details{display:none;}
    #login-lang{float:none;margin:5px auto; width:330px;}

    #intro, #back-top-sticky-wrapper{display:none;}
    #worldmap, #worldmap .container{background: #f5f5f5;}

    #facility-box h4 {min-width:185px;}
    #facility-box figcaption{font-size:90%;}
    #facility-box .percent{font-size:160%;}

    .percent.dos {line-height:22px;}
}

@media (max-width: 480px) {

    #index .thumbnails .col-sm-3{float:none;width:100%; padding:15px 0 15px 0;}

    footer #copyright .ancora{text-align:left;}
    footer #copyright .col-xs-12{width:100%;float:none;}

    #callout > strong { display:none;}

    #facility-box h4 {min-width:100%;}
    #facility-box figcaption{font-size:90%;}
    #facility-box .percent{font-size:130%;}
    .pressupost{display:none;}
}