/* CSS Document */
/* rubik-300 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/rubik-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/rubik-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/rubik-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/rubik-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/rubik-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/rubik-v7-latin-300.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-regular - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/rubik-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/rubik-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/rubik-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/rubik-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/rubik-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/rubik-v7-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/rubik-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/rubik-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/rubik-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/rubik-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/rubik-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/rubik-v7-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-900 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/rubik-v7-latin-900.eot'); /* IE9 Compat Modes */
  src: url('fonts/rubik-v7-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/rubik-v7-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/rubik-v7-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/rubik-v7-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/rubik-v7-latin-900.svg#Rubik') format('svg'); /* Legacy iOS */
}


.bold700{
	font-weight:700;
}

.normal{
	font-weight:400;
}

.light{
	font-weight:300;
}

.corrector{
	clear:both;
}

html{
	margin:0;
	padding:0;
	width:100%;
	
	height:100%;
	background:#ffffff;
	font-size:12px;
	
}

body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family: 'Rubik', sans-serif;
	font-weight:400; /* o 700 */
	font-size:12px;
}

.logout{
	cursor:pointer;
}

.logout:Hover{
	border-bottom:1px solid #ffffff;
}


a{
	color:inherit;
	text-decoration:inherit;
}

.link{
	display:inline-block;
}

img{
	border:none;
}

.ancla{
	font-size:0px;
	height:0px;
}

.texto08{
	font-size:.8em;
}


.corrector{
	clear:both;
}

.imagenPerfil{
	position:absolute;
	left:-500px;
}

.todo{
	width:100%;
	/*max-width:1920px!important;*/
	overflow: hidden;
	margin:0 auto;
}



/* ENCABEZADO Y SLIDE */



.menu{
	
	width: 100vw;
	min-height:100px;
	background: #FFFFFF;
}


.botonesMenu{
	

	width: 80%;
	max-width:  850px;
display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap:nowrap;
	position: relative;
	
	   -webkit-justify-content: space-between; /* Safari */
  justify-content:        space-between;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	margin-left: 60px;
	
}




.botonMenu{
	padding-right:25px;
	padding-top:5px;
	padding-bottom:5px;
	color:#878787;
	font-size:18px;
	line-height:20px;
	font-weight: 200;
		-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
position:relative;

 display: table-cell;
    vertical-align: bottom;
	
	border-bottom: 1px solid #aaaaaa;
	
}

.bordeBotonMenu{
	width: 0;
	height: 0px;
	border-bottom: 1px solid #1166b0;
	position: absolute;
	bottom:-1px;
		-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}

.botonMenu:Hover .bordeBotonMenu{
	width:100%;
}

.botonMenu:Hover{
	color:#1166b0;
}


.iconoSubir{
	width:30px;
	height:30px;
	background:url(img/subir.svg);
	background-size:contain;
	background-repeat:no-repeat;
	position:fixed;
	right:-80px;
	bottom:2%;
	z-index:999;
	cursor:pointer;
		-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
	
	 -webkit-filter: drop-shadow( -0px -0px 3px rgba(0,0,0,0.2) ); 
            filter: drop-shadow( -0px -0px 3px rgba(0,0,0,0.2));

}

.iconoSubirVisible{
	right:2%;
}




.iconoMenuMovil{
	width:26px;
	height:26px;
	/*background-color:#FFFFFF;*/
	background-image:url(img/menu_gris.svg);
	background-size:contain;
	background-repeat:no-repeat;
	position:fixed;
	right:30px;
	top:35px;
	z-index:999;
	cursor:pointer;
		-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
	
	
	/*  -webkit-filter: drop-shadow( -0px -0px 3px rgba(0,0,0,0.2) ); 
            filter: drop-shadow( -0px -0px 3px rgba(0,0,0,0.2));*/

}

