/* FUENTES */
	
	@font-face{
		font-family: Lora;
		font-style: normal;
		font-weight: normal;
		src: url('../fuentes/LoraRegular.ttf');
	}
	@font-face{
		font-family: Lora;
		font-style: italic;
		font-weight: normal;
		src: url('../fuentes/LoraItalic.ttf');
	}
	@font-face{
		font-family: Lora;
		font-style: normal;
		font-weight: bold;
		src: url('../fuentes/LoraBold.ttf');
	}
	@font-face{
		font-family: Lora;
		font-style: italic;
		font-weight: bold;
		src: url('../fuentes/LoraBoldItalic.ttf');
	}
	
	@font-face{
		font-family: PTSans;
		font-style: normal;
		font-weight: normal;
		src: url('../fuentes/PTSansRegular.ttf');
	}
	@font-face{
		font-family: PTSans;
		font-style: italic;
		font-weight: normal;
		src: url('../fuentes/PTSansItalic.ttf');
	}
	@font-face{
		font-family: PTSans;
		font-style: normal;
		font-weight: bold;
		src: url('../fuentes/PTSansBold.ttf');
	}
	@font-face{
		font-family: PTSans;
		font-style: italic;
		font-weight: bold;
		src: url('../fuentes/PTSansBoldItalic.ttf');
	}
	@font-face{
		font-family: Bitter;
		font-style: normal;
		font-weight: normal;
		src: url('../fuentes/Bitter-Italic.ttf');
	}
	
	/* GENERAL */
	
	body{
		font-family: Arial,Helvetica,sans-serif;
		margin:0 0 0 0;
		font-size:14px;
		background:#FFF;
		cursor:default;
		width:100%;
		overflow-x:hidden;
	}
	img{
		border:none;
	}
	a,a:link,a:visited{
		color:inherit;
		text-decoration:none;
	}
	button,input[type="button"]{
		border:none;
		background:none;
		font-family:inherit;
		font-size:inherit;
		color:inherit;
		margin:0 0 0 0;
		padding:0 0 0 0;
		cursor:pointer;
	}
	
	.clr{
		clear:both;
		float: none !important;
	}
	
	*[onclick],*[href],input,button,a{
		cursor: pointer;
		transition: all 0.25s ease-in-out;
	}
	
	.site_error>div{
		margin: 0 auto;
		padding: 0.5em;
		color: #C44;
		border:#C44 solid 1px;
		background: #EDD;
		text-align: center;
		width: 50%;
		min-width: 280px;
		border-radius: 0.15em;
		font-weight:600;
	}
	.site_error{
		position: fixed;
		top:-20em;
		opacity: 0;
		z-index: 10;
		width: 100%;
		
		-webkit-animation: siteError 5s 1;
		-moz-animation: siteError 5s 1;
		animation: siteError 5s 1;
	}
	
	.site_success>div{
		margin: 0 auto;
		padding: 0.5em;
		color: #494;
		border:#494 solid 1px;
		background: #DED;
		text-align: center;
		width: 50%;
		min-width: 280px;
		border-radius: 0.15em;
		font-weight:600;
	}
	.site_success{
		position: fixed;
		top:-20em;
		opacity: 0;
		z-index: 10;
		width: 100%;
		
		-webkit-animation: siteError 5s 1;
		-moz-animation: siteError 5s 1;
		animation: siteError 5s 1;
	}
	
	@keyframes siteError{
		0%{opacity:1;top:5em;}
		90%{opacity:1}
		99%{opacity:0;top:5em;}
		100%{opacity:0;top:-20em;}
	}
	
	
	.clr{
		clear:both;
	}
	.columnas2{
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
	}
	.columnas2>div{
		-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
	}
	.columnas2>div>*:first-child{
		margin-top: 0 !important;
	}
	
	
	/* SITIO */
	
	#sitio{
		width:100%;
		min-width:1024px;
		background:white;
		margin:0 auto 0 auto;
		overflow:hidden;
	}
	#header{
		padding:1em;
		overflow: hidden;
	}
	
	#menu_opener{
		background:#009183;
		border:#093D0F solid 1px;
		border-radius:0.25em;
		padding: 1em;
		color: white;
		font-family: Lora,Times,serif;
		font-style: italic;
		font-size: 1.2em;
		float: left;
		margin: 1em;
		cursor: pointer;
		
		-webkit-animation: mopener_out 0.5s 1;
		-moz-animation: mopener_out 0.5s 1;
		animation: mopener_out 0.5s 1;
	}
	#menu_opener:hover,#menu_opener.active{
		background: #F70;
		
		-webkit-animation: mopener_over 0.5s 1;
		-moz-animation: mopener_over 0.5s 1;
		animation: mopener_over 0.5s 1;
	}
	
	@keyframes mopener_out{
		0%{ background:#F70; }
		100%{ background:#009183; }
	}
	
	@keyframes mopener_over{
		0%{ background:#009183; }
		100%{ background:#F70; }
	}
	
	#menu_opener>div{
		float: left;
		width: 30px;
	}
	#menu_opener>div>div{
		width:100%;
		background: white;
		height: 3px;
		margin-bottom:3px;
		border-radius: 2px;
	}
	#menu_opener>span{
		display: inline-block;
		padding: 0 2em;
	}
	
	menu{
		position: absolute;
		z-index: 5;
		top:0;
		margin: 0 auto;
		width: 100%;
		height: 0;
		overflow: visible;
		display: none;
	}
	menu>div{
		background: #009183;
		margin-left: 12.5%;
		color: white;
		height:8.65em;
		overflow: hidden;
		-webkit-animation: wind_down 0.5s 1;
		-moz-animation: wind_down 0.5s 1;
		animation: wind_down 0.5s 1;
	}
	menu>div:last-child{
		background: #007163;
		-webkit-animation: wind_down_delayed 1s 1;
		-moz-animation: wind_down_delayed 1s 1;
		animation: wind_down_delayed 1s 1;
	}
	
	@keyframes wind_down{
		0%{ height:0; }
		100%{ height:8.65em; }
	}
	
	@keyframes wind_down_delayed{
		0%{ height:0; }
		50%{ height:0; }
		100%{ height:8.65em; }
	}
	
	menu>div>div{
		height: 0px;
		text-align: right;
		overflow: visible;
	}
	
	menu>div>div>img{
		margin-right: 14%;
		margin-top: 65px;
		width: 130px;
	}
	menu>div>input[type="text"]{
		width:15%;
		background: white;
		border:none;
		font:inherit;
		padding: 0.5em;
		border-radius: 1em;
		float: right;
		position: relative;
		right: 10%;
		top: 2.5em;
		font-size: 0.8em;
	}
	menu a{
		display: inline-block;
		padding: 0.95em 0;
		margin: 1em 0.25em;
		text-align: center;
		font-family: PTSans,helvetica,sans-serif;
		font-style: italic;
		font-size: 1.15em;
		width:120px;
		position: relative;
		border-radius: 0.25em;
	}
	
	menu a:hover{
		background: #007163;
	}
	menu>div:last-child a:hover{
		background: #009183;
	}
	
	menu a>img{
		max-height: 2em;
		display: block;
		margin: 0 auto 0.5em auto;
	}
	
	#logo{
		float:left;
		display:inline-block;
		width:20%;
		margin-left: 27.5%;
		margin-top: 2em;
		text-align: right;
		padding-right: 2em;
	}
	#menu{
		float:left;
		width:42%;
		text-align:right;
		max-width:520px;
	}
	#menu a,#menu a:link,#menu a:visited{
		display:inline-block;
		width:24px;
		height:24px;
		overflow:hidden;
		margin-right:1em;
		color:#666;
		font-size:10px;
	}
	#menu a *{
		display:block;
		float:left;
	}
	#menu a img{
		position:relative;
		top:0;
		opacity:0.8;
	}
	#menu a div.submenu{
		position:absolute;
		background:#333333;
		width:724px;
		height:300px;
		top:60px;
		z-index:3;
		text-align:center;
		cursor:default;
	}
	#menu a span{
		position:relative;
		left:-6px;
		z-index:6;
	}
	#menu a:hover{
		overflow:visible;
	}
	#menu a:hover div.submenu{
		display:block !important;
	}
	#sitio:hover a div.submenu{
		display:none;
	}
	#menu a:hover>img{
		top:-4px;
		opacity:1;
		cursor:pointer;
	}
	#menu a div#submenu_1{
		background:#333333 url(../imagenes/submenu.gif) repeat-x -244px top;
	}
	#menu a div#submenu_2{
		background:#333333 url(../imagenes/submenu.gif) repeat-x -204px top;
	}
	#menu a div#submenu_3{
		background:#333333 url(../imagenes/submenu.gif) repeat-x -92px top;
	}
	#submenu_3>h1{
		margin:16px 0 0 0;
		padding:6px 6px 6px 12px;
		font-family:Lora,serif;
		color:#999;
	}
	#submenu_3>div{
		width:48%;
		padding:1em 0 1em 2%;
		background:#222;
		float:left;
		height:300px;
		font-size:14px !important;
		text-align:justify;
		overflow:hidden;
	}
	#submenu_3 div i{
		color:white;
		font-style:normal;
		padding:4px 8px 4px 8px !important;
		font-size:10px;
		float:left !important;
		margin:0 12px 2em 0;
		font-family:Lora,serif;
		line-height:18px;
	}
	#submenu_3 div b,#submenu_3 div h2{
		font-family:Lora,serif;
		color:#DDD;
		cursor:pointer;
		line-height:1.1em;
		font-size:18px;
		text-align:left;
	}
	#submenu_3 div h2{
		float:left;
		width:90%;
	}
	#submenu_3 div b:hover,#submenu_3 div h2:hover{
		color:white;
	}
	#submenu_3>div>img{
		width:96%;
		max-height:300px;
	}
	#submenu_3>div>b{
		float:right;
		background:#222;
		height:auto;
		line-height:24px;
		width:70%;
		position:relative;
		top:-40px;
		padding-left:10px;
		font-size:18px;
		padding-bottom:6px;
	}
	#submenu_3>div>small.datefloat{
		float:right;
		background:#222;
		width:70%;
		position:relative;
		top:-40px;
		padding-left:10px;
		padding-top:3px;
		margin:0 0 0 0 !important;
	}
	#submenu_3>div>small{
		margin-left:20%;
		margin-top:6px;
	}
	#submenu_3 div h2{
		margin:0 0 0 0;
		clear:both;
		width:90%;
	}
	#submenu_3 div p{
		color:white;
		font-size:0.8em;
		margin:3px 0 0 21%;
		width:70%;
	}
	
	.menu_servicio{
		width:336px;
		height:236px;
		display:inline-block;
		margin:40px 0 0 20px;
		cursor:pointer;
		color:white;
	}
	.menu_servicio h2{
		font-family:Lora,serif;
		margin:0.6em 0 0 18px;
		font-size:2.8em;
	}
	.menu_servicio p{
		margin:1.6em 80px 0 54px;
		font-size:12px;
		font-family:PTSans,sans-serif;
		text-align:justify;
	}
	#menu_servicio_1{
		background:#333333 url(../imagenes/menu_servicios_1.jpg);
		background-size:100% auto;
	}
	#menu_servicio_2{
		background:#333333 url(../imagenes/menu_servicios_2.jpg);
		background-size:100% auto;
	}
	#menu_servicio_3{
		background:#333333 url(../imagenes/menu_servicios_3.jpg);
		background-size:100% auto;
	}
	
	#muestras_menu{
		width:336px;
		margin-left:20px;
		margin-top:40px;
		background: url(../imagenes/menu_muestras.jpg) center center no-repeat;
		height:236px;
		float:left;
		color:#FFF;
		cursor:pointer;
	}
	#coleccion_menu{
		width:336px;
		margin-left:20px;
		margin-top:40px;
		background: url(../imagenes/menu_coleccion.jpg) center center no-repeat;
		height:236px;
		float:left;
		color:#FFF;
		cursor:pointer;
	}
	#muestras_menu>h2,#coleccion_menu>h2{
		font-family:Lora,serif;
		margin:54px 0 0 136px;
		font-size:2.8em;
	}
	#muestras_menu>p,#coleccion_menu>p{
		margin:0 12px 0 136px;
		font-size:12px;
		text-align:left;
		font-family:PTSans,sans-serif;
	}
	
	
	#buscador{
		float:right;
		width:23%;
		margin-top: 2em;
	}
	#buscador input{
		display:block;
		width:65%;
		padding:2px 2% 2px 13%;
		margin:0 auto 0 auto;
		color:#666;
		background:white url(../imagenes/lupa.jpg) no-repeat left center;
		border:#999 solid 1px;
		border-radius:2em;
	}
	#redes{
		float:left;
		height:3.5em;
		border-right: #666 solid 2px;
		padding-right: 2em;
		padding-top: 2.5em;
	}
	#redes img{
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: gray;
		-webkit-filter: grayscale(100%);
	}
	#redes img:hover{
		filter:none;
		-webkit-filter: grayscale(0%);
	}
	#idiomas{
		margin: 1em 3em;
		float:right;
		text-align:right;
		position:relative;
		z-index:3;
	}
	#idiomas input{
		border:#999 solid 1px;
		padding:0 6px 0 6px;
		font-size:10px;
		float:right;
		color:#999;
	}
	#idiomas input:hover,#idiomas input.activo{
		color:red;
	}
	
	#contenido{
		min-height:400px;
	}
	
	#topbar{
		background: #333;
		color: #EEE;
		padding: 0.5em 1em;
		text-align: right;
		text-transform: uppercase;
		font-size: 0.8em;
	}
	#topbar>a{
		display: inline-block;
		padding: 0.5em 1em;
		background: #4D4D4D;
		border-radius:0.2em;
		margin-right: 0.5em;
	}
	#topbar>a:last-child{
		color:#F90;
	}
	
	
	
	/* FOOTER */
	
	#footer{
		background:#333333;
		width:200%;
		color:white;
		padding:26px 0 26px 0;
		margin-top:26px;
		position:relative;
		left:-50%;
		z-index:2;
	}
	#feed{
		width:46%;
		padding:26px 0 60px 0;
		margin:0 auto 26px auto;
	}
	#feed h1{
		font-family:Bitter;
		font-weight:normal;
		margin:0 0 0 0;
		font-size:32px;
	}
	#feed>div{
		display:inline-block;
		width:30%;
		margin-left:13%;
		display: none !important;
	}
	#feed>div>div{
		padding-top:32px;
		background:url(../imagenes/feed_indicador.jpg) no-repeat;
	}
	#feed>div>div>b{
		display:block;
		background:#DFDFDF;
		color:#333333;
		text-align:center;
		padding:0.6em 0 0.6em 0;
		font-family:Lora,serif;
		font-weight:normal;
	}
	.feed_contenido>div{
		height:380px;
		background:white;
		color: #666 !important;
		overflow:hidden;
		overflow-y:auto !important;
	}
	.feed_contenido>div>div:hover{
		background:#EEE;
	}
	.feed_contenido>input{
		height:32px;
		display:block;
		width:100%;
		background:#DFDFDF url(../imagenes/feed_boton.jpg) center center;
	}
	.feed_contenido>div>div{
		margin:0 3px 0 3px;
		padding:18px 18px 18px 18px;
		border-bottom:#CCC solid 1px;
		font-size:12px;
		cursor:pointer;
	}
	.feed_contenido>div>div>b{
		font-size:14px;
		display:block;
		margin-bottom:6px;
	}
	.feed_contenido>div>div>span{
		display:block;
		font-size:9px;
		text-align:right;
	}
	#feed_twitter .feed_contenido div b{
		color:#ee5a24 !important;
	}
	#feed_facebook .feed_contenido div b,#feed_facebook .feed_contenido div a{
		color:#00a69a !important;
	}
	#feed_facebook .feed_contenido div a:hover{
		text-decoration:underline;
	}
	
	#footer_contenido{
		font-family:Lora,serif;
		font-size:0.85em;
		width:46%;
		margin: 0 auto 0 auto;
	}
	
	#direccion{
		width:52%;
		float:left;
		text-align:right;
	}
	#direccion>*{
		float:right;
	}
	#direccion>a{
		display:inline-block;
		margin-left:26px;
	}
	#direccion>p{
		margin: 0;
	}
	#direccion>p>span:hover{
		color:#F90;
		cursor:pointer;
	}
	
	#direccion>div{
		width:100%;
		text-align:left;
		margin-top:24px;
	}
	#direccion>div>a{
		margin-left:36px;
		opacity:1;
		color:#999;
	}
	#direccion>div>a>img{
		position:relative;
		top:9px;
		margin-right:6px;
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: gray;
		-webkit-filter: grayscale(100%);
	}
	#direccion>div>a:hover>img{
		filter: none;
		-webkit-filter: grayscale(0%);
	}
	#direccion>div>a:hover{
		opacity:1;
		color:#F90;
	}
	
	
	#footer_noticias{
		width:44%;
		float:right;
		margin-bottom:100px;
	}
	#footer_noticias>h1{
		float:left;
		width:54%;
		font-weight:normal;
		font-size:2em;
		color:#888;
		margin:0 0 0.4em 0;
	}
	#footer_noticias>input{
		float:left;
		margin-top:3px;
	}
	#nf_ant{
		width:27px;
		height:34px;
		background: url(../imagenes/footer_izq.jpg);
	}
	#nf_ant:hover{
		background: url(../imagenes/footer_izq_o.jpg);
	}
	#nf_sig{
		width:27px;
		height:34px;
		background: url(../imagenes/footer_der.jpg);
	}
	#nf_sig:hover{
		background: url(../imagenes/footer_der_o.jpg);
	}
	#footer_noticias>div>input{
		width:25%;
		background:#009078;
		margin-top:3px;
		padding:6px 0 6px 0;
	}
	#footer_noticias>div>h2,#footer_noticias>div>p,#footer_noticias>div>small{
		width:60%;
		float:right;
		margin:0 0 0 0;
		margin-right:10%;
		font-weight:normal;
	}
	#footer_noticias>div>h2{
		font-size:1.6em;
	}
	#footer_noticias>div>p{
		font-family:PTSans,sans-serif;
	}
	#footer_noticias>div>small{
		font-family:PTSans,sans-serif;
		color:#787878;
		font-size:12px;
	}
	
	#footer_menu{
		float:left;
		width:67%;
		text-align:right;
		margin-top:3em;
	}
	#footer_menu a,#footer_menu a:link,#footer_menu a:visited{
		display:inline-block;
		width:24px;
		height:24px;
		overflow:hidden;
		margin-right:1em;
		color:#footer_666;
		font-size:10px;
	}
	#footer_menu a *{
		display:block;
		float:left;
	}
	#footer_menu a img{
		position:relative;
		top:0;
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: gray;
		-webkit-filter: grayscale(100%);
	}
	#footer_menu a div.submenu{
		position:absolute;
		background:#333333;
		width:724px;
		height:300px;
		top:60px;
		display:none;
		z-index:2;
	}
	#footer_menu a span{
		position:relative;
		left:-6px;
		color:#F90;
		display:none;
	}
	#footer_menu a:hover{
		overflow:visible;
	}
	#footer_menu a:hover div.submenu{
		display:block;
	}
	#footer_menu a:hover img{
		top:-4px;
		opacity:1;
		filter:none;
		-webkit-filter: grayscale(0%);
	}
	
	
	#footer_buscador{
		float:left;
		width:23%;
		margin-top:3em;
	}
	#footer_buscador input{
		display:block;
		width:65%;
		padding:2px 2% 2px 13%;
		margin:0 auto 0 auto;
		color:#666;
		background:white url(../imagenes/lupa.jpg) no-repeat left center;
		border-radius:2em;
		border:none;
	}
	#footer_redes{
		float:left;
		width:10%;
		margin-top:3em;
	}
	.noticiafooterdiv h2:hover{
		text-decoration:underline;
	}
	
	/* INICIO */
	
	#inicio{
		margin:0 0 2em 0;
		text-align:center;
	}
	#inicio *{
		text-align:left;
	}
	#banner_inicio{
		background:url(../imagenes/322.jpg) center center no-repeat fixed;
		background-size: 100% auto;
		height:min(50vw,90vh);
		overflow: hidden;
		margin:0 1em;
		padding: 0;
		cursor: pointer;
	}
	#banner_inicio>div{
		color:white;
		padding:20px 18px 18px 18px;
		width:237px;
		height:141px;
		position:relative;
		top:370px;
		left:68%;
	}
	#banner_inicio>div>p{
		font-size:11px;
		margin:0 16px 0 26px;
		font-family:PTSans,sans-serif;
	}
	#banner_inicio>div>h2{
		font-family:Lora,serif;
		margin:0 0 0 0;
		font-size:2em;
		font-weight:normal;
	}
	
	#banner_inicio>div#banners{
		position:static;
		top:0;left:0;
		padding:0 0 0 0;
		background:transparent;
		height:0px;
		overflow:visible;
		width:100%;
	}
	#banner_inicio>div#banners>div{
		height:350px;
		overflow:hidden;
		width:100%;
	}
	#banner_inicio>div#banners>div>div{
		width:100%;
		height:0px;
		overflow:visible;
	}
	#banner_inicio>div#banners>div>div>img{
		width:100%;
		cursor:pointer;
	}
	
	#banner_inicio section{
		height: 0;
		overflow: visible;
	}
	#banner_inicio section>img{
		width:100%;
		display: block;
	}
	
	#banner_inicio video{
		display: block;
		width: 100%;
		background: black;
	}
	
	#muestras_inicio{
		width:440px;
		background: url(../imagenes/inicio_muestras.jpg) center center no-repeat;
		height:200px;
		display:inline-block;
		color:#333333;
		cursor:pointer;
	}
	#muestras_inicio:hover{
		color:#FFF !important;
		background: url(../imagenes/inicio_muestras_o.jpg) center center no-repeat;
	}
	#coleccion_inicio{
		width:440px;
		background: url(../imagenes/inicio_coleccion.jpg) center center no-repeat;
		height:200px;
		display:inline-block;
		color:#333333;
		cursor:pointer;
	}
	#coleccion_inicio:hover{
		color:#FFF !important;
		background: url(../imagenes/inicio_coleccion_o.jpg) center center no-repeat;
	}
	#muestras_inicio>h2,#coleccion_inicio>h2{
		font-family:Lora,serif;
		margin:6px 0 0 25%;
		font-size:2em;
	}
	#muestras_inicio>p,#coleccion_inicio>p{
		margin:10px 60px 0 160px;
		font-size:12px;
		font-family:PTSans,sans-serif;
	}
	
	#inicio_new{
		padding:0 5%;
	}
	#inicio_new>div{
		width:27%;
		margin: 5vh 3%;
		float: left;
		border:#888 solid 1px;
		color:#333;
		cursor: pointer;
		border-radius:0.2em;
	}
	#inicio_new>div:hover{
		color:#009183;
		border-color: #009183;
		box-shadow: #009183 0 0 0 2px;
	}
	
	#inicio_new>div:first-child{
		background: #009183;
		color: white;
	}
	
	#inicio_new>div>div{
		height: 180px;
		background: #eee;
		overflow: hidden;
	}
	#inicio_new>div>div>img{
		display: block;
		width: 100%;
	}
	#inicio_new>div>h4{
		margin: 0.5em 15%;
		font-size: 2.5em;
		font-family:Lora,serif;
	}
	#inicio_new>div>p{
		margin: 1em 15% 2em 15%;
		line-height: 1.5em;
		font-size: 0.85em;
		height: 9em;
	}
	
	#inicio_space{
		background:url(../imagenes/4.jpg) center top no-repeat fixed;
		background-size: 100% auto;
		height:80vh;
		margin: 0 1em;
	}
	#boton_inicio{
		height: 0;
		overflow: visible;
		text-align: right;
		position: relative;
		z-index: 1;
		top: 10vh;
		width: 80%;
		margin: 0 auto;
	}
	#boton_inicio p{
		text-align: right;
		font-size: 2.5em;
		color: white;
		font-weight: bold;
		text-shadow: rgba(0,0,0,0.3) 0 0.1em 0.2em;
		margin: 0 0 0 30%;
	}
	#boton_inicio a{
		background: #FF8000;
		box-shadow: #CE6200 0 -2.5em 0 -1em inset;
		display: inline-block;
		padding: 1em 2em;
		color: white;
		font-size: 1.25em;
		border: #CE6200 solid 2px;
		font-weight: bold;
	}
	#boton_inicio a:hover{
		background: white;
		box-shadow: none;
		border: #FF8000 solid 2px;
		color: #FF8000;
	}
	
	#clientes_inicio{
		/*background:url(../imagenes/bgclientes.png) center top;
		background-size: auto 100%;*/
		background: #EEE;
		position: relative;
		top: 0;
		z-index: 5;
		padding: 3em 5% 2em 5%;
		text-align: center;
	}
	#clientes_inicio>h4{
		margin: 0;
		font-family: Lora,serif;
		text-align: left;
		font-size: 2.5em;
		color: #333333;
	}
	#clientes_inicio>img{
		width: 12%;
		margin: 1.5em 2% 1.5em 2%;
	}
	
	
	
