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

@font-face {
  font-family: 'Nexa';
  src: url('../fonts/NexaLight.eot');
  src: url('../fonts/NexaLight.eot#iefix') format('embedded-opentype'),
       url('../fonts/NexaLight.woff') format('woff'),
       url('../fonts/NexaLight.ttf') format('truetype'),
       url('../fonts/NexaLight.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nexa';
  src: url('../fonts/NexaBold.eot');
  src: url('../fonts/NexaBold.eot#iefix') format('embedded-opentype'),
       url('../fonts/NexaBold.woff') format('woff'),
       url('../fonts/NexaBold.ttf') format('truetype'),
       url('../fonts/NexaBold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	padding:0;
	margin:0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----*/

html,
body {
	width:100%;
	position:relative;
}

body {
	color:#333;
}

.pagina {
	margin:auto;
	position:relative;
	z-index:1;
	min-height:100%;
}

.cont {
	max-width:1200px;
	padding:0 40px;
	margin:auto;
	background-color:#fff;
}

.half-cont {
	overflow:hidden;
	margin-bottom:40px;
}

.half {
	width:50%;
	float:left;
	display:block;
	box-sizing:border-box;
}

.third {
	width:33.3%;
	float:left;
	display:block;
	box-sizing:border-box;
}

.clear {
	clear:both;
}

/*----GENERALES----*/

body {
	font: 1em 'Open Sans', sans-serif;
	background-color:#f0f0f0;
}

p {
	text-align:justify;
	margin-bottom:20px;
	line-height:1.4em;
}

a {
	color:#009FE3;
	text-decoration:none;
}

strong {
	font-weight:bold;
}

h1 { font:bold 1.6em 'Nexa', sans-serif; margin-bottom:20px; }
h2 { font:bold 1.4em 'Nexa', sans-serif; margin-bottom:20px; }
h3 { font:bold 1.2em 'Nexa', sans-serif; margin-bottom:20px; }
h4 { font:bold 1.1em 'Nexa', sans-serif; margin-bottom:20px; }
h5 { font:bold 1em 'Nexa', sans-serif; margin-bottom:20px; }

/*.tit {
	position:relative;
	margin-bottom:20px;
}

.tit:before {
	content:" ";
	width:16px;
	height:16px;
	background-color: #BBE5FA;
	position:absolute;
	left:-25px;
	bottom:-8px;
}

.tit span {
	display:inline-block;
	padding-bottom:5px;
	border-bottom:1px solid #f0f0f0;
	padding-right:40px;	
}*/

.tit a {
	color:#000;
}

.tit span {
	display:inline-block;
	border-bottom:3px solid #009FE3;
	padding-bottom:10px;
	padding-right:40px;	
}

.button {
	display:inline-block;
	background-color: #009FE3;
	color:#fff;
	padding:5px 10px;
	text-decoration:none;
	font:1em 'Nexa', sans-serif;
	transition: all 0.2s ease;
}

.button:hover {
	box-shadow:0 0 3px #000;
	background-color:#0065B1;
}

.half-cont {
	overflow:hidden;
}

.half {
	float:left;
	width:50%;
	box-sizing:border-box;
}

.half:first-child {
	padding-right:20px;
}

.half:last-child {
	padding-left:20px;
}

img { max-width:100%; vertical-align:middle; }


/*---*/

.head-tel {
	box-shadow:0 0 3px #000;
	float:right;
	overflow:hidden;
	font-size:1.4em;
	font-weight:bold;
}

.hs-2 {
	background:#0065B1;
	color:#fff;
	font-size:1.0em;
	padding:5px;
	vertical-align:middle;
	display:inline-block;
}

.hs-2.whats {
	background:#4dc247;
}

.hs-2 i {
	line-height:21px;
	vertical-align:middle;
}

.hs-3 {
	background:#fff;
	color:#0065B1;
	font-size:1.0em;
	padding:5px;
	vertical-align:middle;
	display:inline-block;
}

.hs-3 span:first-child {
	font-size:0.6em;
}

#logo {
	padding:20px 0;
	margin:0 !important;
}

/*
#menu {
	text-align:center;
}

#menu li {
	display:inline-block;
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 3px;
	border-top:3px solid transparent;
	transition: all 0.2s ease;
}

#menu li.is-page {
	border-top:3px solid #BBE5FA;
}

#menu a {
	color:#000;
	padding:15px;
	display:block;
}
*/

#menu {
	background-color:#009FE3;
	color:#fff;
	margin:0 -40px 40px;
}

#menu li {
	float:left;
	font-size:1.1em;
	transition: all 0.2s ease;
	position:relative;
}