.iconoUsuario{
	width:30px;
	height:30px;
	background:url(img/menuUsuario_magenta.png);
	background-size:contain;
	background-repeat:no-repeat;
	position:fixed;
	left:20px;
	top:10px;
	z-index:999;
	cursor:pointer;
		-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.iconoMenuMovilVisible{
	right:30px;
}




.menuMovil{
	/*background:#4D5A21;*/
	background:#1166b0;
	position:fixed;
	height:100%;
	width:100%;
	max-width:400px;
	right:-400px;
	z-index:998;
		-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
overflow-y:scroll;
overflow-x:hidden;

}

.botonesMenuMovil{
	position:relative;
}

.menuMovilVisible{
	right:0;
}

.botonMenuMovil{
	margin-left:20px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#cccccc;
	font-size:20px;
	font-weight: 300;
		-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
position:relative;
display:block;
	
	/*border-top: 1px solid transparent;*/
	border-bottom: 1px solid #cccccc;
}

.botonMenuMovil:Hover{
	color:#fff;
/*	background-color:#77a368;
		border-top: 1px solid #77a368;
	border-bottom: 1px solid #77a368;*/
}

.bordeBotonMenuMovil{
	width: 0;
	height: 0px;
	border-bottom: 1px solid #fff;
	position: absolute;
	bottom:-1px;
		-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}

.botonMenuMovil:Hover .bordeBotonMenuMovil{
	width:100%;
}


/* FIN MENU */

.header{
	position:relative;
	z-index:990;
	width:100%;
	/*max-width: 1920px;*/
	overflow: hidden;
	height: 100vh;
}

.headerIn{
		position:relative;
	z-index:990;
	width:100%;
	/*max-width: 1920px;*/
	overflow: hidden;
	height: 50vh;
}

.imagenHeadIn{
	height: calc( 50vh - 100px );
	position: relative;
	overflow: hidden;
}


.logo{
	/*width:160px;*/
	width:20vw;
	max-width: 300px;
	height: 18vw;
	/*max-height: 240px;*/
	max-height: 24vh;
	
	
	background-color:#ffffff;
	
	
	overflow:hidden;
	position: relative;
}

.logoIn{
	width: 80%;
	height: 80%;
	position: absolute;
	left: 10%;
	top: 10%;
	background-image:url(img/LOGO_AyFaceros.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}

/*.logo:after{
	content: '';
    display: block;
	margin-top: 80%;
}*/


.barraGris{
	width:30%;
	height:100%;
	/*background:rgba(160,51,53,1.00);*/
	background-image:url(img/grisArriba.svg);
	position:absolute;
	
	bottom:0px;
	right: 0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top left;
	z-index:990;
	border:0;
}

.carrito{
	width: 200px;

	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap:nowrap;
	justify-content:space-around;
	
	   -webkit-justify-content: center; /* Safari */
  justify-content:        center;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	
		position:fixed;
		bottom: 0;
	right: 20px;
	z-index: 993;
	padding: 5px;
	background:rgba(240,240,240,0.82);
		-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.carrito:Hover{
	background:rgba(240,240,240,1);
}


.iconoCarrito{
	width:24px;
	margin-right: 5px;
	background-image:url(img/carrito.png);
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
}


.iconoCarrito:after{
	content: '';
    display: block;
	margin-top: 137%;
}

.textoCarrito{
	font-size: 12px;
	color: #878787;
	line-height: 14px;
	padding-top: 2px;
}


.fotoIn{
	width: 100%;
	height: 60vh;
	overflow: hidden;
	position: relative;
}



#slider1, #rev_slider_20_2{
	/*max-width:1920px;*/
	margin:0 auto;
	position: relative;
}


.logoMovil{
	width:230px;
	background-image:url(img/logoH.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	left:10px;
	top: 22px;
	z-index:999;
}


.logoMovil:after{
	content: '';
    display: block;
	margin-top: 10.98%;
}


.logoMenuMovil{
	width:80%;
	max-width: 250px;
	/*background-color:#FFFFFF;*/
	background-image:url(img/logoAbajo.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	margin:0 auto;
	display:block;
	overflow:hidden;
	margin-top: 80px;
	margin-bottom: 20px;
}

.logoMenuMovil:after{
	content: '';
    display: block;
	margin-top: 20%;
}


.contenidoHeader{
	position: absolute;
	height: 100%;
	
	z-index: 991;
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: flex-start; /* Safari */
  justify-content:        flex-start;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	
}

.slogan{
	font-size: 34px;
	line-height: 34px;
	color: #FFFFFF;
	font-weight: 300;
	margin-left: 50px;
	max-width: 450px;
}


.tipito{
	width: 50vw;
	height: calc( 100% + 40px );
	background-image: url(img/atencion.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index: 992;
	position: absolute;
	right: 2vw;
	bottom: 0px;
	
	display:block;
	overflow:hidden;
}


.slick-slide, .slick-slide *{ outline: none !important; }

.infoFlex{
	width:90%;
	max-width:1400px;
	margin:0 auto;
	
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
  
 /* margin-top:100px;*/
  margin-bottom:40px;
  
}


.flexCategorias{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:        center;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
  
 /* margin-top:100px;*/
  margin-bottom:100px;
  	padding:50px;

}

.infoContenido{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	margin-top: 50px;
}

.categoria{
	width: calc( 100% / 3 - 5% - 20px );
	padding: 0;
	margin: 10px;
	margin-bottom: 10px;
	background-color: #1166b0;

	overflow:hidden;
	display:inline-block;
	position:relative;
		-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}



.categoria:after{
	content: '';
    display: block;
	margin-top: 41.17%;
}

.categoria:Hover{
	 transform: scale(0.95);
	
}


.contenidoItemCategoria{
	padding-left: 10px;
	width: 100%;
	height: 100%;
	position: absolute;
		 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
      -webkit-justify-content: flex-start; /* Safari */
  justify-content:         flex-start;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	
}

.textoItemCategoria{
	color:#ffffff;
	font-size: 24px;
	line-height: 26px;
	font-weight: 300;
	text-align: left;
	max-width: 160px;
	/*position: absolute;*/
}


.titulo{
	color: #7b7b7b;
	font-size: 24px;
	line-height: 24px;
	display: block;
	margin-bottom: 20px;
	text-align: left;
	font-weight: 700;
}

.tituloSeccion{
	color: #ffffff;
	/*background: #1166b0;*/
	background: #666666;
	font-weight: 300;
	width: calc( 100% - 20px );
	margin: 0 auto;
	font-size: 24px;
	line-height: 30px;
	padding: 10px;
	display: block;
	text-align: left;
}

.subtituloSeccion{
	width: 100%;
	margin: 0 auto;
	color: #f8af3b;
	font-size: 20px;
	line-height: 20px;
	display: block;
	margin-bottom: 15px;
	text-align: left;
}

.subtitulo{

	font-size: 30px;
	line-height: 30px;
}

.subsubtitulo{

	font-size: 16px;
}

.espacioV{
	height: 60px;
}

.mensajeNoHay{
	margin-top: 15px;
}

.columnaTexto{
	width:40%;
	max-width:500px;
	
	padding:50px;
	padding-top:0;
	font-size:18px;
	line-height:22px;
	text-align:justify;
	color: #7b7b7b;
	font-weight: 300;
}







.fotoSeccionIn{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	margin-bottom: 50px;
	margin-top: 50px;
	
	overflow:hidden;
	display:block;
	position:relative;
	
}

.fotoSeccionIn:after{
	content: '';
    display: block;
	margin-top: 25%;
}






.listaArticulos{
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	
}


.listaArticulosCarrito{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	margin-top: 20px;
	
}

.articulo{
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
	padding: 10px;
	padding-right: 40px;
		-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
	font-size: 14px;
	color: #7b7b7b;
	position: relative;
}

.articulo:Hover{
	background:#DCDCDC;
	color: #333333;
}

.articuloCarrito{
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 5px;
	padding-right: 40px;
		-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
	font-size: 14px;
	color: #7b7b7b;
	position: relative;
}

.articuloCarrito:Hover{
	background:#DCDCDC;
	color: #333333;
}

.nobreak{
	white-space: nowrap;
}

.botonArticulo{
	width: 20px;
	height: 20px;
	/*background-image: url(img/icono_plus.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;*/
	position: absolute;
	right: 10px;
	opacity: .5;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	z-index: 980;
}

.botonArticulo:Hover{
	opacity: .8;
}

.menuArticulo{
	position: absolute;
	width: 100%;
	max-width: 180px;
	background: #666666;
	border: 1px solid #DBDBDB;
	right: 5px;
	top: 35px;
	display: none;
	z-index: 981;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}


.campoMenuArticulo{
	width: calc( 100% - 22px );
	margin: 5px;
	padding: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-size: 11px;
	border: 1px solid #dedede;
	display: block;
}

.campoMenuArticulo:focus::-webkit-input-placeholder { color:transparent; }
.campoMenuArticulo:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.campoMenuArticulo:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.campoMenuArticulo:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.botonMenuArticulo{
	width: calc( 100% - 22px );
	margin: 5px;
	padding: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-size: 11px;
	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	cursor: pointer;
	background-color: #1166b0;
	color: #ffffff;
	display: none;
}

.botonMenuArticulo:Hover{
	background-color: #003976;
	color: #ffffff;
}

.visible{
	display: block!important;
}


.selectMenuArticulo {
    
	width: calc( 100% - 12px );
	margin: 5px;
	padding: 0px;
	padding-bottom: 2px;
	padding-top: 2px;
	border: 1px solid #dedede;
	
	
    overflow: hidden;
    background: #fafafa url("img/abrir_select.svg");
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: calc( 100% - 5px ) center;
	
}

.selectMenuArticulo select {
	width: 98%;
    /*padding: 5px 8px;*/
	padding: 0px;
	font-size: 11px;
	color: #666666;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
	-moz-appearance:none;
	cursor: pointer;
}

#selectArt option{
		font-size: 11px;
	color: #666666;
}

.selectMenuArticulo select:focus {
    outline: none;
}








.contenedorDatosAbajo{
	width: 100%;
	padding: 40px;
	background: #eeeeee;
}

.datosAbajo{
	width:90%;
	max-width:1200px;
	margin: 0 auto;
	
	

	
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:no-wrap;
    flex-wrap:no-wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
}

.dato{
	width: 30%;
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:no-wrap;
    flex-wrap:no-wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
  
	
}

.textoDato{
	font-size:22px;
	line-height:26px;
	font-weight:300;
	padding-left: 15px;
	text-align: left;
	
	color: #7b7b7b;
}



.iconoDato{
	width:25%;
	max-width: 100px;
	
min-width: 80px;
	overflow:hidden;
	display:inline-block;
	position:relative;
}

.iconoDato:after{
	content: '';
    display: block;
	margin-top: 100%;
}


.footer{
	background:#535353;
	display: block;
	
	color:#ffffff;
	text-align:left;
	font-size:10px;
	padding:20px;
	
}



.textosFooter{
width:90%;
	max-width:1480px;
		  margin:0 auto;
		
		  display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
		
	
	padding-top:40px;
	padding-bottom:40px;
}

.moduloTextoFooter{
	  text-align: left;
	  margin:20px;
}

#logoFooter{
	width: 30%;
	max-width: 250px;
	border:1px solid rgba(255,255,255,1.00);
	padding-right:40px;
	background-image: url(img/logoAbajo.svg);
	background-size: 88%;
	background-repeat: no-repeat;
	background-position: center center;
	overflow:hidden;
	display:inline-block;

}

#logoFooter:after{
	content: '';
    display: block;
	margin-top: 65%;
}


.tituloFooter{
	font-size:32px;
	font-weight: 300;
	color:#ffffff;
	margin-bottom:10px;
}

.contenidoTextoFooter{
	font-size:12px;
	font-weight:300;
	color:#ffffff;
	
}



.creditos{
	text-align:center;
	padding:15px;
	color:#666666;
	font-weight:400;	
}



.formContacto{
	width:100%;
	max-width:400px;
	font-family: 'Rubik';
	font-weight:400; /* o 700 */
	line-height:14px;
}
.campo{
	 padding:4px;
	 padding-left:4px;
	 padding-right:4px;
	 width:calc( 100% - 8px);
	
	 border:1px solid #ffffff;
	 font-size:12px;
	 color:#ffffff;

-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
 margin-bottom:5px;
 margin-top:5px;
 position:relative;
font-family: 'Rubik';
	font-weight:400; /* o 700 */
	resize: none;
	background:rgba(255,255,255,0.19);
}

.campo:focus{
	background:#ffffff;
	border:1px solid #1166b0;
	color:#1166b0;
}

.campo::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #eeeeee;
}
.campo::-moz-placeholder { /* Firefox 19+ */
  color: #eeeeee;
}
.campo:-ms-input-placeholder { /* IE 10+ */
  color: #eeeeee;
}
.campo:-moz-placeholder { /* Firefox 18- */
  color: #eeeeee;
}

.botonForm{
	width:calc( 100% - 12px);
	max-width:120px;

color:#FFFFFF;
text-align:center;
padding:5px;
 border:1px solid #ffffff;
background:rgba(255,255,255,0.19);

 font-size:12px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
display:block;
position:relative;
cursor:pointer;

 margin-bottom:1%;
 margin-top:1%;
}

.botonForm:Hover{
	background:#ffffff;
	border:1px solid #1166b0;
	color:#1166b0;
}





.botonBuscar{

color:#1166b0;
text-align:center;
padding:5px;
 border:1px solid #1166b0;
background:rgba(255,255,255,0.19);

 font-size:14px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
display:block;
position:relative;
cursor:pointer;

 margin-bottom:15px;
 margin-top:15px;
}

.botonBuscar:Hover{
	background:#1166b0;
	border:1px solid #1166b0;
	color:#FFFFFF;
}


.textoError{
	font-size:13px;
}

.textoErrorPresupuesto{
	font-size:13px;
}

.mensajeOK{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 300;
	color:#1166b0;
	margin-bottom: 100px;
	text-align: center;
}



.campoPresupuesto{
	 padding:4px;
	 padding-left:4px;
	 padding-right:4px;
	 width:calc( 100% - 10px);
	
	 border:1px solid #cccccc;
	 font-size:14px;
	 color:#666666;

-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
 position:relative;
font-family: 'Rubik';
	font-weight:400; /* o 700 */
	resize: none;
	background:rgba(255,255,255,0.19);
	margin-bottom: 5px;
}

.campoPresupuesto:focus{
	background:#ffffff;
	border:1px solid #1166b0;
	color:#1166b0;
}

.campoPresupuesto::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cccccc;
}
.campoPresupuesto::-moz-placeholder { /* Firefox 19+ */
  color: #cccccc;
}
.campoPresupuesto:-ms-input-placeholder { /* IE 10+ */
  color: #cccccc;
}
.campoPresupuesto:-moz-placeholder { /* Firefox 18- */
  color: #cccccc;
}