/* HISTORIA */
	
	#historia{
		color:#333333;
		margin:0 40px 0 40px;
		text-align:justify;
		font-family:PTSans,sans-serif;
		line-height:1.6em;
	}
	#historia h1{
		font-family:Lora,serif;
		font-size:3em;
		line-height:1.4em;
		font-weight:normal;
		background:#FFF;
		margin:0 0 0 0;
	}
	#historia_1{
		background:white url(../imagenes/nosotros_1.jpg) no-repeat;
		background-size:100% auto;
		padding-top:600px;
	}
	#historia_1 h1{
		width:100%;
		padding:26px 0 40px 40px;
	}
	#historia_1 p{
		padding:0 260px 20px 40px;
	}
	
	#historia_2 h1{
		width:42%;
		float:right;
		font-size:3.6em;
	}
	#historia_2 h1 b{
		display:block;
		width:100%;
		padding-bottom:9px;
		border-bottom:#333333 solid 3px;
		font-size:1.3em;
	}
	#historia_2 p{
		width:55%;
		float:left;
		margin-top:12px;
	}
	
	#misionvision{
		padding-top:300px;
		padding-bottom:300px;
		margin-top:0;
		margin-bottom:80px;
		background:url(../imagenes/nosotros_2.jpg) no-repeat center center;
		background-size:100% auto;
	}
	#misionvision>div{
		background:white;
		width:50%;
		margin:0 auto 0 auto;
		padding:26px 72px 26px 72px;
	}
	#misionvision h1{
		font-weight:bold;
	}
	#mision{
		border-bottom:#333 solid 2px;
		padding-bottom:18px;
		margin-bottom:18px;
	}
	
	/* CONTACTO */
	
	#contacto{
		padding:60px 0 130px 0;
		background:#333 url(../imagenes/contacto.jpg) center top;
		background-size:100% auto;
	}
	#contacto form{
		width:50%;
		background:#EFEFEF;
		padding:24px 24px 24px 24px;
		border-radius:3px;
		box-shadow:#000 0 0 50px -15px,#DDD 0 -400px 200px -200px inset;
		margin:0 auto 0 auto;
		color:#787878;
	}
	#contacto hr{
		opacity:0.4;
	}
	#contacto input[type="text"],#contacto input[type="email"]{
		border:#AAA solid 1px;
		border-radius:3px;
		color:#666;
		padding:6px 6px 6px 6px;
		width:35%;
		margin-bottom:1em;
		font-size:12px;
	}
	#contacto input[name="email"],#contacto input[name="tel"]{
		margin-left:20%;
	}
	#contacto span{
		display:inline-block;
		width:30%;
	}
	#contacto select{
		border:#AAA solid 1px;
		border-radius:3px;
		color:#666;
		background:#EFEFEF;
		box-shadow:#DDD 0 -40px 20px -20px inset;
		padding:6px 6px 6px 6px;
		width:35%;
		font-size:16px;
		margin-top:0.6em;
		margin-bottom:0.6em;
	}
	#contacto textarea{
		border:#AAA solid 1px;
		border-radius:3px;
		color:#666;
		padding:6px 6px 6px 6px;
		width:96%;
		margin-top:1em;
		margin-bottom:1.6em;
		resize:none;
		font-family:inherit;
		font-size:12px;
		height:8em;
	}
	#contacto input[type="button"]{
		color:white;
		box-shadow:#666 0 0 2px,#600 0 -30px 20px -20px inset;
		background:#C00;
		padding:6px 6px 6px 6px;
		border-radius:3px;
		margin:1em 0 0 90%;
	}
	
	/* PRODUCTOS */
	
	#productos{
		background:#DDD;
		min-height:400px;
		padding:1em 2.5% 1em 2.5%;
	}
	#productos>div{
		width:20%;
		float:left;
	}
	#productos>div>div{
		width:94%;
		background:white;
		margin:9px auto 0 auto;
		overflow:hidden;
	}
	#productos>div>div>img{
		display:block;
		width:100% !important;
	}
	#productos>div>div>img[src="imagenes/senalador_producto.png"]{
		width:auto !important;
	}
	#productos>div>div>div{
		height:0px;
		overflow:visible;
	}
	#productos>div>div .control{
		position:relative;
		top:-50px;
		display:none;
		text-align:right;
	}
	#productos>div>div:hover .control{
		display:block;
	}
	#productos>div>div .control input{
		margin:3px 6px 0 0;
		width:70%;
		background:#EEE;
		border-radius:6px;
		font-size:0.9em;
		color:#555;
		padding:0 0 0 10%;
		text-align:left;
		border:#999 solid 1px;
		line-height:14px;
		height:18px;
	}
	#productos>div>div .control input:hover{
		background:#C00;
		color:white;
		border:#600 solid 1px;
	}
	#productos>div>div .control input[value="Agregar al carrito"]{
		background:#EEE url(../imagenes/carrito_btn.png) no-repeat 5px center !important;
	}
	#productos>div>div .control input[value="Agregar al carrito"]:hover{
		background:#C00 url(../imagenes/carrito_btn_o.png) no-repeat 5px center !important;
	}
	#productos>div>div .control input[value="Pedido rápido"]{
		background:#EEE url(../imagenes/rapido_btn.png) no-repeat 5px center !important;
	}
	#productos>div>div .control input[value="Pedido rápido"]:hover{
		background:#C00 url(../imagenes/rapido_btn_o.png) no-repeat 5px center !important;
	}
	#modal .pmi input[value="Agregar al carrito"]{
		background:#EEE url(../imagenes/carrito_btn.png) no-repeat 5px center !important;
	}
	#modal .pmi input[value="Agregar al carrito"]:hover{
		background:#C00 url(../imagenes/carrito_btn_o.png) no-repeat 5px center !important;
	}
	#modal .pmi input[value="Pedido rápido"]{
		background:#EEE url(../imagenes/rapido_btn.png) no-repeat 5px center !important;
	}
	#modal .pmi input[value="Pedido rápido"]:hover{
		background:#C00 url(../imagenes/rapido_btn_o.png) no-repeat 5px center !important;
	}
	#catalogo input[value="Agregar al carrito"]{
		background:#EEE url(../imagenes/carrito_btn.png) no-repeat 5px center !important;
	}
	#catalogo input[value="Agregar al carrito"]:hover{
		background:#C00 url(../imagenes/carrito_btn_o.png) no-repeat 5px center !important;
	}
	#catalogo input[value="Pedido rápido"]{
		background:#EEE url(../imagenes/rapido_btn.png) no-repeat 5px center !important;
	}
	#catalogo input[value="Pedido rápido"]:hover{
		background:#C00 url(../imagenes/rapido_btn_o.png) no-repeat 5px center !important;
	}
	
	#productos>div>div .control input[value="Add to cart"]{
		background:#EEE url(../imagenes/carrito_btn.png) no-repeat 5px center !important;
	}
	#productos>div>div .control input[value="Add to cart"]:hover{
		background:#C00 url(../imagenes/carrito_btn_o.png) no-repeat 5px center !important;
	}
	#productos>div>div .control input[value="Quick order"]{
		background:#EEE url(../imagenes/rapido_btn.png) no-repeat 5px center !important;
	}
	#productos>div>div .control input[value="Quick order"]:hover{
		background:#C00 url(../imagenes/rapido_btn_o.png) no-repeat 5px center !important;
	}
	#modal .pmi input[value="Add to cart"]{
		background:#EEE url(../imagenes/carrito_btn.png) no-repeat 5px center !important;
	}
	#modal .pmi input[value="Add to cart"]:hover{
		background:#C00 url(../imagenes/carrito_btn_o.png) no-repeat 5px center !important;
	}
	#modal .pmi input[value="Quick order"]{
		background:#EEE url(../imagenes/rapido_btn.png) no-repeat 5px center !important;
	}
	#modal .pmi input[value="Quick order"]:hover{
		background:#C00 url(../imagenes/rapido_btn_o.png) no-repeat 5px center !important;
	}
	#catalogo input[value="Add to cart"]{
		background:#EEE url(../imagenes/carrito_btn.png) no-repeat 5px center !important;
	}
	#catalogo input[value="Add to cart"]:hover{
		background:#C00 url(../imagenes/carrito_btn_o.png) no-repeat 5px center !important;
	}
	#catalogo input[value="Quick order"]{
		background:#EEE url(../imagenes/rapido_btn.png) no-repeat 5px center !important;
	}
	#catalogo input[value="Quick order"]:hover{
		background:#C00 url(../imagenes/rapido_btn_o.png) no-repeat 5px center !important;
	}
	
	#modal>p{
		margin: 0 auto;
		width: 60%;
		color: #DDD;
		font-weight: 100;
		font-size: 1.6em;
		text-align: center;
	}
	
	.pmib{
		float:left;
		text-align:left;
		position:relative;
		z-index:200;
	}
	#productos>div>div button,.pmib button{
		margin:10px 0 0 10px;
		padding:0 0 0 0;
		background:#099;
		border-radius:40px;
		height:40px;
		width:40px;
		position:relative;
		z-index:1;
		display:none;
		text-align:center;
	}
	.pmib button img{
		display:block;
		width:80%;
		margin:0 auto 0 auto;
	}
	.pmib button{
		display:none !important;
	}
	.pmi:hover button{
		//display:block !important;
	}
	#productos>div>div:hover button{
		//display:inline-block;
	}
	#productos>div>div button img{
		width:30px;
	}
	#productos>div>div b{
		display:block;
		margin:6px 6px 6px 18px;
		color:#099;
		font-family:Lora,serif;
		cursor:pointer;
	}
	#productos>div>div span{
		display:block;
		color:#333;
		font-size:1em;
		margin:0 6px 18px 18px;
	}
	#productos>div>div:hover{
		box-shadow:#AAA 1px 1px 2px;
	}
	.producto_rand_0{
		padding-bottom:6px;
	}
	.producto_rand_1{
		padding-bottom:9px;
	}
	.producto_rand_2{
		padding-bottom:12px;
	}
	.producto_rand_3{
		padding-bottom:3px;
	}
	.producto_rand_0>img.main{
		//height:300px;
		width:100%;
	}
	.producto_rand_1>img.main{
		//height:280px;
		width:100%;
	}
	.producto_rand_2>img.main{
		//height:260px;
		width:100%;
	}
	.producto_rand_3>img.main{
		//height:240px;
		width:100%;
	}
	img.main{
		cursor:pointer;
		background:#666;
	}
	img[src="imagenes/senalador_producto.png"]{
		position:relative;
		top:-10px;
		left:1em;
	}
	
	#inicio_deimetros{
		background: rgba(0,0,0,0.8) url(../imagenes/popuplogo.png) 90% 85% no-repeat;
		background-size: 25% auto;
		color: white;
		font-family: Lora,serif;
		font-weight: normal;
		font-size: 3em;
		width: 80%;
		padding: 20vh 5% 25vh 5%;
		margin: 0 !important;
		text-align: center;
	}
	
	/* SERVICIOS */
	
	#control_servicios{
		background:white url(../imagenes/servicios.jpg) no-repeat 50px 14px;
		background-size:auto 44px;
		margin-bottom:0;
		font-weight:bold;
		color:#333;
		border-bottom:#999 solid 1px;
		height:80px;
		overflow:hidden;
	}
	#control_servicios p{
		margin:0 0 0 120px;
		padding:1.4em 0 1.4em 0;
		width:24%;
		float:left;
		font-size:10px;
		
	}
	#control_servicios p b{
		display:block;
		font-size:14px;
		font-family:Georgia,serif;
		font-weight:bold;
	}
	#control_servicios div{
		width:65%;
		float:right;
		padding:2em 1em 2.4em 1em;
		background:#DDD;
		height:20px;
		box-shadow:#333 2px 2px 4px -2px;
		max-width:800px;
	}
	#control_servicios div a,#control_servicios div a:link,#control_servicios div a:visited{
		display:inline-block;
		padding:2px 0 2px 9px;
		border:#999 solid 1px;
		font-size:0.85em;
		width:18%;
		box-shadow:#AAA 1px 1px 3px,#999 0 -20px 40px -20px;
		border-radius:3px;
		margin-left:3%;
	}
	#control_servicios div a:hover{
		background:#097;
		color:white;
	}
	#control_servicios div a[href="#"],#control_servicios div a[href="#"]:hover,#control_servicios div a[href="#"]:visited{
		background:none;
		font-weight:bold;
		width:auto;
		box-shadow:none;
		border:none;
	}
	#servicios{
		overflow:hidden;
	}
	#servicios>div{
		margin:0 40px 0 40px;
	}
	#servicios>div>div.bgs{
		height:200px;
		overflow:visible;
	}
	#servicios>div>div.bgs>img{
		display:block;
		width:100%;
	}
	#control_servicios div a[href="#"],#contol_productos div a[href="#"],#control_servicios div a[href="#sitio"],#contol_productos div a[href="#sitio"]{
		display:none;
	}
	
	.servicio_a p{
		background:white;
		width:50%;
		height:430px;
		padding:80px 8% 0px 8%;
		position:relative;
		z-index:2;
		text-align:justify;
		line-height:1.8em;
		float:left;
		min-height:278px;
		margin-bottom:0;
	}
	.servicio_b p{
		background:white;
		width:50%;
		height:450px;
		padding:80px 8% 0px 8%;
		position:relative;
		z-index:2;
		text-align:justify;
		line-height:1.8em;
		float:right;
		min-height:278px;
		margin:0 0 0 0;
	}
	#servicios b{
		font-size:3em;
		font-weight:normal;
		font-family:Lora,serif;
	}
	#servicios>div>div>div.ias{
		width:34%;
		float:right;
		overflow:hidden;
		margin-top:120px;
		position:relative;
		height:410px;
	}
	#servicios>div>div>div{
		height:0px;
		overflow:visible;
	}
	#servicios>div>div input{
		color:white;
		box-shadow:#666 0 0 2px,#600 0 -30px 20px -20px inset;
		background:#C00;
		padding:6px 6px 6px 6px;
		border-radius:3px;
		margin:1em 0 0 0;
		position:relative;
		z-index:3;
		/*top:-60px;*/
	}
	#servicios>div input{
		top:0;
	}
	.btnsrv{
		display:block;
		position:absolute;
		width:100%;
		top:0;
		left:0;
	}
	.btnsrv div{
		width:700px;
		background:white;
		padding:24px 24px 24px 24px;
		margin:0 auto 0 auto;
		z-index:4;
	}
	
	
	
