@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'maax_roundedbold';
    src: url('./fuentes/maax_rounded_bold-webfont.eot');
    src: url('./fuentes/maax_rounded_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fuentes/maax_rounded_bold-webfont.woff2') format('woff2'),
         url('./fuentes/maax_rounded_bold-webfont.woff') format('woff'),
         url('./fuentes/maax_rounded_bold-webfont.ttf') format('truetype'),
         url('./fuentes/maax_rounded_bold-webfont.svg#maax_roundedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'maax_roundedbold_italic';
    src: url('./fuentes/maax_rounded_bolditalic-webfont.eot');
    src: url('./fuentes/maax_rounded_bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fuentes/maax_rounded_bolditalic-webfont.woff2') format('woff2'),
         url('./fuentes/maax_rounded_bolditalic-webfont.woff') format('woff'),
         url('./fuentes/maax_rounded_bolditalic-webfont.ttf') format('truetype'),
         url('./fuentes/maax_rounded_bolditalic-webfont.svg#maax_roundedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'maax_roundeditalic';
    src: url('./fuentes/maax_rounded_italic-webfont.eot');
    src: url('./fuentes/maax_rounded_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fuentes/maax_rounded_italic-webfont.woff2') format('woff2'),
         url('./fuentes/maax_rounded_italic-webfont.woff') format('woff'),
         url('./fuentes/maax_rounded_italic-webfont.ttf') format('truetype'),
         url('./fuentes/maax_rounded_italic-webfont.svg#maax_roundeditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'maax_roundedmedium';
    src: url('./fuentes/maax_rounded_medium-webfont.eot');
    src: url('./fuentes/maax_rounded_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fuentes/maax_rounded_medium-webfont.woff2') format('woff2'),
         url('./fuentes/maax_rounded_medium-webfont.woff') format('woff'),
         url('./fuentes/maax_rounded_medium-webfont.ttf') format('truetype'),
         url('./fuentes/maax_rounded_medium-webfont.svg#maax_roundedmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'maax_roundedmedium_italic';
    src: url('./fuentes/maax_rounded_mediumitalic-webfont.eot');
    src: url('./fuentes/maax_rounded_mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fuentes/maax_rounded_mediumitalic-webfont.woff2') format('woff2'),
         url('./fuentes/maax_rounded_mediumitalic-webfont.woff') format('woff'),
         url('./fuentes/maax_rounded_mediumitalic-webfont.ttf') format('truetype'),
         url('./fuentes/maax_rounded_mediumitalic-webfont.svg#maax_roundedmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'maax_roundedregular';
    src: url('./fuentes/maax_rounded-webfont.eot');
    src: url('./fuentes/maax_rounded-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fuentes/maax_rounded-webfont.woff2') format('woff2'),
         url('./fuentes/maax_rounded-webfont.woff') format('woff'),
         url('./fuentes/maax_rounded-webfont.ttf') format('truetype'),
         url('./fuentes/maax_rounded-webfont.svg#maax_roundedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.fanc {
	color: #1b8db2;
}
.herr {height:20px;}
.move{
	width:35px;
	height:35px;
	background-image:url(../img/resize.png);
	margin-left:25px;
	float:left;
	cursor:move;
}
.remov{
	width:35px;
	height:35px;
	background-image:url(../img/remove.png);
	margin-right:95px;
	float:right;
	cursor:pointer;
}
.editicon {
	position:absolute;
	top:10px;
	right:10px;
	z-index:998;
}
.editicon a {
	text-align:center;
	margin-bottom:10px;
	display:block;
	padding:5px 10px;
	background-color:#548DAF;
	font-size:16px;
	font-family: 'maax_roundedmedium';
	color:#FFF;
	border:1px solid #FFF;
	border-radius:2px;
}
.editicon a.onedit {display:none}
a {
	text-decoration:none;
}
a img {border:0; }
html {
	min-height:100%;
}
body {
	min-height:100%;
	background-image:url(../img/fondohome.jpg);
	background-attachment:fixed;
	background-repeat:repeat;
	background-size:100% auto;
	margin:0 0;
	font-family:'maax_roundedregular';
}
#container {
	margin:0 auto;
	width:100%;
	max-width:1100px;
	min-height:100%;
	background-color:#FFF;
	position:relative;
}
#header h1 {
	margin:0 0 0 40px;
	padding:0 0;
	width:205px;
	height:102px;
	float:left;
	background-image:url(../img/logo.png);
	margin-top:20px;
	margin-bottom:20px;
}
#header h1 a span {
	display:none;
}
#header {
	overflow:auto;
}
#header ul#nav {
	padding:0 0;
	background-image:url(../img/menu.png);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:40px;
	position:absolute;
	top:0;
	right:10px;
	min-width:35px;
	min-height:35px;
	text-align:right;
	z-index:999;
}
#header ul#nav:hover li {
	display:block;
}
#header ul#nav li{
	list-style:none;
	float:none;
	display:none;
	text-align:right;
}
#header ul#nav li a{
	color:#1B8DB2;
	background-color:#FFF;
	padding:11px 18px;
	display:block;
	font-size:14px;
	font-family: 'maax_roundedmedium';
}
#header ul#nav li a#icBuscar{
	height:17px;
	background-image:url(../img/lupa.png);
	background-position:right 18px center;
	background-repeat:no-repeat;
}
#header ul#nav li a#icBuscar:hover{
	background-image:url(../img/lupa_hover.png);
}
#header ul#nav li a#icBuscar span{
	display:none;
}