.etiqueta{
	font-size: 14px;
	text-align: left;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
}

.botonFormPresupuesto{
	width:calc( 100% - 35px);
	max-width:150px;

text-align:center;
padding:5px;
	padding-right: 30px;

 font-size:14px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
display:block;
position:relative;
cursor:pointer;

 margin-bottom:15px;
 margin-top:15px;
		background:#1166b0;
	border:1px solid #1166b0;
	color:#ffffff;
}

.botonFormPresupuesto:Hover{
	background:#ffffff;
	border:1px solid #1166b0;
	color:#1166b0;
}


/* NOVEDADES */

.paginador{
	width:120px;
	margin:0 auto;
	height:25px;
	margin-top:50px;
	margin-bottom:30px;
}

.paginadorAnteriores{
	width:21px;
	height:21px;
	background:url(img/paginador_izq.png);
	float:left;
	margin:2px;
	opacity:.7;
	-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.paginadorAnteriores:Hover{
	opacity:1;
}

.paginadorSiguientes{
	width:21px;
	height:21px;
	background:url(img/paginador_der.png);
	float:right;
	margin:2px;
	opacity:.7;
	-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.paginadorSiguientes:Hover{
	opacity:1;
}

.paginadorAnterioresMax{
	width:21px;
	height:21px;
	background:url(img/paginador_izq_max.png);
	float:left;
	margin:2px;
	opacity:.7;
	-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.paginadorAnterioresMax:Hover{
	opacity:1;
}

.paginadorSiguientesMax{
	width:21px;
	height:21px;
	background:url(img/paginador_der_max.png);
	float:right;
	margin:2px;
	opacity:.7;
	-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.paginadorSiguientesMax:Hover{
	opacity:1;
}

.opaco{
	opacity:.2;
}

.opaco:Hover{
	opacity:.2;
}

.novedad{
	margin-bottom:50px;
}

.tituloNovedad{
	font-size:26px;
	font-weight:900;
	
}

.infoNovedad{
	font-size:16px;
	font-weight:300;
}




.fotoNovedad{
	width:100%;
	width: calc(100% - 2px);
	overflow:hidden;
	clear:both;
	margin-top:10px;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #eeeeee;
}

.fotoNovedad:after{
	content: '';
    display: block;
	margin-top: 40%;	
}

.leerMas{
	
color:#afcb08;
font-size:14px;
font-weight:900;
}

.bienvenido{
	position:fixed;
	bottom:0;
	z-index:990;
	background:rgba(0,0,0,0.35);
	color:#ffffff;
	padding:10px;
	left:10px;
}

.imgNovedad{
	width:100%;
	height:auto;
	margin-top:30px;
	margin-bottom:30px;
}

.botonVolver{
	 color: #1166b0;
	 font-size:18px;
	 font-weight:300;
	 text-align:center;
	
	 -webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
	display: block;
	margin: 0 auto;
	
	 margin-top:30px;
	margin-bottom: 30px;
}

.botonVolver:Hover{
	color:#093760;
}

.cuerpoNovedad{
	font-size:17px!important;
	font-weight:300;
	color:#666666!important;
}


.error404{
	padding-top:150px;
	height:400px;
	width:40%;
	min-width:300px;
	max-width:600px;
	margin:0 auto;
	text-align:center;
	display:block;
	color:#666666;
	font-size:16px;
	font-weight: 300;
}

.tituloError{
	width:100%;
	/*background:#494949;
	border:1px solid #494949;*/
color:#1166b0;
	
	font-size:45px;
	font-weight:300;
}


.preloaderContacto{
	background:url(img/grid.svg);
	background-size:contain;
	background-repeat:no-repeat;
	overflow:hidden;
	clear:both;
	width:8%;
	max-width:20px;
	position:absolute;
	right:5%;
	bottom:27%;
	display:none;
}

.preloaderContacto:after{
	content: '';
    display: block;
	margin-top: 100%;
}

/* FIN NOVEDADES */




/* AJUSTE RESOLUCION */
@media (max-width: 449px){

.logoMovil{
	display:block;
}
.logo{
	display:none;
}

.iconoMenuMovil{
	right:30px;
}

.iconoMenuMovilVisible{
	right:30px;
}

.menu{
	display: block;
}
	
	.botonesMenu{
		display: none;
	}


.footer{
	font-size:44px;
	padding:0px;
}

.tituloFooter{
	font-size:20px;
	line-height:20px;
	margin-bottom:10px;
}

.contenidoTextoFooter{
	font-size:13px;
}





.infoFlex{
	width:80%;
	margin:0 auto;
	
	 display: block;
  
/*  margin-top:100px;*/
  margin-bottom:20px;
	overflow: hidden;
  
}



.columnaTexto{
		width:100%;
	max-width:none;
	
	padding:0px;
	padding-top:0;
	font-size:16px;
	line-height:20px;
	margin-bottom: 20px;
}


.flexCategorias{
	width:90%;
	max-width:1400px;
    margin-bottom:60px;
  	padding:20px;
	padding-top: 0px;
}	
	
.categoria{
	width: calc( 100%  - 40px );
	padding: 0;
	margin: 10px;
	margin-bottom: 10px;
}
	
.textoItemCategoria{
	font-size: 20px;
	line-height: 22px;
	max-width: 140px;
}
	
	
	
.contenedorDatosAbajo{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

.datosAbajo{
	width:90%;
	max-width: 800px;
	margin: 0 auto;
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
}

.dato{
	width: 100%;
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
      -webkit-justify-content: flex-start; /* Safari */
  justify-content:         flex-start;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	margin-bottom: 15px;
	margin-top: 15px;
}	
	
	#logoFooter{
	width: 60%;
	max-width: 250px;
		margin: 0 auto;
}

	
.menu{
	min-height:70px;
}

.botonesMenu{
width: 80%;
margin-left: 20px;
}


.iconoMenuMovil{
	width:24px;
	height:24px;
	right:30px;
	top:23px;
}	
	
.slogan{
display: none;
}
	

	
.tipito{
	width: 90vw;
	height: calc( 100% - 40px );
	right: 2vw;
	bottom: 0px;
}
	
.tituloSeccion{
	font-size: 20px;
	line-height: 22px;
}
	
.campoMenuArticulo{	
	font-size: 12px;
}

.botonMenuArticulo{
	font-size: 12px;
}

.selectMenuArticulo select {
	font-size: 12px;
}

#selectArt option{
	font-size: 12px;
}

}

@media (min-width: 450px){

.logoMovil{
	display:block;
}

	.logo{
	display:none;
}

.iconoMenuMovil{
	right:30px;
}

.iconoMenuMovilVisible{
	right:30px;
}

.menu{
	display: -webkit-flex; /* Safari */
	display: flex;
}
	

	.botonesMenu{
		display: -webkit-flex; /* Safari */
	display: flex;
	}

.footer{
	font-size:44px;
	padding:0px;
}

.tituloFooter{
	font-size:22px;
	line-height:22px;
	margin-bottom:10px;
}

.contenidoTextoFooter{
	font-size:13px;
}




.infoFlex{
	width:90%;
	max-width:1400px;
	margin:0 auto;
	
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
      -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
  
 /* margin-top:100px;*/
  margin-bottom:20px;
  
}
	
	

.columnaTexto{
	width:calc( 50% - 40px );
	max-width:500px;
	
	padding:20px;
	padding-top:0;
	font-size:16px;
	line-height:20px;
}

	
.flexCategorias{
	width:90%;
	max-width:1400px;
    margin-bottom:60px;
  	padding:20px;
	padding-top: 0px;
}	
	
.categoria{
	width: calc( 50% - 40px );
	padding: 0;
	margin: 10px;
	margin-bottom: 10px;
}
	
.textoItemCategoria{
	font-size: 20px;
	line-height: 22px;
	max-width: 140px;
}
	
	
.contenedorDatosAbajo{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

.datosAbajo{
	width:90%;
	max-width: 800px;
	margin: 0 auto;
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
}

.dato{
	width: 50%;
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	margin-bottom: 15px;
	margin-top: 15px;
}	
	
#logoFooter{
	width: 30%;
	max-width: 250px;
}

	
.menu{
	min-height:70px;
}

.botonesMenu{
width: 80%;
margin-left: 30px;
	display: none;
}


.iconoMenuMovil{
	width:24px;
	height:24px;
	right:30px;
	top:23px;
}
	
	
.slogan{
	position: relative;
	font-size: 28px;
	line-height: 28px;
	margin-left: 30px;
	max-width: 250px;
}	

	
.tipito{
	width: 70vw;
	height: calc( 100% + 40px );
	right: 2vw;
	bottom: 0px;
}
	
.tituloSeccion{
	font-size: 22px;
	line-height: 24px;
}
	
.campoMenuArticulo{	
	font-size: 12px;
}

.botonMenuArticulo{
	font-size: 12px;
}

.selectMenuArticulo select {
	font-size: 12px;
}

#selectArt option{
	font-size: 12px;
}	

}



@media (min-width: 1100px){
	
	
.logoMovil{
	display:none;
}
	
	
	.logo{
	display:block;
}
	
	.iconoMenuMovil{
	right:30px;
}

.iconoMenuMovilVisible{
	right:30px;
}

.menu{
	display: -webkit-flex; /* Safari */
	display: flex;
}
	

	.botonesMenu{
		display: -webkit-flex; /* Safari */
	display: flex;
	}
	


.footer{
	font-size:62px;
	padding:0px;
}

.tituloFooter{
	font-size:24px;
	line-height:24px;
	margin-bottom:10px;
}

.contenidoTextoFooter{
	font-size:14px;
}






.infoFlex{
	width:90%;
	max-width:1400px;
	margin:0 auto;
	
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
      -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
  
 /* margin-top:100px;*/
  margin-bottom:20px;
  
}
	

.columnaTexto{
	width:45%;
	max-width:500px;
	
	padding:50px;
	padding-top:0;
	font-size:18px;
	line-height:22px;
}
	

	
.flexCategorias{
	width:90%;
	max-width:1400px;
    margin-bottom:60px;
  	padding:20px;
	padding-top: 0px;
}	
	
.categoria{
	width: calc( 100% / 3 - 5% - 20px );
	padding: 0;
	margin: 10px;
	margin-bottom: 10px;
}
	
.textoItemCategoria{
	font-size: 24px;
	line-height: 26px;
	max-width: 160px;
}
	
	
.contenedorDatosAbajo{
	padding: 40px;
}

.datosAbajo{
	width:90%;
	max-width:1200px;
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:no-wrap;
    flex-wrap:no-wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
}

.dato{
	width: 30%;
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:no-wrap;
    flex-wrap:no-wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	margin-bottom: 0px;
	margin-top: 0px;
}
	
	#logoFooter{
	width: 30%;
	max-width: 250px;
}
	
	
.menu{
	min-height:100px;
}

.botonesMenu{
width: 80%;
	max-width: 700px;
margin-left: 60px;
}


.iconoMenuMovil{
	width:26px;
	height:26px;
	right:30px;
	top:35px;
}

.slogan{
	position: relative;
	font-size: 30px;
	line-height: 30px;
	margin-left: 30px;
	max-width: 350px;
}
	
.tipito{
	width: 50vw;
	height: calc( 100% + 40px );
	right: 2vw;
	bottom: 0px;
}
	
.tituloSeccion{
	font-size: 24px;
	line-height: 26px;
}
	
.campoMenuArticulo{	
	font-size: 11px;
}

.botonMenuArticulo{
	font-size: 11px;
}

.selectMenuArticulo select {
	font-size: 11px;
}

#selectArt option{
	font-size: 11px;
}
	
}