/* PRODUCTOS NUEVO */

#frm_buscar_muestra{
	border-bottom:solid 1px #999;
	padding-left:0;
}
#frm_buscar_muestra>div{
	background: #DDD;
	padding: 1em 2em;
	width:65%;
	float:right;
	min-width: 300px;
}
#frm_buscar_muestra>input[type="text"]{
	margin: 1em;
	border:#CCC solid 1px;
	padding: 0.25em 0.5em;
	font:inherit;
	float:left;
	border-radius:0.25em;
	width:24%;
	min-width: 240px;
}
#frm_buscar_muestra select{
	padding: 0.25em;
	background: #F8F8F8;
	color: #666;
	border:#BBB solid 1px;
	border-radius:0.25em;
	font:inherit;
	margin-right: 1em;
}
#frm_buscar_muestra input[type="button"]{
	background: #C03;
	color: white;
	padding: 0.5em;
	font-size: 0.8em;
	text-transform: uppercase;
	border-radius:0.3em;
	margin-right: 1em;
}
#frm_buscar_muestra a{
	font-size: 0.8em;
	text-decoration: underline;
	text-transform: uppercase;
	color: #777;
	float: right;
	display: inline-block;
	margin-top: 0.5em;
}

#contenido_muestras{
	padding: 1em;
	background: #DDD;
	min-height: 100vh;
}
.muestra{
	display: inline-block;
	width: 18.75%;
	margin: 0.5%;
	opacity: 0;
	background: white;
	overflow: hidden;
	cursor: pointer;
}
.muestra>div>img{
	display: block;
	width: 100%;
}
.muestra>div.indicador_muestra_w{
	width:2em;
	height: 0;
	overflow: visible;
	position: relative;
	top:-1em;
	left:1em;
	box-shadow: none !important;
}

