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

@font-face { font-family: 'robotoregular'; src: url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/Roboto-Regular-webfont.eot?yocs=a_&yoloc=us'); src: url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/Roboto-Regular-webfont.eot?#iefix&yocs=a_&yoloc=us') format('embedded-opentype'), url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/Roboto-Regular-webfont.woff?yocs=a_&yoloc=us') format('woff'), url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/Roboto-Regular-webfont.ttf?yocs=_&yoloc=us') format('truetype'), url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/Roboto-Regular-webfont.svg#robotoregular?yocs=_&yoloc=us') format('svg'); font-weight: normal; font-style: normal;
}
@font-face { font-family: 'robotoblack'; src: url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/Roboto-Black-webfont.eot?yocs=a_&yoloc=us'); src: url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/Roboto-Black-webfont.eot?#iefix&yocs=a_&yoloc=us') format('embedded-opentype'), url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/Roboto-Black-webfont.woff?yocs=a_&yoloc=us') format('woff'), url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/Roboto-Black-webfont.ttf?yocs=_&yoloc=us') format('truetype'), url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/Roboto-Black-webfont.svg#robotoblack?yocs=_&yoloc=us') format('svg'); font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/fontawesome-webfont.eot?yocs=a_&yoloc=us');
	src: url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/fontawesome-webfont.eot?#iefix&yocs=a_&yoloc=us') format('embedded-opentype'),
	url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/fontawesome-webfont.woff?yocs=a_&yoloc=us') format('woff'),
	url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/fontawesome-webfont.ttf?yocs=_&yoloc=us') format('truetype'),
	url('http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Themes/SPDR/Content/Fonts/fontawesome-webfont.svg#robotoblack?yocs=_&yoloc=us') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face {
  font-family: 'bebas_neuebook';
  src: url('//cdn2.bigcommerce.com/n-zfvgw8/nh4zo/templates/__custom/font/BebasNeue-Book.otf?t=1488306729') format('truetype');
  font-weight: normal;
}
@font-face {
	font-family: 'bebas_neueregular';
	src: url('../fuentes/BebasNeue-webfont.woff?t=1488306729') format('woff');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'bebas_neuebook';
	src: url('../fuentes/BebasNeue-Book.otf?t=1488306729') format('truetype');
	font-weight: normal;
	}
@font-face {
	font-family: 'bebas_neuebold';
	src: url('../fuentes/BEBASNEUE%20BOLD.TTF?t=1488306729') format('truetype');
	font-weight: bold;
	}
@font-face {
    font-family: 'RobotoLigth';
    src: url('../fuentes/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_edosz';
    src: url('../fuentes/edosz.woff?t=1488306729') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url("../fuentes/fontawesome-webfont.woff?t=1488306729&v=3.2.1") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'ChocolateDulce';
	src: url('../fuentes/chocolate_dulce.ttf')  format('truetype');
	}
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fuentes/MaterialIcons-Regular.woff2) format('woff2');
	}


html,
body{
	width:100%;
	height: max-content;
	padding: 0px;
	margin: 0px;
	}