#menu a {
	color:#fff;
	padding:15px;
	display:block;
	transition: all 0.2s ease;
}

#menu a:hover {
	background-color:#0065B1;
}

.slider {
	position:relative;
	margin:0 -40px 40px;
}

.slide {
	position:relative;
}

.slide img {
	position:relative;
	z-index:1;
	width:100%;
}

.slide span {
	position:absolute;
	right:20px;
	bottom:20px;
	font-size:2em;
	opacity:0.6;
	z-index:2;
	transition: all 0.2s ease;
}

.slide:hover span {
	opacity: 1;
}

.prev-arrow,
.next-arrow {
	display:block;
	position:absolute;
	top:45%;
	background-color:#333333;
	color:#fff;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:14px;
	cursor:pointer;
}

.prev-arrow {
	left:-20px;
	padding-left:20px;
}

.next-arrow {
	right:-20px;
	padding-right:20px;
}

#content {
	padding-top:40px;
	padding-bottom:40px;
	margin-bottom:40px;
}

.marcas-cont {
	padding:20px;
}

.marca {
	width:150px;
	height:90px !important;
	line-height:90px;
	text-align:center;
}

.marca img {
	vertical-align:middle;
}


footer {
	background-color:#fff;
	margin:0 -40px;
	padding:40px;
	font-size:0.8em;
}

.foot-cont {
	margin-bottom:40px;
	overflow:hidden;
}

.foot-cont article {
	width:33.33%;
	float:left;
}

.nif {
	font-weight:normal;
}

.copy {
	margin-bottom:0;
	text-align:center;
}

.social-i {
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	font-size:16px;
	display:inline-block;
	margin-right:5px;
	color:#fff;
	transition:all 0.2s ease;
}

.social-i:hover {
	box-shadow:0 0 3px #333;
}

