@charset "utf-8";
/* FUENTES */
@font-face {
    font-family: 'Latoblack';
    src: url('../fuentes/lato-black-webfont.woff2') format('woff2'),
         url('../fuentes/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Latoblackitalic';
    src: url('../fuentes/lato-blackitalic-webfont.woff2') format('woff2'),
         url('../fuentes/lato-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Robotolight';
    src: url('../fuentes/roboto-light-webfont.woff2') format('woff2'),
         url('../fuentes/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Robotoregular';
    src: url('../fuentes/roboto-regular-webfont.woff2') format('woff2'),
         url('../fuentes/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* INDEX */
#ir-arriba span
{
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	border: 3px solid #FFFFFF;
	z-index: 100;
	background-image: url(../imagenes/iconos/boton-arriba.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/* menu */
.contiene-logo-nav {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    z-index: 150;
    background-color: black;
    border-bottom: 1px solid #333
}

.navegacion {
    font-family: 'Latoblackitalic',sans-serif;
    font-weight: bolder;
    text-transform: uppercase;
    width: 100%
}

.menu {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: none;
}

.menu li {
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,.2);
    background-color: white
}

.menu li:first-child {
    border-top: 1px solid rgba(0,0,0,.2)
}

.menu a {
    color: grey;
    font-size: .9em;
    line-height: 3;
    padding-left: 5px;
    padding-right: 5px;
    display: block
}

.menu a:hover {
    color: #FFF;
    background-color: #FF99BA
}

#desplegable {
    line-height: 3;
    background-color: black;
    cursor: pointer;
    overflow: hidden
}

#desplegable p {
    color: #860C23;
    font-size: 10px;
    margin: 0;
    padding: 17px 0
}

#desplegable span {
    color: #FFF;
    float: right;
    background-color: #FF99BA;
    border-radius: 3px;
    padding: 12px 14px;
    margin-top: -3px;
    margin-right: 14px
}

#desplegable img {
    max-width: 150px;
    float: left;
    margin: 8px 0;
    padding: 12px 14px;
    display: block
}

.logo {
    display: none
}
/* slider */
.slider
{
	 width: 100%;
	 margin: 50px auto 0 auto;
	 overflow: hidden;
	 background-color: #111111;
	 background-image: url(../imagenes/slider/fondo-slider.jpg);
	 position: relative;
}
.slider ul
{
	 display: flex;
	 padding: 0;
	 width: 400%;
	 animation: cambio 20s infinite alternate;
	 animation-timing-function: ease-out;
}
.slider li
{
	 list-style: none;
	 width: 100%;
}
.slider img
{
	 width: 100%;
	 display: block;
}
@keyframes cambio
{
	 0% { margin-left: 0; }
	 20% { margin-left: 0; }

	 25% { margin-left: -100%; }
	 45% { margin-left: -100%; }

	 50% { margin-left: -200%; }
	 70% { margin-left: -200%; }

	 75% { margin-left: -300%; }
	 100% { margin-left: -300%; }
}
.h1-index
{
    color: #CCCCCC;
    font-size: 1.0em;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 100;
}
.h1-span
{
	 color: #FFFFFF;
}
.seccion
{
	 overflow: hidden;
}
.seccion-servicios-index
{
	 width: 75%;
	 margin: 0 auto;
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 150px;
	 z-index: 100;
}
.nav-servicios-index
{
	 width: 85%;
	 height: auto;
	 margin: 0 auto;
	 -webkit-transform: skew(171deg);
     -moz-transform: skew(171deg);
     -ms-transform: skew(171deg);
     -o-transform: skew(171deg);
     transform: skew(171deg);
}
.fondo-color-rojo1
{
	 background-color: #860C23;
}
.fondo-color-rojo2
{
	 background-color: #600B1A;
}
.fondo-color-rojo3
{
	 background-color: #380710;
}
.fondo-color-rojo4
{
	 background-color: #150205;
}
.nav-servicios-index img
{
	 max-width: 100px;
	 display: block;
	 margin: 10px auto;
}
.nav-servicios-index:hover
{
	 cursor: pointer;
	 background-color: #0F4920;
	 transition: all 0.1s linear;
}
.nav-servicios-index a
{
	 color: #FFFFFF;
	 font-size: 1.1em;
	 font-weight: bolder;
	 text-transform: uppercase;
	 text-align: center;
	 display: block;
	 padding: 0 10px 15px 10px;
}
/* animación */
.contenedor-img-hover img 
{
	transition: all 0.2s linear;
}
.contenedor-img-hover:hover img
{
	transform: scale(1.1); /*Damos un ligero zoom a la imagen*/
}
.seccion-intro
{
	background-color: #FFFFFF;
	padding-top: 830px;
	padding-bottom: 100px;
}
.articulo
{
	width: 90%;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
.h2-intro, .h3-intro
{
	text-align: center;
	font-weight: bolder;
}
.h2-intro, .h3-intro, .h4-footer
{
	font-style: italic;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.h2-intro, .h4-footer
{
	font-size: 1.5em;
}
.h3-intro
{
	font-size: 2.0em;
}
.p-intro
{
	font-size: 1.0em;
	text-align: center;
}
.caja-nosotros-index
{
	background-color: #0F4920;
	padding: 100px 70px;
}
.caja-nosotros-img-index img
{
	display: block;
}
.seccion-acerca-de
{
	background-color: #0F4920;
}
/* modificación de grilla */
.seccion-acerca-de > .contiene-cajas
{
	width: 100%;
}
.seccion-acerca-de > .contiene-cajas > .caja
{
	width: 100%;
	margin: 0;
}
/*---*/
/* slider marcas */
.seccion-marcas
{
	background-color: #777777;
	padding: 100px 20px
}
#slider1 
{
    margin: 50px auto 0 auto;
    overflow: hidden;
    position: relative;
    padding: 0 50px 0;
}
#slider1 .viewport 
{
    height: 60px;
    overflow: hidden;
    position: relative;
}
#slider1 .buttons 
{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    display: block;
    position: absolute;
    top: 22%;
    left: 0;
    width: 35px;
    height: 35px;
    background: #333333;
    border-radius: 35px;
}
#slider1 .buttons:hover 
{
    color: #FFFFFF;
    background: #0F4920;
}
#slider1 .next 
{
    right: 0;
    left: auto;
}
#slider1 .disable 
{
    visibility: hidden;
}
#slider1 .overview 
{
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 60px;
    left: 0;
    top: 0;
}
#slider1 .overview li 
{
    float: left;
    margin: 0 20px 0 0;
    padding: 1px;
    border: 1px solid 777777;
    width: 75px;
    height: 60px;
}
.seccion-video
{
	padding: 100px 20px
}
#caja-video
{
	position: fixed;
	width: 850px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;
	-webkit-filter: brightness(30%);
	filter: brightness(30%);
}
.boton-index
{
	font-size: 1.3em;
	font-weight: bolder;
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin: 30px auto 0 auto;
	padding: 20px;
}
.link-video, .link-contacto-index
{
	width: 100%;
}
.boton-index:hover
{
	color: #FFFFFF;
	background-color: #0F4920;
	border: 5px solid #0F4920;
}
.link-video
{
	color: #FFFFFF;
	border: 5px solid #FFFFFF;
}
.link-contacto-index
{
	color: #8F8F8B;
	border: 5px solid #8F8F8B;
}
.caja-contacto-index
{
	background-color: #FFFFFF;
	padding: 100px 70px;
}
.caja-contacto-img-index img
{
	display: block;
}
.caja-contacto-index p
{
	font-weight: bolder;
	line-height: 30px;
}
.mapa-index
{
	height: 550px;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #CCCCCC;
    overflow: hidden;
}
.seccion-contacto-index
{
	background-color: #CCCCCC;
}
/* modificación de grilla */
.seccion-contacto-index > .contiene-cajas
{
	width: 100%;
}
.seccion-contacto-index > .contiene-cajas > .caja
{
	width: 100%;
	margin: 0;
}
/* PÁGINAS */
.h1-paginas, .h2-paginas
{
    text-transform: uppercase;
    font-style: italic;
    font-weight: bolder;
    text-align: center;
}
.h1-paginas
{
    color: #FFFFFF;
    font-size: 2.0em;
}
.h2-paginas
{
    font-size: 1.5em;
    margin-bottom: 20px;
}
.p-paginas
{
	font-size: 1.0em;
	margin-bottom: 10px;
	font-weight: 300;
}
.seccion-nosotros, .seccion-servicios, .seccion-turnos, .seccion-mapa
{
	background-color: black;
	margin-top: 60px;
}
/* modificación de grilla */
.seccion-nosotros > .contiene-cajas, .seccion-productos > .contiene-cajas, .seccion-pagos > .contiene-cajas, .seccion-mapa > .contiene-cajas
{
	width: 100%;
}
.seccion-nosotros > .contiene-cajas > .caja, .seccion-productos > .contiene-cajas > .caja, .seccion-pagos > .contiene-cajas > .caja, .seccion-mapa > .contiene-cajas > .caja
{
	width: 100%;
	margin: 0;
}
/*---*/
.caja-nosotros, .caja-productos, .caja-pagos, .caja-mapa
{
	padding: 100px 70px;
}
.caja-nosotros-img, .caja-productos-img, .caja-pagos-img, .caja-mapa-img
{
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
}
.caja-mapa-img2
{
	padding-top: 5%;
	padding-left: 40px;
}
.seccion-fotos, .seccion-productos, .seccion-pagos, .seccion-contacto
{
	background-color: #777777;
}
.seccion-fotos, .seccion-contacto
{
	padding: 100px 0;
}
.caja-fotos
{
	box-sizing: border-box;
}
.caja-fotos img, .caja-servicios img
{
	display: block;
}
.seccion-fotos > .contiene-cajas > .caja, .seccion-servicios > .contiene-cajas > .caja
{
	margin: 0;
}
.seccion-servicios, .seccion-turnos
{
	padding: 100px 0;
}
.caja-servicios figcaption
{
	font-weight: bold;
	padding: 20px;
}
.h3-servicios
{
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	padding: 20px;
}
.h3-servicios span
{
	color: yellow;
	margin-right: 10px;
}
#fig-fondo-blanco, #h3-fondo-blanco
{
	color: #666666;
	background-color: #FFFFFF;
}
#fig-fondo-verde, #h3-fondo-verde
{
	color: #FFFFFF;
	background-color: #8F8F8B;
}
#fig-fondo-gris, #h3-fondo-gris
{
	color: #FFFFFF;
	background-color: #555555;
}
.caja-productos-img
{
	background-image: url(../imagenes/productos-zfpro.jpg);
}
.caja-pagos-img
{
	background-image: url(../imagenes/metodos-de-pago-zfpro.jpg);
}
.ul-contacto
{
	color: #FFFFFF;
}
.ul-contacto h3
{
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
	border-bottom: 2px dotted #FFFFFF;
	margin: 20px 0;
	padding-bottom: 5px;
}
.ul-contacto span
{
	margin-right: 10px;
}
.ul-contacto a
{
	color: #FFFFFF;
}
.ul-contacto a:hover
{
	color: #111111;
}
.seccion-contacto
{
	padding: 100px 0;
}

.seccion-footer
{
	color: #F28E9F;
	background-color: black;
}
.logo-footer
{
	max-width: 350px;
	display: block;
	margin: 0 auto 30px auto;
}
.h4-footer
{
	text-align: center;
	font-weight: bolder;
}
.ul-footer
{
	text-align: center;
	margin-bottom: 30px;
}
.ul-footer li
{
	margin-bottom: 5px;
}
.ul-footer span
{
	margin-right: 10px;
}
.ul-footer a
{
	color: #F28E9F;
}
.ul-footer a:hover
{
	color: #FFFFFF;
}
.contiene-iconos-footer
{
	margin: 0 auto 30px auto;
	width: 49%;
	overflow: hidden;
}
.pagos-footer, .redes-sociales-footer
{
	float: left;
	margin-right: 10px;
}
.pagos-footer:last-child, .redes-sociales-footer:last-child
{
	margin-right: 0;
}
.pagos-footer img
{
	max-width: 40px;
}
.redes-sociales-footer
{
	max-width: 20px;
}
.caja-copy
{
	text-align: center;
	font-size: 0.9em;
	border-top: 1px solid #4D0914;
}
.caja-copy a
{
	color: #F28E9F;
	font-weight: bold;
}
.caja-copy a:hover
{
	color: #FFFFFF;
}
.caja-pie:last-child
{
	padding-top: 0;
}
/* 404 */
.contiene-404
{
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.h1-404, .h2-404, .p-404
{
	text-align: center;
}
.h1-404, .h2-404
{
	color: #860C23;
	font-family: 'Latoblack', sans-serif;
	font-weight: bolder;
	text-transform: uppercase;
}
.h1-404
{
	font-size: 2.3em;
	margin: 50px auto 10px auto;
}
.h1-404 span
{
	margin-right: 15px;
}
.h2-404
{
	font-size: 1.0em;
	margin: 0 auto 20px auto;
}
.p-404
{
	color: #333333;
	font-size: 1.0em;
}
/* textos */
.titulo-abajo
{
	display: block; 
}
.texto-centrado
{
	text-align: center; 
}
.texto-izquierda 
{
	text-align: left; 
}
.texto-derecha
{
	text-align: right; 
}
.negrita
{
	font-weight: bold;
}
.cursiva
{
	font-variant: italic;
}
.subrayado
{
	text-decoration: underline;
}
.texto-sombreado-negro
{
	text-shadow: 2px 1px #111111;
}
.texto-rojo
{
	color: #860C23;
}
.texto-verde
{
	color: #0F4920;
}
.texto-gris
{
	color: #8F8F8B;
}
.texto-gris-oscuro
{
	color: #666666;
}
.texto-blanco
{
	color: #FFFFFF;
	text-align:center
}
/* márgenes y paddings */
.margen-centrado
{
	margin-left: auto;
	margin-right: auto;
}
.margen-arriba-30
{
	margin-top: 30px;
}
.margen-abajo-30
{
	margin-bottom: 30px;
}
.margen-arriba-abajo-30
{
	margin-top: 30px;
	margin-bottom: 30px;
}
.margen-arriba-50
{
	margin-top: 50px;
}
.margen-arriba-100
{
	margin-top: 100px;
}
.margen-arriba-abajo-100
{
	margin-top: 100px;
	margin-bottom: 100px;
}
/* formularios */
.formulario-contacto
{
	margin-top: 30px;
}
.formulario-contacto fieldset
{
	border: none;
}
.label-contacto, .legend-contacto
{
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: 300;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.contiene-captcha, .contiene-verificar
{
	width: 100%;
}
.contiene-captcha
{
	background-color: #333333;
	margin-bottom: 10px;
	border: 2px solid #FFFFFF;
}
.contiene-captcha input
{
	max-width: 300px;
	height: 48px;
}
.contiene-submit
{
	text-align: center;
	width: 100%;
	margin: 5px auto 0 auto;
}
.campo-nombre, .campo-email, .campo-mensaje, .campo-verificar, .campo-usuaria, .campo-clave, .campo-seleccion, .campo-telefono, .campo-marca, .campo-modelo, .campo-año
{
    color: #FFFFFF;
    font-size: 1.0em;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: auto auto;
    background-color: transparent;
	border: 2px solid #FFFFFF;
    padding: 15px 15px 15px 55px;
    margin-bottom: 10px;
    width: 100%;
}
.captchaimg
{
	max-width: 120px;
	width: 100%;
	height: 45px;
	margin: 0 auto;
	display: block;
}
.campo-nombre
{
	background-image: url(../imagenes/iconos/nombre-persona.png);
}
.campo-email
{
	background-image: url(../imagenes/iconos/email-persona.png);
}
.campo-mensaje
{
	background-image: url(../imagenes/iconos/mensaje-persona.png);
	min-height: 150px;
}
.campo-verificar
{
	background-image: url(../imagenes/iconos/verificar-persona.png);
}
.campo-usuaria
{
	background-image: url(../imagenes/iconos/usuaria-persona.png);
}
.campo-clave
{
	background-image: url(../imagenes/iconos/clave-persona.png);
}
.campo-seleccion
{
	background-image: url(../imagenes/iconos/seleccion-persona.png);
}
.campo-telefono
{
	background-image: url(../imagenes/iconos/telefono-persona.png);
}
.campo-marca
{
	background-image: url(../imagenes/iconos/marca-auto.png);
}
.campo-modelo
{
	background-image: url(../imagenes/iconos/modelo-auto.png);
}
.campo-año
{
	background-image: url(../imagenes/iconos/año-auto.png);
}
.campo-nombre:focus, .campo-email:focus, .campo-mensaje:focus, .campo-verificar:focus, .campo-usuaria:focus, .campo-clave:focus, .campo-seleccion:focus, .campo-telefono:focus, .campo-marca:focus, .campo-modelo:focus, .campo-año:focus
{
	color: #FFFFFF;
	background-color: rgba(0,0,0,.5);
	outline: none;
	padding: 15px 15px 15px 55px;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
/* botones */
.submit, .boton-1, .boton-2
{
	font-weight: bold;
	text-align: center;
}
.boton-1
{
	color: #FFFFFF;
	font-size: 1.0em;
	text-shadow: 1px 1px #333333;
	background-color: #FF9900;
	padding: 15px;
	border: 2px solid #DF8600;
	border-radius: 5px;
}
.boton-1:hover
{
	color: #FF9900;
	text-shadow: none;
	background-color: #FFFFFF;
	border: 2px solid #FF9900;
}
.boton-1:focus
{
	color: #FF9900;
	background-color: #333333;
	border: 2px solid #333333;
}
.boton-2
{
	color: #FF9900;
	font-size: 1.0em;
	background-color: transparent;
	padding: 15px;
	border: 3px solid #FF9900;
	border-radius: 5px;
}
.boton-2:hover
{
	color: #FFFFFF;
	background-color: #FF9900;
	border: 3px solid #FF9900;
}
.boton-2:focus
{
	background-color: #FF3300;
	border: 3px solid #FF3300;
}
.submit
{
	font-weight: bolder;
	font-family: 'Latoblack', sans-serif;
	font-size: 1.0em;
	text-transform: uppercase;
	background-color: #FFFFFF;
	border: 5px solid #FFFFFF;
	padding: 10px;
	width: 100%;
}
.submit:hover
{
	color: #FFFFFF;
	background-color: transparent;
	border: 5px solid #FFFFFF;
}
.submit:focus
{
	background-color: #333333;
}
/* validaciones */
.error-js, .error-php, .error-ajax, .exito-js, .exito-php, .exito-ajax, .caduca-sesion
{
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding: 10px;
	width: 100%;
	display: block;
}
.error-js, .error-php, .error-ajax, .exito-js, .exito-ajax, .caduca-sesion
{
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.exito-php
{
	margin-top: 10px;
}
.error-js span, .error-php span, .error-ajax span, .exito-js span, .exito-php span, .exito-ajax span, .caduca-sesion span
{
	margin-right: 6px;
}
.error-js, .globito-error-js
{
	background-color: #F20000;
}
.error-php, .globito-error-php
{
	background-color: #FF3300;
}
.error-ajax
{
	background-color: #BF00FF;
}
.exito-js
{
	background-color: #366C00;
}
.exito-php
{
	background-color: #339900;
}
.exito-ajax
{
	background-color: #003366;
}
.caduca-sesion
{
	background-color: #FF9900;
}
/* tablas */
.contiene-tabla
{
    overflow: auto;
    margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.tabla
{
	width: 100%;
	margin: 0;
}
.tabla th
{
	color: #FFFFFF;
	background-color: #333333;
	padding: 13px 10px;
}
.tabla td
{
	padding: 10px;
}
.tabla tr:nth-child(odd)
{
	background-color: #DDDDDD;
}
.tabla tr:nth-child(even)
{
	background-color: #FFFFFF;
}
/* ventanas modales */
.ventana-modal
{ 
	position: fixed;
	top: 50%;
    right: 50;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
	display: none;
	-webkit-box-shadow: 0px 0px 100px 50px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 100px 50px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 100px 50px rgba(0,0,0,0.75);
}
.ventana-modal-chica
{   
	color: #333333;
	font-size: 0.9em; 
	width: 95%;
	border-radius: 5px; 
	background-color: #FFFFFF;
	top: 18%;
}
.ventana-modal-chica input[type="submit"]
{
	display: inline-block;
	margin-right: 10px;
}
.ventana-modal-chica input[type="submit"]:nth-child(2n)
{
	margin-right: 0;
}		
.titulo-ventana-modal
{
	color: #FFFFFF;
	font-size: 1.3em; 
	font-weight: bold; 
	text-align: center; 
	border-radius: 5px 5px 0 0; 
	padding: 15px 10px; 
	background-color: #255A85;
}
.interior-ventana-modal
{
	padding: 20px;
}
.label-ventana-modal, .input-ventana-modal
{
	color: #111111;
    font-size: 0.9em;
    box-sizing: border-box;
    margin: 10px 0;
    display: block;
}
.label-ventana-modal
{
	text-align: center;
	border: 1px solid #EEEEEE;
    background-color: #EEEEEE;
    padding: 16px 15px;
    width: 100%;
}
.input-ventana-modal
{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 15px;
    width: 100%;
}
.input-ventana-modal:focus
{
	border: 1px solid #DDDDDD;
	background-color: #EEEEEE;
}
/* MEDIA QUERIES */
/* Tamaño movil */
@media only screen and (max-width: 479px){
	#desplegable span {
    		background-color: #FF99BA
  }
}
@media (min-width: 480px)
{
	/* INDEX */
	/* menu */
	#desplegable p
	{
		font-size: 1.0em;
		margin: 0 10px;
	}
	#desplegable span
	{
		margin-top: -6px;
		background-color: #FF99BA

	}
	#desplegable img
	{
		max-width: 200px;
		margin: 3px 0 3px 10px;
	}
	/* slider */
	.slider
	{
		margin-top: 55px;
	}
	.h1-index
	{
	    font-size: 1.7em;
	}
	.seccion-servicios-index
	{
		 width: 93%;
		 top: 230px;
		 background-color: #FF99BA;
		 -webkit-transform: skew(170deg);
         -moz-transform: skew(170deg);
         -ms-transform: skew(170deg);
         -o-transform: skew(170deg);
         transform: skew(170deg);
	}
	.nav-servicios-index
	{
		 float: left;
	 	 width: 25%;
		 height: 150px;
		 -webkit-transform: none;
         -moz-transform: none;
         -ms-transform: none;
         -o-transform: none;
         transform: none;
	}
	.nav-servicios-index img
	{
		 max-width: 80px;
		 margin: 10px auto;
	}
	.nav-servicios-index a
	{
		 font-size: 0.8em;
		 padding: 0 10px;
	}
	.seccion-intro
	{
		padding-top: 160px;
	}
	.h2-intro, .h4-footer, .h2-paginas
	{
		font-size: 1.6em;
	}
	.h3-intro
	{
		font-size: 2.2em;
	}
	.p-intro, .p-paginas
	{
		font-size: 1.0em;
	}
	.boton-index
	{
		font-size: 1.6em;
	}
	#caja-video
	{
		width: 1400px;
	}
	/* PÁGINAS */
	.h1-paginas
	{
		font-size: 2.5em;
	}
	.caja-nosotros-img, .caja-productos-img, .caja-pagos-img, .caja-mapa-img
	{
		height: 300px;
	}
	.caja-servicios figcaption
	{
		height: 360px;
	}
	.caja-servicios figcaption:last-child
	{
		height: auto;
	}
	/* 404 */
	.h1-404
	{
		font-size: 3.6em;
	}
	.h2-404
	{
		font-size: 1.6em;
	}
	.p-404
	{
		font-size: 1.1em;
	}
	/* formulario */
	.contiene-captcha, .contiene-verificar
	{
		float: left;
	}
	.contiene-captcha
	{
		width: 30%;
		margin-right: 1.3%;
	}
	.contiene-verificar
	{
		width: 68.7%;
	}
	/* tablas */
	.aviso 
	{
	    color: #FFFFFF;
	    text-align: center;
	    width: auto;
	    background-color: red;
	    padding: 5px;
	    border-radius: 5px;
	}
	/* ventanas modales */
	.ventana-modal-chica
	{    
		width: 75%;
	}
	.label-ventana-modal, .input-ventana-modal
	{
	    display: inline-block;
	    vertical-align: middle;
	}
	.label-ventana-modal
	{
	    width: 29%;
	}
	.input-ventana-modal
	{
	    width: 70%;
	}
}
@media (min-width: 720px)
{
	/* INDEX */
	.seccion-servicios-index
	{
		 top: 290px;
	}
	/* PÁGINAS */
	.caja-servicios figcaption
	{
		height: 240px;
	}
	.caja-servicios figcaption:last-child
	{
		height: 240px;
	}
}
/* Tamaño tablet */
@media (min-width: 768px)
{
	/* INDEX */
	/* menu */
	.navegacion
	{
		width: 90%;
		margin: 0 auto;
		overflow: hidden;
	}
	.menu
	{
		width: 57.5%; /* antes width: 59%;*/

		-webkit-transform: skew(165deg);
		-moz-transform: skew(165deg);
		-ms-transform: skew(165deg);
		-o-transform: skew(165deg);
		transform: skew(165deg);
	}
	.menu li
	{
		border-bottom: none;
		flex: auto;
		background: none;
	}
	.menu li:first-child
	{
		border-top: none;
	}
	.menu a
	{
		font-size: 0.7em;
		padding: 34px 3px;
		line-height: 0;
	}
	#desplegable
	{
		display: none;
	}
	.menu, .logo
	{
		display: flex;
		float: left;
	}
	.logo
	{
		width: 40%;
		margin-right: 1%;
		align-items: center;
		justify-content: left;
		padding: 5px;
	}
	.logo h1, .logo img
	{
		flex: auto;
	}
	.logo h1
	{
		color: #860C23;
		font-size: 0.7em;
	}
	.logo img
	{
		margin: 0 10px 0 0;
		padding: 5px;
		display: block;
	}
	/* class que se aplica al hacer scroll */
	.navegacion2
	{
		font-family: 'Latoblackitalic', sans-serif;
		font-weight: bolder;
		text-transform: uppercase;
		width: 90%;
		margin: 0 auto;
		overflow: hidden;
	}
	.navegacion2 .menu a
	{
		padding: 25.5px 5px;
	}
	.navegacion2 .menu li
	{
		border: none;
	}
	.navegacion2 .logo
	{	
		padding: 0;
		margin-bottom: 0;
	}
	.navegacion2 .logo img
	{	
		max-width: 299px;
		margin: 0 10px 0 0;
		padding: 0;
		display: block;
	}
	.navegacion, .navegacion a, .navegacion img, .navegacion li, .navegacion2, .navegacion2 a, .navegacion2 img, .navegacion2 li
	{
		transition: all 0.2s;
		-moz-transition: all 0.2s; /* Firefox 4 */
		-webkit-transition: all 0.2s; /* Safari and Chrome */
		-o-transition: all 0.2s; /* Opera */
	}
	/* slider */
	.slider
	{
		margin-top: 65px;
	}
	.h1-index
	{
	    font-size: 1.7em;
	    line-height: 1.5em;
	}
	.h1-span
	{
		 font-size: 1.6em;
		 display: block;
	}
	.seccion-servicios-index
	{
		 width: 85%;
		 top: 320px;
	}
	.nav-servicios-index
	{
		 height: 160px;
	}
	.nav-servicios-index a
	{
		 font-size: 1.0em;
	}
	.h2-intro, .h4-footer, .h2-paginas
	{
		font-size: 1.8em;
	}
	.h3-intro
	{
		font-size: 2.6em;
	}
	.p-intro
	{
		font-size: 1.1em;
	}
	#caja-video
	{
		width: 1700px;
	}
	.boton-index
	{
		font-size: 1.8em;
	}
	.link-video
	{
		width: 50%;
	}
	.link-contacto-index
	{
		width: 50%;
	}
	.logo-footer
	{
		margin: 0 0 30px 0;
	}
	.h4-footer
	{
		text-align: left;
	}
	.ul-footer
	{
		text-align: left;
		margin-bottom: 30px;
	}
	.contiene-iconos-footer
	{
		width: 100%;
		margin-bottom: 0;
	}
	.caja-copy
	{
		text-align: left;
	}
	.caja-pie:last-child
	{
		padding-top: 20px;
	}
	/* PÁGINAS */
	.h1-paginas
	{
		font-size: 3.5em;
	}
	.seccion-nosotros, .seccion-servicios, .seccion-turnos, .seccion-mapa
	{
		margin-top: 65px;
	}
	.caja-nosotros-img, .caja-productos-img, .caja-pagos-img, .caja-mapa-img
	{
		height: 400px;
	}
	.seccion-fotos > .contiene-cajas > .caja
	{
		width: 33.3%;
	}
	.seccion-servicios > .contiene-cajas > .caja
	{
		width: 25%;
	}
	.caja-servicios figcaption
	{
		height: auto;
	}
	.caja-servicios figcaption:last-child
	{
		height: inherit;
	}
	/* 404 */
	.contiene-404
	{
		margin-top: 150px;
	}
	.h1-404
	{
		font-size: 6.0em;
	}
	.h2-404
	{
		font-size: 2.4em;
	}
	.p-404
	{
		font-size: 1.3em;
	}
	/* formularios */
	.contiene-datos-input
	{
    	float: left;
    	width: 49.5%;
    	margin-right: 1%;
	}
	.contiene-datos-input:nth-child(2n)
	{
    	margin-right: 0;
	}
	.submit 
	{
    	font-size: 2.0em;
    	width: 50%;
	}
	/* ventanas modales */
	.ventana-modal-chica
	{    
		width: 50%;
	}
}
@media (min-width: 800px)
{
    /* INDEX */
	.seccion-servicios-index
	{
		top: 320px;
	}
	/* menu */
    .menu
	{
		width: 46.5%; /*antes width: 48%;*/
	}
	.menu a
	{
		padding: 38.5px 5px;
	}
	.logo
	{
		width: 50%;
		margin-right: 2%;
	}
	/* class que se aplica al hacer scroll */
	.navegacion2 .menu a
	{
		padding: 27.5px 5px;
	}
}
@media (min-width: 965px)
{
	.menu a
	{
		font-size: 0.9em;
		padding: 38.6px 5px;
	}
	.logo h1
	{
		font-size: 1.1em;
	}
}
/* Tamaño notebook y pc */
@media (min-width: 1024px)
{
	/* INDEX */
	/* menu */
	.menu
	{
		width: 46.6%; /*antes no habia nada acá*/
	}
	/* contenido */
	.h1-index
	{
	    font-size: 2.0em;
	}
	.h1-span
	{
		 font-size: 1.6em;
	}
	.seccion-servicios-index
	{
		 width: 80%;
		 top: 400px;
	}
	.nav-servicios-index
	{
		 height: 230px;
	}
	.nav-servicios-index img
	{
		 max-width: 100px;
		 margin: 20px auto;
	}
	.nav-servicios-index a
	{
		 font-size: 1.2em;
	}
	.seccion-intro
	{
		padding-top: 200px;
	}
	.h2-intro, .h4-footer, .h2-paginas
	{
		font-size: 2.1em;
	}
	.h3-intro
	{
		font-size: 3.0em;
	}
	.caja-nosotros-index, .caja-contacto-index
	{
		height: auto;
	}
	.caja-nosotros-img-index, .caja-contacto-img-index
	{
		overflow: hidden;
	}
	.caja-nosotros-img-index img
	{
		min-width: 815px;
	}
	/* modificacion de grilla */
	.seccion-acerca-de > .contiene-cajas > .caja
	{
		width: 50%;
	}
	.seccion-contacto-index > .contiene-cajas > .caja
	{
		width: 50%;
	}
	#caja-video
	{
		width: 2000px;
		min-width: 100%;
		min-height: 100%;
	}
	.boton-index
	{
		font-size: 2.1em;
	}
	.link-video
	{
		width: 30%;
	}
	.caja-contacto-index p
	{
		line-height: 35px;
	}
	.link-contacto-index
	{
		width: 80%;
	}
	.ul-footer li
	{
		margin-bottom: 0;
	}
	/* PÁGINAS */
	.h1-paginas
	{
	    font-size: 4.0em;
	}
	.seccion-nosotros, .seccion-servicios, .seccion-turnos, .seccion-mapa
	{
		margin-top: 75px;
	}
	/* modificacion de grilla */
	.seccion-nosotros > .contiene-cajas > .caja, .seccion-productos > .contiene-cajas > .caja, .seccion-pagos > .contiene-cajas > .caja, .seccion-mapa > .contiene-cajas > .caja
	{
		width: 50%;
	}
	.caja-nosotros-img
	{
		background-image: url(../imagenes/taller-zfpro.jpg);
		height: 1025px;
	}
	.caja-productos-img
	{
		background-image: url(../imagenes/productos-zfpro.jpg);
		height: 565px;
	}
	.caja-pagos-img
	{
		background-image: url(../imagenes/metodos-de-pago-zfpro.jpg);
		height: 860px;
	}
	.caja-servicios figcaption
	{
		height: 325px;
	}
	.caja-servicios figcaption:last-child
	{
		height: 325px;
	}
	#h3-fondo-blanco
	{
		padding-top: 33.5px;
		padding-bottom: 33.5px;
	}
	/* ventanas modales */
	.ventana-modal-chica
	{    
		width: 35%;
	}
}
@media (min-width: 1280px)
{
    /* INDEX */
    /* menu */
	.menu
	{
		width: 46.9%; /*antes no habia nada acá*/
	}
	/* contenido */
    .h1-index
	{
	    font-size: 3.0em;
	}
	.h1-span
	{
		 font-size: 1.6em;
	}
    /* slider */
	.slider
	{
		margin-top: 75px;
	}
	.seccion-servicios-index
	{
		 width: 65%;
		 top: 500px;
	}
	.nav-servicios-index a
	{
		 font-size: 1.3em;
	}
	.caja-nosotros-img-index img
	{
		min-width: 710px;
	}
	#caja-video
	{
		width: 100%;
	}
	.mapa-index
	{
		height: 515px;
	}
	/* PÁGINAS */
	.h1-paginas
	{
	    font-size: 5.0em;
	}
	.caja-nosotros-img
	{
		height: 850px;
	}
	.caja-productos-img
	{
		height: 515px;
	}
	.caja-pagos-img
	{
		height: 810px;
	}
	.caja-mapa-img
	{
		height: 925px;
	}
	.caja-servicios figcaption
	{
		height: 260px;
	}
	.caja-servicios figcaption:last-child
	{
		height: 260px;
	}
	#h3-fondo-verde
	{
		padding-top: 33.5px;
		padding-bottom: 33.5px;
	}
}
@media (min-width: 1366px)
{
    /* INDEX */
	.seccion-servicios-index
	{
		 top: 540px;
	}
	.caja-nosotros-img-index img
	{
		min-width: auto;
	}
	.mapa-index
	{
		height: 514px;
	}
	/* PÁGINAS */
	.caja-nosotros-img
	{
		height: 825px;
	}
	.caja-productos-img
	{
		height: 465px;
	}
	.caja-mapa-img
	{
		height: 925px;
	}
	.caja-servicios figcaption
	{
		height: 220px;
	}
	.caja-servicios figcaption:last-child
	{
		height: 220px;
	}
}