body > aside,
body > header > menu,
body > main > section.scContacto > section > article label::before{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,a62619+100 */
	background: #ff0000; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ff0000 0%, #a62619 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #ff0000 0%,#a62619 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #ff0000 0%,#a62619 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#a62619',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
body > header > h1,
body > main{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eef0f0+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #eef0f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#eef0f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #ffffff 0%,#eef0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef0f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow: 0 5px 5px 2px #70160d;
	}
	
p{
	font-family:robotoregular;
	font-size:18px;
	text-align:justify;
	width:90%;
	margin:auto;
	color: #252b3a;
	/* max-width: 770px; */
	}
i{
	font-family: ChocolateDulce;
	font-size:inherit;
	font-style: inherit;
	}
/**************************************************************************************
*
***************************************************************************************/
body > main,
body > aside{
	display:inline-block;
	}
body > aside{
	height: 100vh;
	/* z-index: 20; */
	}
	body > aside > figure{
		width: 20vw;
		height: 20vw;
		margin: 0px;
		padding: 0px;
		/* border: 1px solid #7ee022; */
		/* background-image: url(../img/LogoNS.png); */
		/* background-repeat: no-repeat; */
		/* background-size: cover; */
		/* background-position: center center; */
		}
		body > aside > figure > svg{
			right:0px;
			bottom: 0px;
			position: absolute;
			width: 20vw;
			height: 20vw;
			max-width: 260px;
			max-height: 260px;
			}
	body > aside > nav{
		border:none;
		}
		body > aside > nav label{
			display: block;
			color: white;
			font-family: bebas_neuebold;
			font-size: 30px;
			line-height: 60px;
			}
			body > aside > nav label::after{
				content:"";
				}
				body > aside > nav label:nth-child(1)::after{
					background-color:#efefef;
					}
				body > aside > nav label:nth-child(2)::after{
					background-color:#7ee022;
					}
				body > aside > nav label:nth-child(3)::after{
					background-color:#4b4b4c;
					}
				body > aside > nav label:nth-child(4)::after{
					background-color:#33ccff;
					}
				body > aside > nav label:nth-child(5)::after{
					background-color:#f2f024;
					}
body > main{
	box-shadow: 0 5px 5px 2px #70160d;
	counter-reset: tiposDeportivas tiposEscolares tiposMedias tiposElasticos tipoHilos;
	}

@media only screen and (max-width: 700px) {
    /* Para teléfonos: */
	body > aside{
		
		}
	}
@media only screen and (min-width: 701px) and (max-width: 799px) {
    /* Para tablets: */
	}
@media only screen and (max-width: 799px) {
    /* Para teléfonos y tablets: */
	body > #chkMenuAbierto:checked + header ~ aside{
		height: 100vh;
		}
	body > header[siemprevisible='true'] ~ aside{
		top: 50px;
		position: fixed;
		}
	body > header:not([siemprevisible]) ~ aside,
	body > header[siemprevisible='false'] ~ aside{
		position: absolute;
		}
	body > aside{
		/* left:-33vw; */
		width: 80vw;
		height: 0vh;
		overflow: hidden;
		/* position: relative; */
		margin-left: 10vw;
		transition-property: inherit;
		transition-duration: 0.5s;
		transition-timing-function: ease;
		z-index: 20;
		}
		body > aside > figure{
			display:none;
			}
		body > aside > nav{
			border:none;
			}
			body > aside > nav label{
				text-align: center;
				}
				body > aside > nav label::after{
					display: block;
					width: 100%;
					height: 5px;
					background-color:#3C6;
					box-shadow: inset 2px 1px 4px 0px #430f0f;
					}
	body > main{
		width:100vw;
		position: relative;
		}
	}
@media only screen and (min-width: 800px) {
    /* Para Escritorio: */
	body > aside{
		position:absolute;
		top: 0px;
		width: 33vw;
		height: 100vh;
		}
		body > aside > figure{
			margin-left: auto;
			right: 10px;
			position: relative;
			}
		body > aside > nav{
			border:none;
			}
			body > aside > nav label{
				text-align: right;
				cursor: pointer;
				background-color: transparent;
				transition-property: background-color;
				transition-duration: 0.5s;
				transition-timing-function: ease-in-out;
				}
				body > aside > nav label::after{
					display:inline-block;
					width: 25px;
					height: 25px;
					margin-left: 10px;
					margin-right: 30px;
					border-radius: 50%;
					background-color:#3C6;
					box-shadow: inset 2px 1px 4px 0px #430f0f;
					}
	body > main{
		width: 67vw;
		height: 100vh;
		position:absolute;
		top: 0px;
		left: 33vw;
		overflow-y: scroll;
		}
	}
/**************************************************************************************/