.muestra h4{
	color:#099;
	font-family: Lora,serif;
	font-size: 1em;
	margin: 1em 5% 0.4em 5%;
}
.muestra p{
	font-size: 0.92em;
	margin: 0 5% 1em 5%;
	color: #444;
	font-family:PTSans,Helvetica,sans-serif;
	line-height: 1.4em;
	height: 10em;
}

.muestra:hover,.muestra:hover>*{
	color:white !important;
	background: #099;
	box-shadow: #099 0 0 0 2px;
}
.muestra:hover>div.indicador_muestra_w{
	display: none;
}

#detalle_muestra_container{
	background: #333333;
	color: #FFF;
	box-shadow: #333 200px 0 0,#333 -200px 0 0;
}
#indicator{
	height:0;
	overflow: visible;
}
#detalle_muestra_container>input[type="button"]{
	color:#DDD;
	float: right;
	font-size: 3em;
	margin: 0.25em 0.5em 0 0;
}
#detalle_muestra_content{
	float: none;
	clear: both;
	padding: 0 2em 2em 2em;
}
#detalle_muestra_imagen{
	float:left;
	width:60%;
	overflow: hidden;
}
#detalle_muestra_imagen>img{
	display: block;
	width: 90%;
	margin: 0 auto;
}
#detalle_muestra_data{
	width: 38%;
	float: right;
}
#detalle_muestra_data h4{
	color: #099;
	font-family: Lora,serif;
	font-size: 2.5em;
	margin: 1em 0 0.25em 0;
}
#detalle_muestra_data a{
	color: #F92;
	text-decoration: underline;
	display: inline-block;
	margin-bottom: 1em;
	cursor: pointer;
}
#detalle_muestra_data a:hover{
	color: white;
}
#detalle_muestra_data p{
	margin: 0;
	width: 60%;
	font-size: 0.85em;
	font-family:PTSans,Helvetica,sans-serif;
	line-height: 1.5em;
}
#detalle_muestra_data h5{
	color: #F92;
	font-weight: normal;
	text-align: right;
	font-size: 1.25em;
	text-transform: uppercase;
	margin: 1em 0;
}
#detalle_muestra_data button{
	background: #F92;
	color: #333;
	padding: 1em;
	float: right;
	text-transform: uppercase;
}

#galeria_muestra{
	height: 20vw;
	width: 80%;
	margin-bottom: 1em;
}
#galeria_muestra>div{
	display: inline-block;
	width: 30%;
	margin: 1%;
	border:2px #666 solid;
	cursor: pointer;
}
#galeria_muestra>div:hover{
	border:2px #FA0 solid;
}
#galeria_muestra>div>img{
	display: block;
	width: 100%;
}
.tag{
	display: inline-block;
	margin: 0 1em 1em 0;
	background: #555;
	color: #DDD;
	padding: 0.5em 1em;
	border-radius: 0.2em;
	font-size: 0.85em;
	text-transform: uppercase;
	cursor: pointer;
}
.tag:hover{
	color: #555;
	background: #DDD;
}

#detalle_muestra_cta{
	position: fixed;
	bottom:1em;
	right: 0;
	width: 30%;
	background: #EEE;
	padding: 0.5em 5em 0.5em 2em;
	border-top-left-radius: 5em;
	border-bottom-left-radius: 5em;
	box-shadow: #000 0 0.25em 0.5em;
	animation: detalle_muestra_cta_anim 5s 1;
}
#detalle_muestra_cta>h4{
	display: inline-block;
	color:#E80;
	text-align: right;
	margin: 0 0.5em;
	font-size: 1.5em;
	line-height: 1em;
	position: relative;
	top:-0.5em;
}
#detalle_muestra_cta>h4>small{
	display: block;
	color: #444;
}
#detalle_muestra_cta>img{
	height: 4em;
}

