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

* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	margin: 0;
	font-family: "acumin-pro-condensed",sans-serif;
	font-weight: 200;
	color: #2f2f2f;
	font-size: 18px;
}

/* Textos */
h1 {
	font-family: "acumin-pro-condensed",sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 46px;
}
.titProd {padding-bottom: 20px;}
h2 {
	font-family: "acumin-pro-condensed",sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 36px;
}
h3 {
	font-family: "acumin-pro-condensed",sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 26px;
}
h4 {
	font-family: "acumin-pro-condensed",sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 20px;
}
p {
	line-height: 20px;
	text-align: justify;
	padding: 10px;
}
p.centrado {text-align: center;}
.centrado {text-align: center;}
p.txtIntro {font-size: 22px; line-height: 26px;}
.txtFooter {line-height: 20px; font-size: 16px; text-transform: uppercase; color:#b2b0b1;}
.textButFotter {line-height: 40px; padding: 0;}

a.aBtn {text-decoration: none;display:block;}
.btnArtlux {margin: 6px 0; background-color: #bb9536; margin-right: 5px;}
.btnArtlux a {display: block; padding: 10px; color: #000000; text-decoration: none; font-weight: 600; font-size: 20px;}
.btnArtlux a:hover {color: #FFF;}

p a {text-decoration: none; color: #2f2f2f;}
p a:hover {color: #7e1517;}

p.copyr {padding:20px 0 60px 0;}

ul.txtLista {padding-left: 20px; list-style: circle;}

.txtLineaDobleAltura {line-height: 30px;}
.col04 a {text-decoration: none;}

.conWhaImg {background-image: url(images/ico_whats.png); background-repeat: no-repeat; background-position: left center; padding: 15px 0 15px 50px;}
.conTelImg {background-image: url(images/icho_llamada.png); background-repeat: no-repeat; background-position: left center; padding: 15px 0 15px 50px;}

.padSupCero {padding-top: 0px;}
.padBotCero {padding-bottom: 0px;}

.hDosArriba {line-height: 36px;}
.hDosAbajo  {line-height: 20px;}

.noDeco {text-decoration: none;}

.margenIzq {padding-left: 50px;}

/* Layout */
.wrap {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
.wrapHeader {padding: 20px 0}
.wrapPortada {background-image: url(images/portada03.jpg); background-position: center top; background-repeat: no-repeat; width: 100%; height: 800px;}
.wrapMisionVision {padding: 0 40px; background-image: url(images/pattern_barrita.png); background-repeat:repeat-y; background-position: left; min-height: 200px;}
.col02 {float: left; width: 50%;}
.col03 {float: left; width: 33%;}
.col04 {float: left; width: 25%;}
.imgText {width: 100%; height: auto;}
.icoServ {width: 100%; height: auto; max-width: 150px;}
.margenDer {padding-right: 40px;}
.wrapTopFondo {background-image: url(images/pattern_fondo.png)}
.plecaSuperior {background-image: url(images/fondo_pleca_superior.png); height: 50px; width: 100%; background-position: center top; background-repeat: no-repeat;}
.plecaInferior {background-image: url(images/fondo_pleca_inferior.png); height: 50px; width: 100%; background-position: center top; background-repeat: no-repeat;}


.wrapArtluxProductos {padding: 20px 20px 40px 20px; border: 1px solid; border-radius: 5px; margin: 20px;}
.wrapArtluxProductos p {text-align: left;}
.wrapArtluxProductos h3 {line-height: 28px;}
.imgArtluxProd {margin-left: auto; margin-right: auto; width: 100px;}
.imgArtluxProd img {height: auto; width: 100%; max-width: 100px; }

/* Header */
.logo {float: left; padding: 0 0 40px 0;}
.wrapMenu {float: right;}

/* Menu */
.wrapMenu ul {list-style: none;}
.wrapMenu ul li {
	float: left;
	padding: 20px;
}
.wrapMenu ul li a {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 300;
	font-size: 14px;
}
.wrapMenu ul li a:hover {}

.subMenuIntranet {float: right;}
.wrapMenu ul.subMenuIntranet li {padding: 0 20px 20px 20px;}
.wrapMenu ul.subMenuIntranet li a {color: #999;}

/* Menu Celular */
.wrapMenuCelular ul {list-style: none; background-color:#2f2f2f }
.wrapMenuCelular ul li {
	padding: 10px;
}
.wrapMenuCelular ul li a {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 300;
	font-size: 14px;
}
.wrapMenuCelular ul li a:hover {}

.btnMenuCel { padding: 0;}

/* Maquinas */
.wrapMaquinas {padding: 25px 25px 0 25px;}
.verMasMaq {background-image: url(images/fondo_pleca_inferior2.png); background-position: center top; background-repeat: no-repeat;}
.btnVerMas { text-align: right;}
.btnVerMas a {text-decoration: none; text-transform: uppercase; text-align: right; color: #efeda5; display: block; padding: 0 10px 0 0;}
.btnVerMas a:hover {color: #FFF;}
.fondoMaqMotor {background-image: url(images/fondo_maquina_motor.jpg); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; margin: 25px 25px 0 25px; }
.fondoMaqInterior {background-image: url(images/fondo_maquina_interior.jpg); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; margin: 25px 25px 0 25px;}
.fondoMaqLlanta {background-image: url(images/fondo_maquina_llanta.jpg); background-position: bottom right; background-repeat: no-repeat; background-color: #000000; margin: 25px 25px 0 25px;}
.maqColizq {padding:0 25px; background-color: #FFFFFF; margin: 0 25px;}

/* Menu Footer */
.wrapMenuFooter ul {list-style: none;}
.wrapMenuFooter ul li {}
.wrapMenuFooter ul li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #b2b0b1;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
}
.wrapMenuFooter ul li a:hover {color: #ffffff;}


/* Menu Fases */
.menuFases ul {list-style: none; padding: 10px;}
.menuFases ul li {float: left; background-image:url(images/fondo_btnFases30.png); background-position: top center; background-repeat: no-repeat; height: 30px; width: 60px; margin-left: -5px;}
.menuFases ul li:hover, .menuFases ul li.faseActiva {background-position: bottom center;}
.menuFases ul li a {
	font-family: "acumin-pro-condensed",sans-serif;
	text-decoration: none;
	color: #3B3B3B;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	padding: 0 0 0 20px;
	margin:  0;
	display: block;
	height: 30px; width: 40px;
}
.menuFases ul li a:hover,  .menuFases ul li.faseActiva a {color: #ffffff;}


.btnLlamadaFooter {background-image: url(images/icho_llamada.png);background-repeat: no-repeat; background-position: center left; padding: 5px 50px;}
.btnWhatsFooter {background-image: url(images/ico_whats.png);background-repeat: no-repeat; background-position: center left; padding: 5px 50px;}
.btnEmailFooter {background-image: url(images/ico_email.png);background-repeat: no-repeat; background-position: center left; padding: 5px 50px;}


.botonesFlotantes {position: fixed; bottom:0; width: 100%; background-color:#000000; padding: 5px;}
.aBtnFlo {padding: 5px; float: left;}
.aBtnFloMenu {float: left;}
.aBtnFloMenu p a {text-decoration: none; color: #fff; line-height: 30px; padding: 10px; display: block;}
.aBtnFloBotones {float: right; padding-right: 10px;}


.cuadritoContador {margin: 10px; padding: 20px; text-align: center; border-radius: 10px; color: #afadae;}
.contNumero {font-size: 40px;line-height: 46px; padding: 0;}

/* Generales */
.fondoPattern {background-image:url(images/pattern_fondo.png);}
.fondoGris {background-color: #2f2f2f;}
.fondoRojo {background-color: #7e1517;}
.fondoRojoTextura {background-image: url(images/pattern_rojo_textura.jpg)}
.fondoBeige {background-color: #e2e2e2;}
.fondoTela {background-image: url(images/pattern_tela.jpg)}
.limpiador {clear: both;}
.colorAmarillo {color:#FFFFFF;}
.colorRojo {color:#7f1618;}
.colorBlanco {color:#FFFFFF;}
.colorNegro {color: #000000;}
.padSup20 {padding: 20px 0;}
.padSup20b {padding: 20px 0 0 0;}
.padSup50 {padding: 50px 0;}
.soloCelular {display: none;}


/* Forms */
input, textarea {padding: 5px; width: 80%; font-size: 16px;}
textarea {margin-bottom: 20px}

input.radiob {width: 30px;}

.pure-button {
    /* Structure */
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    box-sizing: border-box;
}

.pure-button {
    font-family: inherit;
    font-size: 100%;
    padding: 0.5em 1em;
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
    /* csslint ignore:start */
    filter: alpha(opacity=90);
    /* csslint ignore:end */
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
    outline: 0;
}
.pure-button-active,
.pure-button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
    border-color: #000\9;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
    border: none;
    background-image: none;
    /* csslint ignore:start */
    filter: alpha(opacity=40);
    /* csslint ignore:end */
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
    pointer-events: none;
}

.pure-button-hidden {
    display: none;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: #7f1618;
    color: #fff;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
	.wrap {
		width: 960px;
	}
	.wrapPortada {background-image: url(images/portada03_1280.jpg); height: 700px;}
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	.wrap {
		width: 640px;
	}
	.cuadritoContador {min-height: 130px;}
	.wrapPortada {background-image: url(images/portada03_960.jpg); height: 525px;}
	.wrapMenu ul li {padding: 20px 5px;}
	.imgArtluxProd img {width: 150px; height: auto;}
	.fondoMaqMotor p, .fondoMaqInterior p, .fondoMaqLlanta p {text-align: left;}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	.wrap {
		width: 480px;
	}
	.wrapPortada {background-image: url(images/portada03_640.jpg); height: 350px;}
	.wrapMisionVision {min-height: 100px;}
	.col02 {float: none; width: 100%;}
	.col03 {width: 50%; padding-bottom: 40px;}
	.col04 {width: 50%;}
	.margenDer {padding-right: 0;}
	.wrapMenu {display: none;}
	.padSup20 {padding: 15px 0;}
	.padSup50 {padding: 40px 0;}
	.logo {padding-left: 40px;}
	.soloCelular {display:block;}
	.fondoMaqMotor {background-position: bottom center;}
	.fondoMaqInterior {background-position: bottom center;}
	.fondoMaqLlanta  {background-position: bottom center;}
	.wrapMaquinas {min-height: 270px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	.wrap {
		width: 300px;
	}
	h1 {line-height: 46px; padding: 20px 0}
	p {text-align: left;}
	.wrapPortada {background-image: url(images/portada03_480.jpg); height: 350px;}
	.wrapMisionVision {min-height: 100px;}
	.col02 {float: none; width: 100%;}
	.col03 {width: 100%; padding-bottom: 40px;}
	.col04 {width: 49%;}
	.cuadritoContador {min-height: 170px;}
	.margenDer {padding-right: 0;}
	.wrapMenu {display: none;}
	.padSup20 {padding: 10px 0;}
	.padSup50 {padding: 30px 0;}
	.logo {padding-left: 10px;}
	.soloCelular {display:block;}
	.fondoMaqMotor {background-position: bottom center;}
	.fondoMaqInterior {background-position: bottom center;}
	.fondoMaqLlanta  {background-position: bottom center;}
	.wrapMaquinas {min-height: 350px;}
}