/**************************************************************************************
*
***************************************************************************************/
main > section > header{
	width:100%;
	font-family: bebas_neuebook;
	}
	main > section > header::after{
		content:"";
		display: block;
		width:100%;
		height: 1px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,252b3a+55 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left,  #ffffff 0%, #252b3a 55%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #ffffff 0%,#252b3a 55%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #ffffff 0%,#252b3a 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#252b3a',GradientType=1 ); /* IE6-9 */
		}
@media only screen and (max-width: 700px) {
    /* Para teléfonos: */
	}
@media only screen and (min-width: 701px) and (max-width: 799px) {
    /* Para tablets: */
	}
@media only screen and (max-width: 799px) {
    /* Para teléfonos y tablets: */
	main > section > header{
		font-size:30px;
		text-align:center;
		}
	}
@media only screen and (min-width: 800px) {
    /* Para Escritorio: */
	main > section > header{
		font-size:50px;
		text-align: left;
		text-indent: 10px;
		}
	}
/**************************************************************************************/

/**************************************************************************************
*figura banner del section
***************************************************************************************/
main > section > figure{
	width:100%;
	padding: 0px;
	margin: 0px;
	border: none;
	outline: none;
	background-image: url(http://cdn-us-ec.yottaa.net/570ff35d2bb0ac1d40000d7a/www.spyder.com/v~13.25/Media/SPDR/Images/landing-pages/partners/Partner_Landing_Page_Marquee.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	}
@media only screen and (max-width: 700px) {
    /* Para teléfonos: */
	}
@media only screen and (min-width: 701px) and (max-width: 799px) {
    /* Para tablets: */
	}
@media only screen and (max-width: 799px) {
    /* Para teléfonos y tablets: */
	main > section > figure{
		height:278px;
		}
	}
@media only screen and (min-width: 800px) {
    /* Para Escritorio: */
	main > section > figure{
		height:278px;
		}
	}
/**************************************************************************************/

/**************************************************************************************
*Hs
***************************************************************************************/
h1{/*TIPOGRAFIA DE LA MARCA Nafate Sport*/
	font-family: ChocolateDulce;
	font-size:48px;
	text-align:center;
	color:#252b3a;
	padding: 0px;
	margin: 0px;
	}
h2{
	font-family: robotoregular;
	text-align: center;
	position: relative;
	/* padding: 0 230px; */
	/* display: inline-block; */
	font-size: 50px;
	letter-spacing: -0.02em;
	margin-top: 20px;
	margin-bottom: 10px;
	/* margin-right: auto; */
	/* margin-left: auto; */
	/* right: 0px; */
	/* left: 0px; */
	/* width: 100%; */
	}
	h2::before,
	h2::after{
		content:"";
		position: absolute;
		width: 200px;
		height: 1px;
		top: calc(50% - 1px);
		}
	h2::before{
		background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #000000 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #000000));
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #000000 100%);
		background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #000000 100%);
		background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #000000 100%);
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#000000', GradientType=1);
		/* left: 0; */
		/*margin-left: -230px;*/
		}
	h2::after{
		background: -moz-linear-gradient(left, #000000 0%, rgba(255, 255, 255, 0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(100%, rgba(255, 255, 255, 0)));
		background: -webkit-linear-gradient(left, #000000 0%, rgba(255, 255, 255, 0) 100%);
		background: -o-linear-gradient(left, #000000 0%, rgba(255, 255, 255, 0) 100%);
		background: -ms-linear-gradient(left, #000000 0%, rgba(255, 255, 255, 0) 100%);
		background: linear-gradient(to right, #000000 0%, rgba(255, 255, 255, 0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00ffffff', GradientType=1);
		/* right: 0; */
		/*margin-left: 20px;*/
		}
h3{
	font-family: robotoregular;
	text-indent: 5px;
	}
@media only screen and (max-width: 700px) {
    /* Para teléfonos: */
	}
@media only screen and (min-width: 701px) and (max-width: 799px) {
    /* Para tablets: */
	}
@media only screen and (max-width: 799px) {
    /* Para teléfonos y tablets: */
	h2{
		font-size:30px;
		}
		h2::before,
		h2::after{
			width: 50px;
			}
		h2::before{
			margin-left: -60px;
			}
		h2::after{
			margin-left: 7px;
			}
	}
@media only screen and (min-width: 800px) {
    /* Para Escritorio: */
	h2{
		font-size:50px;
		}
		h2::before,
		h2::after{
			width: 200px;
			}
		h2::before{
			margin-left:-230px;
			}
		h2::after{
			margin-left: 20px;
			}
	}
/**************************************************************************************/

/**************************************************************************************
*CABECERA / MENU
***************************************************************************************/
body > header{
		width:100%;
		}
#chkMenuAbierto{
		display:none;
		}
@media only screen and (max-width: 700px) {
    /* Para teléfonos: */
	}
@media only screen and (min-width: 701px) and (max-width: 799px) {
    /* Para tablets: */
	}
@media only screen and (max-width: 799px) {
    /* Para teléfonos y tablets: */
	body > header{
		width:100%;
		height: 115px;
		}
		body > header > menu{
			width:100%;
			height:50px;
			padding: 0px;
			margin: 0px;
			}
			body > header[siemprevisible='true'] > menu{
				position:fixed;
				top:0px;
				z-index: 20;
				}
	
	body > header > menu svg {
		width: 66px;
		height: 50px;
		cursor: pointer;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}
		body > header > menu svg > path {
			fill: none;
			-webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
			-moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
			-o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
			-ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
			transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
			stroke-width: 40px;
			stroke-linecap: round;
			/* stroke: #a06ba5; */
			stroke: #FFF;
			stroke-dashoffset: 0px;
			}
			body > header > menu svg > path#top,
			body > header > menu svg > path#bottom {
				stroke-dasharray: 240px 950px;
				}
			body > header > menu svg > path#middle {
				stroke-dasharray: 240px 240px;
				}
		#chkMenuAbierto{
			display:none;
			}
			#chkMenuAbierto:checked + header > menu > label svg path#top,
			#chkMenuAbierto:checked + header > menu > label svg path#bottom{
				stroke-dashoffset: -650px;
				stroke-dashoffset: -650px;
				}
			#chkMenuAbierto:checked + header > menu > label svg path#middle{
				stroke-dashoffset: -115px;
				stroke-dasharray: 1px 220px;
				}
	}
@media only screen and (min-width: 800px) {
    /* Para Escritorio: */
	body > header{
		display:none;
		}
	}
/**************************************************************************************/

/**************************************************************************************
*MENÚ COMPORTAMIENTO
***************************************************************************************/
main > SECTION{
	display:none;
	overflow-x: hidden;
	}
body > input[name='optMenu']{
	display:none;
	}	
	body > input[name='optMenu']#optInicio:checked ~ aside LABEL[for='optInicio'],
	body > input[name='optMenu']#optNosotros:checked ~ aside LABEL[for='optNosotros'],
	body > input[name='optMenu']#optProductos:checked ~ aside LABEL[for='optProductos'],
	body > input[name='optMenu']#optCatalogos:checked ~ aside LABEL[for='optCatalogos'],
	body > input[name='optMenu']#optContacto:checked ~ aside LABEL[for='optContacto']{
		background-color:#31e1ec;
		color: #252b3a;
		border-top: 1px solid #e4f6f7;
		}
		
	body > input[name='optMenu']#optInicio:checked ~ main > SECTION.scInicio,
	body > input[name='optMenu']#optNosotros:checked ~ main > SECTION.scNosotros,
	body > input[name='optMenu']#optProductos:checked ~ main > SECTION.scProductos,
	body > input[name='optMenu']#optCatalogos:checked ~ main > SECTION.scCatalogos,
	body > input[name='optMenu']#optContacto:checked ~ main > SECTION.scContacto{
		/*visibility:visible;*/
		display:block;
		}