@keyframes detalle_muestra_cta_anim{
	0%{ right: -100vw; }
	80%{ right: -100vw; }
	100%{ right: 0; }
}






	/* FAQ */
	
	#faq{
		margin:0 40px 0 40px;
	}
	.faq_lat{
		width:25%;
		float:left;
	}
	.faq_main{
		width:75%;
		float:right;
	}
	#faq img{
		display:block;
		width:100%;
	}
	.faq_lat a{
		display:block;
		width:85%;
		margin:0 auto 0 auto;
	}
	.faq_main p,.faq_main>div{
		text-align:justify;
		font-size:1.2em;
		line-height:1.8em;
		padding:1em 1.5em 1.5em 1.5em;
		margin:1.4em 0 2em 0;
		font-family:PTSans,sans-serif;
		background:#CCC;
	}
	.faq_main>div>div{
		margin-bottom:1em;
	}
	.faq_main>div>div>span{
		display:block;
		text-align:justify;
		font-size:0.8em;
		margin:1em 4em 1em 3.4em;
	}
	.faq_main>div>div>input{
		background:#D8D8D8;
		color:#555;
		border:#888 1px solid;
		border-radius:3px;
		padding:0px 3px 3px 3px;
		font-size:1.4;
		margin:0 6px 0 6px;
		box-shadow:#AAA 0 -10px 20px -10px,#999 0 0 6px -2px;
		font-family:'Trebuchet MS',sans-serif;
	}
	.faq_main>div>div>b{
		font-size:1.8em;
		color:#333;
		font-family:PTSans,sans-serif;
		font-weight:normal;
		position:relative;
		top:4px;
	}
	
/* PEDIDOS */

	#productos>div a{
		background:black;
		color:white;
		font-size:20px;
		width:20px;
		display:block;
		height:20px;
		line-height:20px;
		border:#FFF solid 1px;
		padding:0 0 0 0;
		box-shadow:#333 0 0 6px -2px;
		border-radius:2px;
		position:relative;
		top:12px;
		left:85%;
		text-align:center;
	}
	#control_productos{
		background:white;
		background-size:auto 44px;
		border-bottom:#999 solid 1px;
		display:block;
		min-height:4.2em;
		height:80px;
		overflow:hidden;
	}
	#control_productos p{
		margin:0 0 0 120px;
		padding:1.4em 0 1.4em 0;
		width:20%;
		float:left;
		font-size:10px;
		background:white !important;
	}
	#control_productos p b{
		display:block;
		font-size:14px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
	}
	#control_productos>div{
		width:65%;
		float:right;
		padding:1.8em 0 1.8em 1em;
		background:#DDD;
		min-height:30px;
		box-shadow:#333 2px 2px 4px -2px;
		max-width:800px;
	}
	#control_productos div a,#control_productos div a:link,#control_productos div a:visited{
		display:none;
		padding:2px 0 2px 0;
		font-size:0.85em;
		color:#666;
	}
	#control_productos div a.visible_link{
		display: inline-block !important;
	}
	#control_productos div b{
		display: inline-block;
		margin-top: 1em;
		color: #666;
		font-size: 0.9em;
	}
	#control_productos div a:hover{
		color:#097;
	}
	#control_productos div input[type="button"],#control_productos div input[type="submit"]{
		background:#C00;
		padding:3px 9px 3px 9px;
		color:white;
		font-weight:bold;
		border-radius:3px;
		font-size:0.85em;
		cursor: pointer;
		border: none;
	}
	#control_productos select{
		padding:3px 1em 3px 1em;
		border:#999 solid 1px;
		background:#F4F4F4;
		color:#666;
		border-radius:3px;
		margin-right:2em;
	}
	#control_productos p input{
		border:#999 solid 1px;
		color:#666;
		font-size:0.8em;
		border-radius:3px;
		padding:3px 1em 3px 1em;
	}
	#control_productos div form{
		display: inline-block !important;
		width: auto !important;
	}
	#control_productos div.itemwrap{
		
	}
	#control_productos div input[type="submit"]{
		background: #38C;
		margin-left: 2em;
	}
	
	#welcome,#checkout_section{
		padding: 2.5%;
		background: #099;
		color: white;
	}
	#checkout_section{
		padding-top: 1px;
	}
	
	
	
	#totalcarrito{
		background: #099;
		color: white;
		font-size: 2.5em;
		text-align: right;
		padding: 0.35em 2.5%;
		font-family: Lora,serif;
	}
	
	#payment_methods{
		background: #BBB;
		padding: 5vh 10%;
		display: none;
	}
	#payment_methods>div{
		width: 33%;
		min-width: 300px;
		padding: 1em;
		margin: 0 auto 1em auto;
		background: white;
		border-radius: 0.2em;
	}
	#payment_methods>div>a,#payment_methods>div input[type="button"]{
		background: #299;
		color: white;
		display: block;
		padding: 0.7em 0;
		width: 100%;
		text-align: center;
		font-size: 1.2em;
	}
	#payment_methods>div>a:hover,#payment_methods>div input[type="button"]:hover{
		color: #088;
		background: #EEE;
	}
	
	#payment_methods>div input[type="text"],#payment_methods>div input[type="number"],#payment_methods>div select{
		display: block;
		padding: 0.5em;
		border: #CCC solid 1px;
		border-radius: 0.25em;
		font:inherit;
		width: 95%;
		margin: 0 auto 1em auto;
	}
	#payment_methods>div select,#payment_methods>div input.rs_half{
		display: inline-block;
		width: 4em;
	}
	#payment_methods>div small{
		text-transform: uppercase;
		font-size: 0.6em;
		color: #FA0;
		display: block;
		margin-bottom: 2em;
	}
	#payment_methods>div>form>span{
		display: inline-block;
		width: 5em;
		color: #666;
	}
	#payment_methods>div>h4{
		margin: 0 0 1em 0;
		font-size: 1.5em;
		text-transform: uppercase;
		color: #099;
		text-align: center;
		padding-bottom: 0.25em;
		border-bottom: #099 solid 1px;
	}
	#payment_methods_paypal input[type="submit"]{
		color: white;
		background: #38D;
		color: white;
		border: none;
		padding: 0.6em 0;
		display: block;
		width: 100%;
		font-weight: bold;
		font-style: italic;
		font-size: 2em;
	}
	#payment_methods_paypal input[type="submit"]:hover{
		color:#38D;
		background: #EEE;
	}
	
