@charset "utf-8";

html,body{height:100%;min-width:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0;}
body{min-height:100%;font-family:madawaska,serif;font-style: normal;font-weight: 400;letter-spacing: 0.02em;color:#000;
background: #fff;text-rendering:optimizeLegibility;}
* {margin: 0; padding: 0;box-sizing: border-box;}
article,aside,details,figcaption,footer,header,hgroup,main,nav,section,audio,canvas,video {display:block}



header {
	margin: 0;
	padding: .25em 0 0 0;
	position: relative;
	z-index: 12;
	box-shadow: 0 2px 4px #333;
	background: -webkit-linear-gradient(90deg, #dedede, #aaa, #fdfdfd, #aaa); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(90deg, #dedede, #aaa, #fdfdfd, #aaa); /* For Opera 11.1 to 12.0 */
 	background: -moz-linear-gradient(90deg, #dedede, #aaa, #fdfdfd,#aaa); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, #dedede, #aaa, #fdfdfd, #aaa); /* Standard syntax */
	
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	
}





hr.linea-h { width: 80%;
	margin:2em auto;
	border-bottom: 1px solid #000;
	
 }

hr.linea-2 { width: 40%;
	margin:2em auto;
	border-top: 1px solid #444;
	
 }


.container {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 1;
		
}

.wrapper {
	padding: 0 1.15em;
	position: relative;
	margin: 0 auto;
	
}





h4,h5,h6 {
	font-family: madawaska, serif;
	font-style: normal;
}

h4, .caja-about h1, .caja-contenido h5, #caja-contacto h1, .custom-orders h2 {
	font-weight: 300;
	color: #0072bc;
	letter-spacing: -.012em;
	font-size: 2.4em;
	
}

.caja-about h5 {
	font-weight: 600;
	color: #000;
	font-size: 1.6em;
}

h6 {
	font-weight: 400;
	font-size: 1em;
	text-align: center;
	color: #333;
	padding: .25em;
	text-transform: uppercase;
	letter-spacing: -.01em;
	vertical-align: middle;
}

.caja-about p.verde {
	font-weight: 300;
	color:#008822;
	margin: .9em 0;
	font-size: 1.5em;
	letter-spacing: -.012em;
}


.negra {
	font-weight: 700;
	font-style: normal;
	color: #000;
}

.required {color: crimson;font-size: 1.5em;}

/* ↓↓↓↓↓↓ mobile view site ↓↓↓↓↓↓ */

@media screen and (max-width: 600px) {

body {font-size: 100%;}

.wrapper {
	padding: 0 1em 0 .5em;
	position: relative;
	margin: 0 auto;
	
}



header h1, header h2, .empresa {
	font-family: madawaska, serif;
	font-style: normal;
	
}

header h1, .size-h1 {
	color: #444;
	font-size: 1.5em;
	font-weight: 600;
	text-align: center;
		
}

header h2, .size-h2 {
	font-weight: 400;
	text-align:center;
	font-size: 1em;
	color: #0072BC;
	margin: 0 0 .7em 0;
}

#caja-contacto h1 {
	text-align: center;
}

#main-menu {
	margin-top: .8em;
	z-index: 17;
	display:block;
	float:none;
	clear: right;
		
}

#main-menu a:hover {
	background-color:rgba(252, 252, 252, 0.85);
	color:#000;
}

#main-menu ul {
	list-style: none;
	min-height: 34px;
	margin-bottom: -1px;

}

#main-menu li {
	float: none;
	position: relative;
	margin: 6px 0;
	box-shadow: 0px -1px 4px #222;
	background-color: rgba(15, 15, 15, 0.75);
}

#main-menu a {
	display: block;
	width: 100%;
	text-align: left;
	color:#fff;
	font-family: 'Roboto',serif;
	font-style: normal;
	font-weight: 400;
	font-size: .92em;
	line-height: 2;
	padding-left: 10px;
	text-decoration: none;
	height: 27px;
}


#main-menu li > ul {
	position: static;
	display: none;

}

#main-menu li:hover > ul {
	display: block;

}



h3, .motto {display: none;}

.fijo /*header directory*/ {
	position: relative;
}

.titulo-fijo {
	position: relative;
	display: block;
	text-align: center;
	z-index: 10;
	
}

.titulo-fijo h1 {
	margin: .5em 0;
	font-weight: 400;
	color: #0072bc;
	display: inline-block;
	font-size: 1.45em;
}

#stock {display: none;}

.flex-caption {
	font-size: 1.6em;
	right: 0;
	text-align: right;
	position: absolute;
	letter-spacing: -.015em;
	top: 1%;
	color:#0072BC;
	/*text-shadow: 0 -1px 1px #333; */
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 400;
 
}


#logo {
	position: relative;
	margin:0 auto;
	padding: .1em;
	width:  10em;
	z-index: 15;
	
}

.sin-retorno {
	content: ' ';
	display: none;
}