#header ul#nav li a:hover, #header ul#nav li.activo a{
	background-color:#538CAF;
	color:#FFF;
}
.slider_home {
	clear:both; position:relative;
}
.slider_home ul {
	margin:0; padding:0;
}
.slider_info {
	background-image:url(../img/grapadora.png);
	background-size:200px;
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom:50px;
	position:relative;
}
#infohome {
	font-size:21px;
	color:#546165;
	margin:0;
	padding:0;
}
#infohome>li{
	font-size:14px;
	text-align:center;
	line-height:133%;
}
li.edit{
	padding:15px 0;
	border-bottom:1px solid #999;
}
.slider_info .bx-wrapper .bx-pager {
  bottom: -20px;
  display:none;
}
.primeras_marcas {
	background-color:#EBEBEB;
	margin-top:20px;
	padding:30px 10%;
	color:#536065;
	position:relative;
}
.slider_info {
	padding-left:10%;
	padding-right:10%;
}
.primeras_marcas h2, .tiendas h2 {
	padding:0;
	margin:0;
	text-align:center;
	font-size:30px;
	font-weight:normal;
	color: #536065;
}
.primeras_marcas p {
	color:#546165;
	line-height:128%;
	font-size:14px;
	text-align:center;
	margin-bottom:25px;
}
.primeras_marcas img {
	display:none;
	position:absolute;
	top:32px;
	left:45px;
}
.marcas {
	background-image:url(../img/marcas.png);
	background-position:center center;
	background-repeat:no-repeat;
	height:41px;
	margin:0 -10%;
	background-size:100%;
}
.entry_blog {
	background-color:#FFF;
	padding:20px 20px;
}
.entry_blog h2{
	margin:0;
	padding:0;
	color:#1B8DB2;
	font-family: 'maax_roundedmedium';
	font-size:14px;
	margin-bottom:30px;
	font-weight:normal;
}
.entry_blog h3 {
	font-size:28px;
	color:#546165;
	margin:0;
	padding:0;
}
.entry_blog .infopost {
	color:#546165;
	font-family:'maax_roundeditalic';
	font-size:14px;
	margin-top:20px;
}
.entry_blog .infopost span {
	color:#1B8DB2
}
.entry_blog .infopost em {
	font-style:normal;
	display:inline-block;
	margin:0 10px;
}
.entry_blog .cuerpo {
	margin-top:40px;
	font-size:14px;
	color:#546165;
	overflow:auto;
	max-height:300px;
	overflow:hidden;
	position:relative;
}
.entry_blog .cuerpo div{
	margin-bottom:30px;
}
.entry_blog .cuerpo img{ 
	float:right;
	margin:0 0 20px 20px;
	width:100%;
	max-width:100%;
	height:auto;
	display:none;
}
.entry_blog .ver {
	margin-top:60px;
}
.entry_blog .ver a{
	color:#FFF;
	background-color:#538DAF;
	font-family:'maax_roundedmedium';
	font-size:14px;
	padding: 14px 53px;
}
.citas {
	padding-top:45px;
	padding-bottom:20px;
	background-color:#538DAF;
	color:#FFF;
	text-align:center;
	position:relative;
}
.citas ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	background-color:#538DAF;
}
.citas ul li{
	margin:0;
	padding:0 auto;
	text-align:center;
	background-color:#538DAF;
}
.citas ul li p{
	text-align:center;
}
.citas blockquote {
	font-family:'maax_roundeditalic';
	font-size:18px;
}
.citas ul li img {
	border:4px solid #FFF;
	border-radius:50px;
	width:92px;
	height:92px;
	display:inline;
}
.citas .autor {
	font-family: 'maax_roundedbold';
	font-size:18px;
	margin-top:50px;
}
.citas .autor span{
	font-family:'maax_roundeditalic';
	display:block;
}
.citas .bx-wrapper .bx-pager
{
  bottom: 60px;
  z-index:9999
}
.citas .bx-wrapper .bx-pager.bx-default-pager a
{
  background-color: #fff;
}
.tiendas {
	text-align:center;
	padding: 71px 0px;
	background-image:url(../img/fondotiendas.png);
	background-position:right 40px bottom;
	background-repeat:no-repeat;
}
.item {
    display: inline-block;
    width: 300px;
	margin:20px 7px;
}
.item img{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border:0;
}
.item .loc{
	font-size:21px;
	color:#FFF;
	background-color:#548DB0;
	text-align:center;
	padding:13px 0;
	margin-top:-4px;
}
.item .infotienda {
	font-size:16px;
	color:#546165;
	text-align:center;
	margin-top:20px;
}
.tiendas h2 {
	margin-bottom:50px;
}
.contlink {
	margin-top:60px;
	margin-bottom:150px;
}
.contlink a {
	background-color:#538CAF;
	color:#FFF;
	font-size:14px;
	font-family:'maax_roundedmedium';
	padding:12px 59px;
}
footer {
	font-size:14px;
	text-align:center;
	color:#1B8DB2;
	padding:16px 0;
}
.infosocial {
	padding:180px 0;
	padding-bottom:0px;
	background-color:#5A6265;
	background-image:url(../img/c.png);
	background-repeat:no-repeat;
	background-position:top 20px center;
	text-align:center;
	font-size:18px;
	color:#FFF;
}
.infosocial .info1 {
	display:inline-block;
	padding:20px;
	text-align:center;
}
.infosocial .info2 {
	display:inline-block;
	padding:20px;
	text-align:center;
}
.infosocial .info3 {
	display:inline-block;
	padding:20px;
}
.aboutpage {
	background-color:#548DAF;
	overflow:auto;
}
.infoabout {
	font-size:18px;
	text-align:center;
	color:#FFF;
	padding:98px 20%;
	line-height:133%;
	background-repeat:no-repeat;
	background-position:left 55px bottom;
}
.timeline ul {
	list-style:none;
	margin:0;
	padding:0;
	color:#FFF;
	background-image:url(../img/columnaabout.png);
	background-position:right 10px center;
	background-repeat:repeat-y;
	margin-top:50px;
}
.timeline ul li{
	margin:0;
	margin-right:10px;
	padding:0;
	overflow:auto;
	margin-top:30px;
	position:relative;
}
.timeline ul li .infotime{
	width:192px;
	margin-left:22px;
	text-align:right;
	float:left;
}
.timeline ul li .infoyear{
	float:right;
	width:calc(100% - 230px);
	background-image:url(../img/puntos.png);
	background-position:top 21px right;
	background-repeat:repeat-x;
	
}

