*{font-family: 'Montserrat', sans-serif; outline:none!important;-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;}
body{color:#959595; font-size:14px; background:url(../images/body-bg-1.jpg) repeat top left;}
::selection{background:#81be27;color:white;}
::-moz-selection {background:#81be27;color:white;}

h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;}
h2{color:#81be27; font-size:17px; font-weight:bold;}
ul{list-style:url(../images/list-style.png)}
iframe{border:none!important;}
.btn-segurvial{display:inline-block; color:#FFF; padding:10px 15px; margin:0; background:#81be27;box-shadow:1px 3px 0 #618721;border:none; border-radius:5px; cursor:pointer; font-weight:bold;}
.btn-segurvial:hover{background:#618721;box-shadow:1px 3px 0 #506b1c; text-decoration:none!important;color:#FFF;}
.btn-ver-mas{font-size:15px; font-weight:bold; background:url(../images/icon-ver-mas-btn.png) no-repeat right center; padding: 0 20px 0 0;}
.margin-cero{margin:0!important;}
.text-align-center{text-align:center;}
.text-align-left{text-align:left;}
.text-align-right{text-align:right;}
.float-left{float:left;}
.float-right{float:right;}
.column-1{width:10%;}
.column-2{width:20%;}
.column-3{width:30%;}
.column-4{width:40%;}
.column-5{width:50%;}
.column-6{width:60%;}
.column-7{width:70%;}
.column-8{width:80%;}
.column-9{width:90%;}
.column-10{width:100%;}


/* Header Superior */
.header-sup{float:left; width:100%; background:#1a1a1a; color:#FFF; padding:10px 0;}
	.header-sup-a{float:left; width:50%; margin:10px 0 0;}
		.header-sup-a .dir-sup p{margin:0; padding:0; text-align:left;}
			.header-sup-a .dir-sup p a{color:#FFF; text-decoration:none; font-size:13px; font-weight:bold; margin:0 10px 0 0;}
			.header-sup-a .dir-sup p a:hover{color:#81be27;}
			.header-sup-a .dir-sup p a span{color:#81be27; margin:0 5px 0 0;}
	
	.header-sup-b{float:right; width:48%;}
		.header-sup-b ul{list-style:none; margin:0; padding:0;}
			.header-sup-b ul li{float:left;}
		
		/* menu */
		.header-sup-b .menu-secundario li a{background:#194d81; color:#FFF; font-weight:bold; padding:10px; border-radius:5px; margin:0 5px 0 0;}
		.header-sup-b .menu-secundario li a:hover{background:#81be27;}
		.header-sup-b .menu-secundario li:nth-child(4) a{margin:0 10px 0 0;}
		/*redes sociales*/
		.header-sup-b .sm-sup{margin:0 0 0 10px;}
			.header-sup-b .sm-sup li a{background:#81be27;color:#FFF; padding:7px; border-radius:50%; font-size:22px; box-shadow:1px 3px 0 #618721; margin:0 5px 0 0; display:inline-block;}
			.header-sup-b .sm-sup li a:hover{background:#618721;box-shadow:1px 3px 0 #506b1c; text-decoration:none;}
		
/* Header */
header{float:left; width:100%; /*background:#194d81;*/ padding:10px 0 0;}
	.header .container{padding:0; margin:0 auto;}
	
	/* logo segurvial */
	header .logo-segurvial{float:left; width:23%;}
	/* menu principal */
	header .menu-segurvial{float:right; width:75%;}
		header .menu-segurvial ul li{background:url(../images/bg-separador-menu.png) no-repeat right center;}
	
	
/* Footer */
footer{float:left; width:100%; background:url(../images/footer-bg-logo.png) no-repeat center top 35px #1c6193; padding:55px 0 70px; margin:40px 0 0;}
	.footer-box-a, .footer-box{float:left;}
	.footer-box-a .footer-box-a{width:auto; float:none;}
		/* nosotros */
		.footer-sobre-nosotros{margin:0 5% 0 0; width:25%;}
			.footer-sobre-nosotros ul{list-style:none; margin:20px 0 0; padding:0;}
			.footer-sobre-nosotros ul li{float:left;}
			.footer-sobre-nosotros ul li a{background:#81be27;color:#FFF; padding:7px; border-radius:50%; font-size:22px; box-shadow:1px 3px 0 #618721; margin:0 5px 0 0; display:inline-block;}
			.footer-sobre-nosotros ul li a:hover{background:#618721;box-shadow:1px 3px 0 #506b1c; text-decoration:none;}
		/* servicios */
		.footer-servicios{width:20%;}
			.footer-servicios ul{list-style:url(../images/footer-icon-list.png); margin:0 0 0 15px;}
			.footer-servicios ul li a{color:#FFF;margin:0 0 5px;}
			.footer-servicios ul li a:hover{background:none; text-decoration:underline;}
		/* noticias */
		.footer-noticias{width:25%;}
			.footer-noticias ul{list-style:url(../images/footer-icon-list.png); margin:0 0 0 15px;}
			.footer-noticias ul li a{color:#FFF;margin:0 0 5px;}
			.footer-noticias ul li a:hover{background:none; text-decoration:underline;}
		/* contactenos */
		.footer-contactenos{width:25%;}
			.footer-contactenos a{color:#FFF;}
			.footer-contactenos a:hover{text-decoration:underline;}
		
		.footer-box-a h3, .footer-box h3{color:#FFF; font-size:25px; font-weight:bold; margin:0 0 20px; padding:0; letter-spacing:-1px;}
		.footer-box-a p, .footer-box p{color:#FFF; text-align:left;}
		
/* Copy */
.box-copy{float:left; width:100%; background:url(../images/copy-bg.jpg)no-repeat center top #1c6193; padding:21px 0;}
	.box-a-copy{float:left; width:50%;}
	.box-b-copy{float:right; width:50%;}
		.box-a-copy p{color:#FFF; text-align:left;}
		.box-b-copy p{color:#FFF; text-align:right;}

/* Nesletter */
.newsletter-box{float:left; width:90%; background:#FFF; padding:30px 5%; box-shadow:0 4px 0 rgba(0, 0, 0, 0.1); margin:30px 0 10px;}
	.newsletter-left-txt{float:left; width:30%; background:url(../images/icon-newsletter.png) no-repeat left center; padding:0 0 0 10%;}
		.newsletter-left-txt h2{color:#194d81; font-size:25px; letter-spacing:-1px;}
	
	.newsletter-box-form-box{float:right; width:55%; margin:25px 0 0;}
	.newsletter-box-form{float:left; width:100%;}
		.newsletter-box-form input[type="text"]{border:none; box-shadow:none;border-radius:0; border-bottom:1px solid #e2e2e2; font-size:16px; padding:2.5% 1%;float:left; width:32%;}
		.newsletter-box-form input[type="text"]:nth-child(1){border-right:1px solid #e2e2e2;}
		.newsletter-box-form input[type="submit"]{font-size:16px;float:left;}
	
/* ----------------------------------------------- */
				/* INICIO */ 
/* ----------------------------------------------- */
/* cuadro verde */
.cuadro-green{color:#FFF; background:url(../images/cuad-home-green.png) right center no-repeat #81be27; padding:25px 5% 20px; float:left; width:90%; margin:10px 0 40px;}
	.cuadro-green p{text-align:center;}
	
/* servicios segurvial */
.mod-servicios-segurvial-home h3{text-align:center; font-size:35px; color:#afafaf; letter-spacing:-1px; background:url(../images/bg-tit.png) no-repeat center bottom; padding:0 0 35px; margin:0 0 20px;}

/* últimas noticias */
.ultimas-noticias{float:left; width:100%; margin:50px 0 0;}
	.ultimas-noticias h3{text-align:center; font-size:35px; color:#afafaf; letter-spacing:-1px; background:url(../images/bg-tit.png) no-repeat center bottom; padding:0 0 35px; margin:0 0 20px;}

/* ----------------------------------------------- */
			/* NOSOTROS */ 
/* ----------------------------------------------- */
.itemid-117 .page-header:before{background-image:url(../../../images/nosotros/bg.jpg);}
.nosotros-col-left-sup{width:29%;}
.nosotros-col-right-sup{width:68%; margin:0 0 50px;}

.nosostros-col3{width:100%;}
	.nosostros-col3 div{width:32%;float:left;}
	.nosostros-col3 div:nth-child(2){margin:0 2%;}
	.nosostros-col3 div p:nth-child(1){padding:0 0 8px; border-bottom:2px solid rgba(0,0,0,.2);margin:0 0 20px;}
	.nosostros-col3 div h2, .valores-corp h2, .nuestro-mer-exper h2{color:#194d81;font-size:25px; font-weight:bold; letter-spacing:-1px; margin:0 0 20px;}
	.nosostros-col3 div ul{list-style:url(../images/list-style.png);}
	
.valores-corp{list-style:none;margin:30px 0 15px; padding:0;}
	.valores-corp li{float:left; width:15.5%; margin:0 1% 0 0; text-align:center;border-bottom:1px solid #d7251d;}
	.valores-corp li:nth-child(7){margin:0;}
	.valores-corp li p{border-radius:5px; background:#d7251d; text-align:center; padding:30px 5px;}
	.valores-corp li h3{color:#262626; font-size:20px;}

/* ----------------------------------------------- */
		/* NUESTRO MERCADO */ 
/* ----------------------------------------------- */
.itemid-111 .page-header:before{background-image:url(../../../images/nosotros/bg.jpg);}
.nuestro-mercado-col{width:49%;}
	.nuestro-mercado-col p:nth-child(1){padding:0 0 8px; border-bottom:2px solid rgba(0,0,0,.2);margin:0 0 20px;}
	.nuestro-mercado-col h2{color:#194d81;font-size:25px; font-weight:bold; letter-spacing:-1px; margin:0 0 20px;}
.nuestro-mer-exper{width:100%; margin:30px 0 0;}
	.nuestro-mer-exper ul{list-style:none; margin:0; width:100%; padding:0;}
		.nuestro-mer-exper ul li{width:23%;float:left; margin:0 2% 20px 0;}
		.nuestro-mer-exper ul li h3{color:#81be27; font-size:14px;}
		.nuestro-mer-exper ul li p:nth-child(1){border:1px solid #e2e2e2;}
		.nuestro-mer-exper ul li p{text-align:left;}
.banner-nuestra-exp{margin:0 0 30px;}

/* ----------------------------------------------- */
		/* SEGURIDAD VIAL */ 
/* ----------------------------------------------- */
.itemid-112 .page-header:before, 
.itemid-125 .page-header:before, 
.itemid-126 .page-header:before,
.itemid-127 .page-header:before,
.itemid-128 .page-header:before,
.itemid-129 .page-header:before, 
.itemid-130 .page-header:before, 
.itemid-131 .page-header:before, 
.itemid-132 .page-header:before, 
.itemid-133 .page-header:before, 
.itemid-134 .page-header:before
{background-image:url(../../../images/seguridad-vial/bg.jpg);}

/* seguridad vial */
.seguridad-vial{list-style:none; margin:0; padding:0;}
	.seguridad-vial li{float:left; width:23%; margin:0 1% 2%; background:#FFF; height:460px; box-shadow:0 4px 0 rgba(0, 0, 0, 0.1);}
	.seguridad-vial li h2 {margin:5px 7% 10px; padding:0;line-height:19px;float:left; width:86%; height:75px;}
		.seguridad-vial li h2 a{font-size:17px; line-height:19px; letter-spacing:-.5px;display: table-cell;vertical-align: middle; height:75px;}
	.seguridad-vial li p.txt{margin:0 7% 0; text-align:left;float:left; width:86%; height:100px;}
	.seguridad-vial li .btn-ver-mas{margin:0 7% 0; float:left; width:60%;}
	.contact-list{background:#f2f2f2!important; border:1px solid #d2d2d2;width:22.5%!important;}
		.contact-list h1{font-size:25px; margin:150px 7% 15px; line-height:24px;}
		.contact-list a.btn-segurvial{margin:0 7%;}
		
/* educacion vial */
.educacion-vial-section{list-style:none; margin:0; padding:0;float:left; width:100%;}
	.educacion-vial-section li{float:left; width:31%; height:530px;margin:0 1% 0; background:#FFF; box-shadow:0 4px 0 rgba(0, 0, 0, 0.1);}
		.educacion-vial-section li h2 {margin:5px 7% 10px; padding:0;line-height:19px;float:left; width:86%;}
			.educacion-vial-section li h2 a{font-size:17px; line-height:19px; letter-spacing:-.5px;display: table-cell;vertical-align: middle;}
		.educacion-vial-section li p.txt{margin:0 7% 0; text-align:left;float:left; width:86%; height:245px;}
		.educacion-vial-section li .btn-ver-mas{margin:0 7% 0; float:left; width:45%;}

	/* capacitacion */
	.capacitacion-box-a{width:100%; margin:20px 0 0;}
		.capacitacion-box-a div:nth-child(1){width:49%;float:left;}
		.capacitacion-box-a div:nth-child(2){width:49%;float:right;}
			.capacitacion-box-a h2{color:#81be27; font-size:17px; font-weight:bold; margin:0 0 10px; padding:0;float:left; width:60%; line-height:20px;}
			.capacitacion-box-a ul{list-style:url(../images/list-style.png);float:left; width:60%;}
	.acordion-capacitacion{margin:20px 0 0;}
		.acordion-capacitacion h2{color:#81be27; font-size:17px; font-weight:bold; margin:0 0 10px; padding:0;}
	
	/* campañas educativas */
	.camp-educa-box{width:49%; margin:20px 0 0;}
	
	/* material pedagogico */
	.material-pedago-left{width:63%;}
	.material-pedago-right{width:35%;}

/* pesv */
.pesv-left{width:31%;}
.pesv-right{width:65%;}

/* planes municipales de seguridad vial */
.planes-munici-seguri-vial-left{width:31%;}
.planes-munici-seguri-vial-right{width:65%;}

/* auditoria*/
.auditoria-seg-vi-left{width:63%;}
.auditoria-seg-vi-right{width:35%;}

/* levantamiento de mapas */
.levantamientos-de-mapas-left{width:58%;}
.levantamientos-de-mapas-right{width:40%;}

/* planes de manejo de obras */
.planes-manejo-transito-obras-left{width:58%;}
.planes-manejo-transito-obras-right{width:40%;}

/* parques tematicos */
.parques-tematicos-left{width:58%;}
.parques-tematicos-right{width:40%;}


/* ----------------------------------------------- */
		/* MOVILIDAD */ 
/* ----------------------------------------------- */
.itemid-113 .page-header:before, 
.itemid-135 .page-header:before, 
.itemid-136 .page-header:before, 
.itemid-137 .page-header:before, 
.itemid-138 .page-header:before, 
.itemid-139 .page-header:before, 
.itemid-140 .page-header:before
{background-image:url(../../../images/movilidad/bg.jpg);}

/* movilidad */
.movilidad{list-style:none; margin:0; padding:0;}
	.movilidad li{float:left; width:23%; margin:0 1% 2%; background:#FFF; height:460px; box-shadow:0 4px 0 rgba(0, 0, 0, 0.1);}
	.movilidad li h2 {margin:5px 7% 10px; padding:0;line-height:19px;float:left; width:86%; height:75px;}
		.movilidad li h2 a{font-size:17px; line-height:19px; letter-spacing:-.5px;display: table-cell;vertical-align: middle; height:75px;}
	.movilidad li p.txt{margin:0 7% 0; text-align:left;float:left; width:86%; height:100px;}
	.movilidad li .btn-ver-mas{margin:0 7% 0; float:left; width:60%;}
	.contact-list{background:#f2f2f2!important; border:1px solid #d2d2d2;width:22.5%!important;}
		.contact-list h1{font-size:25px; margin:150px 7% 15px; line-height:24px;}
		.contact-list a.btn-segurvial{margin:0 7%;}

/* Planes Maestros de Movilidad Municipales  */
.planes-maestros-left{width:32%;}
.planes-maestros-center{width:32%; margin:0 2%;}
.planes-maestros-right{width:32%;}

/* Estudios y Modelación de Transito Vehícular  */
.estudios-y-modelacion-de-transito-left, .aforos-vehiculares-left, .auditorias-viales-left, .estudios-senalizacion-vial-left, .levantamiento-y-gestion-left{width:51%;}
.estudios-y-modelacion-de-transito-right, .aforos-vehiculares-right, .auditorias-viales-right, .estudios-senalizacion-vial-right, .levantamiento-y-gestion-right{width:47%;}

/* ----------------------------------------------- */
/* SEÑALIZACIÓN Y DEMARCACIÓN */ 
/* ----------------------------------------------- */
.itemid-114 .page-header:before, 
.itemid-141 .page-header:before, 
.itemid-142 .page-header:before, 
.itemid-143 .page-header:before, 
.itemid-144 .page-header:before
{background-image:url(../../../images/senalizacion-demarcacion/bg.jpg);}

.senalizacion-demarcacion{list-style:none; margin:0; padding:0;}
	.senalizacion-demarcacion li{float:left; width:23%; margin:0 1% 2%; background:#FFF; height:460px; box-shadow:0 4px 0 rgba(0, 0, 0, 0.1);}
	.senalizacion-demarcacion li h2 {margin:5px 7% 10px; padding:0;line-height:19px;float:left; width:86%; height:75px;}
		.senalizacion-demarcacion li h2 a{font-size:17px; line-height:19px; letter-spacing:-.5px;display: table-cell;vertical-align: middle; height:75px;}
	.senalizacion-demarcacion li p.txt{margin:0 7% 0; text-align:left;float:left; width:86%; height:100px;}
	.senalizacion-demarcacion li .btn-ver-mas{margin:0 7% 0; float:left; width:60%;}

/* internas */
.senalizacion-demarcacion-col-left{width:51%;}
.senalizacion-demarcacion-col-right{width:47%;}

.senal-vert-left{width:37%;}
.senal-vert-right{width:58%;}

/* ----------------------------------------------- */
		/* TECNOLOGÍA */ 
/* ----------------------------------------------- */
.itemid-115 .page-header:before{background-image:url(../../../images/tecnologia/bg.jpg);}
.tecnologia{width:49%;}
	.tecnologia-h2{color:#194d81;font-size:25px; font-weight:bold; letter-spacing:-1px; margin:40px 0 20px;float:left; width:100%;}
	.tecnologia ul li{text-align:justify;}

/* ----------------------------------------------- */
	/* SEGURIDAD INDUSTRIAL */ 
/* ----------------------------------------------- */
.itemid-116 .page-header:before, 
.itemid-145 .page-header:before, 
.itemid-146 .page-header:before, 
.itemid-147 .page-header:before
{background-image:url(../../../images/seguridad-industrial/bg.jpg);}

/* seguridad industrial */
.seguridad-industrial{list-style:none; margin:0; padding:0;}
	.seguridad-industrial li{float:left; width:23%; margin:0 1% 2%; background:#FFF; height:460px; box-shadow:0 4px 0 rgba(0, 0, 0, 0.1);}
	.seguridad-industrial li h2 {margin:5px 7% 10px; padding:0;line-height:19px;float:left; width:86%; height:75px;}
		.seguridad-vial li h2 a{font-size:17px; line-height:19px; letter-spacing:-.5px;display: table-cell;vertical-align: middle; height:75px;}
	.seguridad-industrial li p.txt{margin:0 7% 0; text-align:left;float:left; width:86%; height:100px;}
	.seguridad-industrial li .btn-ver-mas{margin:0 7% 0; float:left; width:60%;}

/* Señalización y Demarcación de Plantas y Bodegas Industriales */
.senalizacion-demarcacion-plantas{margin:30px 0 0;width:49%;}

/* Equipos y Dispositivos de Seguridad Industrial */
ul.equipos-y-seguridad{list-style:none;margin:30px 0 15px; padding:0;}
	ul.equipos-y-seguridad li{float:left; width:12%; margin:0 1% 2%; text-align:center;border-bottom:1px solid #81be27;}
	ul.equipos-y-seguridad li p{background:#81be27; text-align:center; /*padding:30px 5px;*/box-shadow:1px 3px 0 rgba(0,0,0,.2);}
	ul.equipos-y-seguridad li h3{color:#262626; font-size:20px;}

/* Dotación de Seguridad Industrial */
.dotacion-de-seguridad-left{width:100%;}
.dotacion-de-seguridad-right{width:100%; margin:15px 0 0;}


/* ----------------------------------------------- */
	/* CONTÁCTENOS */ 
/* ----------------------------------------------- */
.itemid-118 .page-header:before{background-image:url(../../../images/segurvial/bg-contacto.jpg);}
.contact-banner{height:390px;margin:0 0 40px;}
.contact-left, .contact-right{width:48%;}
	form.form-contact h2, .contact-right h2{color:#194d81;font-size:25px; font-weight:bold; letter-spacing:-1px; margin:0 0 20px;}
	.contact-left p, .contact-right p{text-align:left;}
	/* form */
	form.form-contact{}
		div.contact-form-box-a{float:left; width:49%;}
		div.contact-form-box-b{float:right; width:49%;}
		div.contact-form-box-c{text-align:center; float:left; width:100%;}
			form.form-contact input[type="text"], form.form-contact textarea, .k2SearchBlockForm .inputbox{width:94%;border:1px solid #c8c8c8; background:#efefef; font-size:16px; box-shadow:none; padding-top:10px; padding-bottom:10px;}
			form.form-contact textarea{width:97%; height:100px;}
			form.form-contact input[type="submit"]{font-size:21px; letter-spacing:-1px; text-align:center; box-shadow:1px 5px 0 #618721; width:100%; padding:15px 0;}
			.phone-contact{text-align:center!important; font-size:15px; color:#194d81; width:100%; margin:10px 0 0;}
	/* datos de contacto */
	.info-contact{list-style:none; margin:0; padding:0;}
		.info-contact li:nth-child(1){background:url(../images/contact-direccion.png) no-repeat left top; padding-left:35px;}
		.info-contact li:nth-child(2){background:url(../images/contact-mail.png) no-repeat left top; padding-left:35px;}
		.info-contact li:nth-child(3){background:url(../images/contact-phone.png) no-repeat left top; padding-left:35px;}
		.info-contact h4{color:#194d81; font-size:16px; font-weight:bold; margin:0 0 10px;}
			.contac-sm{list-style:none; margin:20px 0 0; padding:0;}
				.contac-sm li{float:left;}
				.contac-sm li a{background:#81be27;color:#FFF; padding:10px; border-radius:50%; font-size:25px; box-shadow:1px 3px 0 #618721; margin:0 5px 0 0; display:inline-block;}
				.contac-sm li a:hover{background:#618721;box-shadow:1px 3px 0 #506b1c; text-decoration:none;}

/* ----------------------------------------------- */
	/* NOTICIAS */ 
/* ----------------------------------------------- */
.tit-blog .page-header{background-image:url(../../../images/blog/bg.jpg);}
/* col izq */
.sidebar-nav .moduletable{border-bottom:1px solid #ccc; margin-bottom:40px;}
.sidebar-nav .moduletable h3{color:#194d81;}

/* ----------------------------------------------- */
	/* NORMATIVIDAD */ 
/* ----------------------------------------------- */
.itemid-160 .page-header:before{background-image:url(../../../images/normatividad/bg.jpg);}
.itemid-160 .item-page div ul{list-style:none; padding:0; margin:0;float:left; width:100%;overflow:hidden;}
	.itemid-160 .item-page div ul li{background:url(../images/icon-pdf.png) no-repeat left center; padding:15px 0 15px 40px;display:inline;float:left; width:45%; border-bottom:1px solid rgba(0,0,0,.1);}

@media only screen and (min-width:980px) and (max-width: 1200px){
}
@media (max-width: 979px) {		
	/* Header Superior */
	.header-sup-a{width:40%;}
	.header-sup-b{width:59%;}
	header{padding:10px 0;}
	
	/* newsletter */
	.newsletter-left-txt{padding:0; background:none;}
		.newsletter-left-txt p{text-align:left;}
		
	/* NOSOTROS */
	.valores-corp li{width:25%; margin:0 2% 3% 0;}
	
	/* SEGURIDAD VIAL */
	.seguridad-vial li{width:41%;}
		.seguridad-vial li h2{height: 65px; margin:0px 7% 10px;}
	.contact-list{width:41% !important;}
		/* educacion vial*/
		.educacion-vial-section li{height:auto; padding:0 0 30px;}
		.educacion-vial-section li p.txt{height:auto; margin:0 7% 15px;}
		.educacion-vial-section li .btn-ver-mas{width:72%;}
			
			/* capacitacion */
				.capacitacion-box-a div:nth-child(1){width:100%;float:left;}
				.capacitacion-box-a div:nth-child(2){width:100%;float:left;}
		/* varias */
		.pesv-left, .planes-munici-seguri-vial-left, .auditoria-seg-vi-left, .levantamientos-de-mapas-left, .planes-manejo-transito-obras-left, .parques-tematicos-left{width:100%;}
		.pesv-right, .planes-munici-seguri-vial-right, .auditoria-seg-vi-right, .levantamientos-de-mapas-right, .planes-manejo-transito-obras-right, .parques-tematicos-right{width:100%;}
	
	/* MOVILIDAD */
	.movilidad li{width:41%;}
		.movilidad li h2{height: 65px; margin:0px 7% 10px;}
	
	/* SEÑALIZACION Y DEMARCACION */
	.senalizacion-demarcacion li{width:41%;}
		.senalizacion-demarcacion li h2{height: 65px; margin:0px 7% 10px;}
	
	/* SEGURIDAD INDUSTRIAL */
	.seguridad-industrial li{width:41%;}
		.seguridad-industrial li h2{height: 65px; margin:0px 7% 10px;}
}
@media (max-width: 767px) {
	.breadcrumb{margin:410px 0 0;}
	/* Header Superior */
	.header-sup{padding:20px 0;}
		.header-sup-a{width:100%;}
			.header-sup-a .dir-sup p{text-align:center; margin:0 0 10px;}
		.header-sup-b{width:100%;}
	header{padding:10px 0;}
		.header .container{background:#194d81; padding:4px 0 0;}
	/* footer */
	footer {width: 90%; padding:55px 5% 70px; background:#1c6193;}
		.footer-sobre-nosotros{width:100%;margin:0 0 30px;}
		.footer-servicios{width:100%;margin:0 0 30px;}
		.footer-noticias{width:100%;margin:0 0 30px;}
		.footer-contactenos{width:100%;margin:0;}
	/* Copy */
	.box-copy{background:#17406c; padding:15px 5%; width:90%;}
		.box-a-copy{width:65%;}
		.box-b-copy{width:35%;}

	/* HOME */
	#main .sprocket-mosaic .sprocket-mosaic-filter ul li, #main .sprocket-mosaic .sprocket-mosaic-filter ul li, .sprocket-mosaic .sprocket-mosaic-filter li, .sprocket-mosaic .sprocket-mosaic-filter li{margin:0 0 5px!important;}
	.ultimas-noticias{display:none;}
	
	/* NOSOTROS */
	.nosotros-col-left-sup{width:100%;}
	.nosotros-col-right-sup{width:100%;}
	.nosostros-col3 div{width:100%; margin:0 0 30px!important;}
	.valores-corp li{width:47%;}
	
	/* NUESTRO MERCADO */
	.nuestro-mercado-col{width:100%;}
	.nuestro-mer-exper ul li{width:48%; height:340px;}
	
	/* SEGURIDAD */
	.seguridad-vial li{width:98%!important;height:auto; padding:0 0 30px;}
		.seguridad-vial li h2{height:auto;margin:10px 7% 15px;}
		.seguridad-vial li h2 a{height:auto;}
		.seguridad-vial li p.txt{height:auto;}
		.seguridad-vial li .btn-ver-mas{width:36%; margin-top:15px;}
	.seguridad-vial li{height:auto;}
		.contact-list h1{margin:50px 7% 15px;}
	
	/* educacion vial */
	.educacion-vial-section li{width:100%; margin:0 0 15px;}
	.educacion-vial-section li .btn-ver-mas{width:36%;}
		/* capacitación*/
		.capacitacion-box-a div:nth-child(1){width:100%;float:left;}
		.capacitacion-box-a div:nth-child(2){width:100%;float:left;}
			.capacitacion-box-a div:nth-child(1) img{display:none;}
			.capacitacion-box-a div:nth-child(2) img{display:none;}
			.capacitacion-box-a h2{width:98%;}
			.capacitacion-box-a ul{width:98%;}
		/* campañas edu */
		.camp-educa-box{width:100%;}
		/* material pedagogico */
		.material-pedago-right, .material-pedago-left{width:100%;}
	
	/* MOVILIDAD */
	.movilidad li{width:98%!important;height:auto; padding:0 0 30px;}
		.movilidad li h2{height:auto;margin:10px 7% 15px;}
		.movilidad li h2 a{height:auto;}
		.movilidad li p.txt{height:auto;}
		.movilidad li .btn-ver-mas{width:36%; margin-top:15px;}
		.planes-maestros-center, .planes-maestros-left, .planes-maestros-right{width:100%;}
		.estudios-y-modelacion-de-transito-left, .aforos-vehiculares-left, .auditorias-viales-left, .estudios-senalizacion-vial-left, .levantamiento-y-gestion-left{width:100%;}
		.estudios-y-modelacion-de-transito-right, .aforos-vehiculares-right, .auditorias-viales-right, .estudios-senalizacion-vial-right, .levantamiento-y-gestion-right{width:100%;}
		
	/* SEÑALIZACIÓN Y DEMARCACIÓN */
	.senalizacion-demarcacion li{width:98%!important;height:auto; padding:0 0 30px;}
		.senalizacion-demarcacion li h2{height:auto;margin:10px 7% 15px;}
		.senalizacion-demarcacion li h2 a{height:auto;}
		.senalizacion-demarcacion li p.txt{height:auto;}
		.senalizacion-demarcacion li .btn-ver-mas{width:36%; margin-top:15px;}
		
		.senalizacion-demarcacion-col-right, .senalizacion-demarcacion-col-left{width:100%;}
	
	/* TECNOLOGÍA */
	.tecnologia{width:100%;}
	
	/* SEGURIDAD INDUSTRIAL */
	.seguridad-industrial li{width:98%!important;height:auto; padding:0 0 30px;}
		.seguridad-industrial li h2{height:auto;margin:10px 7% 15px;}
		.seguridad-industrial li h2 a{height:auto;}
		.seguridad-industrial li p.txt{height:auto;}
		.seguridad-industrial li .btn-ver-mas{width:36%; margin-top:15px;}
		
		.senalizacion-demarcacion-plantas{width:100%;}
		ul.equipos-y-seguridad li{width:48%;}
			ul.equipos-y-seguridad li h3{font-size:18px;}
	
	/* BLOG */
	div.userItemList{border:none!important; padding-left:0!important;}
	
	/* CONTACTENOS */
	.contact-left, .contact-right{width:100%;}
	
	/* newsletter & migas de pan*/
	.newsletter-box, .breadcrumb{display:none;}


}
@media (max-width: 480px) {
}