/* @override
	http://local.lubelray.com.ar/cont/css/styles_public_lubriquim.css
	http://local.lubriquim.com.ar/cont/css/styles_public_lubriquim.css
	http://lubelray.com.ar/cont/css/styles_public_lubriquim.css
	
*/

/* @group reset & defaults */

/* @group TPG */



/* @end */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

body, h1, h2, h3, h4, h5, h6, p, ul, li, nav, header, footer {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

a, a:active, a:hover {
	text-decoration: none;
	color: inherit;
	outline: none;
}
 
ul, ol, li {
	list-style-type: none;
}

header, nav, address, section, article, footer, aside {
	display: block;
	/* HTML5 compatibility for legacy browsers and IE */
}

img.right {
	margin: 0px 0px 5px 5px;
	float: right;
	border: 0px;
}

img.left {
	margin: 0px 5px 0px 0px;
	float: left;
	border: 0px;	
}

nav ul li {
	display: inline-block;
}

nav ul li a {
	display: inline-block;
}

nav ul li ul {
	/* Hide submenus */
	display: none;
}

strong {
}

em {
}

.clear {
	clear: both;
}

/* @end */

/* @group template layouts */

body {
	padding: 0px 0px 0px 0px;
    font-family: 'Roboto';
    font-weight: 400;
    background-color: #cbcbcb;
}

#wrapper {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: auto;
}

#wrapper #mainContentArea {
	padding: 0px 0px 0px 0px;
	clear: both;
}

.stack {
	width: 100%;
	clear: both;
}

.contentViewport {
	max-width: 1200px;
	margin: auto;
}

.darkBackground {
	background-image: url('/cont/img/lubelray_bodyBackground_02.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}

.lightBackground {
	background-image: url('/cont/img/lubelray_bodyBackground_01.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
}

/* specific for 1 column layout template */

.standard2Col {
	padding: 0rem 0% 0rem 1%;
	display: flex;
}

.standard2Col .col1 {
	flex-basis: 64.7%;
	margin-right: 4%;
}

.standard2Col .col2 {
	flex-basis: 29.2%;
}

/* specific for 2 column layout template */

.public2Col #mainContentArea {
	display: flex;
}

.public2Col #mainContentArea > .col1 {
	flex-basis: 64.7%;
	margin-right: 4%;
}

.public2Col #mainContentArea > .col2 {
	flex-basis: 29.2%;
	padding: 0.5rem 0rem 0rem 0rem;
}

/* specific for 3 column layout template */

.standard3Col {
	display: flex;
}

.standard3Col > div, 
.standard3Col > section, 
.standard3Col > article {
	flex-basis: 33.33%;
}


/* @end */

/* @group Default looks per element */


/* @group Prev/Next Navigation buttons */


/* @end */


/* @group generic text elements */


/* @end */

/* @group header */

#wrapper > div > header .stack {
	display: flex;
	flex-wrap: wrap;
}

#wrapper > div > header .stack .col1 {
	flex-basis: 20%;
}

#wrapper > div > header .stack .col2 {
	flex-basis: 80%;
}

#wrapper > div > header .stack1 {
	padding: 0rem 2% 0rem 2%;
}

#wrapper > div > header .stack2 {
	padding: 0rem 0rem 0rem 2%;
	background-color: #373737;
}

#wrapper > div > header .mnu {
	text-align: right;
}

#wrapper > div > header h1 {
	font-family: 'Roboto Condensed';
	font-weight: 700;
	font-size: 3rem;
	text-transform: uppercase;
	color: #231F20;
}

#wrapper > div > header h2 {
	padding: 0.45rem 0rem 0rem 0rem;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	font-size: 0.9rem;
	text-transform: uppercase;
	line-height: 1.4;
	color: #fb4c15;
}

#wrapper > div > header .headerContactData p {
	padding: 1rem 0rem 0.5rem 0rem;
	font-family: 'Roboto Condensed';
	font-weight: 400;
	font-size: 1.4rem;
	color: #303030;
	text-align: right;
}
/* @end */

/* @group boxes */

.box header h1 {
	padding: 1rem 0rem 0.5rem 0%;
	font-size: 1.2rem;
	font-weight: 700;
	color: #3d3d3d;
}

.box > footer > nav a {
	padding: 0.2rem 0.8rem 0.2rem 0.8rem;
	background-color: #4aaed3;
	color: #FFF;
	border-radius: 0.1rem;
	text-transform: uppercase;
	font-size: 0.7rem;
	float: right;
}

