@import '../../../media/css/webfonts/ss-standard.css';
@import '../../../media/css/webfonts/ss-social.css';

body {
	color: #333333;
	font-family: Verdana, Helvetica, Geneva, sans-serif;
}
body.login {text-align: center;}
body.login, body.messagepage {background-image: none}

a {color: #0066CC;}
a.btn {text-decoration: none;}
a:hover {text-decoration: underline;}
small {color: #999999}

.table th,
.table td {
  padding: 13px;
 }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	color: #808080;
	margin-bottom: 20px;
}

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea,
.form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select,
.form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input,
.form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend,
.form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
	margin-bottom: 0;
}

.controls select, .controls textarea, .controls input[type="text"], .controls input[type="password"],
.controls input[type="datetime"], .controls input[type="datetime-local"], .controls input[type="date"],
.controls input[type="month"], .controls input[type="time"], .controls input[type="week"], .controls input[type="number"],
.controls input[type="email"], .controls input[type="url"], .controls input[type="search"], .controls input[type="tel"],
.controls input[type="color"], .controls .uneditable-input {
	margin-bottom: 0;
}


/*peu*/
div.peu {
	background: #0E449A;
	padding: 40px 0;
	text-align: center;
	color: #fff;
	vertical-align: baseline;
}
	div.peu a, div.peu img{
		vertical-align: baseline;
	}
/* fi peu */

/*Capçalera*/
#cap {
	background-color: #145FA0;
	margin-bottom: 10px;
}

#cap .nav-pills {
	margin-top: 20px;
}
#cap .nav-pills a {
		width: 77px;
		background: #0F497B no-repeat;

		margin: 0 2px 0 2px;
		padding: 32px 9px 11px 9px;

		border-top: 1px solid #000;
		text-decoration: none;
		color: #fff;
	}
	#cap .nav-pills .active,
	#cap .nav-pills a:hover {
		background-color: #0C3960;
		text-decoration: none !important;
	}
	#cap .nav-pills .cont {background-image: url('img/icon_continguts.png');}
	#cap .nav-pills .usua {background-image: url('img/icon_gestio_usu.png');}
	#cap .nav-pills .carp {background-image: url('img/icon_carpeta.png');}
	#cap .nav-pills .plan {background-image: url('img/icon_gest_plantilles.png');}
	#cap .nav-pills .menu {background-image: url('img/icon_menus.png');}
	#cap .nav-pills .uploads {background-image: url('img/icon_carpeta.png');}
	#cap .nav-pills .util {background-image: url('img/icon_utilitats.png');}


#capInfo .navbar {
	margin-bottom: 0;
}

	#capInfo .navbar .container {
		width: 940px;
	}

	#capInfo li a, #capInfo li span {
		color: #fff;
		text-shadow: 0;
		font-size: .8em;
	}

	#capInfo li span {
		display: block;
		padding: 10px 15px 10px;
		color: #777;
	}

	#capInfo .ves a,
	#capInfo .surt a,
	#capInfo .usuari a {
		padding-left: 35px;
	}
	#capInfo .usuari a {
		color: #F3D347;
		background: url('img/usr.png') 0 50% no-repeat;
		font-weight: bold;
	}

	#capInfo .ves a { background: url('img/icon_vesalweb.png') no-repeat center left; }
	#capInfo .surt a {background: url('img/icon_surt.png') no-repeat center left;}
	#capInfo .debug span {
		color: red;
		font-weight: bold;
	}
/*Capçalera*/






h2 {
	background-color:#145F9F;
	color:#fff;
	padding:10px 15px;
	margin: 10px 0 20px 0;
	border-radius: 10px;
	font-size: 1.4em;
	line-height: 20px;
}
	h2 span, h2 .btn {
		font-weight:normal;
	}
	h2 small {
		font-size:10px;
	}
	h2 small a, h2 small a:hover {
		color:#fff;
	}

h2.titol {
	background: none;
	color: #333;
	padding: 0;
	margin-top: .4em;
}