#logo img {
	width: 100%;
	filter: drop-shadow(0px 1px 1px #000 );
	-webkit-filter: drop-shadow(0px 1px 1px #000 );

}

div.table-container {
	width: 100%;
	


}

.contenido-directory {
	position: relative;
	z-index: 3;
	display: block;
	text-align: center;
	/*justify-content: space-between;
	flex-wrap: nowrap;*/

}

.contenido-directory h5 {
	color:#000;
	position: relative;
	border-radius: .15em;
	box-shadow: 0px 2px 5px #000;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 1.4em;
	font-weight: 700;
	text-transform: uppercase;
	line-height:65%;
	padding: .75em 0 .5em 0;
	margin: .7em 0;
	display: block;
	background-color:rgba(245, 170, 46, 1);
			
}

.prod-showcase h1, .prod-showcase h2, .options-contenido h1,.custom-orders h1 {
	padding: .45em;
	margin-bottom: .9em;
	font-family: 'Roboto', sans-serif;
	font-size: 1.3em;
	background-color:rgba(245, 170, 46, 1);
	font-weight: 700;
	border-radius: .15em;
	letter-spacing: -.018em;
	text-align: center;
	box-shadow: 0px 0px 4px 1px #555;
	
}

.descargas {
	display:block;
	margin: 2.6em auto;
	width: 50%;
}

.descarga-E {
	display: block;
	margin: 2em 0;
	text-align: center;
}

.producto {
 	position: relative;
 	display: block;
 	margin: .4em auto;
 	 	
 }

 figure.producto img {
 	width: 100%;
 	height: auto;
 	display: block;
 	
  	
 }

 figure#columna {
 	width:145px;
	float: none;
	margin: 0 auto;
 }


figure#columna img {
	width: 100%;
	height: auto;
}



.prod-showcase h1, .prod-showcase h2 {	
	text-align: center;
}

/* pagina de contacto ↓↓↓↓ */

#formulario {
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-kerning: normal;
	position: relative;
	margin-top: 2em;
	padding-bottom: 3.5em;
	
}

#form-pedido {
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-kerning: normal;
	position: relative;
	padding-bottom: 3.5em;
	
	
}

.texto {
	font-family: Roboto Condensed, sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	letter-spacing: -.02em;
	line-height: 1.15;
	font-kerning: normal;
	margin-bottom: .65em;
}

.firma  {
	font-size: 1.6em;
	font-weight: 700;
	font-family: Roboto, sans-serif;
	font-kerning: normal;

}

.domicilio {
	font-family: Roboto,sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.15em;
	font-kerning: normal;
	
}

#contacto {
	position: relative;
	width: 95%;
	margin:0 2.5%;
}

.caja-contenido p {
	text-align: left;
	line-height: 1.25;
	letter-spacing: -.017em;
	margin-bottom: .75em;
}

.values {
	margin: 1.65em auto;
	width: 80%;
}

#mapa {
	position: relative;
	margin: .7em auto;
	height: 25em;
	box-shadow: 0px 0px 3px #222;

}

#col-sizes {display: none;}


.samples {
	margin: 4% auto;
	width:90%;
		
}

div > #legend {
	position: relative;
	margin: 3.5em auto;
	
}

#legend {
	table-layout:auto;
	border-collapse: collapse;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	letter-spacing: -.015em;
}


#legend  th {color:red; padding: .6em 0;text-align: center;}

#legend td {padding: .35em}

#section-cut {
 	display: block;
 	float: none;
 	margin-right:auto;
 	margin-left: auto;
 	width: 90%;
}

.prod-showcase figure {
 	vertical-align: top;
 	text-align: center;
 	margin-top: 3em;
 	margin-bottom: 3em; 	
}

.social {
	display: block;
	width: 40%;
	margin: 1.4em 0 1.4em 40%;
	
}


.social ul > li {
	display: block;
	margin: .8em 0;
	text-align: left;
	
}

div > #mobile-sizes {
	position: relative;
	margin: 0 auto;
			
}


#mobile-sizes {
	table-layout:auto;
	border-collapse: collapse;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	letter-spacing: -.015em;
}

#foot-text {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	letter-spacing: -.015em;
	font-style: normal;
	padding: 2em 0;
	font-size:.95em;
	color: #333;
	line-height: 1.5;
	text-align: center;
}

#credito {display: none;}


.foot-menu {display: none;}

#mobile-sizes tr:nth-child(even) {background-color:#ddd;}
#mobile-sizes tr:nth-child(odd) {background-color:#c4dcfc;}


#mobile-sizes > tr, td {
	border: 1px solid gray;
	line-height: 1;
}

#mobile-sizes  td  {padding:.45em .7em;text-align: center; }

/* ---formulario de contacto */

.contact-form {width:100%;padding:.15em;font-size:1.2em;}

.input-field {font-size:.95em; color:#000;text-align:left;width:98%;padding: .25em 0;
	background-color: #dedede;
-webkit-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);
-moz-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);
box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);}