/**************************************************************************************/

/**************************************************************************************
*INICIO
***************************************************************************************/
SECTION.scInicio > SECTION{
	width:100%;
	}
	SECTION.scInicio > SECTION > ARTICLE{
		/* width:100%; */
		/* border: 1px solid #23e209; */
		}
		SECTION.scInicio > SECTION > ARTICLE > FIGURE{
			width:100%;
			height: 180px;
			background-position: center center;
			background-repeat: no-repeat;
			padding: 0px;
			margin: 0px;
			}
			SECTION.scInicio > SECTION > ARTICLE:nth-child(1) > FIGURE{
				background-image:url(../img/iconoInicioLogoNS.png);
				}
			SECTION.scInicio > SECTION > ARTICLE:nth-child(2) > FIGURE{
				background-image:url(../img/iconoInicioProductos.png);
				}
			SECTION.scInicio > SECTION > ARTICLE:nth-child(3) > FIGURE{
				background-image:url(../img/iconoInicioColores.png);
				}
			SECTION.scInicio > SECTION > ARTICLE:nth-child(4) > FIGURE{
				background-image:url(../img/iconoInicioColores.png);
				}
			SECTION.scInicio > SECTION > ARTICLE:nth-child(5) > FIGURE{
				background-image:url(../img/iconoInicioColores.png);
				}
			SECTION.scInicio > SECTION > ARTICLE:nth-child(6) > FIGURE{
				background-image:url(../img/iconoInicioColores.png);
				}
			SECTION.scInicio > SECTION > ARTICLE:nth-child(7) > FIGURE{
				background-image:url(../img/iconoInicioColores.png);
				}
		SECTION.scInicio > SECTION > ARTICLE > figcaption{
			font-family: Roboto;
			font-size: 20px;
			width: 90%;
			margin: auto;
			text-align: justify;
			color: #4b4b4c;
			}
	