.timeline ul li .infoyear span{
	display:inline-block;
	background-color:#FFF;
	border-radius:23px;
	font-size:14px;
	font-family: 'maax_roundedbold';
	color:#546165;
	width:47px;
	height:32px;
	text-align:center;
	padding-top:15px;
}
.timeline ul li .infoyear.gr span{
	background-color:#596265;
	color:#FFF;
}

.timeline ul li h3{
	margin:0;
	padding:0;
	font-size:21px;
	font-family:'maax_roundedmedium';
	font-weight:normal;
}
.timeline ul li h3.plus{
	font-size:30px;
}
.timeline ul li h3 span.plusplus{
	font-size:45px;
	font-family:'maax_roundedbold';
	letter-spacing:-3px;
}
.timeline ul li p{
	font-size:14px;
	margin:0;
	margin-top:5px;
}
.timelinecontainer {
	background-image:url(../img/fondoaboutup3.png); 
	background-position:top right; 
	background-repeat:no-repeat; 
	padding-top:460px; 
	margin-top:-50px;
	overflow:auto;
	position:relative;
}
.timelinecontainer2 {
	background-image:url(../img/fondoaboutbottom3.png); 
	background-position:bottom right; 
	background-repeat:no-repeat; 
	padding-bottom:320px; 
}
.atrezo {
	display:none;
}
.pccont {
	box-sizing: border-box;
	margin:0 auto;
	width:100%;
	max-width:353px;
	padding:0 15px;
}
.pc {
	width:100%;
	max-width:343px;
	height:156px;
	background-image:url(../img/pc.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:60px;
}
.nuevaimagen {
	width:279px;
	height:72px;
	margin:0 auto;
	background-image:url(../img/nuevaimagen.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:78px;
}
.nuevaimagen span{
	display:none;
}
.fintimeline {
	color:#FFF;
	width:207px;
	text-align:right;
	float:right;
	font-size:14px;
	margin-top:20px;
	margin-right:15px;
}
.login {
	display:none;
	position:absolute;
	right:80px;
	top:10px;
}
.login [type=text], .login [type=password]{
	border:1px solid #C7CACA;
	width:133px;
	height:18px;
	font-size:12px;
	color:#546165;
	font-family:'maax_roundedregular';
	background-color:#F6F6F6;
	display:block;
	margin-bottom:6px;
	padding-left:10px;
}
.login [type=submit] {
	font-size:12px;
	color:#FFF;
	background-color:#538CAF;
	font-family:'maax_roundedmedium';
	border:0;
	padding:4px 7px;
	cursor:pointer;
	}
.login a {
	color:#1B8DB2;
	font-size:10px;
	}
.form_contacto {
	background-image:url(../img/fondocontacto.jpg);
	background-position:top left;
	padding-top:48px;
}
.form_contacto h3{
	text-align:center;
	font-weight:normal;
	padding:0 20px;
	margin:0;
	color:#FFF;
	font-size:48px;
	margin-bottom:10px;
	
}
.form_contacto p{
	text-align:center;
	font-weight:normal;
	padding:0 20%;
	margin:0;
	color:#FFF;
	font-size:16px;
	margin-bottom:36px;
}
.form_contacto form{
	padding:0;
	margin:0 auto;
	text-align:center;
	width:80%;
}
.form_contacto form input::-webkit-input-placeholder, .form_contacto form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666;
}
.form_contacto form input:-moz-placeholder, .form_contacto form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666;
   opacity:  1;
}
.form_contacto form input::-moz-placeholder, .form_contacto form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666;
   opacity:  1;
}
.form_contacto form input:-ms-input-placeholder,.form_contacto form textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666;
}
.form_contacto form input[type=text]{
	box-sizing: border-box;
	width:100%;
	border:1px solid #EAF2F0;
	background-color:rgba(255,255,255,0.5);
	font-family:'maax_roundedregular';
	color:#666;
	padding:6px 11px;
	margin-bottom:15px;
}
.form_contacto form textarea{
	width:100%;
	box-sizing: border-box;
	border:1px solid #EAF2F0;
	background-color:rgba(255,255,255,0.5);
	font-family:'maax_roundedregular';
	color:#666;
	padding:6px 11px;
	min-height:158px;
	resize: none;
}
.form_contacto form input[type=submit]{
	text-align:center;
	padding:12px 73px;
	background-color:#538CAF;
	color:#FFF;
	border:0;
	font-size:14px;
	font-family:'maax_roundedmedium';
	margin-bottom:30px;
	
}
.form_contacto .requeridos {
	color:#FFF;
	text-align:right;
	margin:10px 0;
}
.tiendas_contacto {
	padding: 30px 0px;
	background-image:url(../img/grapadora.png);
	background-position:bottom 30px center;
	padding-bottom:160px;
	
}
.tiendas_contacto .item .infotienda {
	color:#1B8DB2;
}
.entry_blog .cuerpo div.gradientback{

    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:50px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	margin-bottom:0;

}
@media (min-width: 480px) { 
	.entry_blog .cuerpo img{ 
		float:right;
		margin:0 0 20px 20px;
		max-width:35%;
	}
	.timeline ul {
		background-position:right 40px center;
	}
	.timeline ul li{
		margin-right:40px;
	}
	.timelinecontainer {
		background-image:url(../img/fondoaboutup2.png); 
	}
	.timelinecontainer2 {
		background-image:url(../img/fondoaboutbottom2.png); 
	}
	.fintimeline {
		margin-right:40px;
	}
	.login {
		display:block;
	}
}
@media (min-width: 640px) { 
	h1 {
		margin-bottom:0;
	}
	#header ul#nav {
		margin:0 62px 0 0;
		clear:both;
		float:right;
		background-image:none;
		padding-top:0px;
		position:relative;
		top:0;
		right:0;
	}
	#header ul#nav li{
		float:left;
		display:block;
 	}
	#header ul#nav li a#icBuscar{
		width:18px;
	}
	#infohome>li{
		font-size:16px;
	}
	.slider_info {
		background-size:250px;
		padding-bottom:80px;
	}
	.primeras_marcas h2, .tiendas h2 {
		font-size:36px;
	}
	.primeras_marcas p {
		font-size:16px;
		margin-bottom:50px;
	}
	.entry_blog {
		padding:40px 40px;
	}
	.entry_blog h3 {
		font-size:38px;
	}
	.timeline ul li.der .infoyear{
		float:left;
		text-align:right;
		margin-left:0px;
		margin-right:15px;
	}
	.timeline ul li.der .infotime{
		float:right;
		margin-left:0;
		text-align:left;
		margin-right:22px;
		
	}
	.timeline ul li.der{
		border-right:0;
		margin-right:0;
		margin-left:50%;
	}
	.timeline ul {
		background-image:url(../img/columnaabout.png);
		background-position:center;
		background-repeat:repeat-y;
		margin-top:50px;
	}
	.timeline ul li{
		margin-right:50%;
		margin-top:-20px;
	}
	#firstitem img {margin-top:15px;}
	.timelinecontainer {
		background-image:url(../img/fondoaboutup.png); 
		background-position:top center; 
	}
	.timelinecontainer2 {
		background-image:url(../img/fondoaboutbottom.png); 
		background-position:bottom center; 
	}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	h1 {
		margin-left:80px;
	}
	#infohome>li{
		font-size:18px;
	}
	.slider_info {
		background-size:320px;
		padding-bottom:100px;
	}
	.primeras_marcas h2, .tiendas h2 {
		font-size:48px;
	}
	.primeras_marcas {
		margin-top:50px;
		padding:54px 15%;
	}
	.slider_info {
		padding-left:15%;
		padding-right:15%;
	}
	.primeras_marcas p {
		font-size:18px;
		margin-bottom:100px;
	}
	.marcas {
		margin:0 -15%;
	}
	.entry_blog {
		padding:80px 80px;
	}
	.entry_blog h3 {
		font-size:48px;
	}
	.entry_blog .cuerpo {
		font-size:18px;
	}
	.citas {
		padding-top:45px;
	}
	.timeline ul li .infotime{
		margin-left:92px;
	}
	.timeline ul li.der .infotime{
		margin-right:92px;
	}
	.timeline ul li .infoyear{
		width:calc(100% - 300px);
	}
	.form_contacto form .inputs {
		display: flex;
		flex-flow: row nowrap; /* Align on the same line */
		justify-content: space-between;
	}
	.form_contacto form input[type=text]{
		width:30%;
	}
	.form_contacto form input[type=text]:last-child{
		margin-right:0;
	}
}
@media (min-width: 900px) { 
	#header ul#nav {
		margin-top:-20px;
	}
	.infosocial {
		padding:60px 0;
		background-position:left 88px center;
		text-align:right;
	}
	.infosocial .info1, .infosocial .info2, .infosocial .info3  {
		text-align:left;
	}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	 .primeras_marcas {
		margin-top:70px;
		padding:74px 20%;
	}
	.primeras_marcas img {
		display:block;
	}
	.slider_info {
		padding-left:20%;
		padding-right:20%;
	}
	.marcas {
		margin:0 -10%;
	}
}
@media (min-width: 1100px) { 
	#firstitem {
		position:absolute; top:50px; margin:0 0; left:460px;
	}
	#firstitem .infoyear {
		width:315px;
	}
	.regla {
		position:absolute;
		top:300px;
		right:75px;
	}
	.etiqueta {
		position:absolute;
		top:900px;
		left:190px;
	}
	.movil {
		position:absolute;
		top:1150px;
		left:350px;
	}
	.compas {
		position:absolute;
		bottom:220px;
		left:230px;
	}
	.atrezo {
		display:block;
		pointer-events:none;
	}
	.fintimeline {
		margin-right:60px;
	}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
.nada {}
}