/*formulari cerca*/
h2 .search {
	float:right;
	margin-bottom: 0;
}
	.search label {
		display: inline;
	}
	.search input {
		margin-bottom: 0;
		height: 16px;
		width: 150px;
	}
	.search select {
		margin-bottom: 0;
		height: 26px;
		width: 130px;
	}

	.table th a{
	text-decoration:none;
	}

	.table th a.sort_unsorted {
		background: url('img/icon_sort_unsorted.gif') right 50% no-repeat;
		display: block;
		padding: 2px 20px 2px 0;
	}
	.table th a.sort_asc {
		background: url('img/icon_sort_up.gif') right 50% no-repeat;
		display: block;
		padding: 2px 20px 2px 0;
	}
	.table th a.sort_desc {
		background: url('img/icon_sort_down.gif') right 50% no-repeat;
		display: block;
		padding: 2px 20px 2px 0;
	}

.options img {margin: 0 3px;}


span.error, div.error div.error{
    background-color: #B94A48;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 11.05px;
    font-weight: bold;
    padding: 2px 4px 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
input.error {
	margin-bottom: 5px;
}
div.error div.error{
	margin-bottom: 10px;
}

/*idiomes*/
.idiomes {
	background: #145F9F;
	margin-bottom: 2em;
	padding: 13px 27px 0;
}


/*pestanyes*/
.nav-tabs>li>a {
	margin-right: 8px;
}

	.nav-tabs-preview a {
		background: #ccc;
		color: #666;
	}
	.nav-tabs-preview a:hover,
	.nav-tabs-preview .active a {
		background: #ececec;
		color: #333;
	}


.nav-tabs-lang, .nav-tabs-preview {
	border-bottom: 0;
	margin-bottom: 0;
}

	.nav-tabs-lang li, .nav-tabs-preview li {
		margin-bottom: 0;
	}
	.nav-tabs-lang>li>a {
		background: #0E426F 13px 50% no-repeat;
		color: #fff;
	}
	.nav-tabs-lang .ca {padding-left: 37px;background-image: url('../comu/paisos/ca.png');}
	.nav-tabs-lang .es {padding-left: 37px;background-image: url('../comu/paisos/es.png');}
	.nav-tabs-lang .en {padding-left: 37px;background-image: url('../comu/paisos/en.png');}
	.nav-tabs-lang .it {padding-left: 37px;background-image: url('../comu/paisos/it.png');}
	.nav-tabs-lang .fr {padding-left: 37px;background-image: url('../comu/paisos/fr.png');}
	.nav-tabs-lang .pr {padding-left: 37px;background-image: url('../comu/paisos/pr.png');}
	.nav-tabs-lang .oc {padding-left: 37px;background-image: url('../comu/paisos/oc.png');}

	.nav-tabs-lang a:hover,
	.nav-tabs-lang .active a {
		background-color: #fff;
		color: #333;
	}
/*fi pestanyes*/



/*capçalera pàgines i editores*/
.preview .wrapper, .plantilla .wrapper {
	background: #ececec;
	clear: left;
	padding: 26px 43px 16px 43px;
	margin-bottom: 1em;
}
.preview small {
	font-size: .8em;
	font-style: italic;
}

.page-sidebar-btns {text-align: right;}
.page-sidebar-btns .btn {margin-bottom: 5px;}

.plantilla .wrapper p {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	margin: 0 0 1em 0;
}
.eines {
	margin: 0;
	padding: 0;
	list-style: none;
}
	.eines li {
		margin: 0 0 .8em;
		padding: 0;
	}
		.eines a {
			padding: 1px 0 1px 35px;
			background: 0 50% no-repeat;
			text-decoration: none;
		}
		.eines a:hover {text-decoration: underline;}
		.eines .vis {background-image: url('img/icon_veure.png');}
		.eines .can {background-image: url('img/canviar.png');}


.btns {
	margin: 1em 0;
	text-align: center;
}



/* edita images pagines */
.edita-imatges{
	border-bottom:solid 1px #EEEEEE;
	margin:0 0 10px 0;
	}





.caixa-opcions{
	border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    display: block;
    line-height: 1;
    padding: 19px;
    margin:25px 0;
}
	.caixa-opcions h3{
		font-size:14px;
	 	border-bottom: 1px solid #EEEEEE;
	 	margin-top: 0;
	 	font-weight: normal;
	}
		.caixa-opcions div.form-entry{
			margin:10px;
		}
.caixa-neutra{
	background-color:#F0F0F0;
	}
	.caixa-neutra h3{
		border-bottom: 1px solid #fff;
	}


.noborder{
	border:none;
}

.caixa-template {
	padding: 0;
	position: relative;
	height: 200px;
	overflow: hidden;
	margin-bottom: 30px;
}
	.caixa-template .info{
		padding: 0;
		position:absolute;
		bottom: 0;
		background: rgba(255, 255, 255, 0.8);
		width: 100%;
	}


	.caixa-template p{
		margin: 10px 10px;
	}
	.caixa-template h4{
		margin: 10px 10px;
		font-weight: normal;
		font-size: 1em;
	}
	.caixa-template h4 a{
		text-decoration: none;
	}

	.caixa-template .template-img img{
		width: 100%;
	}




#caducity-check div {
	padding: 0 10px 5px;
	margin: 0;
}
	#caducity-check div label{
		width: 37em;
		float:left;
	}
		#caducity-check div label span{
			width: 32em;
			display: block;
			float:left;
		}
		#caducity-check div span.inputcalendar{
			width: auto;
			display: inline;
			__float:right;
		}
			#caducity-check div span.inputcalendar input {
				height: 20px;
			}
	#caducity-check div label input{
		margin-left: 2em;
		padding: 0;
	}
	#caducity-check div label input[type=checkbox] {
		margin-left: 1em;
	}