/* MODAL */
	
	#modal{
		background:url(../imagenes/negro70.png);
		position:absolute;
		scroll-y:auto;
		top:0;
		left:0;
		bottom:0;
		width:100%;
		min-height:768px;
		display:none;
		z-index:100;
		overflow-y: auto;
	}
	#modal>div{
		max-width:1200px;
		margin:40px auto 0 auto;
	}
	#modal>div>input[type="button"]{
		background:black;
		color:white;
		font-size:20px;
		width:20px;
		height:20px;
		line-height:14px;
		border:#FFF solid 1px;
		padding:2px 2px 2px 2px;
		box-shadow:#333 0 0 6px -2px;
		border-radius:2px;
		float:right;
		margin-right:17%;
		position:relative;
		top:9px;
		left:4px;
	}
	.pmi{
		width:76%;
		float:left;
		background:white;
		border-radius:4px;
		padding:14px 14px 14px 14px;
		box-shadow:#999 0 0 10px -4px;
	}
	.pmi img{
		display:block;
		width:100%;
		box-shadow:#999 0 0 6px -2px;
	}
	.pmi div{
		height:0px;
		overflow:visible;
		text-align:right;
		position:relative;
		top:20px;
		z-index:101;
	}
	.pmi div input{
		margin:0 1em 1em 76%;
		display:none;
		width:20%;
		background:#EEE;
		color:#888;
		border:#BBB solid 1px;
		border-radius:3px;
		font-size:13px;
		padding-left:24px;
		text-align:left;
	}
	.pmi:hover input{
		display:block !important;
	}
	.pmi div input:hover{
		color:white;
		background:#C00;
		border:#FFF solid 1px;
	}
	.pmd{
		width:18%;
		float:left;
		margin:40px 0 20px 0;
		background:white;
		padding:12px 12px 12px 12px;
		font-size:14px;
		color:#484848;
		text-align:left;
		box-shadow:#999 10px 0 20px -10px;
	}
	.pmd>div>a>img{
		width:20%;
		margin:0 5% 1em 5%;
	}
	
	.pmd b{
		font-family:Lora,serif;
		color:#099;
		font-size:16px;
	}
	.pms{
		width:18%;
		float:left;
		margin:0 0 40px 3px;
		background:white;
		padding:0 12px 12px 12px;
		font-size:11px;
		color:#333;
		text-align:justify;
		box-shadow:#999 5px 0 20px -10px;
	}
	.pms textarea{
		width:96%;
		resize:vertical;
		border:#CCC solid 1px;
		color:#666;
		font-family:PTSans,sans-serif;
		font-size:12px;
	}
	.pms input{
		background:#C00;
		padding:3px 9px 0 9px;
		color:white;
		font-weight:bold;
		border-radius:3px;
		margin-top:12px;
	}
	.pms>div>div{
		color:#666;
		font-size:11px;
		text-align:justify;
		padding:0 0 6px 0;
		margin-bottom:6px;
		border-bottom:#999 solid 1px;
	}
	.pms b{
		display:block;
	}
	.pmr>div{
		width:19%;
		min-height:300px;
		float:left;
		opacity:1 !important;
	}
	.pmr h1{
		color:#666;
		font-family:Lora,serif;
	}
	.pmr>div>div{
		width:94%;
		background:white;
		margin:9px auto 0 auto;
		overflow:hidden;
		box-shadow:#999 0 0 10px;
		opacity:1 !important;
	}
	.pmr>div>div>img{
		display:block;
	}
	.pmr>div>div>div{
		height:0px;
		overflow:visible;
	}
	.pmr>div>div .control{
		position:relative;
		top:-50px;
		display:none;
	}
	.pmr>div>div:hover .control{
		display:block;
	}
	.pmr>div>div .control input{
		margin:3px 6px 0 0;
		width:70%;
		background:#EEE;
		border-radius:6px;
		font-size:0.8em;
		color:#333;
		padding:0 0 0 10%;
		text-align:left;
		border:#999 solid 1px;
		float:right;
		line-height:11px;
		height:16px;
	}
	.pmr>div>div .control input:hover{
		background:#C00;
		color:white;
		border:#600 solid 1px;
	}
	
	.pmr>div>div button{
		margin:10px 0 0 10px;
		padding:0 0 0 0;
		background:#099;
		border-radius:40px;
		height:40px;
		width:40px;
		position:relative;
		z-index:1;
		display:none;
		text-align:center;
	}
	.pmr>div>div button img{
		width:30px;
	}
	.pmr>div>div:hover button{
		display:inline-block;
	}
	.pmr>div>div b{
		display:block;
		margin:6px 6px 6px 18px;
		color:#099;
		font-family:Lora,serif;
		cursor:pointer;
	}
	.pmr>div>div span{
		display:block;
		color:#333;
		font-size:0.8em;
		font-size:14px;
		margin:0 6px 18px 18px;
	}
	.pmr>div>div:hover{
		box-shadow:#AAA 1px 1px 2px;
	}
	
	#modal>div>form{
		width:60%;
		margin:0 auto 0 auto;
		padding:24px 24px 60px 24px;
		background:#DDD;
		color:#666;
		box-shadow:#000 0 0 20px;
		border-radius:3px;
		font-size:12px;
	}
	#modal form hr{
		opacity:0.4;
	}
	#modal form p b{
		font-size:16px;
		display:inline-block;
		margin-bottom:6px;
		min-width:140px;
	}
	#modal form b{
		display:inline-block;
		margin-bottom:6px;
		min-width:90px;
		text-align:right;
		margin-right:10px;
	}
	#modal>div>form input[type="button"]{
		background:#C00;
		padding:6px 1em 6px 1em;
		color:white;
		font-weight:bold;
		border-radius:3px;
		margin-top:12px;
		float:right;
		box-shadow:#600 0 -10px 15px -5px inset;
	}
	#modal form span input[type="text"],#modal form span input[type="tel"],#modal form span input[type="email"]{
		width:40%;
		margin-right:10%;
		padding:6px 6px 6px 6px;
		color:#666;
		margin-bottom:6px;
		border-radius:3px;
		border:#999 solid 1px;
	}
	#modal form select,#modal form input[type="number"]{
		background:#EEE;
		box-shadow:#BBB 0 -20px 40px -20px inset;
		border-radius:3px;
		border:#999 solid 1px;
		padding:6px 9px 3px 9px;
		color:#666;
		font-size:1.4em;
	}
	
	/* COMPARTIR*/
	#share_box{
		position:absolute;
		background:white;
		padding:0 12px 12px 12px;
		border-radius:3px;
		display:block;
		max-width:120px !important;
	}
	#share_box iframe{
		height:2em !important;
	}
	
	/* CATALOGO */
	
	#catalogo{
		margin:0 auto 0 auto;
		background:black;
	}
	#catalogo>div{
		display:none;
		background:black;
	}
	#catalogo>div#pagina_1{
		display:block;
	}
	#catalogo>div>div{
		width:50%;
		float:left;
		overflow:visible;
		background:black;
	}
	#catalogo>div>div>img{
		display:block;
		width:100%;
	}
	#control_catalogo{
		height:0px;
		overflow:visible;
		position:relative;
		top:-660px;
		float:left;
		width:100%;
		z-index:2;
	}
	#control_catalogo>div{
		width:25%;
		background:white;
		float:left;
		padding:0 0 1em 0;
		color:#333;
		box-shadow:#000 0 0 60px -20px;
		display:none;
		font-size:14px;
		margin-right:2px;
	}
	#control_catalogo>div>h2{
		width:100%;
		height:42px;
		line-height:42px;
		background:#077;
		color:white;
		/*font-family:Lora,serif;*/
		position:relative;
		margin:0 0 0 0;
		padding:0 0 0 0;
		font-size:1.2em;
		height
	}
	#control_catalogo div b{
		display:block;
		font-size:1.2em;
		margin-bottom:9px;
		line-height:1.1em;
	}
	#control_catalogo div span{
		display:inline-block;
		width:102%;
		color:#999;
		text-align:right;
		margin:3px 0 3px 0;
	}
	#control_catalogo div p{
		margin:1em 1em 1em 1em;
	}
	#control_catalogo h2 input[type="button"]{
		width:80px;
		height:42px;
		background:#077 url(../imagenes/descargar.png) no-repeat center center;
		background-size:auto 30px;
		color:white;
		font-family:Lora,serif;
		position:relative;
		margin:0 12px 0 0;
		padding:0 0 0 0;
		float:left;
		border:#044 solid 1px;
		box-shadow:#033 0 -24px 48px -24px inset;
	}
	#control_catalogo input[value="Opciones"],#control_catalogo input[value="Options"]{
		background:#C00;
		/*-ms-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
    	transform: rotate(90deg);*/
		color:white;
		font-family:Lora,serif;
		font-size:12px;
		padding:6px 18px 6px 18px;
		margin-top:0;
		position:relative;
		box-shadow:#600 0 -10px 20px -10px inset;
		/*left:-2.3em;*/
	}
	#control_catalogo #cat_ant,#control_catalogo #cat_sig{
		background:#077;
		color:white;
		padding:0 4px 9px 4px;
		font-size:36px;
		line-height:18px;
		font-family:Helvetica,Arial,sans-serif;
		font-weight:100;
		margin:2px 2px 0 0;
		float:left;
		/*box-shadow:#033 0 -15px 30px -15px inset;*/
	}
	#control_catalogo #cat_ant{
		background:#077 url(../imagenes/cata_ant.jpg) center center;
		background-size:auto 100%;
		height:36px;
		width:28px;
	}
	#control_catalogo #cat_sig{
		background:#077 url(../imagenes/cata_sig.jpg) center center;
		background-size:auto 100%;
		height:36px;
		width:108px;
	}
	
	#control_catalogo input[type="number"]{
		width:30px;
		border-radius:2px;
		border:#999 solid 1px;
	}
	
	#redes_catalogo{
		float:right;
		width:45%;
		height:0px;
		overflow:visible;
		position:relative;
		top:-10px;
	}
	#redes_catalogo iframe{
		width:100%;
		height:1.6em;
	}
	
	/* BUSQUEDA */
	
	#resultados h1{
		font-family:Lora,serif;
		padding:12px 24px 12px 24px;
		border-top:#333 solid 1px;
		margin:1em 26px 0 26px;
		color:#333;
	}
	#resultados_noticias{
		margin:0 50px 0 50px;
		color:#333;
	}
	#resultados_noticias>div{
		text-align:justify;
		margin-bottom:1em;
		font-size:11px;
		opacity:0.8;
		cursor:pointer;
	}
	#resultados_noticias>div:hover{
		opacity:1;
	}
	#resultados_noticias>div>b{
		display:block;
		font-size:18px;
		font-family:Lora,serif;
		color:#099;
	}
	#resultados_noticias>div>small{
		color:#999;
		display:block;
	}
	#resultados em{
		color:black;
		background:#FF0;
		font-style:normal;
	}
	
	/* NOTICIAS */
	
	#noticia_principal{
		margin:40px 40px 0 40px;
	}
	#noticia_principal>div{
		max-height:540px;
		overflow:hidden;
		background:#666;
		min-height:200px;
	}
	#noticias{
		color:#484848;
	}
	#noticias img{
		width:100%;
		display:block;
	}
	#noticia_principal p{
		background:white;
		width:55%;
		padding:30px 60px 0 60px;
		position:relative;
		top:-100px;
		margin:0 0 0 0;
		font-size:12px;
	}
	#noticias a,#noticias a:link,#noticias a:visited{
		color:#077;
		display:inline-block;
		margin-top:12px;
		font-family:Lora,serif;
		font-weight:bold;
	}
	#noticias a:hover{
		text-decoration:underline;
	}
	#noticias b:hover{
		cursor:pointer;
		text-decoration:underline;
	}
	#noticia_principal p b{
		display:block;
		color:#333;
		font-family:Lora,serif;
		font-size:36px;
		width:70%;
	}
	#noticia_principal p small{
		position:relative;
		color:#666;
		top:-30px;
		left:-60px;
	}
	
	#noticias>div>div img{
		border-top:white solid 6px;
	}
	#noticias>div>div:hover .imagennoticia_1{ border-top:#096 solid 6px; }
	#noticias>div>div:hover .imagennoticia_2{ border-top:#603 solid 6px; }
	#noticias>div>div:hover .imagennoticia_3{ border-top:#F30 solid 6px; }
	#noticias>div>div:hover .imagennoticia_4{ border-top:#930 solid 6px; }
	#noticias>div>div:hover .imagennoticia_5{ border-top:#069 solid 6px; }
	
	#noticias_secundarias{
		margin:0 40px 0 40px;
	}
	#noticias_secundarias>div{
		float:left;
		width:50%;
		padding-bottom:80px;
	}
	#noticias_secundarias>div:hover p{
		background:#eee;
	}
	#noticias_secundarias>div>div{
		max-height:300px;
		overflow:hidden;
	}
	#noticias_secundarias p{
		background:white;
		padding:20px 60px 20px 60px;
		position:relative;
		margin:0 0 0 0;
		font-size:12px;
	}
	#noticias_secundarias p b{
		display:block;
		color:#333;
		font-family:Lora,serif;
		font-size:28px;
		line-height:1.2em;
		margin-bottom:12px;
	}
	#noticias_secundarias p small{
		position:relative;
		color:#666;
		top:-20px;
		left:-60px;
	}
	#noticias_terciarias{
		width:60%;
		margin-left:40px;
		float:left;
	}
	#noticias_terciarias>div{
		margin:0 0 40px 0;
		overflow:hidden;
		font-size:12px;
	}
	#noticias_terciarias img{
		width:35%;
		margin-right:40px;
		float:left;
	}
	#noticias_terciarias b{
		display:block;
		margin:0 0 24px;
		color:#333;
		font-family:Lora,serif;
		font-size:24px;
	}
	#noticias_terciarias small{
		color:#999;
		display:block;
		margin-top:12px	
	}
	#noticias_terciarias a{
		margin-top:0 !important;
	}
	#noticias_archivo{
		width:28%;
		float:right;
		min-height:400px;
		margin-right:40px;
		padding-left:24px;
		border-left:#CCC solid 4px;
	}
	#noticias_archivo h2{
		font-family:Lora,serif;
		color:#666;
		font-style:italic;
		margin-top:0px;
		font-weight:normal;
		margin-bottom:24px;
	}
	#noticias_archivo>div{
		margin:0 0 40px 0;
	}
	#noticias_archivo>div>div{
		width:20px;
		height:20px;
		float:left;
		margin:0 24px 3em 0;
	}
	.cuadrocat_1{ background:#096; }
	.cuadrocat_2{ background:#603; }
	.cuadrocat_3{ background:#F30; }
	.cuadrocat_4{ background:#930; }
	.cuadrocat_5{ background:#069; }
	
	#noticias_archivo>div b{
		color:#333;
		font-size:18px;
		font-family:Lora,serif;
		display:block;
		cursor:pointer;
	}
	#noticias_archivo>div small{
		font-size:10px !important;
		color:#999;
	}
	
	
	#noticia_leer{
		margin:24px 40px 100px 40px;
	}
	#noticia_leer>div{
		overflow:hidden;
	}
	#noticia_leer>div>img{
		min-height:240px;
		background:black;
		position:relative;
		z-index:1;
	}
	
	#noticia_leer p{
		background:white;
		width:60%;
		padding:0 0 0 0;
		position:relative;
		margin:0 auto 0 auto !important;
		text-align:justify;
		line-height:1.6em;
	}
	#noticia_leer ol,#noticia_leer ul{
		background:white;
		width:60%;
		padding:0 0 0 0;
		position:relative;
		margin:0 auto 0 auto !important;
		text-align:justify;
		line-height:1.6em;
		font-size: 0.85em;
		font-style: italic;
	}
	#noticia_leer p img{
		max-width:400px;
		display:block;
		margin:0 auto 0 auto;
	}
	#noticia_leer p b{
		display:block;
		color:#333;
		font-family:Lora,serif;
		font-size:36px;
		text-align:center;
		margin-bottom:54px;
		line-height:48px;
	}
	#noticia_leer p small{
		position:relative;
		color:#666;
		top:-24px;
		left:-33%;
	}
	.ntipo{
		display:block;
		height:0px;
		overflow:visible;
		position:relative;
		z-index:2;
	}
	.ntipo span{
		display:inline-block;
		color:white;
		width:100px;
		height:100px;
		line-height:100px;
		text-align:center;
		position:relative;
		top:1em;
		left:1em;
		z-index:1;
	}
	.nt_1{ background:#096 !important; }
	.nt_2{ background:#603 !important; }
	.nt_3{ background:#F30 !important; }
	.nt_4{ background:#930 !important; }
	.nt_5{ background:#069 !important; }
	
	.nextra{
		display:none;
	}
	
	/* FORMULARIO INICIO */
	
	#modal>section{
		max-width: 80%;
		margin: 7.5vh auto;
		color:white;
	}
	#modal>section h1{
		color:#00A19A;
		font-family: 'Times new roman', serif;
		font-size:4.5em;
		margin: 0;
	}
	#modal>section h2{
		font-family: 'Times new roman', serif;
		font-size:2.5em;
		font-style: italic;
		margin: 0;
	}
	.doscol{
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
		
		-webkit-column-gap:40px;
		-moz-column-gap:40px;
		column-gap:40px;
		margin: 1em 0 0 0;
	}
	.doscol>p{
		margin: 0.5em 0;
		font-size: 1.5em;
		font-family: 'Times new roman', serif;
	}
	
	#modal>section input[type="text"],#modal>section input[type="email"]{
		border: none;
		padding: 6px;
		width:96%;
		margin: 12px 0;
		display: inline-block !important;
		font-size: 1.6em;
		font-family: 'Times new roman', serif;
		font-style: italic;
	}
	#modal>section input.mid{
		width:45% !important;
		margin-right: 2%;
	}
	#modal>section>input{
		font-size:3em;
		float:right;
	}
	#modal>section form input[type="button"]{
		background:#00A19A;
		color:white;
		font-size: 1.6em;
		font-family: 'Times new roman', serif;
		font-style: italic;
		padding:9px 20px;
		float:right;
		margin:12px 4px;
	}
	
	