@media (min-width: 1500px){
	
	
.logoMovil{
	display:none;
}
	
	.logo{
	display:block;
}
	
	.iconoMenuMovil{
	right:30px;
}

.iconoMenuMovilVisible{
	right:30px;
}



	


.footer{
	font-size:62px;
	padding:0px;
}

.tituloFooter{
	font-size:28px;
	line-height:24px;
	margin-bottom:20px;
}

.contenidoTextoFooter{
	font-size:16px;
	line-height: 20px;
}


.infoFlex{
	width:90%;
	max-width:1400px;
	margin:0 auto;
	
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
      -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
  
 /* margin-top:100px;*/
  margin-bottom:20px;
  
}
	



.columnaTexto{
	width:40%;
	max-width:500px;
	
	padding:50px;
	padding-top:0;
	font-size:18px;
	line-height:22px;

}
	
	
.flexCategorias{
	width:90%;
	max-width:1400px;
    margin-bottom:60px;
  	padding:20px;
	padding-top: 0px;
}	
	
.categoria{
	width: calc( 100% / 3 - 5% - 20px );
	padding: 0;
	margin: 10px;
	margin-bottom: 10px;
}
	
.textoItemCategoria{
	font-size: 24px;
	line-height: 26px;
	max-width: 160px;
}
	


.contenedorDatosAbajo{
	padding: 40px;
}

.datosAbajo{
	width:90%;
	max-width:1200px;
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:no-wrap;
    flex-wrap:no-wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
}

.dato{
	width: 30%;
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:no-wrap;
    flex-wrap:no-wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	margin-bottom: 0px;
	margin-top: 0px;
}
	
#logoFooter{
	width: 30%;
	max-width: 250px;
}
	
.menu{
	min-height:100px;
}

.botonesMenu{
width: 80%;
	max-width: 800px;
margin-left: 60px;
}


.iconoMenuMovil{
	width:26px;
	height:26px;
	right:30px;
	top:35px;
}
	
.slogan{
	position: relative;
	font-size: 34px;
	line-height: 34px;
	margin-left: 40px;
	max-width: 450px;
}
	
.tipito{
	width: 50vw;
	height: calc( 100% + 40px );
	right: 2vw;
	bottom: 0px;
}
	
.tituloSeccion{
	font-size: 24px;
	line-height: 26px;
}

.campoMenuArticulo{	
	font-size: 11px;
}

.botonMenuArticulo{
	font-size: 11px;
}

.selectMenuArticulo select {
	font-size: 11px;
}

#selectArt option{
	font-size: 11px;
}	

}