@media only screen and (max-width: 700px) {
    /* Para teléfonos: */
	}
@media only screen and (min-width: 701px) and (max-width: 799px) {
    /* Para tablets: */
	}
@media only screen and (max-width: 799px) {
    /* Para teléfonos y tablets: */
	SECTION.scInicio > SECTION{
		/* width:100%; */
		}
		SECTION.scInicio > SECTION > ARTICLE{
			/* width:100%; */
			}
			SECTION.scInicio > SECTION > ARTICLE:not(:last-of-type){
				border-bottom: 1px solid #4b4b4c;
				}
			SECTION.scInicio > SECTION > ARTICLE > FIGURE{
				/* width:100%; */
				}
			SECTION.scInicio > SECTION > ARTICLE > figcaption{
				/* width:100%; */
				margin-bottom: 20px;
				}
	}
@media only screen and (min-width: 800px) {
    /* Para Escritorio: */
	SECTION.scInicio > SECTION{
		/* width:100%; */
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		}
		SECTION.scInicio > SECTION > ARTICLE{
			width: 30%;
			display: inline-block;
			}
			SECTION.scInicio > SECTION > ARTICLE:not(:last-of-type){
				border-right: 1px solid #4b4b4c;
				}
			SECTION.scInicio > SECTION > ARTICLE > FIGURE{
				/* width:100%; */
				}
			SECTION.scInicio > SECTION > ARTICLE > figcaption{
				/* width:100%; */
				}
			
	}
/**************************************************************************************/