/* @end */

/* @group main Menu */

nav.main {
	padding: 0rem 1rem 0rem 1rem;
}

nav.main ul li {
	position: relative;
}

nav.main ul li a {
	padding: 1rem 0.5rem 1rem 0.5rem;
	font-size: 1rem;
	color: #FFF;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	text-transform: uppercase;
}

nav.main > ul > li:hover > a {
	background-color: #494a4a;
}

nav.main > ul > li.current > a {
	background-color: #d23605;
}

/* sub menus */

nav.main > ul > li > ul {
	display: none;
	background-color: #d9dbdd;
	position: absolute;
	z-index: 300000;
	text-align: left;
	width: 100%;
	min-width: 15rem;
}

nav.main > ul > li:hover > ul {
	/* submenu level 1 */
	display: block;
	width: 15rem;
}

nav.main > ul > li > ul li > ul {
	width: 15rem;
	position: absolute;
	top: 0rem; 
	left: 15rem;
}

nav.main > ul > li > ul li:hover > ul {
	/* submenu level 2 */
	display: block;
}

nav.main ul li ul li {
	display: block;
	background-color: #4a4a4a;
	position: relative;
}

nav.main ul li ul li a {
	padding: 0.4rem 1rem 0.4rem 0.5rem;
	display: block;
	text-align: left;
	font-size: 0.8rem;
	border-top: 1px solid #a6a6a6;
}

nav.main ul li ul li a:first-child {
	border-bottom: 1px solid #a6a6a6;
}

nav.main > ul > li > ul > li:hover > a {
	/* sub menu level 1 */
	background-color: #d23605;
}

nav.main > ul > li > ul > li > ul li:hover > a {
	/* sub menu level 2 */
	background-color: #d23605;
}

/* @end */

/* @group Footer */

#wrapper > div > footer > .contentViewport {
	padding: 1.5rem 2% 2rem 2%;
	background-color: #231F20;
	display: flex;
	
}

#wrapper > div > footer > .contentViewport h1 {
	padding: 0rem 0rem 0.7rem 0rem;
	color: #FFF;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	font-size: 1.5rem;
	opacity: 0.8;
}

#wrapper > div > footer > .contentViewport .contactForm {
	flex-basis: 60%;
	background-color: #231F20;
	
}

#wrapper > div > footer > .contentViewport .contactForm .twoCol {
	display: flex;
	justify-content: space-between;
}

#wrapper > div > footer > .contentViewport .contactForm .twoCol > input {
	flex-basis: 49.45%;
	
}

#wrapper > div > footer > .contentViewport .contactForm form input[type="text"], 
#wrapper > div > footer > .contentViewport .contactForm form input[type="email"], 
#wrapper > div > footer > .contentViewport .contactForm form textarea {
	width: 100%;
	margin: 0rem 0rem 0.5rem 0rem;
	padding: 0.5rem 1rem 0.5rem 1rem;
	background-color: #58595B;
	border: 0rem;
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 0.8rem;
	color: #ffffff;
}

:-moz-placeholder, 
::-moz-placeholder, 
:-ms-input-placeholder, 
placeholder {
	color: #e0e0e0;
	font-size: 3rem;
}

::-webkit-input-placeholder {
	color: #e0e0e0;
	font-size: 0.8rem;
}

#wrapper > div > footer > .contentViewport .contactForm form label {
	display: none;
}

#wrapper > div > footer > .contentViewport .contactForm form input[type="submit"] {
	padding: 0.5rem 2rem 0.5rem 2rem;
	color: #FFF;
	border: 0rem;
	background-color: #D23606;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 300;
}

#wrapper > div > footer > .contentViewport .contactForm form p.disclaimer {
	padding: 0rem 0rem 0rem 2rem;
	color: #FFF;	
	opacity: 0.7;
	font-size: 0.8rem;
	display: inline;
}

#wrapper > div > footer .contactData {
	flex-basis: 40%;
	padding: 0rem 0rem 0rem 6%;
}

#wrapper > div > footer .contactData p {
	color: #bbbbbb;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	line-height: 2.5;
}

#wrapper > div > footer .contactData p i {
	width: 2rem;
	margin: 0rem 0.5rem 0rem 0rem;
	font-size: 1.4rem;
	color: #D23606;
	display: inline-block;
	text-align: center;
}