.input-field:focus {background-color: #DDCFA0}

.borde-formulario {border:2px dotted navy; padding:10px;}

.required-text {text-align:right; font-size: .7em}

.input-titles {
	text-align:left;
	margin-top: .15em;
	font-size:.8em;
	
}

.input-div {text-align:left;}
.input-error {text-align:left;color:red;}
.drop-select {text-align:left;margin-left:40px;}
.small-captcha {width: 175px; height: 50px; padding-top:2px; margin-left:145px;}
.captcha-div {width: 250px; height: 60px; padding-top:5px;}
.captcha-input {text-align:left; width:90px;padding: .4em 0;font-size: 1.2em; margin: 0; background-color: #ccc;}
.submit-div {text-align:center; padding-top:8px; margin-top:.35em;}
.submit-button {cursor:pointer;width: 90px;background-color: green;font-size: 1em;padding:.45em 0;color: #fff;margin:0;border-radius:4px}
.reset-button {cursor:pointer;width: 90px;background-color: crimson;font-size: 1em;padding:.45em 0;color: #333; margin-left:2.6em;border-radius:4px;clear: none}
.powered {font-size:x-small; font-weight:normal; padding-top:5px;}



/* ---- fin formulario de contacto ---*/

/* ↓↓↓↓ ---formulario pedidos ----↓↓↓↓ */

.form-orders{width:100%;padding:.15em;font-size:1em;}

.campos-entrada {font-size:1.35em; color:#000;text-align:left;width:98%;padding:.16em .3em;
	background-color: #dedede;border-radius: 3px;
-webkit-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);
-moz-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);
box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);}

.campos-entrada:focus {background-color: #DDCFA0}

.borde-formulario {border:2px dotted navy; padding:10px;}

.requerido {text-align:right; font-size: .9em;color:crimson;}

.boton-radio {letter-spacing: -.03em;margin-top:.45em;font-size: 1.7em;color:orange;}
.titulos-entrada {text-align:left;margin-top:1.25em;font-size:1.15em; color:navy;letter-spacing: -.012em;}

.div-entrada {text-align:left;font-size: 1.45em;letter-spacing: -.025em;margin-top: .3em;}
.error-entrada {text-align:left;color:red;}
.drop-select {text-align:left;margin-left:40px;}
.small-captcha {width: 175px; height: 50px; padding-top:2px; margin-left:145px;}
.captcha-contenedor {width: 250px; height: 60px; padding-top:5px;}
.captcha-input {text-align:left; width:90px;padding: .4em 0;font-size: 1.2em; margin: 0; background-color: #ccc;}
.div-enviar {text-align:center; padding-top:8px; margin-top:.35em;}
.boton-enviar {cursor:pointer;width: 90px;background-color: green;font-size: 1em;padding:.45em 0;color: #fff;margin:0;border-radius:4px}
.boton-borrar {cursor:pointer;width: 90px;background-color: crimson;font-size: 1em;padding:.45em 0;color: #ddd; margin-left:2.6em;border-radius:4px;clear: none}
.powered {font-size:x-small; font-weight:normal; padding-top:5px;}

/* ----↑↑↑ --fin formulario de pedidos ↑↑↑↑ ---*/


.prod-showcase p {
	text-align: left;}

figure#headshot {
	display: none;
	
}

figure#ptr-mobile {
	display: block;
	margin: .85em auto;
	width: 240px;
	position:relative;
}

#ptr-mobile img {
	box-shadow: 0px 2px 4px #222;
}

}

/* ----end of mobile view---- ↑↑↑*/

/* ↓↓↓↓↓ tablet format  ↓↓↓↓↓↓*/

@media screen and (min-width: 601px) and (max-width: 927px)  {

	
body {font-size: 94%;}

.wrapper {
	padding: 0 .6em;
	position: relative;
	margin: 0 auto;
}


header h1 h2, .empresa {
	text-align: right;
	font-family: madawaska, serif;
	font-style: normal;
	float: right;
}

header h1, .size-h1 {
	color: #444;
	font-size: 1.72em;
	font-weight: 600;
	letter-spacing: -.015em;
}



header h2, .size-h2 {
	font-weight: 400;
	margin-top: .5em;
	clear: right;
	font-size: 1.18em;
	color: #0072BC;
	display: inline-block;
}

h3, .motto {display: none;}

.fijo {
	position: fixed;
	width: 100%;
}

.titulo-fijo {
	position: fixed;
	top:8.6em;
	display: block;
	text-align: center;
	z-index: 10;
	
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 43%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.titulo-fijo h1 {
	margin: .5em 0;
	font-weight: 400;
	color: #0072bc;
	display: inline-block;
	font-size: 1.6em;
}

#main-menu {
	margin-top: .5em;
	position: relative;
	z-index: 17;
	/*display: inline-block;*/
	float: left;
	clear: left;

}



#main-menu a:hover {
	background-color:rgba(252, 252, 252, 0.85);
	color:#000;
}

#main-menu ul {
	list-style: none;
	min-height: 34px;
	margin-bottom: -1px;

}



#main-menu li {
	float: left;
	position: relative;
	margin-right: 6px;
	margin-top: 4px;
	box-shadow: 0px -1px 4px #222;
	background-color: rgba(15, 15, 15, 0.75);
}


#main-menu a {
	display: block;
	width: 6.8em;
	text-align: center;
	color:#fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: .9em;
	line-height: 2;
	text-decoration: none;
	height: 27px;
	box-shadow: 0px -1px 4px #222;
			
}

#main-menu li > ul {
	position: absolute;
	top: 27px; left: 0px;
	display: none;

}

#main-menu li:hover > ul {
	display: block;

}



#stock {display: none;}


#logo {
	display:block;
	position: relative;
	float: left;
	margin: .15em 0;
	padding: .1em;
	z-index: 15;
}



#logo img {
	width: 11em;
	filter: drop-shadow(0px 1px 1px #000 );
	-webkit-filter: drop-shadow(0px 1px 1px #000 );

}



.contenido-directory {
	position: relative;
	padding-top: 245px;
	z-index: 3;
	display: flex;
	text-align: center;
	justify-content: space-between;
	flex-wrap: nowrap;

}

.contenido-directory h5 {
	color:#000;
	border-radius: .15em;
	box-shadow: 0px 2px 5px #000;
	width: 8.5em;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 1.4em;
	text-transform: uppercase;
	line-height:75%;
	padding-top: 3em;
	margin-top: -1em;
	vertical-align: middle;
	display: inline-block;
	background-color:rgba(245, 170, 46, 1);
	height: 8.5em;
	
	
}

.flex-caption {
  /*width: 96%;*/
  position: absolute;
  letter-spacing: -.04em;
  text-align: right;
  top: 15%;
  right: 1%;
  color:#0072BC;
  text-shadow: 0 -1px 1px #333; 
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.85em;
 
}

.prod-showcase h1, .prod-showcase h2, .options-contenido h1,.custom-orders h1 {
	padding: .4em;
	margin-bottom: .9em;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	background-color:rgba(245, 170, 46, 1);
	font-weight: 700;
	letter-spacing: -.015em;
	border-radius: .15em;
	text-align: left;
	box-shadow: 0px 0px 5px 1px #555;
	
}


.width-75 {
	width: 75%;
}

.producto {
 	position: relative;
 	display: inline-block;
 	vertical-align: middle;
 	max-width: 24.2em;
 	margin: .4em 0 1.6em .8em;
 	padding: -.3em;
 	
 }

 figure.producto img {
 	width: 100%;
 	height: auto;
 	display: block;
 }

  figure#columna {
 	float: right;

 }