/**************************************************************************************
*PRODUCTOS
***************************************************************************************/
SECTION.scCatalogos > ARTICLE,
SECTION.scProductos > ARTICLE{
	/* width:100%; */
	height: auto;
	display: flex;
	/* align-content: stretch; */
	justify-content: flex-start;
	padding-bottom: 30px;
	padding-top: 30px;

	&:nth-child(even){
		flex-direction: row;
		}
	&:nth-child(odd){
		flex-direction: row-reverse;
		}

	&:nth-child(even) > FIGURE{
		background-position: 80%;

		& > FIGCAPTION{
			border-left: 2px solid #00787a;
			padding-left: 20px;
			}
		}
	&:nth-child(odd) > FIGURE{
		background-position: 20%;

		& > FIGCAPTION{
			border-right: 2px solid #00787a;
			text-align: right;
			padding-right: 20px;
			}
		}
	
	& > FIGURE{
		width: calc(100% - 400px);
		height: 220px;
		max-width: 500px;
		margin: 0px;
		display: inline-block;
		/* border: 1px solid #23e209; */
		background-image: url(../img/defProducto.png);
		background-repeat: no-repeat;
		background-size: contain;
		}

	& > FIGCAPTION{
		width: 350px;

		& > p{
			text-align: inherit;
			margin: 0px;
			padding: 0px;
			white-space: break-spaces;
			
			

			&:nth-child(1){
				font-family: bebas_neuebook;
				font-size: 60px;
				color: #252b3a;
				margin-top: 30px;

				& span{
					font-family: bebas_neueregular;
					font-size: inherit;
					color: inherit;
					}
				}
				
			&:nth-child(2){
				font-family: bebas_neuebook;
				font-size: 40px;
				line-height: 34px;
				color: #18a2e2;
				
				
				
				
				
				
				
				

				&::before{
					content:attr(x) " ";
					font-family: inherit;
					font-size: inherit;
					color: inherit;
					}
				}
				
			&:nth-child(3){
				font-family: RobotoLigth;
				font-size: 24px;
				color: #252b3a;
				line-height: 44px;
				}
			}

		& > A{
			background-color: #31e1ec;
			color: #252b3a;
			position: relative;
			padding: 0.5em 1em;
			border-radius: 1em;
			font-family: VERDANA;
			text-align: center;
			text-decoration: none;
			}
		}
	}


SECTION.scProductos > ARTICLE{
	&:nth-of-type(1) > FIGURE{
		background-image: url(../img/defDeportivas.png);
		}
	&:nth-of-type(2) > FIGURE{
		background-image: url(../img/defMedias.png);
		}
	&:nth-of-type(3) > FIGURE{
		background-image: url(../img/defSublimable.png);
		}
	&:nth-of-type(4) > FIGURE{
		background-image: url(../img/defEscoces.png);
		}
	&:nth-of-type(5) > FIGURE{
		background-image: url(../img/defAntifluido.png);
		}
	&:nth-of-type(6) > FIGURE{
		background-image: url(../img/defElastico.jpg);
		}
	&:nth-of-type(7) > FIGURE{
		background-image: url(../img/defHilo.png);
		}
	&:nth-of-type(8) > FIGURE{
		background-image: url(../img/defBotones.png);
		}
	&:nth-of-type(9) > FIGURE{
		background-image: url(../img/defAgujas.png);
		}
	&:nth-of-type(10) > FIGURE{
		background-image: url(../img/defCierreSep.png);
		}
	&:nth-of-type(11) > FIGURE{
		background-image: url(../img/defCierreSep.png);
		}
	}

SECTION.scCatalogos > ARTICLE{
	&:nth-of-type(1) > FIGURE{
		background-image: url(../img/defMediaBordada.png);
		}
	&:nth-of-type(2) > FIGURE{
		background-image: url(../img/defEscoces.png);
		}
	&:nth-of-type(3) > FIGURE{
		background-image: url(../img/defPrincipeGales.png);
		}
	&:nth-of-type(4) > FIGURE{
		background-image: url(../img/defBotones_.png);
		}
	&:nth-of-type(5) > FIGURE{
		background-image: url(../img/defAplicaciones.png);
		}
	&:nth-of-type(6) > FIGURE{
		background-image: url(../img/defCuellos.png);
		}
	}
	
		
	
			
				