#wrapper .contactForm .msg p {
	padding: 0rem 0rem 0rem 3rem;
	color: #c4c4c4;
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.5;
}

#wrapper .contactForm .msg i {
	margin: 0rem 1rem 0rem -3rem;
	font-size: 2rem;
}

/* @end */

/* @group Banners */



/* @end */


/* @end */

/* @group Default looks per view */

/* @group Product Categories and Brands homes */

#productCategories.home main section header, 
#productCategories.home main section header, 
#productItems.list main > header {
	width: 100%;
	min-height: 13rem;
	margin: 0rem 0rem 1.7rem 0rem;
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
}
 
#productCategories.home main .stack .body p, 
#productBrands.home main .stack .body p {
	margin: 0rem 0rem 1rem 0rem;
	color: #454545;
	font-size: 1rem;
	line-height: 1.5;
}

#productCategories.home main .stack.twoCol, 
#productBrands.home main .stack.twoCol, 
#productItems.list main .stack.twoCol {
	padding: 0rem 0rem 2rem 0rem;
	display: flex;
	flex-wrap: wrap;
}

#productCategories.home main .stack.twoCol > .col1, 
#productBrands.home main .stack.twoCol > .col1, 
#productItems.list main .stack.twoCol .col1 {
	flex-basis: 20%;
}

#productCategories.home main .stack.twoCol > .col2, 
#productBrands.home main .stack.twoCol > .col2, 
#productItems.list main .stack.twoCol > .col2 {
	margin: 0rem 0rem 0rem 4%;
	flex-basis: 76%;
} 

#productCategories.home main header h1, 
#productBrands.home main header h1, 
#productItems.list main header h1 {
	width: 100%;
	color: #FFF;
	position: absolute;
	bottom: 0rem;
	left: 0rem;
	padding: 0.5rem 0rem 0.5rem 2%;
	text-align: left;
	font-size: 1.8rem;
	font-weight: 100;
	background-image: url('/cont/img/black-60t.png');
}

#productCategories.home main header h1 span, 
#productBrands.home main header h1 span, 
#productItems.list main header h1 span {
	font-weight: 400;
}

/* @end */




/* @group Sola */

body.detail main > section {
	display: flex;
	flex-wrap: wrap;
}

body.detail main > section > header {
	flex-basis: 100%;
}

body.detail main > section > aside {
	flex-basis: 30%;
	padding: 3rem 5% 0rem 0rem;
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-size: 1.2rem;
	line-height: 1.6;
	text-align: right;
	color: #d23605;
}

body.detail main > section > article {
	flex-basis: 70%;
	padding: 0rem 10% 0rem 0rem;
}

body.detail main > section > header {
	height: 10rem;
	margin: 0rem 0rem 2rem 0rem;
	background-color: black;
	background-size: 100%;
	overflow: hidden;
}

body.detail main > section > header h1 {
	margin: 0rem 0rem 0rem 30%;
	padding: 5.5rem 0rem 1rem 2%;
	color: #FFF;
	text-align: left;
	font-weight: 100;
	font-size: 3rem;
	text-shadow: 0 0 3px #2a2a2a;
	background-image: url('/cont/img/black-40t.png');
}

body.detail main > section > article {
	margin: 0rem 0rem 3rem 0rem;
	padding: 0rem 0rem 0rem 2%;
}

body.detail main > section > article h2 {
	margin: 0rem 0rem 1rem 0rem;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	line-height: 1.4;
	color: #202020;
}

body.detail main > section > article h3 {
	margin: 1rem 0rem 1rem 0rem;
	font-family: 'Roboto Condensed';
	font-weight: 400;
	line-height: 1.4;
	color: #202020;
}

body.detail main > section > article p {
	margin: 0rem 0rem 1rem 0rem;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	line-height: 1.5;
	color: #202020;
}

body.detail main > section > article ul {
	margin: 0rem 0rem 0.5rem 0rem;
	padding: 0rem 20% 0rem 3%;
	
}

body.detail main > section > article ul li {
	margin: 0rem 0rem 0.5rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	line-height: 1.4;
	color: #202020;
	list-style-type: disc;
	list-style-position: outside
}

body.detail main > section > aside {
	
}

/* @end */


/* @group Lista */

.list main .status {
	margin: 0rem 0rem 1rem 0rem;
	font-weight: 300;
	font-size: 0.8rem;
	color: #555555;
}