/* pagina de contacto ↓↓↓↓ */

#formulario {
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-kerning: normal;
	position: relative;
	width: 50%;
	vertical-align: top;
	margin-top: -1.5em;
	display: inline-block;
			
}

#form-pedido {
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 50%;
	vertical-align: top;
	font-kerning: normal;
	position: relative;
	padding-bottom: 3.5em;
	display: inline-block;
	
}

.texto {
	font-family: Roboto Condensed, sans-serif;
	font-weight: 400;
	font-size: 1.25em;
	letter-spacing: -.01em;
	line-height: 1.2;
	font-kerning: normal;
	margin-bottom: .65em;
}

.firma  {
	font-size: 1.15em;
	font-weight: 700;
	font-family: Roboto, sans-serif;
	font-kerning: normal;

}

.domicilio {
	font-family: Roboto Condensed,sans-serif;
	font-weight: 400;
	line-height: 1;
	font-style: normal;
	font-size: .95em;
	font-kerning: normal;
	letter-spacing: -.01em;
}

#contacto {
	width: 45%;
	position: relative;
	vertical-align: top;
	margin-right: 3.5%;
	display: inline-block;
}

.caja-contenido p {
	text-align: justify;
	margin:0 3.5em .75em;
}

.values {
	margin: 1.3em auto;
	width: 60%;
}

#mapa {
	width: 100%;
	margin-top: 1.8em;
	position: relative;
	height: 28em;
	box-shadow: 1px 1px 4px #222;
}


.descargas {
	display:inline-block;
	margin: 1em 0 0 1.2em;
}

.descarga-E {
	display: block;
	margin: 2em 0;
}


.social {
	display: block;
	position: relative;
	text-align: center;
}


.social ul > li {
	display: inline-block;
	margin: 1em;
	vertical-align: top;
}

figure#headshot {
	float: right;
	display: block;
	padding-left: 1.65em;
	width: 260px;
	height: 195px;
	background: url('../imagenes/JR-IR-headshot.jpg') left top no-repeat;
	box-shadow: 20px 20px 40px 0 white inset, -20px -20px 40px 0 white inset;

}



figure#ptr-mobile {
	display: none;
}

div > #mobile-sizes {display: none;}

div > #col-sizes {
	position: relative;
	margin: 0 auto;
}

#section-cut {
 	display: block;
 	margin: 2em auto;
 	text-align: center;
}

.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.samples {
	margin: 3% auto;
	vertical-align: top;
	width:48%;
	display: inline-block;		
}

div > #legend {
	position: relative;
	margin: 0 auto 2em;
}

#legend {
	table-layout:auto;
	border-collapse: collapse;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	letter-spacing: -.015em;
}


#legend  th {color:red; padding: .6em 0;text-align: center;}

#legend td {padding: .35em}

#col-sizes, #mobile-sizes {
	table-layout:auto;
	border-collapse: collapse;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size:.7em
	letter-spacing: -.015em;
}




#col-sizes tr:nth-child(even) {background-color:#ddd;}
#col-sizes tr:nth-child(odd) {background-color:#c4dcfc;}


#col-sizes > tr, td {
	text-align: center;
	border: 1px solid gray;
	line-height: 1;

}

#col-sizes  td  {padding: .45em .2em }

.foot-menu {
	padding-bottom: 1.4em;
	display: block;
	
}

.foot-menu ul {
	list-style-type: none;
	list-style-position: inside;
	display: inline-block;
	margin-right: 2.55em;
	vertical-align: top;
}

.foot-menu ul > li {margin-bottom: 1.2em;}
.foot-menu ul > li a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.15em;
	font-weight: 400;
	letter-spacing: -.015em;
	font-style: normal;
	line-height: 1;
	color: #000;
}

.foot-menu ul > li a:hover {
	color:crimson;
	text-decoration: none;
}

#foot-text, #credito {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	letter-spacing: -.015em;
	font-style: normal;
	font-size:.95em;
	color: #333;
	line-height: 1.5;
	text-align: center;
		
}

#credito a:link, a:visited {
	color:teal;
	text-decoration: none;

}

#credito a:hover {
	text-decoration: underline;
}



/* ---formulario de contacto */

.contact-form {width:100%;padding:.15em;font-size:1em;}

.input-field {font-size:.95em; color:#000;text-align:left;width:98%;padding: .25em 0;
background-color: #dedede;
-webkit-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);
-moz-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);
box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);}