@media only screen and (max-width: 700px) and (orientation:portrait) {
    /* Para teléfonos: */
	SECTION.scProductos > ARTICLE,
	SECTION.scCatalogos > ARTICLE{
		flex-direction: column !important;

		& > FIGURE{
			/* width: calc(100% - 200px); */
			width: 100%;
			background-position: center !important;
			}

		& > FIGCAPTION{
			margin-left: 11px;
			width: calc(100% - 22px);
			background-color: rgba(241, 237, 237, 0.51);
			}
		}
	
	
	}
@media only screen and (min-width: 701px) and (max-width: 799px) {
    /* Para tablets: */
	}
@media only screen and (max-width: 799px) {
    /* Para teléfonos y tablets: */
	
	}
@media only screen and (min-width: 800px) {
    /* Para Escritorio: */
	}
/**************************************************************************************/

/**************************************************************************************
*IMAGENES MENU PRODUCTOS
***************************************************************************************/
/*body > main > section.scProductos > article.telasDeportivas > figure{
	background-image: url(../img/defProducto.png);
	}
body > main > section.scProductos > article.telasDeportivas > FIGCAPTION > p:nth-child(2)::before{
	content:counter(tiposDeportivas) " ";
	}
	
body > main > section.scProductos > article.medias > figure{
	background-image: url(../img/defMedias.png);
	}
body > main > section.scProductos > article.medias > FIGCAPTION > p:nth-child(2)::before{
	content:counter(tiposMedias) " ";
	}
	
body > main > section.scProductos > article.telasEscolares > figure{
	background-image: url(../img/defProducto.png);
	}
body > main > section.scProductos > article.telasEscolares > FIGCAPTION > p:nth-child(2)::before{
	content:counter(tiposEscolares) " ";
	}
	
body > main > section.scProductos > article.elasticos > figure{
	background-image: url(../img/defElastico.jpg);
	}
body > main > section.scProductos > article.elasticos > FIGCAPTION > p:nth-child(2)::before{
	content:counter(tiposElasticos) " ";
	}
	
body > main > section.scProductos > article.hilos > figure{
	background-image: url(../img/defHilo.png);
	}
body > main > section.scProductos > article.hilos > FIGCAPTION > p:nth-child(2)::before{
	content:counter(tiposHilosCostura) " ";
	}*/

/**************************************************************************************/

/**************************************************************************************
*TIENDAS
***************************************************************************************/
body > main > section.scCatalogos > FIGURE{
	background-image1:url("");
	}