.social-fb { background-color:#3b5998; }
.social-tw { background-color:#55acee; }
.social-gp { background-color:#dd4b39; }
.social-ins { background-color:#3f729b; }
.social-pin { background-color:#cc2127; }
.social-you { background-color:#b31217; }
/*---menu categorias---*/

#menu_cat {
	overflow:hidden;
	margin-bottom:40px;
	padding:5px;
	text-align:center;
}

.categoria {
	width:175px;
	height:120px;
	display:inline-block;
	margin:10px;
	position:relative;
	cursor:pointer;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	transition: all 0.2s ease;
}

.categoria:hover {
	box-shadow: 0 0 3px #000;
}

.categoria:first-child {
	margin-left:0;
}

.categoria:last-child {
	margin-right:0;
}

/*
.categoria h2 {
	position:absolute;
	z-index:2;
	bottom:10px;
	left:10px;
	width:90%;
	background-color:#fff;
	font-size:1.2em;
}


.categoria h2 span {
	display:block;
	position:absolute;
	background-color:#BBE5FA;
	width:20px;
	height:20px;
	z-index:1;
	left:-10px;
	bottom:13px;
}

.categoria h2 a {
	color:#000;
	display:block;
	background-color:#fff;
	position:relative;
	z-index:2;
}
*/

.categoria h2 {
	position:absolute;
	bottom:0;
	left:0;
	background-color:#009FE3;
	background-color:rgba(0, 159, 227, 0.8);
	color:#fff;
	font-size:1em;
	padding:10px;
	box-sizing:border-box;
	width:100%;
	margin:0;
	text-shadow:0 0 2px #000;
}

.categoria h2 a {
	color:#fff;
}

.full {
	display:block;
	width:100%;
	height:100%;
	z-index:2;
	position:absolute;
	left:0;
	top:0;
}

/*---index---*/

.idx-text h1 {
	font-size:2em;
	padding-bottom:20px;
	position:relative;
	text-align:center;
	margin-bottom:40px;
}

.idx-text h1:before {
	content:" ";
	width:100px;
	height:5px;
	background-color:#BBE5FA;
	position:absolute;
	margin:auto;
	bottom:0;
	left:0;
	right:0;
}

.ultimas {
	margin-bottom:40px;
}

.ultimas article {
	float:left;
	width:33.33%;
	box-sizing:border-box;
	padding-right:40px;
}

.iframe-cont {
	height:0px;
	width:100%;
	padding-top:71.25%; /* Relación: 16/9 = 56.25% */
	position:relative;
	margin-bottom:20px;
}

/* El iframe se adapta al tamaño del contenedor */
.iframe-cont iframe {
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
}

.of-mini {
}

.of-mini-img {
	margin-bottom:20px;
}


.of-mini-img img {
	width:100%;
}

.of-mini h3 {
	margin-bottom:20px;
}

/*----pagina---*/

.page-text {
	margin-bottom:20px;
	overflow:hidden;
}

.page-text h1 {
	font-size:2em;
	margin-bottom:40px;
}

.page-img {
	float:left;
	width:30%;
	margin-right:40px;
}

.page-tit {
	max-width:800px;
	margin:auto;
}

.page-desc {
	max-width:800px;
	overflow:hidden;
	margin:auto;
}

.page-img + .page-desc {
	max-width:none;
	margin:auto;
}

.page-tit h1,
.page-tit h2 {
	font-size:2em;
	padding-bottom:20px;
	position:relative;
	text-align:center;
	margin-bottom:20px;
}

.page-tit h1:before,
.page-tit h2:before {
	content:" ";
	width:100px;
	height:5px;
	background-color:#BBE5FA;
	position:absolute;
	margin:auto;
	bottom:0;
	left:0;
	right:0;
}

.page-desc h2 {
	margin-bottom:20px;
}

/*---contacto--*/

#gmap {
	width:100%;
	height:400px;
	margin-bottom:20px;
}

.msg-error p {
	padding:5px;
	margin:20px 0;
	border-style:solid;
	border-width:1px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:0.8em;
	background:#fbd3b1;
	color:#ce2700 !important;
	border-color:#f5c69a;
	display:none;
}

label {
	display:block;
	font-size:0.8em;
	font-weight:bold;
}

label span {
	color:#0065B1;
	font-size:2em;
	position:relative;
	top:5px;
}

input[type=text] {
	display:block;
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:5px;
	width:90%;
}

textarea {
	display:block;
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:5px;
	width:90%;
	height:150px;
	font:0.8em Arial, Helvetica, sans-serif;
}

input[type=text]:focus,
textarea:focus {
	box-shadow: 0 0 3px #009FE3;
}
	
input[type=submit] {
	font:bold 1.2em 'Nexa', sans-serif;
	float:left;
	height:40px;
	color:#fff;
	padding:5px 15px;
	margin:10px 0;
	line-height:30px !important;
	text-decoration:none;
	background:#009FE3;
	text-align:center;
	cursor:pointer;
	border:none;
	transition: all 0.2s ease;
}

input[type=submit]:hover,
input[type=submit]:focus {
	background:#000;
}

#thanks {
	display:none;
	padding:20px;
	width:60%;
}

#thanks h2 {
	font-size:1.6em;
}

#thanks p {
}

#thanks_cv {
	padding:20px;
	width:60%;
	text-align:center;
}

#thanks_cv h2 {
	font-size:1.6em;
}

/*---prods images---*/

.category-page .page-img {
	height:350px;
	line-height:350px;
	text-align:center;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(../images/ajax-loader.gif);
}