.input-field:focus {background-color: #DDCFA0}

.borde-formulario {border:2px dotted navy; padding:10px;}

.required-text {text-align:right; font-size: .7em}

.input-titles {
	text-align:left;
	margin-top: .15em;
	font-size:.8em;
	
}

.input-div {text-align:left;}
.input-error {text-align:left;color:red;}
.drop-select {text-align:left;margin-left:40px;}
.small-captcha {width: 175px; height: 50px; padding-top:2px; margin-left:145px;}
.captcha-div {width: 250px; height: 60px; padding-top:5px;}
.captcha-input {text-align:left; width:90px;padding: .4em 0;font-size: 1.2em; margin: 0; background-color: #ccc;}
.submit-div {text-align:center; padding-top:8px; margin-top:.35em;}
.submit-button {cursor:pointer;width: 90px;background-color: green;font-size: 1em;padding:.45em 0;color: #fff;margin:0;border-radius:4px}
.reset-button {cursor:pointer;width: 90px;background-color: crimson;font-size: 1em;padding:.45em 0;color: #333; margin-left:2.6em;border-radius:4px;clear: none}
.powered {font-size:x-small; font-weight:normal; padding-top:5px;}



/* ---- fin formulario de contacto ---*/

/* ↓↓↓↓ ---formulario pedidos ----↓↓↓↓ */

.form-orders{width:100%;padding:.15em;font-size:1em;}

.campos-entrada {font-size:1.25em; color:#000;text-align:left;width:98%;padding:.09em 0;
	background-color: #dedede;border-radius: 3px;
-webkit-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);
-moz-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);
box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);}

.campos-entrada:focus {background-color: #DDCFA0}

.borde-formulario {border:2px dotted navy; padding:10px;}

.requerido {text-align:right; font-size: .7em;color:crimson;}

.boton-radio {letter-spacing: -.18em;margin-top: .45em;}

.titulos-entrada {text-align:left;margin-top:1.15em;font-size:.92em; color:navy;letter-spacing: -.012em;}

.div-entrada {text-align:left;}
.error-entrada {text-align:left;color:red;}
.drop-select {text-align:left;margin-left:40px;}
.small-captcha {width: 175px; height: 50px; padding-top:2px; margin-left:145px;}
.captcha-contenedor {width: 250px; height: 60px; padding-top:5px;}
.captcha-input {text-align:left; width:90px;padding: .4em 0;font-size: 1.2em; margin: 0; background-color: #ccc;}
.div-enviar {text-align:center; padding-top:8px; margin-top:.35em;}
.boton-enviar {cursor:pointer;width: 90px;background-color: green;font-size: 1em;padding:.45em 0;color: #fff;margin:0;border-radius:4px}
.boton-borrar {cursor:pointer;width: 90px;background-color: crimson;font-size: 1em;padding:.45em 0;color: #ddd; margin-left:2.6em;border-radius:4px;clear: none}
.powered {font-size:x-small; font-weight:normal; padding-top:5px;}

/* ----↑↑↑ --fin formulario de pedidos ↑↑↑↑ ---*/





} 

/* ↑↑↑↑ ----- fin de Tablet ---------↑↑↑↑ ---*/

/*-----↓↓↓↓↓ pantallas medianas a grandes ↓↓↓↓↓------ */

@media screen and (min-width: 928px) {

body {font-size: 87%;}


header h1, header h2, .empresa {
	text-align: right;
	font-family: madawaska, serif;
	font-style: normal;
	float: right;
}

header h1, .size-h1 {
	color: #444;
	font-size: 1.72em;
	font-weight: 600;
	letter-spacing: -.012em;

}

header  h2, .size-h2 {
	font-weight: 400;
	margin-top: .5em;
	clear: right;
	font-size: 1.15em;
	color: #0072BC;
	display: inline-block;
}

 h3, .motto {
	font-weight: 300;
	color: #bebebe;
	text-shadow: 0px 1px 1px #000;
	letter-spacing: -.015em;
	
}

h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.95em;
	margin: 1em auto;
	font-kerning: normal;
	text-align:center;

}


.motto {
	font-family:'Roboto Condensed', sans-serif;
	float: right;
	clear: right;
	font-size: 1.65em;
	margin-top: .25em;
	
}

.fijo {
	position: fixed;
	width: 100%;
}

.titulo-fijo {
	position: fixed;
	top:9.2em;
	text-align: center;
	display: block;
	z-index: 10;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 43%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}


.titulo-fijo h1 {
	margin: .5em 0;
	font-weight: 300;
	color: #0072bc;
	text-align: center;
	display: inline-block;
	letter-spacing: -.015em;
	font-size: 1.95em;
}

.contenido-directory {
	position: relative;
	padding-top: 233px;
	z-index: 3;
	display: flex;
	text-align: center;
	justify-content: space-between;
	flex-wrap: nowrap;

}


.contenido-directory h5 {
	color:#000;
	border-radius: .15em;
	box-shadow: 0px 2px 5px #000;
	width: 8.5em;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 1.4em;
	line-height:75%;
	letter-spacing: -.02em;
	text-transform: uppercase;
	padding-top: 3em;
	margin-top: -1em;
	vertical-align: middle;
	display: inline-block;
	background-color:rgba(245, 170, 46, 1);
	height: 8.5em;
}



#main-menu {
	margin-top: .45em;
	position: relative;
	z-index: 17;
	display: inline-block;
	float: left;
	clear: left;
		
}

#main-menu a:hover {
	background-color:rgba(252, 252, 252, 0.85);
	color:#000;
}


	#main-menu ul {
	list-style: none;
	min-height: 34px;
	margin-bottom: -1px;

}


	#main-menu li {
	float: left;
	position: relative;
	margin-right: 10px;
	margin-top: 6px;
	box-shadow: 0px -1px 4px #222;
	background-color: rgba(15, 15, 15, 0.75);
	

}

#main-menu a {
	display: block;
	width: 7.6em;
	text-align: center;
	color:#fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: .92em;
	line-height: 2;
	letter-spacing: -.015em;
	text-decoration: none;
	height: 27px;
		
}

#main-menu li > ul {
	position: absolute;
	top: 27px; left: 0px;
	display: none;

}



#main-menu li:hover > ul {
	display: block;

}


.prod-showcase h1, .prod-showcase h2, .options-contenido h1,.custom-orders h1 {
	padding: .4em;
	margin-bottom: .9em;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	background-color:rgba(245, 170, 46, 1);
	font-weight: 700;
	letter-spacing: -.015em;
	border-radius: .15em;
	text-align: left;
	box-shadow: 0px 0px 6px 1px #555;
	
}

