@font-face {
  font-family: 'Material Icons';
  font-style: normal; 
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
       url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
       url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  float:left;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  border:0px solid #fff;
  margin-left:8px;
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.marg_top_10 { margin-top:10px;}
body {
	padding:0px; 
	margin:0; 
	background-color:#fff;
	font-family:Arial, sans-serif
}

.separador {
	clear:both;
}
.margin_top_15 { margin-top:15px;}
.border_separar { border-bottom:1px solid #ddd;}
.separador30 {
	margin-top:30px;
	clear:both;
}
.top_head { 
	width:100%;
	height:30px;
	background-color: #009900;
}
.top_nav { 
	width:100%;
	min-height:90px;
	background-color: #f1f1f1;
}
.cont_1 {
	width:100%;
	max-width:1000px;
	min-height:111px;
	border-top:1px solid #79BB64;
}
.cont_2 {
	width:100%;
	max-width:1000px;
	min-height:111px;
	border-top:1px solid #cee8c5;
}
.cont_3 {
	width:80%;
	max-width:1000px;
	min-height:300px;
	border-top:0px solid #F00;
	padding-bottom:20px;
	margin:0px;
}
.cont_4 {
	width:100%;
	max-width:1000px;
	min-height:300px;
	border-top:1px solid rgba(255,255,255,0);
}
.cont_5 {
	background-color:#35313d;
	width:100%;
	max-width:1000px;
	min-height:300px;
	border-top:1px solid 35313d;
	padding-bottom:10px;
}
.secc_productos_inicio {
	background-color:#fff;
	width:100%;
	padding-bottom:20px;
	border:0px solid #090;
}
.secc_contacto_inicio {
	background-color:#f1f1f1;
	width:100%;
	padding-bottom:20px;
	padding-top:30px;
	background-image:url(../img/bg_contacto.jpg);
}
.secc_3 {
	background-color:#fff;
	width:100%;
	padding-bottom:20px;
}
.texto_head {
	float:right;
	color:#fff;
	font-family:font-family: 'Open Sans', sans-serif;
	margin-top:5px;
	margin-right:15px;
	font-size:12px;
	font-style:italic;
}
.cont_logo {
	background:#;

	width:170px;
	float:left;
	margin-top:40px;
	margin-left:8px;
}
.menu_top {
	display:block;
	float:left;
	height:90px;
	margin-top:-1px;
	margin-left:60px;
	border-left:0px solid #007f00;
	border-right:0px solid #007f00;
}
/*-1--------------------ESTILOS MENU TOP---------------------*/
/*Estilos generales menu*/
nav { text-align:left;}
nav ul {
	list-style:none;
	padding:0;
	margin:0;
}
nav li {
	line-height:6.5rem;
	position:relative;
}
nav a {
	text-decoration:none;
	display:block;
	padding:0 1em;
	color:#008502;
	-webkit-transition:all .3s ease-out;  /* Chrome y Safari */
	-o-transition:all .3s ease-out;  /* Opera */
	-moz-transition:all .3s ease-out;  /* Mozilla Firefox */
	-ms-transition:all .3s ease-out;   /* Internet Explorer */
	transition:all .3s ease-out;  /* W3C */
}
nav a:hover {
	background-color:#008502;
	color:#fff;
}
/*Estilos segundo nivel*/
nav > ul > li {
	float:left;
}

nav > ul {
	background:;
	color:#000;
	display:table;
	width:100%
}

/*Estilos submenus*/
nav li ul {
	position:absolute;
	z-index:5;
}
nav li li {
	line-height:1.5rem;
	background-color:#eee;
	font-size:14px;
	width:300px;
	max-height:0;
	overflow:hidden;
	-webkit-transition:all .3s ease-out;  /* Chrome y Safari */
	-o-transition:all .3s ease-out;  /* Opera */
	-moz-transition:all .3s ease-out;  /* Mozilla Firefox */
	-ms-transition:all .3s ease-out;   /* Internet Explorer */
	transition:all .3s ease-out;  /* W3C */
}
nav li:hover li {
	max-height:100px;
	overflow: visible;
}
nav li a {padding:.5em 1em;} 
/*-2--------------------ESTILOS MENU TOP---------------------*/
.cont_info_ubic_top {
	background-color:#;
	float:left;
	margin-left:30px;
	margin-top:20px;
	min-height:80px;
	max-width:300px; 
	color:#008502;
	border-left:1px dotted #ccc;
}
.texto_tel_info_ubic_top {
	text-align:left;
	font-family:font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:bold;
	margin-top:0px;
	margin-left:10px;
	float:left;
	border:0px solid #fff;
	min-width:210px;
}
.texto_ubic_info_ubic_top {
	text-align:left;
	font-family:font-family: 'Open Sans', sans-serif;
	font-size:10px;
	margin-left:10px;
	background-color:#;
	min-width:210px;
	border:0px solid #fff;
	float:left;
}

.content_slider {
	position: relative; 
	margin: 0 auto; 
	top: 0px; 
	left: 0px; 
	width: 1300px; 
	height: 500px; 
	overflow: hidden; 
	visibility: hidden; 
	border:0px solid #090;
}
.inner_slides {
	cursor: default; 
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 1366px; 
	height: 450px; 
	overflow: hidden; 
	border:0px solid #060;
}
.control_slides_container {
	bottom:16px;right:16px;
}
.control_slides_boton {
	width:16px;
	height:16px;}
.dimensiones_flechas_nav1 {
	top:0px;
	left:12px;
	width:40px;
	height:58px;
}
.dimensiones_flechas_nav2 {
	top:0px;
	right:12px;
	width:40px;
	height:58px;
}
.secc_1 {
	margin:auto;
	width:100%;
	min-height:300px;
	background-color:#FFF;
}
.content_slider_fijo { display:none;}
.titulos {
	font-size:36px;
	color:#009900;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
	font-weight:bold;
	margin-left:15px;
}
.subtitulos {
	font-size:24px;
	color:#093;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
}
footer {
	width:100%;
	min-height:150px;
	background-color:#2A2730;
}
.menu_top_chico { display:none;}
.product_cat_cont {
	display:inline-block;
	vertical-align:top;
	min-height:220px;
	width:100%;
	max-width:31%;
	background-color:#f1f1f1;
	margin:10px;
}
.gallery_item {
	width:100%;
	max-width:31%;
	display:inline-block;
	min-height:220px;
	background-color:#DED5CB;
	vertical-align:top;
	margin:10px;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
}
.gallery_item_null {
	width:100%;
	max-width:31%;
	display:inline-block;
	min-height:220px;
	background-color:#fff;
	vertical-align:top;
	margin:10px;
}
.port_bg_1 { background-image:url(../img/categ01_cuidado_automotriz.jpg);}
.port_bg_2 { background-image:url(../img/categ02_hoteleria_turismo.jpg);}
.port_bg_3 { background-image:url(../img/categ03_centros_escolares.jpg);}
.port_bg_4 { background-image:url(../img/categ04_gimnasios.jpg);}
.port_bg_5 { background-image:url(../img/categ05_oficinas_comercios.jpg);}
.port_bg_6 { background-image:url(../img/categ06_supermecados.jpg);}
.port_bg_7 { background-image:url(../img/categ07_lavanderias.jpg);}
.port_bg_8 { background-image:url(../img/categ08_tortillerias.jpg);}
.port_bg_9 { background-image:url(../img/categ09_construccion_cementera.jpg);}
.port_bg_10 { background-image:url(../img/categ10_maquiladoras.jpg);}
.port_bg_11 { background-image:url(../img/categ11_mantenimiento.jpg);}
.port_bg_12 { background-image:url(../img/categ12_alimentos_bebidas.jpg);}
.mascara_trans_port {
	width:100%;
	max-width:100%;
	height:220px;
	background-color:;
	box-shadow: 0px 0px rgba(229,204,208,0) inset;
	-webkit-transition:all .2s ease-out;  /* Chrome y Safari */
	-o-transition:all .2s ease-out;  /* Opera */
	-moz-transition:all .2s ease-out;  /* Mozilla Firefox */
	-ms-transition:all .2s ease-out;   /* Internet Explorer */
	transition:all .2s ease-out;  /* W3C */
	border-top:1px solid rgba(255,255,255,0.8);
}
.mascara_trans_port:hover {
	box-shadow: 0px 220px rgba(0,153,0,0.8) inset;
}
.portafolio_titulo {
	float:left;
	margin-left:20px;
	font-size:20px;
	font-family:font-family: 'Open Sans', sans-serif;
	margin-top:24px;
	max-width:250px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	border:0px solid #fff;
	line-height:1;
	padding:10px;
}
/*-1--------------------ESTILO FORMULARIO MATERIAL DESIGN Y MAPA---------------------*/
.cont_form_contacto {
	width:100%;
	max-width:420px;
	min-height:420px;
	display:inline-block;
	vertical-align:top;
	border:0px solid #ddd;
	border-radius:3px;
	margin:20px 10px 20px 10px;
	padding:15px 15px 15px 15px;
	background-color:#fff;
	box-shadow:2px 2px 3px #777;
	text-align:left;
}
.cont_mapa_contacto {
	width:100%;
	max-width:460px;
	height:450px;
	display:inline-block;
	vertical-align:top;
	border:0px solid #ddd;
	border-radius:3px;
	margin:20px 10px 20px 10px;
	background-color:#fff;
	box-shadow:2px 2px 3px #777;
}
.texto_form {
float:left;
font-size:16px;
color:#666;
font-family:Arial, Helvetica, sans-serif;
margin-top:10px;
}
.estilo_texto_campo {width:100%; margin-top:0px; border:none; border-bottom:1px solid #060; background-color:#fff; color:#666; padding:3px;}
.estilo_texto_area {height:120px; width:100%; border:1px solid #ddd; background-color:#fff; color:#666; padding:3px;}
.texto_form_direccion {
float:left;
font-size:14px;
color:#666;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin-top:20px;
}

.form_cont {
	width:450px;
	min-height:400px;
	background-color:#fff;}
form {padding:1.2em;}
.grupo {
	position:relative;
	margin-bottom:.8em;
	width:90%;
	}
label {
	color:#A5A5A5;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	position:absolute;
	pointer-events:none;
	top:10px; 
	-webkit-transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -o-transition:0.2 s ease all;
    -ms-transition: 0.2s ease all;
    transition:0.2s ease all;
}
input {
	color:#54657A;
	font-size:14px;
	padding:8px 0px 8px 0px;
	display:block;
	outline:none;
	border:none;
	width:100%;
	max-width:400px;
	border-bottom:1px solid #A5A5A5;
}
.campoinput { height:18px;}
/*ANIMACION BARRA*/
.barra {
	position:relative;
	display:block;
	width:400px;
}
.barra:before, .barra:after {
	content:"";
	height:2px;
	width:0px;
	position:absolute;
	background:#096;
	-webkit-transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -o-transition:0.2 s ease all;
    -ms-transition: 0.2s ease all;
    transition:0.2s ease all;
	bottom:-1px;
}
.barra:before {left:50%;}
.barra:after {right:50%;}
/*VALIDACION INPUT*/
input:valid {border-bottom:0px solid #afd1af;}
input:valid ~ .barra:before,
input:valid ~ .barra:after{background-color:#9CC !important;}
input:focus ~ label,
input.used ~ label {top:-8px;font-size:12px;color:#096;}
input:valid ~ label,
input:valid.used ~ label {color:#096;}
imput:focus ~ .barra:before,
imput:focus ~ .barra:after {width:50%;}
textarea {
	color:#54657A;
	font-size:14px;
	padding:8px 0px 8px 0px;
	display:block;
	outline:none;
	border:none;
	width:400px;
	height:50px;
	border-bottom:1px solid #A5A5A5;
}
textarea:valid {border-bottom:1px solid #afd1af;}
textarea:valid ~ .barra:before,
textarea:valid ~ .barra:after{background-color:#9CC !important;}
textarea:focus ~ label,
textarea.used ~ label {top:-8px;font-size:12px;color:#096;}
textarea:valid ~ label,
textarea:valid.used ~ label {color:#096;}
textarea:focus ~ .barra:before,
textarea:focus ~ .barra:after {width:50%;}
.boton_enviar_mensaje {
	margin-top:15px;
	-moz-box-shadow: 0px 10px 14px -7px #f7c5c0;
	-webkit-box-shadow: 0px 10px 14px -7px #f7c5c0;
	box-shadow: 0px 10px 14px -7px #f7c5c0;
	background-color:#fc8d83;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:12px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.boton_enviar_mensaje:hover {
	background-color:#e4685d;
}
.boton_enviar_mensaje:active {
	position:relative;
	top:1px;
}
.cont_info_footer {
	background-color:#;
	float:left;
	margin-left:30px;
	margin-top:20px;
	min-height:80px;
	max-width:300px; 
	color:#fff;
	border-left:0px dotted #79BB64;
}
.footer_titulos {
	text-align:left;
	max-width:300px;
	min-height:20px;
	color:#fff;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
}
.footer_texto {
	text-decoration:none;
	max-width:300px;
	min-height:20px;
	color:#fff !important;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
}
.no_decoration { text-decoration:none !important;}
.textomail_footer {margin-top:10px;}
/*-2--------------------ESTILO FORMULARIO MATERIAL DESIGN---------------------*/
.img_top_seccion_cat {
	width:100%;
	max-width:1000px;
	min-height:200px;
	background-color: #fff;
}
.titulos_secciones {
	font-size:30px;
	color:#79BB64;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
	margin:20px 5px 5px 20px;
	font-weight:bold;
}
.cont_un_producto {
	width:100%;
	max-width:450px;
	border-bottom:1px dotted #79BB64;
	min-height:140px;
	display:inline-block;
	vertical-align:top;
	margin:15px 15px 15px 15px;
	padding-bottom:0px;
}
.cont_un_producto_flotador {
	width:100%;
	max-width:450px;
	border:0px solid #ccc;
	min-height:50px;
	display:inline-block;
	margin:25px 15px 15px 15px;
	vertical-align:top;
	padding-bottom:0px;
}
.imagen_un_producto {
	width:120px;
	height:120px;
	background-color:#f1f1f1;
	float:left;
}
.cont_text_un_producto_seccs {
	width:60%;
	min-height:50px;
	float:left;
	margin-left:15px;
	padding-bottom:5px;
}
.nombre_un_producto_seccs {
	width:100%;
	min-height:30px;
	color:#009900;
	float:left;
	font-size:24px;
	text-align:left;
	border-right:0px solid #ccc;	
}
.descrip_un_producto_seccs {
	width:100%;
	min-height:50px;
	color:#555;
	float:left;
	font-size:12px;
	text-align:left;
	margin-top:15px;
	border-bottom:0px solid #F00;	
}
.img_top_seccion_cat_min { display:none;}
.parrafo_empresa { 
	width:100%;
	max-width:600px;
	min-height:50px;
	background-color:#;
	font-family: 'Open Sans', sans-serif;
	color:#666;
	text-align:justify;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	}

.recuadro_empresa {
	width:100%;
	max-width:300px;
	min-height:50px;
	background-color:#f44949;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	margin-left:30px;
	display:inline-block;
	vertical-align:top;
	}
.recuadro_empresa_texto {
	margin:30px auto;
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	max-width:250px;
	color:#fff;
	}
.cont_info_ubic_topMed { display:none;}
.cont_info_ubic_footer { color:#fff; margin-top:10px;}
.texto_tel_info_ubic_footer { margin-left:10px; float:left; color:#fff; font-size:18px;}
.texto_ubic_info_ubic_footer {  margin-left:10px; float:left; color:#fff; font-size:14px;}
.cont_enviado { 
	background-color:#fff;
	border-top:1px solid #F1F1F1;
	color:#009900;
	width:100%;
	min-height:400px;
	background-image:url(../img/bg_contacto_dos.jpg);
}
.cont_img_enviado {
	width:120px;
	height:90px;
	background-color:#;
	margin-top:90px;
}
.certs_logos {
	margin-top:20px;
	margin-left:20px;
	}
/*.texto_ubic_info_ubic_topMed {display:none;}
.texto_tel_info_ubic_topMed {display:none;}*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ---(1)--- MEDIA 800-1000 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
@media (min-width: 800px) and (max-width: 1000px) {
.menu_top {
	float:left;
	height:120px;
	margin-top:-1px;
	margin-left:30px;
	border-left:0px solid #007f00;
	border-right:0px solid #007f00;
}
.top_nav { 
	width:100%;
	height:120px;
	background-color: #eee;
}	
/*-1--------------------ESTILOS MENU TOP---------------------*/
/*Estilos generales menu*/
nav { text-align:left;}
nav ul {
	list-style:none;
	padding:0;
	margin:0;
}
nav li {
	line-height:6.5rem;
	position:relative;
}
nav a {
	text-decoration:none;
	display:block;
	padding:0 1em;
	color:#008502;
	-webkit-transition:all .3s ease-out;  /* Chrome y Safari */
	-o-transition:all .3s ease-out;  /* Opera */
	-moz-transition:all .3s ease-out;  /* Mozilla Firefox */
	-ms-transition:all .3s ease-out;   /* Internet Explorer */
	transition:all .3s ease-out;  /* W3C */
}
nav a:hover {
	background-color:#008502;
	color:#fff;
}
/*Estilos segundo nivel*/
nav > ul > li {
	float:left;
	font-size:14px;
}
nav > ul {
	background:#;
	display:table;
	width:100%
}

/*Estilos submenus*/
nav li ul {
	position:absolute;
	z-index:5;
}
nav li li {
	line-height:1.5rem;
	background-color:#eee;
	font-size:14px;
	width:300px;
	max-height:0;
	overflow:hidden;
	-webkit-transition:all .3s ease-out;  /* Chrome y Safari */
	-o-transition:all .3s ease-out;  /* Opera */
	-moz-transition:all .3s ease-out;  /* Mozilla Firefox */
	-ms-transition:all .3s ease-out;   /* Internet Explorer */
	transition:all .3s ease-out;  /* W3C */
}
nav li:hover li {
	max-height:100px;
	overflow: visible;
}
nav li a {padding:.5em .5em;} 
nav > li > li {padding:.5em 1em;}
/*-2--------------------ESTILOS MENU TOP---------------------*/	
.cont_info_ubic_top { display:none;}
.texto_ubic_info_ubic_top { display:none;}
.texto_tel_info_ubic_top {display:none;}

.cont_info_ubic_topMed { 
	display:block; 
	width:215px; 
	float:left; 
	color:#008502;
	text-align:left;
	margin-top:20px;
	margin-left:10px;
	border-left:1px dotted #79BB64;
	}
.texto_tel_info_ubic_topMed {
	width:170px; 
	float:left;
	margin-left:10px;
	font-size:16px;
	font-weight:bold;
	}
.texto_ubic_info_ubic_topMed {
	width:170px; 
	float:left; 
	margin-left:10px;
	font-size:9px;
	}
.menu_top_chico { display:none;}
.portafolio_titulo {
	float:left;
	margin-left:20px;
	font-size:20px;
	font-family:font-family: 'Open Sans', sans-serif;
	margin-top:24px;
	max-width:250px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	border:0px solid #fff;
	line-height:1;
	padding:10px;
	text-shadow:2px 2px 4px #333;
}
.content_slider_fijo { display:none;}
.img_top_seccion_cat_min { display:none;}
.parrafo_empresa { 
	width:100%;
	max-width:500px;
	min-height:50px;
	background-color:;
	font-family: 'Open Sans', sans-serif;
	color:#666;
	text-align:justify;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	}
.recuadro_empresa {
	width:100%;
	max-width:250px;
	min-height:50px;
	background-color:#f44949;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	margin-left:30px;
	display:inline-block;
	vertical-align:top;
	}
.recuadro_empresa_texto {
	margin:30px auto;
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	max-width:250px;
	color:#fff;
	}
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ---(2)--- MEDIA 510-799 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
@media (min-width: 510px) and (max-width: 799px) { 
.menu_top {
		display:none;
}
.cont_info_ubic_top { display:none;}
.texto_ubic_info_ubic_top { display:none;}
.texto_tel_info_ubic_top { display:none;}
.cont_info_ubic_topMed { 
	display:block; 
	width:215px; 
	float:left; 
	color:#008502;
	text-align:left;
	margin-top:20px;
	margin-left:10px;
	border-left:1px dotted #79BB64;
	}
.texto_tel_info_ubic_topMed {
	width:170px; 
	float:left;
	margin-left:10px;
	font-size:16px;
	font-weight:bold;
	}
.texto_ubic_info_ubic_topMed {
	width:170px; 
	float:left; 
	margin-left:10px;
	font-size:9px;
	}
.menu_top_chico {
	display:block;
	height:50px; 
	background-color:#060; 
	width:100%;
	margin-top:10px;
	white-space: nowrap;
}
.boton_top_chico {
	background-color:#006600;
	display:inline-block;
	height:50px;
	width:19%;
	white-space: nowrap;
	vertical-align:top;
	text-align:center;
	color:#FFF;
}
.boton_top_chico:hover {
	display:inline-block;
	height:50px;
	width:19%;
	white-space: nowrap;
	vertical-align:top;
	text-align:center;
	color:#FFF;
	background-color:#005500;
}
.boton_top_chico_texto {
	margin-top:15px;
}
.gallery_item {
	width:100%;
	max-width:40%;
	display:inline-block;
	min-height:220px;
	background-color:#DED5CB;
	vertical-align:top;
	margin:10px;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
}
.gallery_item_null {
	width:100%;
	max-width:40%;
	display:inline-block;
	min-height:220px;
	background-color:#fff;
	vertical-align:top;
	margin:10px;
}
.portafolio_titulo {
	float:left;
	margin-left:20px;
	font-size:18px;
	font-family:font-family: 'Open Sans', sans-serif;
	margin-top:20px;
	max-width:200px;
	font-weight:bold;
	text-align:left;
	color:#fff;
}
.content_slider_fijo { display:none;}
.img_top_seccion_cat_min { display:none;}
.parrafo_empresa { 
	width:90%;
	max-width: none;
	min-height:50px;
	background-color:#;
	font-family: 'Open Sans', sans-serif;
	color:#666;
	text-align:justify;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	}
.recuadro_empresa {
	width:100%;
	max-width: none;
	min-height:50px;
	background-color:#f44949;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	margin-left:0px;
	display:inline-block;
	vertical-align:top;
	}
.recuadro_empresa_texto {
	margin:30px auto;
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	max-width: none;
	width:90%;
	color:#fff;
	}

}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ---(3)--- MEDIA 1-509 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
@media (min-width: 1px) and (max-width: 509px) {
.content_slider { display:none;}
.img_top_seccion_cat { display:none;}
.img_top_seccion_cat_min { 
	display: block;
	width:100%;
	}
.content_slider_fijo { 
	display:block;
	width:100%;
	min-height:200px;
	background-color:#fff;}
.top_head { 
	width:100%;
	height:50px;
	background-color: #79BB64;
}
.texto_head {
	color:#fff;
	font-family:font-family: 'Open Sans', sans-serif;
	margin:10px;
	font-size:10px;
	font-style:italic;
}
.cont_logo {
	background:;
	height:80px;
	width:130px;
	float:left;
	margin-top:45px;
	margin-left:15px;
}
.menu_top {
		display:none;
}
.menu_top_chico {
	display:block;
	height:50px; 
	background-color:#060; 
	width:100%;
	margin-top:10px;
	white-space: nowrap;
}
.cont_info_ubic_top {display:none;}
.texto_ubic_info_ubic_top {display:none;}
.texto_tel_info_ubic_top {display:none;}
.cont_info_ubic_topMed { 
	display:block; 
	width:215px; 
	float:left; 
	color:#008502;
	text-align:left;
	margin-top:20px;
	margin-left:10px;
	border-left:1px dotted #79BB64;
	}
.texto_tel_info_ubic_topMed {
	width:170px; 
	float:left;
	margin-left:10px;
	font-size:16px;
	font-weight:bold;
	}
.texto_ubic_info_ubic_topMed {
	width:170px; 
	float:left; 
	margin-left:10px;
	font-size:9px;
	}
.boton_top_chico {
	background-color:#006600;
	display:inline-block;
	height:50px;
	width:19%;
	white-space: nowrap;
	vertical-align:top;
	text-align:center;
	color:#FFF;
}
.boton_top_chico:hover {
	display:inline-block;
	height:50px;
	width:19%;
	white-space: nowrap;
	vertical-align:top;
	text-align:center;
	color:#FFF;
	background-color:#005500;
}
.boton_top_chico_texto {
	margin-top:15px;
	font-size:12px;
}
.titulos {
	font-size:24px;
	color:#009900;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
	font-weight:bold;
	margin-left:15px;
}

.gallery_item {
	width:95%;
	max-width:500px;
	display:block;
	min-height:220px;
	margin:10px;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
}
.gallery_item_null {
	width:100%;
	max-width:500px;
	display:block;
	min-height:220px;
	margin:10px;
	background-color:#fff;
	display:none;
}
.port_bg_1 { background-image:url(../img/categ01_cuidado_automotriz.jpg);}
.port_bg_2 { background-image:url(../img/categ02_hoteleria_turismo.jpg);}
.port_bg_3 { background-image:url(../img/categ03_centros_escolares.jpg);}
.port_bg_4 { background-image:url(../img/categ04_gimnasios.jpg);}
.port_bg_5 { background-image:url(../img/categ05_oficinas_comercios.jpg);}
.port_bg_6 { background-image:url(../img/categ06_supermecados.jpg);}
.port_bg_7 { background-image:url(../img/categ07_lavanderias.jpg);}
.port_bg_8 { background-image:url(../img/categ08_tortillerias.jpg);}
.port_bg_9 { background-image:url(../img/categ09_construccion_cementera.jpg);}
.port_bg_10 { background-image:url(../img/categ10_maquiladoras.jpg);}
.port_bg_11 { background-image:url(../img/categ11_mantenimiento.jpg);}
.mascara_trans_port {
	width:100%;
	max-width:100%;
	height:220px;
	background-color:;
	box-shadow: 0px 0px rgba(229,204,208,0) inset;
	-webkit-transition:all .2s ease-out;  /* Chrome y Safari */
	-o-transition:all .2s ease-out;  /* Opera */
	-moz-transition:all .2s ease-out;  /* Mozilla Firefox */
	-ms-transition:all .2s ease-out;   /* Internet Explorer */
	transition:all .2s ease-out;  /* W3C */
	border-top:1px solid rgba(255,255,255,0.8);
}
.mascara_trans_port:hover {
	box-shadow: 0px 220px rgba(0,153,0,0.8) inset;
}

.portafolio_titulo {
	float:left;
	margin-left:20px;
	font-size:24px;
	font-family:font-family: 'Open Sans', sans-serif;
	margin-top:20px;
	max-width:200px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	text-shadow:2px 2px 4px #333;
}
.cont_form_contacto {
	width:80%;
	/*max-width:420px;*/
	height:420px;
	display:inline-block;
	vertical-align:top;
	border:1px solid #ddd;
	border-radius:3px;
	margin:20px 10px 20px 10px;
	background-color:#fff;
	box-shadow:2px 2px 3px #777;
	text-align:left;
}
form { padding:0px;}
.cont_mapa_contacto {
	width:90%;
	max-width:460px;
	height:250px;
	display:inline-block;
	vertical-align:top;
	border:0px solid #ddd;
	border-radius:3px;
	margin:20px 10px 20px 10px;
	background-color:#fff;
	box-shadow:2px 2px 3px #777;
}
.grupo {
	position:relative;
	margin-bottom:.8em;
	width:100%;
	border:0px solid #900;
	}
textarea { width:100%;}
.cont_un_producto {
	width:90%;
	border-bottom:1px dotted #79BB64;
	background-color:#fff;
	min-height:180px;
	display:inline-block;
	vertical-align:top;
	margin:15px 1px 15px 1px;
	padding-bottom:20px;
}
.titulos_secciones {
	width:80%;
	font-size:24px;
	color:#79BB64;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
	margin:20px 5px 5px 0px;
	font-weight:bold;
	border:0px solid #ccc;
}
.cont_text_un_producto_seccs {
	width:90%;
	min-height:50px;
	float:left;
	margin-left:10px;
	padding-bottom:5px;
	border:0px solid #F00;
}
.nombre_un_producto_seccs {
	width:90%;
	min-height:30px;
	color:#009900;
	float:left;
	font-size:22px;
	text-align:left;
	margin-top:15px;
	border-right:0px solid #ccc;	
}
.descrip_un_producto_seccs {
	width:90%;
	min-height:50px;
	color:#555;
	float:left;
	font-size:16px;
	text-align:left;
	margin-top:15px;
	border-bottom:0px solid #F00;	
}
.parrafo_empresa { 
	width:90%;
	max-width: none;
	min-height:50px;
	background-color:#;
	font-family: 'Open Sans', sans-serif;
	color:#666;
	text-align:justify;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	}
.recuadro_empresa {
	width:100%;
	max-width: none;
	min-height:50px;
	background-color:#f44949;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	margin-left:0px;
	display:inline-block;
	vertical-align:top;
	}
.recuadro_empresa_texto {
	margin:30px auto;
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	max-width: none;
	width:90%;
	color:#fff;
	}
.barra {
	position:relative;
	display:block;
	width:100%;
}
.barra:before, .barra:after {
	content:"";
	height:2px;
	width:0px;
	position:absolute;
	background:#096;
	-webkit-transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -o-transition:0.2 s ease all;
    -ms-transition: 0.2s ease all;
    transition:0.2s ease all;
	bottom:-1px;
}
.barra:before {left:50%;}
.barra:after {right:50%;}
/*VALIDACION INPUT*/
input:valid {border-bottom:0px solid #afd1af;}
input:valid ~ .barra:before,
input:valid ~ .barra:after{background-color:#9CC !important;}
input:focus ~ label,
input.used ~ label {top:-8px;font-size:12px;color:#096;}
input:valid ~ label,
input:valid.used ~ label {color:#096;}
imput:focus ~ .barra:before,
imput:focus ~ .barra:after {width:50%;}
}