.list main article {
	margin: 0rem 0rem 1.5rem 0rem;
	padding: 1.3rem;
	background-color: #FFF;
}

.list main article img {
	width: 33%;
	margin: 0rem 3% 0rem 0rem;
	float: left;
}

.list main article h2 {
	padding: 0rem 0rem 0.4rem 0rem;
	color: #3d3d3d;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
}

.list main article h2 a:hover {
	color: #4aaed3;
}

.list main article h3 {
	color: #3d3d3d;
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.4;
}

.list main article h3 .publicationDate {
	color: #828282;
}

.list main article p {
	font-size: 0.8rem;
	color: #4d4d4d;
	line-height: 1.6;
}

.list nav.prevNext {
	margin: 0rem 0rem 1rem 0rem;
}

.list nav.prevNext span, 
.list nav.prevNext a {
	padding: 0.3rem 0.5rem 0.3rem 0.5rem;
	display: inline-block;
	background-color: #4aaed3;
	color: #FFF;
	text-transform: uppercase;
	font-size: 0.6rem;
	border-radius: 0.1rem;
}

.list nav.prevNext span {
	opacity: 0.5;
}

.list nav.prevNext a {
	opacity: 1;
}

/* @end */
/* @end */

/* @group Default looks per section */

/* @group Gen */

body#gen main > section > header {
	height: 15rem;
}

body#gen main > section > header h1 {
	padding: 10rem 0rem 1rem 2%;
	height: 15rem;
}

body#gen main .associatedContent ul li {
	list-style-type: none;
}

body#gen main .associatedContent ul li a {
	font-weight: 700;
	color: #606060;
}

body#gen main .associatedContent ul li a i {
	margin-right: 0.5rem;
	color: #d23605;
}

/* @end */

/* @group Product Categories */

#home .productCategories.box {
	margin: 0rem auto 3rem auto;
	display: flex;
	justify-content: space-between;
}

#home .productCategories.box > article {
	flex-basis: 30%;
	background-color: #D23606;
	text-align: center;
}

#home .productCategories.box > article h1 {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0.7rem 0rem 0.8rem 0rem;
	color: #FFF;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	font-size: 1.4rem;
	text-transform: uppercase;
}

#home .productCategories.box > article .imgContainer {
	overflow: hidden;
}

#home .productCategories.box article img { 
	width: 100%;
	-webkit-transition: all 1s ease; /* Safari and Chrome */
	-moz-transition: all 1s ease; /* Firefox */
	-ms-transition: all 1s ease; /* IE 9 */
	-o-transition: all 1s ease; /* Opera */
	transition: all 1s ease;
}

#home .productCategories.box article img:hover { 
	-webkit-transform:scale(1.25); /* Safari and Chrome */
	-moz-transform:scale(1.25); /* Firefox */
	-ms-transform:scale(1.25); /* IE 9 */
	-o-transform:scale(1.25); /* Opera */
	transform:scale(1.25);
}

main .productCategories.box.showAsSubMenu ul {
	border-top: 1px solid #333;
}

main .productCategories.box.showAsSubMenu ul li {
	display: block;
}

main .productCategories.box.showAsSubMenu ul li a {
	
	display: block;
	padding: 0.5rem 0.5rem 0.4rem 0.5rem;
	border-bottom: 1px solid #333;
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	font-size: 0.8rem;
	line-height: 1.4;
	background-color: #FFF;
}

main .productCategories.box.showAsSubMenu ul li:hover a {
	background-color: #363636;
	color: #FFF;
}

main .productCategories.box.showAsSubMenu ul li.current a {
	background-color: #d23605;
	color: #FFF;
}

/* @end */


/* @group Product Items */

#productItems .listing {
	background-color: #FFF;
}

#productItems.list main section article {
	margin: 0rem 0rem 0rem 0rem;
	display: flex;
	border-bottom: 1px solid #616161;
}

#productItems.list main section article .imgContainer {
	flex-basis: 20%;
}

#productItems.list main section article .imgContainer img {
	width: 100%;
}

#productItems.list main section article .txt {
	flex-basis: 80%;
	padding: 0rem 0rem 0rem 5%;
}

#productItems.list main section article .txt h2 {
	font-size: 1.4rem;
}

#productItems.list main section article .txt h3 {
	margin-bottom: 0.5rem;
	font-size: 1rem;
	color: #868686;
}