.width-75 {
	width: 75%;
}

#logo {
	display:block;
	position: relative;
	float: left;
	margin: 0 0 .35em 0;
	padding: .15em 0;
	z-index: 15;
}



#logo img {
	width: 11.5em;
	filter: drop-shadow(0px 1px 1px #000 );
	-webkit-filter: drop-shadow(0px 1px 1px #000 );

}


.flex-caption {
  /*width: 96%;*/
  position: absolute;
  letter-spacing: -.04em;
  text-align: left;
  top: 15%;
  right:0;
  color:#0072BC;
  text-shadow: 0 -1px 1px #333; 
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2em;
 
}



#contacto {
	width: 47%;
	position: relative;
	padding-right: 5%;
	display: inline-block;
		
}

#formulario{
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 50%;
	vertical-align: top;
	font-kerning: normal;
	position: relative;
	padding-bottom: 3.5em;
	display: inline-block;
	margin-top: -1.5em;
}


 #form-pedido {
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 400;
	width: 50%;
	vertical-align: top;
	font-kerning: normal;
	position: relative;
	padding-bottom: 3.5em;
	display: inline-block;
	
}

.social {
	display: block;
	position: relative;
	text-align: center;
}


.social ul > li {
	display: inline-block;
	margin: 1em;
	vertical-align: top;
}


.texto {
	font-family: Roboto Condensed, sans-serif;
	font-weight: 400;
	font-size: 1.25em;
	letter-spacing: -.02em;
	line-height: 1.25;
	font-kerning: normal;
	margin-bottom: .65em;
}

.firma  {
	font-size: 1.25em;
	font-weight: 700;
	font-family: Roboto, sans-serif;
	font-kerning: normal;

}

.domicilio {
	font-family: Roboto Condensed,sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.25em;
	font-kerning: normal;
	letter-spacing: -.02em;
}

/* ---formulario de contacto */

.contact-form {width:100%;padding:.15em;font-size:1em;}

.input-field {font-size:1.25em; color:#000;text-align:left;width:98%;padding:.09em 0;
	background-color: #dedede;border-radius: 2px;margin-bottom: .3em;
-webkit-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);
-moz-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);
box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);}

.input-field:focus {background-color: #DDCFA0}

.borde-formulario {border:2px dotted navy; padding:10px;}

.required-text {text-align:right; font-size: .7em}

.input-titles {text-align:left;margin-top: .45em;font-size:1em;}

.input-div {text-align:left;}
.input-error {text-align:left;color:red;}
.drop-select {text-align:left;margin-left:40px;}
.small-captcha {width: 175px; height: 50px; padding-top:2px; margin-left:145px;}
.captcha-div {width: 250px; height: 60px; padding-top:5px;}
.captcha-input {text-align:left; width:90px;padding: .4em 0;font-size: 1.2em; margin: 0; background-color: #ccc;}
.submit-div {text-align:center; padding-top:8px; margin-top:.35em;}
.submit-button {cursor:pointer;width: 90px;background-color: green;font-size: 1em;padding:.45em 0;color: #fff;margin:0;border-radius:4px}
.reset-button {cursor:pointer;width: 90px;background-color: crimson;font-size: 1em;padding:.45em 0;color: #333; margin-left:2.6em;border-radius:4px;clear: none}
.powered {font-size:x-small; font-weight:normal; padding-top:5px;}

/* ---- fin formulario de contacto ---*/

/* ↓↓↓↓ ---formulario pedidos ----↓↓↓↓ */

.form-orders{width:100%;padding:.15em;font-size:1em;}

.campos-entrada {font-size:1.25em; color:#000;text-align:left;width:98%;padding:.09em 0;
	background-color: #dedede;border-radius: 3px;
-webkit-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);
-moz-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);
box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.66);}

.campos-entrada:focus {background-color: #DDCFA0}

.borde-formulario {border:2px dotted navy; padding:10px;}

.requerido {text-align:right; font-size: .7em;color:crimson;}

.boton-radio {letter-spacing: -.18em;margin-top: .45em;}

.titulos-entrada {text-align:left;margin-top:1.15em;font-size:.92em; color:navy;letter-spacing: -.012em;}

.div-entrada {text-align:left;}
.error-entrada {text-align:left;color:red;}
.drop-select {text-align:left;margin-left:40px;}
.small-captcha {width: 175px; height: 50px; padding-top:2px; margin-left:145px;}
.captcha-contenedor {width: 250px; height: 60px; padding-top:5px;}
.captcha-input {text-align:left; width:90px;padding: .4em 0;font-size: 1.2em; margin: 0; background-color: #ccc;}
.div-enviar {text-align:center; padding-top:8px; margin-top:.35em;}
.boton-enviar {cursor:pointer;width: 90px;background-color: green;font-size: 1em;padding:.45em 0;color: #fff;margin:0;border-radius:4px}
.boton-borrar {cursor:pointer;width: 90px;background-color: crimson;font-size: 1em;padding:.45em 0;color: #ddd; margin-left:2.6em;border-radius:4px;clear: none}
.powered {font-size:x-small; font-weight:normal; padding-top:5px;}

/* ----↑↑↑ --fin formulario de pedidos ↑↑↑↑ ---*/

.caja-contenido p {
	text-align: justify;
	margin:0 3.5em .75em;
}


.values {
	margin: .8em auto;
	width: 46%;
}

#mapa {
	width:100%;
	position: relative;
	height: 25em;
	margin-top: 1.9em;
	box-shadow: 1px 1px 4px #222;
}
.producto {
 	position: relative;
 	display: inline-block;
 	vertical-align: middle;
 	max-width: 24.2em;
 	margin: .4em 0 1.6em .8em;
 	padding: -.3em;
 	
 }


 .descargas {
	display:inline-block;
	margin: 1em 0 0 1.2em;
}

.descarga-E {
	display: block;
	margin: 2em 0;
}


 figure.producto img {
 	width: 100%;
 	height: auto;
 	display: block;
  	
 }

 figure#columna {
 	float: right;*/
 	position: relative;
 	

 }

 figure#columna img {
 	max-width: 100%;
 	height: auto;
 }


 figure#headshot {
	float: right;
	display: block;
	margin-left: .85em;
	width: 260px;
	height: 195px;
	background: url('../imagenes/JR-IR-headshot.jpg') left top no-repeat;
	box-shadow: 20px 20px 40px 0 white inset, -20px -20px 40px 0 white inset;

}


/*#headshot img {
	box-shadow: 0px 2px 4px #222;
}*/

figure#ptr-mobile {
	display: none;
}


 div > #mobile-sizes {display: none;}

 div > #col-sizes {
	position: relative;
	margin: 0 auto;
}