/* RESPONSIVO */
	
	.mobile_only{
		display:none !important;
	}
	#header_mobile{
		background:#009184;
		color:white;
		overflow:hidden;
		height:40px;
	}
	#header_mobile input{
		height:40px;
		border-right:white solid 1px;
		line-height:40px;
		width:55px;
		background:url(../imagenes/menu_m.jpg) no-repeat center center;
	}
	#header_mobile div{
		float:right;
		line-height:40px;
	}
	#header_mobile a{
		display:inline-block;
		height:40px;
		width:40px;
		text-align:center;
		margin-top:6px;
	}
	
	#prodno,#catalogo>#catano{
		/*width:100% !important;
		height:0px !important;
		overflow:visible;
		float:none !important;
		padding:0 0 0 0 !important;
		margin:0 0 0 0 !important;
		position:relative;
		display:block !important;
		z-index:2;
		opacity:0.9;
		background:none !important;*/
		display:none !important;
	}
	#prodno>div{
		height:2000px;
		width:100% !important;
		padding:0 0 0 0 !important;
		margin:0 0 0 0 !important;
		background:white url(../imagenes/prodno.gif) center top no-repeat !important;
	}
	#catalogo>#catano>div{
		height:800px !important;
		width:100% !important;
		padding:0 0 0 0 !important;
		margin:0 0 0 0 !important;
		float:none !important;
		background:white url(../imagenes/catano.gif) center top no-repeat !important;
		display:block !important;
	}
	.pmip{
		display:none;
	}
	
	
	#datos_empresa{
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		background:#F2E8CC;
		color:black;
		padding:2px 1em 5px 1em;
		font-family: Lora,serif;
		font-size:0.9em;
		border-top: #111 solid 1px;
		z-index: 4;
	}
	#datos_empresa img{
		width:1.25em;
		position: relative;
		top:2px;
		margin:0 6px 0 0;
	}
	#datos_empresa a:hover{
		color:#900;
		text-decoration: underline;
	}
	
	
	
	/* NOTA SHOWROOM 2017 */
	
	#nota_inicio_modal>input:first-child{
		float:right;
	}
	
	#nota_inicio_modal>div{
		width:50%;
		min-width: 240px;
		max-height: 80vh;
		float:left;
	}
	#nota_inicio_modal>div>img{
		display: block;
		max-width: 100%;
		max-height: 80vh;
	}
	
	#nota_inicio_modal>h1{
		float:right;
		width:50%;
		text-shadow: white -2px 2px 0,white -1px 1px 0;
		left:-4.5%;
		position: relative;
	}
	#nota_inicio_modal>p{
		font-family: Georgia,serif;
		float:right;
		width:45%;
		font-size: 1.25em;
		line-height: 1.5em;
		font-style: italic;
	}
	
	#nota_inicio_modal>p>a{
		color:#00A19A;
	}
	#nota_inicio_modal>p>a:hover{
		text-decoration: underline;
	}
	
	
	/* REGISTRO / LOGIN / CUENTA */
	
	#register_section{
		padding: 5%;
		background: #EEE;
		color: #4D4D4D;
	}
	#register_section form input[type="text"],#register_section form input[type="password"],#register_section form input[type="email"],#register_section form input[type="tel"],#register_section form input[type="date"],#register_section form select,#register_section form textarea,#register_section input[type="text"]{
		display: block;
		margin: 0 0 1em 0;
		padding: 0.5em;
		font:inherit;
		resize: none;
		background: white;
		border-radius: 0.25em;
		width:90%;
		min-width: 280px;
		max-width: 360px;
		border:#CCC solid 1px;
	}
	#register_section form input[type="button"],#register_section form input[type="submit"]{
		background: #00A19A;
		color: white;
		padding: 1em 2em;
		border:none;
		border-radius:0.25em;
		font:inherit;
		font-weight: bold;
		cursor: pointer;
	}
	#register_section form input[type="button"]:hover,#register_section form input[type="submit"]:hover{
		color: #00A19A;
		background: #EEE;
	}
	#register_section a{
		text-decoration: underline !important;
	}
	#register_section form>span{
		position: relative;
		top: -0.5em;
		color: #00A19A;
		font-size: 0.85em;
	}
	
	#detalle_codigo{
		padding: 1em;
		background: #DDD;
	}
	#detalle_codigo>h4{
		color: #099;
		text-transform: uppercase;
		font-size:2em;
		font-weight: normal;
		margin: 0.5em 0;
	}
	#detalle_codigo>b{
		font-size: 1.5em;
		color: #333;
	}
	#detalle_codigo>p{
		padding: 1em;
		font-size: 0.85em;
		margin: 0.5em 0;
		background: #EEE;
	}
	#detalle_codigo>span{
		display: inline-block;
		width: 20%;
		min-width: 120px;
		border-bottom:#CCC solid 1px;
		margin-right: 1em;
		margin-top: 1em;
	}
	
	
	#privacidad{
		padding: 10vh 20%;
		background: #EEE;
		color: #333;
		text-align: justify;
		line-height: 1.6em;
	}
	
	
	#sitemap h2{
		font-size: 2.5em;
	}
	
	#sitemap h4{
		margin-top: 2em;
		padding-bottom: 0.2em;
		border-bottom: dotted #999 1px;
	}
	#sitemap p>a{
		color: #F60;
	}
	
	
	
	#dirpopup{
		background: white;
		border: white solid 1em;
		margin-top: 20vh !important;
		color: black !important;
		font-size: 1.1vw;
	}
	#dirpopup>div>input[type="button"]{
		float: right;
		width:1.2em;
		height: 1.2em;
		line-height: 1.2em;
		text-align: center;
		color: white;
		font-weight: 600;
		font-size: 1.8em;
		background: #099;
		border-radius: 0.25em;
	}
	
	#dirpopup>img{
		float: left;
		display: block;
		width: 40%;
		margin-right: 2.5%;
	}
	#dirpopup h4{
		font-size: 4em;
		margin: 0.5em 0;
	}
	#dirpopup p{
		float: left;
		line-height: 2em;
		width: 50%;
	}
	#dirpopupdiv{
		float: left;
		width: 57.5%;
	}
	#modal>input{
		float: right;
		font-size: 3em;
		color: white;
		font-weight: bold;
		margin: 0.5em;
	}
	
	
	/* RESPONSIVO */
	
	
	@media all and (min-width:1400px){
		body{
			overflow-x:hidden;
		}
		#sitio{
			overflow:visible;
		}
		#banner_inicio{
			max-height: 45vw;
		}
		#inicio_space{
			max-height: 600px;
		}
		menu>div>div>img{
			margin-right: 15%;
		}
		
	}
	
	@media all and (max-width:800px){
		#sitio{
			width:100%;
		}
		#datos_empresa{
			text-align: center;
		}
		.desktop_only{
			display:none !important;
		}
		#nota_inicio_modal>h1{
			float:none;
			left:0;
			position: static;
			width: 80%;
			padding: 0.5em 5%;
			font-size: 2.5em !important;
		}
		
		#nota_inicio_modal>div{
			min-width: 90%;
			float: none !important;
		}
		#nota_inicio_modal>input:first-child{
			font-size: 3em !important;
		}
		
		#frm_buscar_muestra{
			padding-left: 0;
		}
		#frm_buscar_muestra>input[type="text"]{
			display: block;
			float: none;
			margin: 1em auto;
		}
		#frm_buscar_muestra select,#frm_buscar_muestra input[type="button"],#frm_buscar_muestra a{
			display:block;
			margin: 0 auto 1em auto;
		}
		#frm_buscar_muestra select{
			width: 240px;
			padding: 0.5em !important;
		}
		.muestra{
			width:30%;
		}
		.muestra p{
			line-height: 1.3em;
		}
		.muestra h4{
			height: 2em;
			overflow: visible;
		}
		.detalle_producto{
			position: fixed;
			top:0;
			left: 0;
			width: 100%;
			z-index: 4;
		}
		
		#detalle_muestra_imagen,#detalle_muestra_data{
			float:none;
			width:100%;
		}
		#detalle_muestra_data{
			padding-bottom: 50vh;
		}
		#detalle_muestra_imagen{
			background: #181818;
			margin-bottom: 2em;
			padding: 0;
		}
		#detalle_muestra_imagen>img{
			/*width: 50%;*/
			width: 100%;
			max-width: 480px;
		}
		#galeria_muestra{
			height: auto !important;
		}
		#privacidad{
			padding: 10vh 8%;
		}
		
		#detalle_muestra_cta{
			bottom: 0;
			border-radius: 0 !important;
			left: 0;
			width: auto !important;
			padding: 1em 1em 2em 1em;
			animation: none;
			text-align: right;
		}
		#detalle_muestra_cta>h4{
			display: block;
			top: 0;
			margin-bottom: 0.5em;
		}
		#detalle_muestra_cta>img{
			height: 5em;
			margin-right: 7em;
		}
		
		#dirpopup{
			font-size: 12px;
		}
		
		#banner_inicio,#inicio_space{
			height: 50vw !important;
			background-attachment: scroll;
			
		}
		#inicio_space{
			display: none;
		}
		#inicio_new>div{
			width: auto !important;
		}
		
		#clientes_inicio>img{
			width: 28%;
		}
		
		.servicio_a p,.servicio_b p{
			margin: 1em 0;
			padding: 0;
			height: auto !important;
			width: auto !important;
			float: none !important;
			text-align: left;
		}
		button,input[type="button"]{
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		
		#modal input[type="button"]{
			font-size: 2em !important;
		}
		#modal>section{
			margin: 4vh auto !important;
		}
		
	}
	
	@media all and (max-width:480px){
		.muestra{
			width:47%;
		}
		
		#modal>img{
			margin-top: 20vh !important;
			box-shadow: #000 0 1px 3px;
		}
		#dirpopup h4{
			font-size: 2.5em;
		}
	}
	
	@media all and (max-width:1024px){
		.columnas2,.columnas3{
			-webkit-column-count:1;
			-moz-column-count:1;
			column-count:1;
		}
		.mobile_only{
			display:block !important;
		}
		.desktop_only{
			display:none !important;
		}
		
		#nota_inicio_modal>div{
			float:none;
			margin: 0 auto 0 auto;
		}
		#nota_inicio_modal>h1{
			float: none;
			width:80%;
			margin: 1em auto;
			text-shadow: none;
		}
		
		
		#sitio{
			min-width:320px;
			font-size:12px;
			overflow:hidden;
			padding-top:0px;
			background: url(../imagenes/logo_m.jpg) no-repeat center 40px;
		}
		#header{
			background:none !important;
			height:80px !important;
			margin:0 0 0 0 !important;
			border-bottom:none;
		}
		#header *{
			display:none;
		}
		#footer{
			display:none;
		}
		#control_servicios,#control_productos{
			background:white !important;
		}
		#control_servicios>div,#control_productos>div{
			display:none;
		}
		#control_servicios>p,#control_productos>p{
			width:auto !important;
		}
		#control_productos>p{
			margin-left:20% !important;
			width:80% !important;
			padding-top:0px !important;
		}
		#control_productos>p>input[type="button"]{
			margin-top:3px;
			font-size:12px;
			color:#666;
			background:#DDD;
			width:160px;
			border-color:#AAA;
			text-align:left;
		}
		
		#banner_inicio{
			height: 55vh;
		}
		
		#productos>div{
			width:50%;
		}
		#mmm1,#mmm2,#mmm3{
			background:black;
			width:220px;
			height:96px;
			display:block;
			margin:0 auto 0 auto;
			box-shadow:#000 0 0 4px -2px;
		}
		#mmm1{
			background:black url(../imagenes/mmm1.jpg) center center;
		}
		#mmm3{
			background:black url(../imagenes/mmm3.jpg) center center;
		}
		#mmm2{
			background:black url(../imagenes/mmm2.jpg) center center;
		}
		#mmmr{
			width:26px;
			float:right;
			position:relative;
			top:-192px;
			margin-right:20px;
		}
		#mmmr a,#mmmr a img{
			display:block;
			float:right;
			width:30px;
			height:30px;
			overflow:hidden;
		}
		#modal>div>a.lan{
			color:white;
			margin:12px auto 0 auto;
			width:200px;
			text-transform:uppercase;
			display:block;
		}
		
		#noticias{
			background:#E0E0E0;
		}
		#noticias p{
			text-align:justify !important;
		}
		#noticias p b,#noticias h2{
			text-align:left !important;
			font-size:24px !important;
		}
		#noticia_principal,#noticias_secundarias,#noticias_terciarias,#noticias_archivo{
			margin:20px 0 0 0 !important;
			width:100% !important;
			background:none !important;
		}
		#noticia_principal p,#noticias_secundarias p{
			width:auto !important;
			top:0px !important;
			padding:0 24px 0 24px !important;
			background:none !important;
		}
		#noticia_principal p b{
			width:100% !important;			
		}
		#noticias_secundarias>div,#noticias_terciarias>div{
			width:100% !important;
		}
		#noticia_principal p b,#noticias_secundarias p b{
			line-height:2em;
			margin-bottom:1em;
		}
		#noticias_terciarias div img{
			width:100% !important;
			float:none;
		}
		#noticias_terciarias{
			display:none !important;
		}
		#noticias_terciarias div b{
			padding:40px 40px 0 40px !important;
			line-height:24px !important;
		}
		#noticias_terciarias div{
			line-height:0px !important;
			color:white;
		}
		#noticias_terciarias div small,#noticias_terciarias div a{
			display:none !important;
		}
		#noticias_archivo{
			padding:0 24px 0 24px;
			width:auto !important;
		}
		#noticia_leer{
			margin:20px 0 40px 0 !important;
			text-align:justify !important;
			background:white;
		}
		#noticia_leer p{
			width:90%;
			text-align:justify !important;
		}
		#noticia_leer p b{
			text-align:left;
		}
		#noticia_leer p img{
			width:90% !important;
			margin:0 auto 0 auto !important;
			height:auto !important;
			display:block;
		}
		#noticia_leer div[style]{
			display:block !important;
			position:static !important;
			float:none !important;
			margin-top:12px !important;
			margin-left:12px;
		}
		#noticia_leer div[style] br{
			height:6px !important;
			line-height:6px !important;
		}
		
		#contacto form{
			width:70%;
		}
		#contacto form input[type="text"],#contacto form input[type="tel"],#contacto form input[type="email"],#contacto form select{
			width:90% !important;
			margin:0 auto 4px auto !important;
			display:block;
		}
		#contacto form span{
			float:none;
			display:block;
			width:100% !important;
			font-weight:bold;
			text-align:left !important;
			margin-bottom:6px;
		}
		#contacto form input[type="button"]{
			display:block !important;
			margin:0 auto 0 auto !important;
			padding-left:40px;
			padding-right:40px;
		}
		
		.resmov{
			width:100%;
			/*margin:40px auto 0 auto;*/
			/*background:#E0E0E0;*/
			color:#333;
			box-shadow:#000 0 0 6px -3px;
			border-radius:2px;
			font-size:12px;
			text-align:justify;
		}
		.resmov b{
			font-family:Lora,serif;
			display:inline-block;
			margin-top:12px;
			color:#333;
			font-size:2em;
		}
		.resmov input[type="text"],.resmov input[type="email"],.resmov input[type="tel"]{
			margin-top:6px;
			width:84%;
			color:#666;
			padding:4px 3% 4px 3%;
			border:#999 solid 1px;
			border-radius:3px;
		}
		.resmov>form>div{
			overflow:hidden;
		}
		.resmov hr{
			opacity:0.4;
		}
		.resmov input[type="button"]{
			background:#C23;
			color:white;
			border:none;
			margin-right:10%;
			padding:6px 12px 6px 12px;
			border-radius:3px;
			box-shadow:#600 0 -1em 2em -1em inset;
			font-weight:bold;
			float:right;
			cursor:pointer;
		}
		.resmov span{
			color:#666;
			float:left;
			display:inline-block;
			width:90px;
		}
		.resmov strong{
			cursor:pointer;
		}
		#prodno>div,#catalogo>#catano>div{
			background-size:140% auto !important;
		}
		#prodno>div{
			height:5000px;
		}
		.resmov form div[onclick]{
			padding:3px 3px 3px 3px;
			border-radius:3px;
			border:#999 solid 1px;
			margin:0 10% 0 10%;
			line-height:32px;
			font-size:15px;
			box-shadow:#888 0 -20px 20px -20px inset,#F8F8F8 0 20px 20px -20px inset;
		}
		#modal{
			background:url(../imagenes/negro85.png);
		}
		#modal>div{
			margin-top:12px;
			width:96% !important;
		}
		#modal>div>input[type="button"]{
			left:0 !important;
			margin-right:1% !important;
			width:30px;
			height:30px;
			top:-4px;
			font-size:28px;
		}
		#modal .pmi,#modal .pmd,#modal .pms{
			margin:0 auto 0 auto !important;
			width:90%;
			float:none;
			box-shadow:none;
		}
		#modal .pmi{
			padding:12px 12px 12px 12px;
			border-radius:0px;
		}
		
		.pmip{
			display:block;
			margin:24px 0 40px 0;
		}
		.pmip input{
			margin:0 1em 1em 76%;
			display:block;
			width:90%;
			background:#DDD;
			color:#888;
			border:#BBB solid 1px;
			border-radius:4px;
			font-size:14px;
			padding:8px 0 8px 24px;
			text-align:left;
			margin:0 auto 12px auto;
			box-shadow:#666 1px 1px 5px -2px,#CCC 0 -10px 20px -10px inset;
		}
		.pmi>div{
			display:none;
		}
		.pmi>div.pmib{
			display:block !important;
			float:right !important;
			margin-right:18px;
			position:relative;
			top:260px;
		}
		
		#modal .pmr h1{
			display:none;
		}
		#modal .pmr div{
			min-width:48.5%;
			margin-left:1.5%;
		}
		.pmr>div>div> span{
			font-size:12px !important;
		}
		.producto_rand_0 button,.producto_rand_1 button,.producto_rand_2 button,.producto_rand_3 button,.producto_rand_0 input,.producto_rand_1 input,.producto_rand_2 input,.producto_rand_3 input,.control{
			display:none !important;
			margin-top:0px !important;
		}
		.producto_rand_0 button,.producto_rand_1 button,.producto_rand_2 button,.producto_rand_3 button{
			position:relative;
			top:9px !important;
		}
		.control input{
			width:90% !important;
			padding:0 5% 3px 15% !important;
			display:block !important;
			margin:0 auto 3px auto !important;
		}
		.pmi>div>input,.pmib>button{
			//display:block !important;
		}
		.pmi>div>input{
			min-width:160px !important;
			margin-left:40% !important;
		}
		.pmip input[value="Agregar al carrito"]{
			background:#EEE url(../imagenes/carrito_btn.png) no-repeat 5px center !important;
		}
		.pmip input[value="Pedido rápido"]{
			background:#C00 url(../imagenes/rapido_btn_o.png) no-repeat 5px center !important;
			color:white;
			box-shadow:#600 0 -10px 20px -10px inset;
		}
		input[type=checkbox]{
		  /* Double-sized Checkboxes */
		  -ms-transform: scale(1.5); /* IE */
		  -moz-transform: scale(1.5); /* FF */
		  -webkit-transform: scale(1.5); /* Safari and Chrome */
		  -o-transform: scale(1.5); /* Opera */
		  padding: 10px;
		  margin-bottom:9px;
		}
		#noticias small{
			visibility:hidden !important;
		}
		#modal>section{
			margin:1em 12px;
		}
		
		#modal>section h1{
			font-size: 2em;
		}
		#modal>section h2{
			font-size: 1.5em;
		}
		.doscol{
			-webkit-column-count:1;
			-moz-column-count:1;
			column-count:1;
		}
		.doscol>p,#modal>section input{
			font-size: 1em !important;
		}
		#modal>section input.mid{
			width:96% !important;
		}
		#inicio_new>div{
		    width: 30.5%;
		    margin: 5vh 1% !important;
		    min-width: 240px;
		}
		#inicio_new>div>p{
			margin: 1em 10% 2em 10%;
		}
		
		#frm_buscar_muestra>div{
			float: none;
			width: 100%;
		}
		
		#detalle_muestra_content{
			max-height: 85vh;
			overflow: auto;
		}
		#detalle_muestra_data button{
			margin-bottom: 5em;
		}
		#modal>p{
			width: 90%;
			font-size: 1.2em;
		}
		
		#dirpopup{
			margin-top: 0 !important;
		}
		#dirpopup>img{
			float: none;
			width: 100%;
		}
		#dirpopupdiv{
			float: none;
			width: 90%;
			margin: 0 auto;
		}
		#modal>input{
			margin: 0.25em;
			float: none !important;
			margin-left: 80%;
		}
		#dirpopup p{
			float: none !important;
			line-height: 2em;
			width: auto !important;
		}
		
	}