.category-page .page-img img {
	max-height:100%;
	vertical-align:top;
}

.category-page .page-tit {
	overflow:hidden;
}

.products-images {
	overflow:hidden;
	margin-bottom:40px;
	padding:3px;
}

.prods-slides-nav {
	margin-bottom:40px;
	float:left;
	margin-right:40px;
	padding-top:80px;
}

.prods-slides-nav .mini-nav {
	width:250px;
	text-align:left;
	margin:0 0 20px;
	position:relative;
	cursor:pointer;
	transition: all 0.2s ease;
}

.prods-slides-nav .mini-nav.selected {
	background-color:#0065B1;
	box-shadow:0 0 3px #009FE3;
}

.prods-slides-nav .mini-nav h3 {
	background-color:#009FE3;
	background-color:rgba(0, 159, 227, 0.8);
	color:#fff;
	font-size:1em;
	text-shadow:0 0 2px #000;
	margin:0;
	padding:10px;
}

.prods-slides-nav .mini-nav.slick-center {
	box-shadow: 0 0 5px #009FE3;
}

.prods-slides-nav .mini-nav img {
	vertical-align:middle;
	max-height:100%;
}

.prods-slides-content {
	overflow:hidden;
}

.prods-slides-content .page-img {
	width:100%;
	max-width:none;
	margin:0 0 40px;
	text-align:center;
	float:none;
}


/*---oferas---*/

#ofertas-list {
	column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
	-ms-column-count:2;
	-o-column-count:2;
	
	column-gap:40px;
	-moz-column-gap:40px;
	-webkit-column-gap:40px;
	-ms-column-gap:40px;
	-o-column-gap:40px;
	
	margin-bottom:40px;
}

.oferta {
	overflow:hidden;
	padding:10px;
	border:1px solid #f0f0f0;
	display:inline-block;
	width:580px;
	min-height:240px;
	box-sizing:border-box;
}

.of-img {
	float:left;
	width:200px;
	min-height:20px;
	text-align:center;
	overflow:hidden;
	margin-right:20px;
	margin-bottom:10px;
}

.of-img img {
}

.of-desc {
	float:left;
	max-width:335px;
}

/*---trabajos---*/

#trabajos-list {
	overflow:hidden;
	text-align:center;
	margin-bottom:40px;
}

.trabajo-mini {
	position:relative;
	width:300px;
	height:300px;
	display:inline-block;
	text-align:center;
	border:1px solid #f0f0f0;
	margin:10px;
	vertical-align:middle;
	transition:all 0.2s ease;
}

.trabajo-mini:hover {
	box-shadow:0 0 5px #009FE3;
	border-color:#009FE3;
}

.trabajo-mini-img {
	overflow:hidden;
	max-height:100%;
	max-width:100%;
}

.trabajo-mini h2 {
	position:absolute;
	bottom:0;
	left:0;
	background-color:#009FE3;
	background-color:rgba(0, 159, 227, 0.8);
	color:#fff;
	font-size:1em;
	padding:10px;
	box-sizing:border-box;
	width:100%;
	margin:0;
	text-shadow:0 0 2px #000;
}

.trabajo-mini h2 a {
	color:#fff;
}

.trabajo .page-img {
	margin:0 0 40px;
	text-align:center;
	float:none;
	max-width:none;
	width:auto;
}

/*---franquicias---*/

.franquicias-form {
	max-width:600px;
	margin:0 auto 40px;
}

/*---videos---*/

#videos-list {
	text-align:center;
}

.video-mini {
	display:inline-block;
	width:300px;
	margin:10px;	
}

/*---slider inner --*/

.slider-inner {
	margin-bottom:40px;
}

.slide-inner {
	height:300px;
	line-height:300px;
	text-align:center;	
}

.slider-inner img {
	max-height:300px;
	vertical-align:middle;
}

/*---compartir--*/

.social-in {
	overflow:hidden;
	clear:both;
	padding:5px;
	background-color:#f0f0f0;
	margin-top:10px;
}

