@charset "UTF-8";
/* CSS Document */

html {
	margin:0;
	padding:0;
	height:100%;
}

body {
	margin:0;
	padding:0;

	font-family: 'Raleway', sans-serif;
	font-size:20px;
	line-height:20px;
	color:#333;
	
	background:url(../img/layout/bg.jpg) fixed center center no-repeat;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}


/* herramientas */


a { color:inherit; text-decoration:none; }
a:hover { color:#333; text-decoration:none; }
a:active, a:focus { outline:0; }

a, a:hover, .section-a-link, .section-a-link:hover { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }

.clear { clear:both; }

.space {
	padding:0 0 130px 0;
	height:1px;
}

h1 {
	margin:0 0 20px 0;
	padding:0;
	
	font-size:220%;
	line-height:100%;
	text-transform:capitalize;
}

h1 img {
	margin:0 10px 0 0 !important;
	
	width:30px !important;
	height:30px !important;
	
	box-shadow:none !important;
}

h2 {
	margin:20px 0 10px 0;

	font-size:130%;
	font-weight:400;
	line-height:100%;
	
	text-transform:capitalize;
}

h3 {
	margin:5px 0;

	font-size:100%;
	line-height:100%;
	font-weight:400;

	text-transform:capitalize;
}

h4 {
	margin:10px 0 0 0;

	font-size:70%;
	font-weight:400;
}

h5 {
	margin:0 0 40px 0;

	font-size:190%;
	font-weight:400;
	text-transform:capitalize;
}

h5 img {
	margin:0 10px 0 0 !important;
	
	width:30px !important;
	height:30px !important;
	
	box-shadow:none !important;
}

@media only screen and (max-width:768px) {
	h5 {
		line-height:120%;
	}
}



/* top */


.top {
	z-index:2;
	position:absolute; top:0; left:0;
	margin:auto;
	
	width:100%;
	
	background:url(../img/top/menu-bg.png) center center no-repeat;
}

.top-shadow {
	z-index:1;
	position:absolute; top:120px; left:0;
	margin:auto;
	
	width:100%;
	height:34px;
}

.top-shadow > ul {
	margin:0;
	padding:0;
}

.top-shadow > ul > li {
	margin:0;
	padding:0;
	
	float:left;
	list-style:none;
}

.top-shadow > ul > li:nth-child(1) { text-align:left; }
.top-shadow > ul > li:nth-child(2) { text-align:right; float:right; }

@media only screen and (max-width:767px) {
	.top-shadow > ul > li { width:110px; }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.top-shadow > ul > li { width:300px; }
}

@media only screen and (min-width:1025px) {
	.top-shadow > ul > li { width:500px; }
}

.top-shadow img {
	width:100%; max-width:500px;
	height:34px;
}

.top-sections {
	margin:20px auto;
	padding:0;
	
	width:100%; max-width:1500px;
}

.top-sections > li {
	float:left;
	list-style:none;
}

@media only screen and (max-width:767px) {
	.top-sections > li:nth-child(2) { width:100%; }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.top-sections > li:nth-child(1), .top-sections > li:nth-child(3) { width:41%; }
	.top-sections > li:nth-child(2) { width:18%; }
}

@media only screen and (min-width:1025px) {
	.top-sections > li:nth-child(1), .top-sections > li:nth-child(3) { width:41%; }
	.top-sections > li:nth-child(2) { width:18%; }
}


/* logo */


.logo {
	display:block;
	margin:auto;
	
	width:auto;
	height:150px;
}

/* menu */

.menu {
	margin:50px auto 0 auto;
	padding:0;
	
	text-transform:uppercase;
	text-align:center;
}

.menu > li {
	margin:0;
	padding:0;

	width:33.33333333333333%;
	
	float:left;
	list-style:none;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.top-sections > li:first-child > .menu > li:nth-child(1) { width:29%; }
}

.menu a {
	display:block;
	padding:16px 0;
	
	color:#FFF;
}

.menu a:hover {
	text-shadow:0 0 3px #fff, 0 0 6px #fff, 0 0 8px #fff;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.menu { font-size:74%; letter-spacing:-.5px; }
}

@media only screen and (min-width:1025px) {
	.menu { font-size:78%; letter-spacing:3px; }
	.menu a:hover { letter-spacing:6px; }
}


/* menu mobile */


.menu-mobile-icon {
	z-index:3;
	position:absolute; top:70px; right:15px;
	
	width:50px;
	height:50px;
	
	cursor:pointer;
}

.menu-mobile-icon > ul {
	margin:17px 0 0 0;
	padding:0;
}

.menu-mobile-icon > ul > li {
	display:block;
	
	margin:0 0 5px 0;
	padding:0;
	
	width:100%;
	height:2px;
	
	list-style:none;
	
	background:#fff;
}

.menu-mobile {
	z-index:5;
	position:fixed; top:0; bottom:0; left:0;
	display:none;
	
	width:80%;
	height:100%;
	
	overflow:hidden;
	box-shadow:0 0 20px #000;
	background:#ff3333;
	
	font-size:100%;
	line-height:100%;
	color:#FFF;
	text-transform:uppercase;
	text-align:center;
}

.menu-mobile > ul {
	margin:0;
	padding:0;
}

.menu-mobile > ul > li {
	margin:0;
	padding:0;
	
	list-style:none;
	
	border-bottom:1px dotted #fff;
}

.menu-mobile-logo {
	padding:30px 0;
	
	width:100%;
	height:auto;
	
	box-shadow:0 0 30px #333;
	background:#FFF;
}


.menu-mobile img {	
	width:80px;
	height:auto;
}

.menu-mobile a {
	display:block;
	padding:20px 0;
	color:#FFF;
}

.menu-mobile a:hover {
	text-shadow:0 0 3px #fff, 0 0 6px #fff, 0 0 8px #fff;
}

@media only screen and (max-width:767px) {
	.menu,
	.menu-scroll > ul > li:nth-child(2),
	.menu-scroll > ul > li:nth-child(3),
	.menu-scroll > ul > li:nth-child(4),
	.menu-scroll > ul > li:nth-child(5),
	.menu-scroll > ul > li:nth-child(6),
	.menu-scroll > ul > li:nth-child(7) { display:none; }
	.menu-scroll > ul > li:nth-child(8) { float:right; }
}

@media only screen and (min-width:768px) {
	.menu-mobile-icon { display:none; }
	.menu-mobile { display:none !important; }
	.menu-scroll > ul > li:nth-child(8) { display:none; }
}


/* menu scroll */

.menu-scroll-icon {	
	width:55px;
	height:55px;
	
	cursor:pointer;
	float:right;
}

.menu-scroll-icon > ul {
	margin:20px 0 0 0;
	padding:0;
}

.menu-scroll-icon > ul > li {
	display:block;
	
	margin:0 0 5px 0;
	padding:0;
	
	width:100%;
	height:2px;
	
	list-style:none;
	
	background:#fff;
}

.menu-scroll {
	z-index:4;
	position:fixed; top:0;
	display:none;
	
	margin:0;
	padding:0;
	
	width:100%;
	height:55px;
	
	box-shadow:0 0 20px #999;
	background:#ff3333;
	
	text-align:center;
	text-transform:uppercase;
}

.menu-scroll > ul {
	margin:auto;
	padding:0;
	
	width:95%; max-width:1500px;
}

.menu-scroll > ul > li {	
	margin:0;
	padding:0;
	
	width:14.28571428571429%;
	
	float:left;
	list-style:none;
}

.menu-scroll a {
	display:block;
	padding:18.5px 0;
	
	color:#FFF;
}

.menu-scroll a:hover {
	text-shadow:0 0 3px #fff, 0 0 6px #fff, 0 0 8px #fff;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.menu-scroll { font-size:80%; letter-spacing:-.5px; }
}

@media only screen and (min-width:1025px) {
	.menu-scroll { font-size:85%; letter-spacing:2px; }
	.menu-scroll a:hover { letter-spacing:4px; }
}

.menu-scroll img {
	display:block;
	
	margin:6px auto;

	width:auto;
	height:42px;
}


/* base */

.base {
	margin:0 0 0 0;
	padding:80px 0;

	width:100%;
	
	background:url(../img/base/shadow.jpg) top center no-repeat #ff3333;
	
	font-size:100%;
	line-height:110%;
	color:#fff;
	text-align:center;
}

.base img {
	margin:0 auto 30px auto;

	width:130px;
	height:auto;
}


/* home */

.home {
	margin:80px auto 0 auto;
	padding:0 0 0 0;
	
	width:90%; max-width:1500px;
}


/* slider */


.slider-cont {
	position:relative;
	margin:230px auto 80px auto;

	width:90%; max-width:1500px;
	
	box-shadow:0 0 20px #999;
	background:#ff3333;
}

@media only screen and (max-width:767px) {
	.slider { padding:15px; }
}

@media only screen and (min-width:768px) {
	.slider { padding:30px; }
}


/* sections */


.section-a {
	margin:0;
	padding:0;

	width:100%;
	
	float:left;
	background:#ff3333;
}

.section-a > li {
	margin:0;
	padding:0;
	
	width:50%;
	height:180px;
	
	float:left;
	list-style:none;

	text-transform:uppercase;
}

@media only screen and (min-width:1024px) {
	.section-a > li {
		font-size:140%;
		letter-spacing:4px;
	}
}

@media only screen and (max-width:1023px) {
	.section-a > li {
		font-size:120%;
	}
}

.section-a > li:first-child {
	display:table;
	text-align:center;
}

.section-a-title {
	display:table-cell;
	vertical-align:middle;
}

.section-a > li > img {
	width: 100%;
	height: 100%;
  
	-o-object-fit: cover;
	object-fit: cover;
}

.section-a-link {
	color:#fff;
}

.section-a-link:hover {
	color:#FFF;
	text-shadow:0 0 3px #fff, 0 0 6px #fff, 0 0 8px #fff;
}

.section-b {
	margin:50px 0 0 0;
	padding:0;
	
	width:100%;

	float:left;
}

.section-b > li {
	margin:0;
	padding:0;

	float:left;
	list-style:none;
	
	font-weight:800;
}

@media only screen and (max-width:549px) {
	.section-b > li {
		font-size:140%;
		line-height:100%;
	}
	
	.section-b > li { width:49.8%; }
	.section-b > li:nth-child(3n+0) { width:100%; float:right; padding:20px 0 0 0; border-top:1px solid #333; }
	.section-b > li:nth-child(3n+1) { clear:both; }
	
	.section-b > li:nth-child(2) {
		padding:0 0 20px 0;
		border-left:1px solid #333;
	}
	
	.section-b img { display:block; padding:0; margin:0 auto 10px auto; }
	
	.section-b > li:nth-child(1),
	.section-b > li:nth-child(2),
	.section-b > li:nth-child(3) { text-align:center; }
}

@media only screen and (min-width:550px) and (max-width:767px) {
	.section-b > li {
		font-size:140%;
		line-height:100%;
	}
	
	.section-b > li { width:33.2%; }
	.section-b > li:nth-child(3n+0) { float:right; }
	.section-b > li:nth-child(3n+1) { clear:both; }
	
	.section-b > li:nth-child(2) {
		border-left:1px solid #333;
		border-right:1px solid #333;
	}
	
	.section-b img { display:block; padding:0; margin:0 auto 10px auto; }
	
	.section-b > li:nth-child(1),
	.section-b > li:nth-child(2),
	.section-b > li:nth-child(3) { text-align:center; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.section-b > li {
		font-size:150%;
		line-height:200%;
	}
	
	.section-b > li { width:33.23%; }
	.section-b > li:nth-child(3n+0) { float:right; }
	.section-b > li:nth-child(3n+1) { clear:both; }
	
	.section-b > li:nth-child(2) {
		border-left:1px solid #333;
		border-right:1px solid #333;
	}
	
	.section-b > li:nth-child(1) { text-align:left; }
	.section-b > li:nth-child(2) { text-align:center; }
	.section-b > li:nth-child(3) { text-align:right; }
}

@media only screen and (min-width:1024px) {
	.section-b > li {
		font-size:210%;
		line-height:150%;
		letter-spacing:1px;
	}
	
	.section-b > li { width:33.262%; }
	.section-b > li:nth-child(3n+0) { float:right; }
	.section-b > li:nth-child(3n+1) { clear:both; }
	
	.section-b > li:nth-child(2) {
		border-left:1px solid #333;
		border-right:1px solid #333;
	}
	
	.section-b > li:nth-child(1) { text-align:left; }
	.section-b > li:nth-child(2) { text-align:center; }
	.section-b > li:nth-child(3) { text-align:right; }
}

.section-b img { vertical-align:bottom; padding:0 10px 0 0; }

.section-b a {
	display:block;
	color:#333;
}

.section-b a:hover { color:#ff3333; }


/* contents */


.content {
	margin:250px auto 0 auto;

	width:90%; max-width:1500px;
}

.content img {	
	margin:0;
	padding:0;
	
	width:100%;
	height:auto;
	
	box-shadow:0 0 20px #999;
}



.bullet { margin:0; padding:0; }

.bullet > li {
	margin:0 0 30px 0;
	padding:0 0 0 50px;

	list-style:none;
	background:url(../img/layout/bullet.png) left no-repeat;
}


/* cols */


.C2, .C3, .C4 {
	margin:0;
	padding:0;
	
	width:100%;

	float:left;
}

.C2 > li, .C3 > li, .C4 > li {
	margin:0 4% 30px 0;
	padding:0;

	float:left;
	list-style:none;
}

@media only screen and (max-width:549px) {
	.C2 > li { width:100%; }
	.C2 > li:nth-child(1n+0) { float:right; margin:0 0 30px 0; }
	.C2 > li:nth-child(1n+1) { clear:both; }
	
	.C3 > li { width:47.5%; }
	.C3 > li:nth-child(2n+0) { float:right; margin:0; }
	.C3 > li:nth-child(2n+1) { clear:both; }
	
	.C4 > li { width:47.5%; }
	.C4 > li:nth-child(2n+0) { float:right; margin:0; }
	.C4 > li:nth-child(2n+1) { clear:both; }
}

@media only screen and (min-width:550px) and (max-width:767px) {
	.C2 > li { width:100%; }
	.C2 > li:nth-child(1n+0) { float:right; margin:0 0 30px 0; }
	.C2 > li:nth-child(1n+1) { clear:both; }
	
	.C3 > li { width:30.66666666666667%; }
	.C3 > li:nth-child(3n+0) { margin:0 0 20px 0; }
	.C3 > li:nth-child(3n+1) { clear:both; }
	
	.C4 > li { width:30.66666666666667%; }
	.C4 > li:nth-child(3n+0) { margin:0 0 20px 0; }
	.C4 > li:nth-child(3n+1) { clear:both; }
}

@media only screen and (min-width:768px) {
	.C2 > li { width:46%; }
	.C2 > li:nth-child(2n+0) { float:right; margin:0 0 20px 0; }
	.C2 > li:nth-child(2n+1) { clear:both; }
	
	.C3 > li { width:30.66666666666667%; }
	.C3 > li:nth-child(3n+0) { margin:0 0 20px 0; }
	.C3 > li:nth-child(3n+1) { clear:both; }
	
	.C4 > li { width:22%; }
	.C4 > li:nth-child(4n+0) { margin:0 0 20px 0; }
	.C4 > li:nth-child(4n+1) { clear:both; }
}


/* products */


/* menu products */

.menu-products {
	margin:20px auto;
	padding:0;
	
	width:100%;
	
	text-transform:uppercase;
	text-align:center;
	
	float:left;
	
	background:#ff3333;
	box-shadow:0 0 10px #999;
}

.menu-products > li {
	margin:0;
	padding:0;

	width:49.8%;
	
	float:left;
	list-style:none;
}

.menu-products > li:nth-child(1) {
	border-right:1px solid #ff726d;
}

.menu-products a {
	display:block;
	padding:16px 0;
	
	color:#FFF;
}

.menu-products a:hover {
	text-shadow:0 0 3px #fff, 0 0 6px #fff, 0 0 8px #fff;
}


/* menu products scroll */


.menu-products-scroll {
	z-index:3;
	position:fixed; top:55px; left:0;
	display:none;
	
	margin:0;
	padding:0;
	
	width:100%;
	height:55px;
	
	box-shadow:0 0 20px #999;
	background:#666;
	
	text-align:center;
	text-transform:uppercase;
}

.menu-products-scroll > li {	
	margin:0;
	padding:0;
	
	width:49.8%;
	
	float:left;
	list-style:none;
}

.menu-products-scroll > li:nth-child(1) {
	border-right:1px solid #fff;
}

.menu-products-scroll a {
	display:block;
	padding:18.5px 0;
	
	color:#FFF;
}

.menu-products-scroll a:hover {
	background:#333;
	text-shadow:0 0 3px #fff, 0 0 6px #fff, 0 0 8px #fff;
}


/* products mosaic */


.products a {
	display:block;
}

.products a:hover {
	color:#fff;

	border-radius:20px;
	background:#ff3333;
}

@media only screen and (max-width:767px) {
	.products a:hover { padding:10px; }
}

@media only screen and (min-width:768px) {
	.products a:hover { padding:30px; }
	.break { display:none;  }
}

.volver {
	margin:30px 0 0 0;
	padding:10px 0 0 0;
	
	color:#ff3333;
	text-align:right;

	border-top:1px dotted #ff3333;
}


/* location */
#map img {
	box-shadow:none !important;
}

.map {
	margin:20px 0 0 0;
	
	width:100%;
	height:500px;
	
	border-radius:10px;
	box-shadow:0 0 20px #CCC;
}

.map p {
	margin:0 0 10px 0;
	padding:0;
	
	font-size:14px;
	line-height:16px;
	color:#666;
}

.map a {
	display:block;
	margin:0 0 10px 0;
	padding:0;
	
	font-size:14px;
	line-height:16px;
	color:#000;
	font-weight:400;
	text-align:left;
	text-decoration:none;
}

.map a:hover { color:#F60; }