/* DESENVOLUPAMENT www.2CREA.cat */
@import url('base/font-awesome.min.css');

body { font: 12px 'Circular', sans-serif; }

.fl		{ float: left; }
.fr		{float: right;}
.clear	{ clear: both; }

/* GENERAL *********************************************************************************************************** */
select					{ border: 0px; }
.pag					{ margin-top: 30px; }
.margeInferior			{ margin-bottom: 20px; }

a.link					{ display: block; margin-bottom: 10px; padding: 5px 10px; }
a.link:hover			{ text-decoration: none; }
a.link i				{ font-size: 14px; font-weight: 600; }
	a.link.gris			{ background-color: #e6e6e6; color: #1d1d1b; }
	a.link.gris:hover,
	a.link.gris.actiu	{ background-color: #6F6F6E; color: #fff; }
.mascara				{ overflow: hidden; }

.boto					{ border: 0px; padding: 5px; }
.boto.rosa				{background-color: #d15458;color: #fff;background-color: rgba(218,41,28,1);border-radius: 4px;font-size: 14px;text-transform: uppercase;font-weight: bold;padding: 8px;}
a.boto.rosa,
a.boto.rosa:hover{
	color: #fff;
}

.margeInferior40		{ margin-bottom: 40px; }
.margeInferior60		{ margin-bottom: 60px; }

.modal-header			{ border-bottom: 0px; }
.modal-body				{ padding: 0px; }
.modal-footer			{ border-top: 0px; }

.slidesjs-#blogtion li a	{ background: url('https://static.titanlux.es/web/ambientes/sliderRodona.png') no-repeat top center; height: 13px; overflow: hidden; text-indent: -999px; width: 13px;  }

.section{
	padding: 20px 0;
}

/* Paginacio */
.paginacio {
	display: block;
}
.paginacio .pagination{
	padding: 0;
	border-radius: 0;
	margin: 20px auto;
	position: relative;
	left: 50%;
	transform: translatex(-50%);
}
.paginacio ul.pagination li a				{ border: 0px; color: #999999; padding: 6px; }
.paginacio ul.pagination li a:hover,
.paginacio ul.pagination li a:active			{ background-color: transparent; color: #d15458; }
.paginacio ul.pagination li a.active		{ background-color: transparent; color: #d15458; }
.paginacio ul.pagination li .actiu,
.paginacio ul.pagination li .actiu:hover	{ background: #fff; border: 0px; color: #d15458; font-weight: bold; padding: 6px; }

.paginacio ul.pagination li span,
.paginacio ul.pagination li span.actiu,
.paginacio ul.pagination li span.actiu:hover,
.paginacio ul.pagination li a{
	color: #f72617;
    border: 2px solid #f72617;
    width: 30px;
    height: 30px;
    line-height: 25px;
    padding: 0;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
}
.paginacio ul.pagination li span.actiu,
.paginacio ul.pagination li span.actiu:hover{
	background-color: #f72617;
	color: #fff;
}
.paginacio ul.pagination li.arrow a{
	border-color: transparent;
}
.paginacio ul.pagination li:first-of-type a,
.paginacio ul.pagination li:last-of-type a	{ color: #f72617; font-size: 30px; }

/* Modals */
#modalFitxaProducte .modal-dialog		{ width: 650px; margin-top: 20%; }
#modalCalculPintures .modal-dialog		{ width: 450px; margin-top: 20%; }

#modalCalculPintures #fitxaProducteModal .colDreta				{ background-color: transparent; }
#modalCalculPintures #fitxaProducteModal h2						{ margin-bottom: 10px; }
#modalCalculPintures #fitxaProducteModal input[type="text"]		{border: 1px solid #777;border-radius: 0px;margin-bottom: 10px;border: 0;box-shadow: none;border-bottom: 2px solid #000;background-color: transparent;}
#modalCalculPintures #fitxaProducteModal input.boto.rosa		{ cursor: pointer; text-align: center; width: 100%; }
#modalCalculPintures #fitxaProducteModal span#quantitat			{ display: block; padding: 10px; text-align: center; }
#modalCalculPintures #fitxaProducteModal						{ background-color: #f2f2f2; padding: 0px 10px; width: 450px; }
#modalCalculPintures #fitxaProducteModal .mascara				{ background: #fff; font-size: 0; height: 150px; margin-bottom: 10px; text-align: center; width: 142px;
	border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; }
#modalCalculPintures #fitxaProducteModal .mascara img			{ display: inline-block; margin: 0; max-height: 100%; vertical-align: middle; }
#modalCalculPintures #fitxaProducteModal .mascara:before		{ content: ''; display: inline-block; height: 100%; vertical-align: middle; }
#modalCalculPintures #fitxaProducteModal .colEsquerra			{ width: 235px; padding: 0px 15px; }
#modalCalculPintures #fitxaProducteModal h2						{color: #d15458;font-size: 14px;text-transform: uppercase;color: #000;font-weight: bold;text-align: left;}
#modalCalculPintures #fitxaProducteModal p						{font-size: 12px;font-weight: bold;text-align: left;margin-bottom: 8px;}
#modalCalculPintures #fitxaProducteModal .colDreta				{ height: 100%; position: absolute; right: 20px; text-align: center; width: 160px; }
#modalCalculPintures #fitxaProducteModal .colDreta h2			{margin-bottom: 12px;}

#modalSolicitaInfo	{  }
#modalSolicitaInfo .modal-content	{border-radius: 0px;border: 0px;padding: 30px;background-color: #f2f2f2;}

#modalSolicitaInfo #formulari							{ /*margin-top: 20px;*/ }
#modalSolicitaInfo #formulari #titol					{ margin-bottom: 15px; }
#modalSolicitaInfo #formulari #titol h3					{/* color: #d15458; */display: inline;/* font-family: 'Pacifico', cursive; */color: #000;text-transform: uppercase;font-weight: bold;}
@media screen and (min-width:0\0) { /* IE10 HACK */
    #modalSolicitaInfo #formulari #titol h3					{ font-family: 'Circular', sans-serif; }
}
#modalSolicitaInfo #formulari #titol i					{ color: #ef847b; margin-left: 10px; }
#modalSolicitaInfo #formulari #camps .form-control		{ /*margin-bottom: 10px;*/ }
#modalSolicitaInfo #formulari #camps label				{ font-weight: 400; }
#modalSolicitaInfo #formulari #camps input[type="text"],
#modalSolicitaInfo #formulari #camps textarea {
	background-color: #e6e6e6;
	border: 0px;
	border-radius: 0px;
	height: auto;
	padding: 2px;
	background-color: transparent;
	border-bottom: 2px solid #000;
	box-shadow: none;
	height: 40px;
	margin-bottom: 10px;
}
#modalSolicitaInfo #formulari #camps textarea {
	/* border: 2px solid #000; */
	box-shadow: none;
	height: 190px;
	background-color: #fff;
	padding: 10px;
	border: 0;
}
#modalSolicitaInfo #formulari #camps .col-sm-6 > div {
	position: relative;
}
#modalSolicitaInfo #formulari #camps .col-sm-6 > div > label {
    position: absolute;
    left: 0;
    top: 12px;
    margin: 0;
    font-weight: bold;
    display: none;
}
#modalSolicitaInfo #formulari #avis						{ font-size: 10px; margin: 20px 0px; }
#modalSolicitaInfo #formulari .boto.rosa				{ width: 100%; }
#modalSolicitaInfo #formulari input[type="checkbox"]	{ margin-right: 5px; }

#modalSolicitaInfo #formulari label 					{ margin-top: 10px; }

#modalSolicitaInfo #formulari label.error[for="email"]	{ margin-top: 0px; }

.fancybox img 											{ max-width: 800px; }

.modalGeneric .modal-dialog								{ width: 450px; margin-top: 20%; }
.modalGeneric .modal-header 							{ background: #d15458; border: 0; color: #fff; }
.modalGeneric .modal-body								{ background-color: #f2f2f2; padding: 15px; }
.modalGeneric .modal-footer								{ background-color: #f2f2f2; border-top: 1px solid #ccc; margin: 0; padding: 10px 15px; text-align: left;}
.modalGeneric .modal-footer .btn						{ border-radius: 0; }
.modalGeneric h2 										{ font-family: 'Circular', sans-serif; font-size: 20px; margin: 0; }
.modalGeneric h3										{color: #d15458;/* font-family: 'Pacifico', cursive; */margin: 0 0 20px;color: #000;text-transform: uppercase;font-weight: bold;}
@media screen and (min-width:0\0) { /* IE10 HACK */
    .modalGeneric h3									{ font-family: 'Circular', sans-serif; }
}
.modalGeneric ul 										{ border-top: 1px solid #ccc; }
.modalGeneric li 										{ border-bottom: 1px solid #ccc; }
.modalGeneric li a, .modalGeneric li a:hover			{ color: #333; display: block; padding: 5px; text-decoration: none; }
.modalGeneric li a:hover								{ background: #ccc; }
.modalGeneric a.boto.rosa 								{ display: inline-block; }

.limit-height		{ max-height: 89%;}

/* Validacio formularis */
label.error			{ color: #D15358; font-size: 10px; }
input.error,
textarea.error		{ border: 1px solid #EF847B!important; }

/* CAPÇALERA *********************************************************************************************************** */

#capcalera						{background-color: #fff;border-bottom: 1px solid #d9d9d9;min-height: 122px;z-index: 999;position: relative;}
#top							{padding: 40px 15px 0;position: relative;z-index: 9;}
#top #idiomes					{margin-left: 0;position: absolute;right: 15px;top: 10px;float: none; padding-right: 0;}
/*#top .customSelect				{cursor: pointer;font-size: 14px;padding: 0px 7px;width: 175px;text-transform: uppercase;font-weight: bold;color: #da291c;}
#top .customSelect:after{
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #3e4957;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}*/
#top .select2 .select2-selection {
	cursor: pointer;font-size: 14px;
	padding: 0px 7px;
	/*width: 175px;*/
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	border: 0;
	line-height: 18px;
	height: 18px;
}
#top .select2 .select2-selection .select2-selection__rendered {
	line-height: 18px;
	height: 18px;
	color: #da291c;
}
#top .select2 .select2-selection:after {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #3e4957;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}
#top .select2 .select2-selection b{
	display: none;
}
.select2-dropdown{
	border: 0 !important;
	background-color: #f2f2f2 !important;
}
.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below{
	border-radius: 0 !important;
}
.select2-results__options{
	background-color: #f2f2f2;
	color: rgba(218, 41, 28, 1);
	text-align: center;
	border-radius: 0;
	font-weight: bold;
}
.select2-results__option{
	padding: 8px;
	font-size: 15px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent !important;
	color: rgba(218, 41, 28, 1) !important;
	text-decoration: underline;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #c3c3c3 !important;
}
#top #cercadorHeader{
	border-bottom: 1px solid #3e4957;
	margin-left: 0;
	padding-bottom: 1px;
	font-weight: bold;
	color: #3e4957;
	position: absolute;
	top: 10px;
}
#top #cercadorHeader #cercar	{ border: 0px; text-transform: uppercase; }
#top #cercadorHeader #lupa		{
	border: 0px; height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
    background-color: transparent;
}
#top #cercadorHeader:after{
	content: "\f002";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
}
#top #data #numDia				{ font-size: 40px; font-weight: 300; line-height: 0.8em; }
#top #data #lletresDia			{ margin-left: 5px; margin-top: 6px; }
#top #data #dia					{ display: block; line-height: 1em; }
#top #data #mesAny				{ color: #999999; }

/*#capcalera #Header			{ background: url('https://static.titanlux.es/web/rodonaLogo.png') no-repeat center bottom; height: 121px; margin-left: 20px; position: absolute; width: 121px; z-index: 1; }*/
/*#capcalera #logoHeader a		{ position: relative; top: 24px; }*/
#capcalera #logoHeader			{text-align: center;}
#capcalera #logoHeader a img	{margin: 20px 0;width: 90px;height: auto;}

/*#capcalera #menuPrincipal								{ position: absolute; left: 170px; top: 90px; }
#capcalera #menuPrincipal ul							{ font-size: 14px; }
#capcalera #menuPrincipal ul li							{ display: inline-block; vertical-align: top; }
#capcalera #menuPrincipal ul li a:after					{ content: '|'; font-weight: 300; left: 12px; margin-left: -6px; position: relative;   }
#capcalera #menuPrincipal ul li:last-of-type a:after	{ content: ''; }*/
#capcalera #menuPrincipal ul li a						{ color: #1d1d1b; padding: 0px 8px; white-space: nowrap;}
#capcalera #menuPrincipal ul li a:hover,
#capcalera #menuPrincipal ul li a:active,
#capcalera #menuPrincipal ul li a.actiu					{color: #da291c;font-weight: bold;}

@media screen and (max-width 767px){
	#capcalera #menuPrincipal ul li a.actiu					{ color: #fff;font-weight: bold;}
}
#capcalera #menuPrincipal ul li a:hover:after			{ color: #1d1d1b; }
.nav-collapse li										{ width: auto!important; }

#menuPrincipal .nav-toggle {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	position: absolute;
	width: 46px;
	height: 30px;
	right: 15px;
	z-index: 99;
	top: -80px;
}
#menuPrincipal .nav-toggle span{
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #F72617;
	border-radius: 16px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#menuPrincipal .nav-toggle span:nth-child(1) {
  top: 0px;
}
#menuPrincipal .nav-toggle span:nth-child(2), #menuPrincipal .nav-toggle span:nth-child(3) {
  top: 13px;
}
#menuPrincipal .nav-toggle span:nth-child(4) {
  top: 26px;
}
#menuPrincipal .nav-toggle.active span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#menuPrincipal .nav-toggle.active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#menuPrincipal .nav-toggle.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#menuPrincipal .nav-toggle.active span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* MENU LATERAL
***************************************************************************************************** */
.menuLateral 		{ background-color: #d15458; padding: 15px 10px; border-radius: 12px;  -webkit-border-radius: 12px; -webkit-border-radius: 12px; margin-bottom: 10px; }
.menuLateral h2 	{ color: #fff; font-family: 'Pacifico', cursive; font-size: 15px; margin-bottom: 15px; }
@media screen and (min-width:0\0) { /* IE10 HACK */
	.menuLateral h2	{ font-family: 'Circular', sans-serif; }
}

.menuLateral .boto 			{ background: #fff; color: #d15458; width: 100%; text-transform: uppercase;}
.menuLateral .customSelect	{ background: #fff url('https://static.titanlux.es/web/fletxaSelectRosa.png') no-repeat top right; cursor: pointer; font-size: 11px; margin-bottom: 15px; padding: 2px 7px; width: 100%;  }

.customLink			{ color: #000; background: #fff url('https://static.titanlux.es/web/inspiracion/fletxaInspira.png') no-repeat top right; display: block; margin-bottom: 10px; overflow: hidden; padding: 3px 22px 3px 3px; text-overflow: ellipsis; white-space: nowrap; }
.customLink:hover,
.customLink.actiu	{ color: #D15458; background: #fff url('https://static.titanlux.es/web/inspiracion/fletxaInspira.png') no-repeat bottom right; text-decoration: none; }

/* MENU HORITZONTAL
***************************************************************************************************** */
.menuHoritzontal 							{ margin: 0 -5px; }
.menuHoritzontal li 						{ float: left; padding: 0 5px; width: 25%; }
.menuHoritzontal .customLink 				{ background-color: #f2f2f2;}
.menuHoritzontal .customLink:focus			{ text-decoration: none; }
.menuHoritzontal .customLink:first-letter 	{ text-transform: uppercase; }
.menuHoritzontal .customLink.actiu 			{ background-color: #5c4b51; color: #fff; }
.menuHoritzontal .active .customLink		{ background-color: #5c4b51; color: #fff; }

/* ARTICLES ***************************************************************************************************** */

.article .mascara 	{ text-align: center; }
.article-img 		{ display: inline-block; height: 100%; }

/*
.post 			{ margin-bottom: 40px; min-height: 330px; padding-left: 86px; position: relative; }
.post .data		{ background: #e6e6e6; font-size: 14px; left: 0; margin-right: 20px; padding: 2px 0 0; position: absolute; text-align: center; top: 0; width: 66px; }
.post .data:after	{ background: url('https://static.titanlux.es/web/inspiracion/ulleresBlanques.png') no-repeat center #d15458; content: ''; display: block; height: 29px; margin-top: 2px; }
.post .dia			{ display: block; font-size: 30px; line-height: 1 }
.post .titol 		{ font-family: 'Circular', sans-serif; font-size: 18px; text-transform: uppercase; }

.post.video 		{ height: 250px; margin-bottom: 0; min-height: 0; overflow: hidden; padding-left: 0; }
.post.video .titol 	{ font-size: 15px; line-height: normal; }*/

/*.noticiaEti 	{ margin-top: 20px; }
.noticiaLink 	{}
.noticiaLink:hover 		{ color: #fff; }
.noticiaLink .fa 		{ margin-left: 10px; }*/

/* Afegit 26 novembre */
.titolCategoria 		{ color: #d15458; font: 15px 'Circular', sans-serif; margin-left:15px; margin-top: 0; margin-bottom: 25px;}
.titolCategoria2 		{ color: #d15458; font: 15px 'Circular', sans-serif; margin-left:0px;}

/* AVIS COOKIES ***************************************************************************************************** */
#avisCookies			{padding: 10px 10px;background-color: #f72617;position: absolute;top: -300px;left: 0;width: 100%;z-index: 9999;}
#avisCookies p			{ color: #fff; }
/*#avisCookies #ok		{ margin-top: 12px; }
#avisCookies #mesinfo	{ margin-top: 12px; }
*/
#avisCookies .btnOk		{ display: inline-block; margin: 5px 0; padding: 10px 15px; background-color: #FFFFFF; color: #1D1D1B; border-radius: 5px; }
#avisCookies .btnMes	{ display: inline-block; margin: 5px 0 5px 15px; padding: 10px 15px; background-color: #F0847B; color: #fff; border-radius: 5px; }

/* INCLUDES ************************************************************************************************************ */

	/* Mosaic */
	.mosaicItem		{border-radius: 5px; overflow: hidden; position: relative; }
	.mosaicImg		{position: absolute; left: 0; top: 0; width: 100%;}
	.mosaicPeu 		{background: #6f6f6e; bottom: 0; color: #fff; font-size: 8px; left: 0; padding: 4px; position: absolute; text-align: center; width: 100%; white-space: nowrap;  }
	.mosaicItem:hover .mosaicPeu:before 	{ background: url('https://static.titanlux.es/web/fletxaGrisAmunt.png') no-repeat; content: ''; display: block; height: 7px; left: 50%; margin-left: -7px; position: absolute; top: -7px; width: 14px; }

	/* Sidebar */
	.sidebar 				{ padding-right: 40px; }
	.sidebar .mosaic 		{ margin: 20px -5px; }
	.sidebar .mosaicItem	{ display: block; float: left; height: 88px; margin: 0 5px 10px; width: 88px; }
	.sidebar .banner 		{ margin-bottom: 20px; width: 100%; }

	.sidebar:before, .sidebar:after { content: " "; display: table; }
	.sidebar:after 					{ clear: both; }

	/* Sub-capcelera */
	#subCapcelera	{ margin: 0 0 30px; min-height: 20px; }
	#subCapcelera h1{ color: #d15458; font: 15px 'Circular', sans-serif; margin: 0; }

	span.breadcrumbSenseH1 { color: #d15458; font: 15px 'Circular', sans-serif; margin: 0; }

	.breadcrum {color: #DF878A; text-decoration:none;}
	.breadcrum:hover {color: #D15458; text-decoration:none;}
/* FOOTER *********************************************************************************************************** */
#footer	{
	background-color: #f2f2f2;
	padding: 30px 0px;
	font-size: 12px;
}
#footer .footer-logo{
	max-width: 90px;
}
#footer	#patrocinador							{ display: block; margin-bottom: 20px; margin-top: 50px; margin-right: 100px; }
#footer	#patrocinador span						{ color: #fff; font-family: 'Pacifico', cursive; font-size: 15px; line-height: 1em; margin-right: 5px; }
@media screen and (min-width:0\0) {
    #footer	#patrocinador span					{ font-family: 'Circular', sans-serif; }
}
#footer	#patrocinador img						{ position: relative; top: -2px; }
#footer ul#linksFooter 							{}
#footer ul#linksFooter li						{display: block;}
#footer ul#linksFooter li a, #footer a{
	color: #1d1d1b;
	display: block;
	padding: 0;
}
#footer ul#linksFooter li a:hover, #footer a:hover{
	color: #1d1d1b;
	text-decoration: underline;
}
#footer ul#linksFooter li a:after				{content: '|';font-weight: 300;left: 12px;position: relative;display: none;}
#footer ul#linksFooter li:last-of-type a:after	{ content: ''; }
#footer ul#linksFooter li a:hover:after			{ color: #1d1d1b; }
#footer ul#linksFooter li:first-of-type a		{ padding-left: 0px; }

#footer ul#linksFooter2 						{margin-top: 25px;}
#footer ul#linksFooter2:after	{
	content: '';
	display: table;
	clear: both;
}
#footer ul#linksFooter2 li{
	float: left;
	margin-right: 35px;
}
#footer ul#linksFooter2 li a					{color: #1d1d1b;display: block;padding: 5px 0;margin-right: 0;}
#footer ul#linksFooter2 li a:hover				{color: #1d1d1b;text-decoration: underline;}
#footer ul#linksFooter2 li a:after				{content: '|';font-weight: 300;left: 12px;position: relative;display: none;}
#footer ul#linksFooter2 li:last-of-type a:after	{ content: ''; }
#footer ul#linksFooter2 li a:hover:after		{ color: #1d1d1b; }
#footer ul#linksFooter2 li:first-of-type a		{ padding-left: 0px; }

#footer #dadesFooter img							{ margin-bottom: 8px; }
#footer #dadesFooter #adrecaFooter				{ color: #fff; display: block; }
#footer #dadesFooter #adrecaFooter #tel			{ font-size: 18px; }
#footer #dadesFooter #adrecaFooter a				{ color: #fff; }

#footer #xxss{
	/*text-align: right;*/
	text-align: center;
	margin-bottom: 20px;
}
#footer p{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
}
#footer #xxss p{
	margin-bottom: 10px;
}
#footer #xxss a	{
	background-repeat: no-repeat;
	background-position: center bottom;
	display: inline-block;
	height: 35px;
	width: 35px;
	background-size: auto 100%;
	background-position: center;
	border-radius: 50%;
	margin-left: 7px;
}
#footer #xxss a:hover						{ background-position: center top; opacity: 0.6;}
	#footer #xxss a#twitter					{ background-image: url('https://static.titanlux.es/web/xxss/tw.png'); }
	#footer #xxss a#instagram					{ background-image: url('https://static.titanlux.es/web/xxss/instagram.png'); }
	#footer #xxss a#facebook				{background-image: url('https://static.titanlux.es/web/xxss/fb.png');}
	#footer #xxss a#youtube				{ background-image: url('https://static.titanlux.es/web/xxss/youtube.png'); }
	#footer #xxss a#pinterest				{ background-image: url('https://static.titanlux.es/web/xxss/pin.png'); }
	#footer #xxss a#mail					{ background-image: url('https://static.titanlux.es/web/xxss/mail.png'); }
	#footer #xxss a#imprimir				{ background-image: url('https://static.titanlux.es/web/xxss/impr.png'); }

#footer ul#gestionable						{ color: #fff; }
#footer ul#gestionable a					{ color: #fff; font-weight: 300; }
#footer span#enlaces						{ color: #fff; display: block; font-weight: 600; margin-bottom: 15px; }
/* AVÍS NAVEGADORS ********************************************************************************************************* */
body .buorg { border-bottom:1px solid #A29330; background:#FDF2AB no-repeat 1em 0.55em url(http://browser-update.org/img/dialog-warning.gif); font-family: 'Circular', sans-serif; color:#333; font-size: 12px; }
/* LOADING */
.c-loading {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;background: rgba(0,0,0,.5);color: #fff;text-align: center;}
.c-loading:after {content: '';display: inline-block;width: 1px;height: 100%;margin-left: -1px;vertical-align: middle;}
.c-loading .fa-spinner {font-size: 30px;vertical-align: middle;}
/* MEDIA QUERIES *********************************************************************************************************** */
@media screen AND (min-width: 1200px) {
	.container 						{}
}
@media screen AND (max-width: 1199px) {

	#capcalera #menuPrincipal ul	{ font-size: 13px; }

	.sidebar 						{ padding-right: 26px; }
/*
	#footer ul#linksFooter			{ font-size: 12px; }
	#footer ul#linksFooter2			{ font-size: 12px; }*/
}
@media screen AND (max-width: 479px){
	#modalCalculPintures .modal-dialog						{ width: auto; }
	#modalCalculPintures #fitxaProducteModal				{ width: auto; }
	#modalCalculPintures #fitxaProducteModal .colDreta		{ position: relative; right: 0px; text-align: center; width: 100%; }
	#modalCalculPintures #fitxaProducteModal .colEsquerra 	{ width: 100%; }
	#modalCalculPintures #fitxaProducteModal .mascara  		{ margin: 0 auto 10px; }

	#top #idiomes			{ margin: 0 0 10px; }
	#top #cercador			{ float: left; }

	#top .customSelect		{ width: auto; }

	.sidebar .mosaic 			{ text-align: center; }
	.sidebar .mosaicItem		{ display: inline-block; float: none; height: 80px; width: 80px; }
	.mosaic .fila 		{ white-space: nowrap; }
/*
	.post 				{ padding-left: 0; }
	.post .data			{ display: inline-block; height: 29px; margin: 0 0 10px; padding: 0 0 0 5px; position: static; width: auto; }
	.post .data	br 		{ display: none; }
	.post .data:after	{ display: inline-block; height: 29px; margin: 0 0 0 5px; vertical-align: middle; width: 66px; }
	.post .dia 			{ display: inline; font-size: 14px; }*/
}
@media screen AND (max-width: 767px) {
	#top .customSelect		{ width: auto; }
	#top #data				{ display: none; }
	#top #cercador			{ margin-left: 0px; }
	#top #cercadorHeader	{}

	#capcalera #logoHeader a img	{margin: 20px 0;width: 70px;height: auto;}
	#menuPrincipal .nav-toggle {
	    top: -62px;
	}
	.article-img				{ height: auto; max-width: none; width: 100%; }
	.article-img:last-child		{ display: none; }

	.sidebar .banner 				{ float: left; width: 48%;}
	.sidebar a:last-child .banner	{ float: right; }

	#avisCookies #ok a,
	#avisCookies #mesinfo a			{ display: block; text-align: center; }

	#footer ul#linksFooter2{
		margin-top: 10px;
	}
	#footer ul#linksFooter2 li	{
		width: 50%;
		margin-right: 0;
	}
	/*#footer ul#linksFooter2:after	{
		display: none;
	}*/
}
@media screen AND (max-width: 991px) {
	#top {
		background-color: #fff;
	}
	#capcalera #logoHeader{
		z-index: 9;
		position: relative;
		background: none;
		margin-left: 0px;
		width: 100%;
		height: auto;
		background-color: #fff;
	}
	#capcalera #logoHeader a{
		margin: 0px auto;
		display: inline-block;
	}
	.nav-collapse li			{ width: 100%!important; }
	/* NAVIGATION */
	#capcalera .container,
	#capcalera .row,
	#capcalera .col-xs-12{
		padding: 0;
		margin: 0;
		width: 100%;
	}
	#capcalera #menuPrincipal{
		position: relative;
	}
	#capcalera #menuPrincipal ul {
		background-color: #F72617;
		font-size: 18px;
		padding: 25px 0;
	}
	#capcalera #menuPrincipal ul li a{
		padding: 8px 0px;
		display: block;
	}
	#capcalera #menuPrincipal ul li a,
	#capcalera #menuPrincipal ul li a:hover,
	#capcalera #menuPrincipal ul li a:focus,
	#capcalera #menuPrincipal ul li a:active{
		color: #fff;
	}
	/* NAVIGATION */
	.sidebar 							{ padding-right: 0; }
	.sidebar .mosaicItem				{ height: 73px; width: 73px; }

	#footer{
		font-size: 11px;
	}
	/*#footer ul#linksFooter				{font-size: 11px;}
	#footer ul#linksFooter2				{font-size: 11px;font-weight: bold;text-transform: uppercase;}*/
	#footer	#patrocinador				{ margin-right: 0; margin-top: 0; }

	#footer #xxss a	{
		height: 35px;
		width: 35px;
		margin-left: 7px;
	}
}
@media screen AND (min-width: 768px) {
	#top #idiomes{
		top: 15px;
	}
	#top #cercadorHeader{
		top: 15px;
		width: 200px;
	}
	#top #cercadorHeader #cercar {
	    width: 89%;
	}
	#top .customSelect {
	    width: 150px;
	}
	#capcalera #menuPrincipal ul li a{
		padding: 5px 15px;
	}
}
@media screen AND (min-width: 992px) {
	#capcalera #logoHeader {
		margin-top: -35px;
	}

}
.row-mobile {
	display: none;
}
@media screen AND (max-width: 992px) {
	.col-inner {
		padding-left: 10px;
		padding-right: 10px;
	}
}
.c-footer--xxss__tablet{
	display: block;
}
.c-footer--xxss__mobile{
	display: none;
}
.c-footer--logo{
	float: left;
	min-width: 90px;
}
.c-footer--info{
	float: right;
	width: 85%;
}
@media screen AND (max-width: 767px) {
	#footer .footer-logo{
		max-width: 70px;
	}
	.c-footer--xxss__tablet{
		display: none;
	}
	.c-footer--xxss__mobile{
		display: block;
	}
	.c-footer--info{
		width: 80%;
	}
}
@media screen AND (max-width: 600px) {
	#footer #xxss{
		margin-top: 20px;
	}
}
@media screen AND (max-width: 600px) {
	.row-tablet {
		display: none;
	}
	.row-mobile {
		display: block;
	}
	.hidden-xxs {
		display: none;
	}
}
@media screen AND (min-width: 338px) AND (max-width: 425px) {
	.u-responsive-mobile {
		padding-left: 0px;
		padding-right: 6px;
	}
	#footer div[class^="col"]{
		padding-left:5px; padding-right:5px;
	}
}
@media screen AND (min-width: 338px) {
	.u-responsive-mobile {
		padding-right: 10px;
	}
}
@media screen AND (max-width: 320px) {
	#footer p {
		font-size: 13px;
	}
}