#dominicheck div {
	padding: 0 10px 5px;
	margin: 0;
}
	#dominicheck div label{
		width: 27em;
		float:left;
	}
		#dominicheck div label span{
			width: 22em;
			display: block;
			float:left;
		}
		#dominicheck div span.dominicheckurl{
			width: auto;
			display: inline;
			__float:right;
		}
			#dominicheck div span.dominicheckurl input {
				height: 20px;
			}
	#dominicheck div label input{
		margin-left: 2em;
		padding: 0;
	}
	#dominicheck div label input[type=checkbox] {
		margin-left: 1em;
	}



/*login*/



body.login,
body.login .peu {
	background: #145F9F;
}

#formLogin {
	background: transparent;
	padding: 30px 57px;
	text-align: left;
	width: 343px;
	margin: 0 auto;
	color: #fff;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}
	#formLogin div {
		position:relative;
	}
		#formLogin label {
			color: #444;
			font-size: 2em;
			padding: 12px;
			width: 323px;
			margin: 0 auto;
			position:absolute;
			top:0;
			left:0;
			height: 30px;
			vertical-align: middle;
		}
		#formLogin input[type="text"], #formLogin input[type="password"] {
			border: none;
			background: #b5b5b5; /* Old browsers */
			background: -moz-linear-gradient(top,  #b5b5b5 0%, #ffffff 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5b5b5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #b5b5b5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #b5b5b5 0%,#ffffff 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #b5b5b5 0%,#ffffff 100%); /* IE10+ */
			background: linear-gradient(top,  #b5b5b5 0%,#ffffff 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

			font-size: 2em;
			color: #444;
			height: 40px;
		}
/*caixes*/
.box {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

}
.box h2, .well h2 {
	margin-top: 0;
	font-size: 1.4em;
	font-weight: bold;
	background: none;
	color: #333;
	padding: 0;
}

.box h3, .well h3 {
	font-size: 1.2em;
	font-weight: bold;
	background: none;
	color: #333;
	padding: 0;
}

.box-light {
	background: white;
	padding: 20px;
	margin-bottom: 23px;
	min-height: 22em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-color: #F0F0F0;
	border-radius: 6px;
}


	.box ul {
		list-style: none;
		margin: 0;
	}
		.box li {
			/*font-size: 1.4em;*/
			border-bottom: 1px solid #ccc;
			padding-bottom: .3em;
			margin: 0 0 .3em 0;
		}

		.box li:last-child {
			border-bottom: none;
			margin-bottom: 0;
		}
			.box a {
				text-decoration: none;
				background: 0 50% no-repeat;
				padding: 1px 0 1px 23px;
			}

			.box a:hover {text-decoration: underline;}
			.box .gest_forms a {background-image: url('img/icones_moduls/form.png');}
			.box .gest_caixetes a {background-image: url('img/icones_moduls/block.png');}
			.box .gest_dades_gen a {background-image: url('img/icones_moduls/information-button.png');}
			.box .gest_fitxers a {background-image: url('img/icones_moduls/drive-upload.png');}
			.box .vis_mapa a {background-image: url('img/icones_moduls/link.png');}
			.box .vis_historic a {background-image: url('img/icones_moduls/vis_historic.gif');}
			.box .vis_historic_usuaris a {background-image: url('img/icones_moduls/vis_historic_usuaris.gif');}
			.box .gest_arxius a {background-image: url('img/icones_moduls/gest_arxius.gif');}
			.box .vis_docs a {background-image: url('img/icones_moduls/manual.png');}
			.box .traduccions a {background-image: url('img/icones_moduls/icon_comments.png');}
			.box .gest_dominis a {background-image: url('img/icones_moduls/ico_mon.png');}
			.box .checks a {background-image: url('img/icones_moduls/checks.png');}

.box-mini {
	padding: 10px 20px;
	font-size: .7em;
}
	.box-mini h4 {
		font-size: 1.3em;
		margin: 0;
	}

.box.box-neutral {
	background-color: transparent;
}



.well.well-number {
	position: relative;
	padding-left: 50px;

}
	.well.well-number .number{
		position: absolute;
		top: 20px;
		left: 10px;
		font-size: 3em;
		color: #145F9F;
		font-weight: bold;
	}



/*portada*/
.notallowed {
	text-decoration:line-through;
}


/*
User password strength
*/
p.top_testresult {
	font-size: 10px;
	margin: 5px 0;
	padding:0;
}
p.top_shortPass,
p.top_badPass {color: red;}
p.top_goodPass,
p.top_strongPass {color: #02970d;}

/*
User generate password
*/
#randomPass {
	background: url('img/canviar.png') no-repeat left center;
	padding: 2px 0 2px 20px;
	text-decoration: none;
}




/*Molla de pa*/
ul.breadcrumb {
	margin: 5px 0 10px 0;
	padding: 0 0 0 20px;
	background: url(img/icon_plana.gif) no-repeat top left;
}

ul.breadcrumb.category {
	background-image: url(img/ico_categoria_mapa.png);
}
	ul.breadcrumb li {
		margin: 0 3px;
		background: url(img/kland_etsa.gif) no-repeat center right;
		padding-right: 15px;
	}
	ul.breadcrumb li.init {
		background: none;
		padding-right: 0;
	}
	ul.breadcrumb li.last {
		background: none;
		padding-right: 0;
	}
		ul.breadcrumb li.last a {
			color: #0E449A;
			font-weight: bold;
			text-decoration: none;
		}
/*Fi Molla de pa*/

/*caixa tags*/
.tagInputSuggestedTagList {
	line-height: 1.2em
}
	.tagInputSuggestedTagList div a{
		font-weight: normal;
	}

/*fix ckeditor*/
div.cke {
	margin-bottom: 20px;
}



.altres .cke_wrapper div, .altres div.cke_inner, .altres div.cke_inner div.cke_contents {
	margin-bottom: auto;
}
.cke_dialog label {
	display: inline;
}
.cke_bottom {
	display: none!important;
}


/*fix jquery ui*/
.ui-widget {
	text-align: left;
	font-size: 14px!important;
}


/*
multi range date picker */

div.multidates {
	padding: 0 10px;
}
	div.multidates div.datainput{
		padding: 5px 0;
	}
	div.multidates a#addmultidate {
		display: block;
		padding: 5px 10px 10px 28px;
		font-size: 12px;
		background: url(img/icon_add.png) no-repeat left top;
		margin-top: 8px;
	}