div > #legend {
	padding: 1em 0 0 0;
	position: relative;
	margin-top: 2.3em;
	display: inline-block;
}

#legend {
	table-layout:auto;
	border-collapse: collapse;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	letter-spacing: -.015em;
}


.samples {
	margin: 3% auto;
	vertical-align: top;
	width:45%;
	display: inline-block;		
}


#legend  th {color:red; padding: .6em 0;text-align: center;}

#legend td {padding: .35em}

#section-cut {
 	margin: 2em 3em;
 	display: inline-block;
 	float: left;
 	
}

.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#col-sizes {
	table-layout:auto;
	border-collapse: collapse;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size:1.65em
	letter-spacing: -.015em;
}

/*#col-sizes {width: 85%;}*/


#col-sizes tr:nth-child(even) {background-color:#ddd;}
#col-sizes tr:nth-child(odd) {background-color:#c4dcfc;}


#col-sizes  tr, td {
	text-align: center;
	border: 1px solid gray;
	line-height: 1;
}

#col-sizes  td  {padding: .45em .42em;text-align: center; }

#credito a:link, a:visited {
	text-decoration: none;
	color:teal;
}

#credito a:hover {
	text-decoration: underline;
	color: #000;
}



#foot-text, #credito {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	letter-spacing: -.015em;
	font-style: normal;
	font-size:.95em;
	color: #333;
	line-height: 1.5;
	text-align: center;
		
}

.foot-menu {
	padding-bottom: 1.4em;
	display: block;
	
}

.foot-menu ul {
	list-style-type: none;
	list-style-position: inside;
	display: inline-block;
	margin-right: 2.55em;
	vertical-align: top;
}

.foot-menu ul > li {margin-bottom: 1.2em;}
.foot-menu ul > li a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.15em;
	font-weight: 400;
	letter-spacing: -.015em;
	font-style: normal;
	line-height: 1;
	color: #000;
}

.foot-menu ul > li a:hover {
	color:crimson;
	text-decoration: none;
}




.block {
 	display: block;
}

/*.prod-showcase > figure {
 	max-width: 500px;
 	vertical-align: top;
 	margin: 3em 0;
 }*/

	
}
 /* ↑↑↑↑ fin de pantallas medianas a grandes ↑↑↑↑↑*/



.lowcase {
	text-transform: lowercase;
	font-weight: 400;
}


main {
	position: relative;
	padding: 1.4em 0;
	z-index: 2;
	overflow: hidden;
	/*background-color: rgba(20, 20, 85, 0.2);*/
			
}

figure.floated-right {
		float: right;
		padding-left: 1.65em;
}



.opciones {
	font-style: normal;
	font-weight: 700;
	font-size: .7em;
	letter-spacing: 0;
	
}


.descargas li:nth-child(1) {color:DarkRed;font-weight: 700;}
 

#exhibidor {
	position: relative;
	z-index: 3;
	padding-top: 1em;
	display: block;
	text-align:center;
}

.prod-showcase, .caja-contenido, .caja-about, .options-contenido {
	margin: 1em 0;
	padding: 1.8em 0;
	position: relative;
	z-index: 8;
}


.options-contenido {
	text-align: center;

}

.caja-contenido {
	display:block;
}

#caja-contacto, .custom-orders {
	display: block;
	position: relative;
	padding-bottom: 2em;

}




figcaption.panels, figcaption.options, figcaption.custom {
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 1.32em;
	letter-spacing: -.01em;
	line-height: 1;
	color: Salmon;

			
}

figcaption.panels {
	padding: .6em 0;


}

figcaption.options {
	text-align: left;
	
}

figcaption.custom {
	margin: 1.7em 0;
}



/*.descargas i {color:teal; vertical-align: middle;}*/



.descargas a {text-decoration: none;color:teal;font-weight: 700; vertical-align: bottom;}

.descargas a:hover {text-decoration:underline;color:rgba(245, 170, 46, 1);  }