.social-in h3 {
	font-size:1.1em;
	margin-bottom:0;
	display:inline-block;
}

/*---movil---*/


.mob { display: none; }

#menu-fixed {
	text-align:center;
	width:100%;
	font-family:'avantgarde', sans-serif;
	background:#fff;
	margin:0;
	position:fixed;
	top:0;
	left:0;
	z-index:3;
	box-shadow:0 0 5px #000;
	display:none;
	height:53px;
}

.menu-logo {
	position:absolute;
	left:5px;
	top:4px;
	height:40px;
}

.menu-logo img {
	max-height:100%;
}

#menu-fixed ul {
	padding:0 !important;
	background:#fff;
	border-radius:0 !important;
	width:100% !important;
	position:absolute;
	z-index:1;
	top:-1000px;
	transition:all 0.2s ease;
}

#menu-fixed.opened ul {
	top:53px;
}

#menu-fixed li {
	display:block !important;
	margin:0 !important;
	padding: 0 !important;
	border-bottom:1px solid #000;
	transition: all 0.2s ease;
}

#menu-fixed li.selected,
#menu-fixed li:hover {
	border-bottom-color:#000;
	background:#f0f0f0;
}

#menu-fixed a {
	color:#000 !important;
	text-transform:uppercase;
	display:block;
	line-height:30px;
	text-decoration:none;
	font-size:1.1em;
	padding:0;
	margin:0 !important;
	margin-top:5px;
	transition:all 0.2s ease;
	text-shadow:none !important;
}

#menu-fixed a:hover {
	font-weight:bold;
}

.select-menu {
	position:absolute;
	right:5px;
	top:7px;
	width:40px;
	height:40px;
	z-index:3;
}

.select-menu a {
	display:block;
	width:40px;
	height:40px;
	background:#fff;
	border-radius:20px;	
	vertical-align:middle;
	text-align:center;
	color:#000;
	box-shadow:0 0 3px #e9e9e9;
}

.select-menu i {
	line-height:40px;
	font-size:20px;
	color:#000;
	vertical-align:middle;
	text-align:center;
}

#menu-tit {
	height:53px;
	display:block;
	color:#000;
	background:#fff;
	line-height:53px;
	text-align:center;
	transition: all 0.2s ease;
	font:bold 1em/53px 'avantgarde', sans-serif;
	position:relative;
	z-index:2;
}

.opened #menu-tit {
	color:#fff;
	background-color:#009FE3;
}

@media only screen and (max-width: 1200px) {
	.pagina { overflow:hidden; width:100%; }
	.cont { margin:auto; }
	.page-img { float:none; width: auto; text-align:center; margin:0 0 40px; }
	.categoria:first-child, .categoria:last-child { margin:10px; }
	#ofertas-list {
		column-count:auto;
		-moz-column-count:auto;
		-webkit-column-count:auto;
		-ms-column-count:auto;
		-o-column-count:2auto;
		
		column-gap:normal;
		-moz-column-gap:normal;
		-webkit-column-gap:normal;
		-ms-column-gap:normal;
		-o-column-gap:normal;
	}
	.oferta { width:auto; display:block; margin-bottom:20px; }
	.half {padding:0 !important; float:none !important; width:auto !important; }
}

@media only screen and (max-width: 700px) {
	.mob { display:block; }
	.screen { display:none; }
	.cont { padding: 0 15px; }
	.menu-logo { height:45px; }
	#menu { display:none !important; }
	#menu-fixed { display: block !important; }
	header { padding-top:53px; text-align:center; margin-bottom:20px; }
	#logo { float:none; margin:0; text-align:center; }
	.head-tel { display:inline-block; float:none; }
	.prev-arrow {left:0; }
	.next-arrow { right:0; }
	.prods-slides-nav { float:none; padding-top:20px; margin-right:0; }
	.prods-slides-nav .mini-nav { margin:0 auto 20px; }
	.ultimas article { float:none; width:100%; padding:0; margin-bottom:40px; }
	.foot-cont article { float:none; width:auto; margin-bottom:20px; }
}