div.domini {
	padding-bottom: 15px;
	margin-bottom: 15px!important;
	border-bottom: 1px solid #ccc;
}














/*blocs*/
ul.blocs li {
	border-bottom: none;
	padding-top: .3em;
	margin: 0;
	background: url('img/icones_moduls/kland_llista.gif') 0 .8em no-repeat;
	padding-left: 20px;
}
	ul.blocs li a {
		padding-left: 0;
	}

/*tree*/
ul.tree, ul.tree ul {
	list-style-type: none;
	background: none;
	margin-left: 0;
}
	ul.tree label,
	ul.tree input[type=checkbox] {
		margin: 0;
	}

	ul.tree ul {
		margin-left: 6px;
		list-style-type: none;
		background: transparent url(img/vline.png) repeat-y top left;
	}
		ul.tree ul li {
			border: none;
			margin: 0;
			padding: 3px 12px;
			line-height: 20px;
			background: transparent url(img/node.png) no-repeat top left;
			color: #369;
		}
		ul.tree ul li.last, ul.tree ul li:last-child {
			background: #f5f5f5 url(img/lastnode.png) no-repeat top left;
		}
		ul.tree ul a, ul.tree a {
			padding: 3px 0;
		}





#inputOpcions li.opcio,
.destinataris li.opcio,
.selectorcaixetes ol li {
	padding:5px 0;
}
#inputOpcions li.opcio input,
.destinataris li.opcio input,
.destinataris li.opcio select,
.selectorcaixetes ol li input,
.selectorcaixetes ol li select {
	margin-bottom: 0;
}