.descarga-E a {text-decoration: none; color:#333; font-weight: 700;font-family:'Roboto Condensed', sans-serif; font-size: 1.4em;letter-spacing: -.015em; background-color: Moccasin;padding: .75em .25em .35em .25em;vertical-align: bottom;}

.descarga-E a:hover {color: #000; text-decoration: underline;}

.center {text-align: center;}



.caja-about > ul, .caja-contenido > ul, .descargas > ul {
	list-style-position: inside;
	list-style-type: none;
}




.values li {
	line-height: 1;
	margin-bottom: .6em;
	font-size: 1.2em;
}

.caja-about > ul li {
	margin-left: .9em;
	margin-bottom: .4em;
	font-family: madawaska, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.05em;
	line-height: 1;
	color: #333;
}

.caja-about p, .caja-contenido p {
	font-family: madawaska, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.25em;
	font-kerning: normal;
	margin-bottom: .85em;
	line-height: 1.1;
	color: #333;
}


.caja-contenido h2 {
	font-size: 1.65em;
}



.caja-contenido h4 {
	font-family: jaf-bernina-sans-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.65em;
	line-height: 1.65;
	color: #0072bc;
	margin: 1.6em 0;
	text-align: center;

}

.prod-showcase ul {
	list-style-position: inside;
	list-style-type: none;
	margin-bottom: 2em;

}


.prod-showcase p {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	font-style: normal;
	line-height: 1.15;
	color: #000;
	font-kerning: normal;
	letter-spacing: -.013em;
	margin-bottom: 1.5em;
}

 .prod-showcase li {
 	font-kerning: normal;
 	font-family: 'Roboto Condensed', sans-serif;
 	font-weight: 400;
 	font-style: normal;
 	margin-bottom: .45em;
 	letter-spacing: -.012em;
 	font-size: 1.12em;
 	line-height:1.2;
 	color: navy;
 }


.float-l {
	float: left;
}

.ancho45 {
	max-width: 50%;
	text-align: right;
	margin-bottom: 1.5em;
}	

.nobreak{
	white-space: nowrap;

}

.thumbs {
	margin:0 0 .25em 0;
	width: 11.5em;
	vertical-align: middle;
	display: inline-block;
	
}


#topbutton {
	text-decoration: none;
	color: crimson;
	float: right;
}
.thumbs img {
	width: 100%;
	height: auto;
}


.right-align {
	text-align: right;
}

.left-align {
	text-align: left;
}

.samples img {
	box-shadow: 0px 0px 5px #222;
	max-width: 100%;
	height: auto;
}

.poraver img {
	max-width: 80%;
	height: auto;
}

.IB {
	display: inline-block;
	max-width: 350px;
	vertical-align: top;
	margin: 1em 2%;

}



.caption {
	font-style: normal;
	font-weight: 400;
	font-size: .9em;
	text-align: center;
	margin-bottom: .4em;
}

.red-text {
	font-family: vista-sans-narrow, sans-serif;
	font-style: normal;
	box-shadow: 0px 0px 3px #444;
	margin: 1em auto .2em;
	font-weight: 200;
	max-width: 46%;
	padding: .3em;
	font-size: 1.1em;
	color: crimson;
	text-align: center;
	background: -webkit-linear-gradient(left, rgba(160, 160, 160, 0.4), rgba(160, 160, 160, 0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(160, 1600, 160, 0.4), rgba(160, 160,160, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(160, 160, 160, 0.4), rgba(160, 160, 160, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(160, 160, 160, 0.4), rgba(160, 160, 160, 0)); /* Standard syntax */
}

div.table-container {
	display: inline-block;
	position: relative;
	padding: 2.5em 0;
	margin: 0 .45em;
	vertical-align: top;
	
}


div.table {
    display: table;
    width: 100%;
    box-shadow: 0px 0px 5px #222;
    position: relative;
    float: left;
    
        
}
 
div.table > div.thead {
    display: table-header-group;
    background-color: #000;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: -.02em;
    font-size: 1.2em;
    font-style: normal;
    font-weight: 400;


}
 
div.table > div.tbody {
    display: table-row-group;
    font-family: vista-sans-narrow, sans-serif;
    font-style: normal;
    font-size: 1.2em;
    font-weight: 200;
       
}
 
div.table > div.thead > div.table-row,
div.table > div.tbody > div.table-row {
    display: table-row;
 }

div.table > div.tbody > div:nth-of-type(odd) {
    background: rgba(60, 60, 60, 0.1);
}
 
div.table > div.thead > div.table-row > div.table-cell {
    display: table-cell;
    padding: .65em;
    line-height: 1;
    vertical-align: middle;
}
 
div.table > div.tbody > div.table-row > div.table-cell {
    display: table-cell;
    padding: .15em;
    letter-spacing: -.01em;
    /*border: 1px solid navy;
    border-collapse: collapse;*/
}


div.table > div.tbody > div.table-row > div.table-cell:nth-child(-n+2) {
	font-weight: 300;
}





div.table-cell a {text-decoration: none;color:teal;font-size: 1.3em;vertical-align: middle;}
div.table-cell a:hover {color:rgba(245, 170, 46, 1);}

figure img {
	max-width: 100%;
	height: auto;

}



.partners {
	display: inline-block;
	width: 10em;
	vertical-align: middle;
	margin:.85em;
}
 
.partners img {
	max-width: 100%;
	height: auto;
}

.smaller img {
	width: 50%;
	height: auto;
}
 


footer {
	bottom: 0;
	position: relative;
	box-shadow: 0 -1px 6px #333;
	padding:1.5em 0 2.6em 0;
	width: 100%;
	background-color: #ddd;
		
}


.social > ul {list-style-position: inside; list-style-type: none;
}



#trade-shows {
	/*width: 80%;*/
	margin: 0 auto;
	border-spacing: 0px;
	border-collapse: collapse;
}


#trade-shows tbody, td {
	padding: .85em 0 .85em .3em;
	text-align: left;
}

#trade-shows tr:nth-of-type(odd) {
    background: rgba(60, 60, 60, 0.1);
}



.trade li {
	line-height: 1.2;
	margin-bottom:.9em;
	color: navy;
}

#trade-shows thead td p {
	font-size: 1.8em;
	text-align: center;
	font-weight: 300;
	color: crimson;
	margin:0 2.7em;
	vertical-align: middle;
}



.bold {font-weight:700}



@media screen and (min-width:1050px) {

	.wrapper {
		width: 1050px;
		margin: 0 auto;
		position: relative;
	}
}