body > main > section.scCatalogos > section > article{
	width: 95%;
	margin: auto;
	position: relative;
	display: flex;
	flex-direction: row;
	margin-top: 30px;
	margin-bottom: 30px;
	z-index: 1;
	}
	body > main > section.scCatalogos > section > article::after{
		content:"";
		width: 94%;
		height: 11px;
		margin-left: 3%;
		/* border: 1px solid #f38504; */
		border-radius: 50%;
		display: block;
		position: absolute;
		top: calc(100% - 13px);
		box-shadow: 0px 4px 11px 1px rgba(64, 15, 15, 0.75);
		z-index: -1;
		}
	body > main > section.scCatalogos > section > article > div{
		background-image: url(http://fj.b5z.net/i/u/2061533/i/mapatve.jpg);
		width: 50%;
		height: 266px;
		background-color: white;
		/* border: 1px solid; */
		}
	body > main > section.scCatalogos > section > article > figcaption{
		width: 50%;
		height: 266px;
		background-color: #00ffff;
		/* border: 1px solid; */
		}
		body > main > section.scCatalogos > section > article > figcaption h1{
			font-size: 30px;
			text-align: left;
			text-shadow: 1px 1px 1px #375050;
			}
		body > main > section.scCatalogos > section > article > figcaption p{
			font-weight: 600;
			color: #010101;
			white-space: pre-wrap;
			}
			body > main > section.scCatalogos > section > article > figcaption p:nth-child(1){
				font-size:auto;
				}
			body > main > section.scCatalogos > section > article > figcaption p:nth-child(2){
				font-family: bebas_neuebook;
				font-size: 30px;
				text-align: right;
				color: white;
				text-shadow: 1px 1px 1px #000;
				}
			body > main > section.scCatalogos > section > article > figcaption p span{
				font-family: bebas_neueregular;
				font-size: inherit;
				}
@media only screen and (max-width: 799px) {
    /* Para teléfonos y tablets: */
	body > main > section.scCatalogos > section > article{
		flex-direction: column;
		}
		body > main > section.scCatalogos > section > article > div,
		body > main > section.scCatalogos > section > article > figcaption{
			width: 100%;
			}
	}
@media only screen and (min-width: 1000px) {
    /* Para Escritorio: */
	body > main > section.scCatalogos > section{
		width:800px;
		margin: 30px auto auto auto;
		}
	}
/**************************************************************************************/

/**************************************************************************************
*CONTACTO
***************************************************************************************/
body > main > section.scContacto > section > article{
	width: 95%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	}
	body > main > section.scContacto > section > article form{
		width: 100%;
		display: flex;
		flex-direction: column;
		position: relative;
		}
	body > main > section.scContacto > section > article .s{
		width: calc(100% - 40px - 55px);
		/* border-radius: 5px; */
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
		font-size: 25px;
		padding: 13px;
		margin: -1px auto 20px 62px;
		border: none;
		box-shadow: 1px 1px 1px #9fa9a9;
		}
	body > main > section.scContacto > section > article input[type='submit']{
		width: 148px;
		height: 55px;
		right: 0px;
		margin-left: auto;
		background-color: #0daa1f;
		border-radius: 10px;
		border: none;
		color: white;
		font-size: 25px;
		text-shadow: 1px 1px 1px rgba(2, 23, 4, 0.69);
		box-shadow: inset 1px 2px 1px 1px rgba(255, 255, 255, 0.42), 1px 1px 3px 0px rgba(58, 56, 56, 0.42);
		appearance: none;
		-moz-appearance: none; /* Firefox */
		-webkit-appearance: none; /* Safari and Chrome */
		}
	body > main > section.scContacto > section > article label{
		position: relative;
		}
		body > main > section.scContacto > section > article label::before{
			content:attr(icono);
			line-height: 55px;
			width: 62px;
			height: 52px;
			background-color: aqua;
			padding: 0px;
			margin: 0px;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
			text-align: center;
			color: white;
			text-shadow: 1px 1px 1px #000;
			position: absolute;
			top: 0px;
			font-family: 'Material Icons';
			font-weight: normal;
			font-size: 26px;
			font-style: normal;
			/* Preferred icon size */
			display: inline-block;
			text-transform: none;
			letter-spacing: normal;
			word-wrap: normal;
			white-space: nowrap;
			direction: ltr;/* Support for all WebKit browsers. */
			-webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */
			text-rendering: optimizeLegibility;
			}
@media only screen and (min-width: 1000px) {
    /* Para Escritorio: */
	body > main > section.scContacto > section{
		width:800px;
		margin: 30px auto auto auto;
		}
	}
/**************************************************************************************/

/**************************************************************************************
*
***************************************************************************************/

/**************************************************************************************/

/**************************************************************************************
*
***************************************************************************************/
@media only screen and (max-width: 700px) {
    /* Para teléfonos: */
	}
@media only screen and (min-width: 701px) and (max-width: 799px) {
    /* Para tablets: */
	}
@media only screen and (max-width: 799px) {
    /* Para teléfonos y tablets: */
	
	}
@media only screen and (min-width: 800px) {
    /* Para Escritorio: */
	}
/**************************************************************************************/


.svgTxt{
	color:#3F9;
	}