.informPreview {
	border: 1px solid #000;
	width: 100%;
	height: 600px;
}

.folderLang {
	margin-left:-15px;
}




/*fixes*/

iframe {
	background-color: #FFFFFF;
	border: none;
}

/*magnific popup */
.mfp-iframe-scaler iframe { background: #fff;}






.btn-action.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-action {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active,
.btn-action.disabled,
.btn-action[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-action:active,
.btn-action.active {
  background-color: #942a25 \9;
}

.btn-action.open .btn-action.dropdown-toggle {
  background-color: #bd362f;
}
.btn-large {
    font-size: 15px;
}

.tooltip-inner {
    max-width: 400px;
    padding: 3px 8px;
}

.alert.alert-big{
	padding: 1em;
	text-align: center;
}
	.alert h3 {
		font-size: 1em;
	 	border-bottom: 1px solid #EEEEEE;
	 	margin:10px;
	 	padding-bottom:5px;
	 	font-weight: normal;
	}
	.alert a{
		font-weight: bold;
		color: #c09853;
	}
	.alert .extraInfo a{
		font-weight: normal;
	}


.alert-neutral {
  color: #333;
  background-color: #fff;
  border-color: #ddd;
}


.alert.alert-info a{
    color: #3A87AD;
}
.alert.alert-danger a{
    color: #b94a48;
}
.alert.alert-success a{
    color: #468847;
}

.alert.alert-neutral a{
    color: #333333;
    font-weight: normal;
}


.alert a.btn{
	font-weight: normal;
    color: #333;
;
}



[class^="icon-"],
[class*=" icon-"] {
  background-image: url("img/glyphicons-halflings.png");
}
.icon-white {
  background-image: url("img/glyphicons-halflings-white.png");
}

.chosen-container { min-width: 220px;}


.help-block, .help-inline{
	font-size:.8em;
	color: #999999;
}
.tab-content {
    overflow: visible;
}