#productItems.list main section article .txt p {
	font-size: 0.9rem;
	color: #4e4e4e;
}

#productItems.list main section article .brand-3 {
	color: #046bb6;
}

#productItems.list main section article .brand-4 {
	color: #5700aa; 
}

#productItems.list main section article ul.associatedContent {
	padding: 0.5rem 0rem 0.5rem 0rem;
}

#productItems.list main section article ul.associatedContent li a {
	font-weight: 700;
	font-size: 0.9rem;
	line-height: 1.5;
	color: #4d4d4d;
}

#productItems.list main section article ul.associatedContent li a i {
	margin-right: 0.2rem;
	font-size: 1.2rem;
}

#productItems.list main section article.brand-3 ul.associatedContent li a i, 
#productItems.list main section article.brand-3 ul.associatedContent li a:hover {
	color: #046bb6;
}

#productItems.list main section article.brand-4 ul.associatedContent li a i, 
#productItems.list main section article.brand-4 ul.associatedContent li a:hover {
	color: #5700aa;
}

/* @end */

/* @group Home */

#home .photoGallery header, 
#home .photoGallery footer {
	display: none;
}

.darkBackground {
	padding: 3.3rem 0rem 0rem 0rem;
}

#home .homePresentacion {
	display: flex;
	margin: 0rem auto 3rem auto;
}

#home .homePresentacion .col1 {
	flex-basis: 60%;
}

#home .homePresentacion .col2 {
	flex-basis: 40%;
}

#home .homePresentacion .col1 h1 {
	color: #FFF;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	font-size: 1.5rem;
}

#home .homePresentacion .col1 p {
	color: #bbbbbb;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.5;
}

#home .homeBrands {
	padding: 1.5rem 0rem 0rem 0rem;
	text-align: right;
}

#home .homeBrands p {
	padding: 0rem 0rem 1rem 0rem;
	font-family: 'Roboto Condensed';
	color: #bbbbbb;
}

#home .homeBrands img {
	width: 80% !important;
	height: auto !important;
}

/* @end */

/* @group Photo Gallery */

#home .box.photoGallery {
	width: 100% !important;
	max-height: 400px;
	margin: 0rem auto 0rem auto;
	position: relative;
}

#home .box.photoGallery img {
	width: 100% !important;
}

#home .box.photoGallery .nivo-caption {
	width: 60% !important;
	height: 10rem;
	margin: auto !important;
	padding: 2rem 3% 5% 4%;
	top: 3rem;
	right: 0rem;
	position: absolute;
	overflow: hidden;
	background-image: url('/cont/img/black-50t.png');
	text-align: right;
}

#home .box.photoGallery .nivo-caption .captionContainer {
	position: relative;
}

#home .box.photoGallery .nivo-caption .captionContainer > div {
	position: relative;
}

#home .box.photoGallery .nivo-caption .captionContainer h1 {
	padding: 0rem 0rem 0rem 0rem;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	color: #FFF;
	font-size: 1.8rem;
	line-height: 1.5;
}

#home .box.photoGallery .nivo-caption .captionContainer p {
	padding: 0rem 0rem 0rem 0rem;
	font-family: 'Roboto Condensed';
	font-weight: 300;
	color: #FFF;
	font-size: 1.8rem;
	line-height: 1.5;
}

#home .box.photoGallery .nivo-caption .captionContainer p a {
	
}

.box.photoGallery .nivo-directionNav {
	position: absolute;
	top: 10rem !important;
	left: 0rem;
	display: none;
}

.box.photoGallery .nivo-directionNav a {
	padding: 0.5rem;
	font-size: 1.3rem;
	display: block;
	color: #FFF;
	opacity: 0.5;
}

.box.photoGallery .nivo-directionNav a:hover {
	opacity: 1;
}

.box.photoGallery .nivo-controlNav {
	width: 10rem;
	height: 2rem;
	padding: 0rem;
	display: block;
	position: absolute;
	bottom: 1rem;
	right: 2rem;
	z-index: 2000;
	text-align: right;
}

.box.photoGallery .nivo-controlNav a {
	width: 1rem;
	height: 1rem;
	margin: 0rem 0.4rem 0rem 0rem;
	display: inline-block;
	background-color: #FFF;
	font-size: 0rem;
	border-radius: 0.5rem;
	opacity: 0.6;
}

.box.photoGallery .nivo-controlNav a.active {
	opacity: 1;
}

/* @end */

/* @end */