article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html { font-size: 100%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  }
body { margin: 0; font-size: 14px; line-height:1.6em; background: #fff; font-family: 'Roboto', sans-serif}
body, button, input, select, textarea { color: #666;  }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.txtlef{ text-align:left !important}
a {
color: #08c;
text-decoration: none;
-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
img{max-width:100%}

.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.txt-left{ text-align: left !important}
.txt-right{ text-align: right!important}
.pad-bt15{padding-bottom: 15px !important}
.col-ft{ float:left !important; margin-left: 0  !important; }
.col-ft:last-child{ float:right !important; }
 .span4 {
    width: 30%;
  }
   .span8 {
    width: 65%;
  }
  
/************************************** header ***********************/
.header{width:100%;  }
.main-header{ display:block; width:1200px; margin:0 auto; max-width:100%; }
.logo{ display:block; text-align:center; width:25%; margin:0; float:left;-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
	padding:10px 0}
.logo a{ display:block}
.logo span{ display:block}


#wrap_info{ display: block; clear: both}
.cabecera_info{ display: block; margin-top: 5px; float: right; }
.cabecera_info ul{ display: block; text-align: right}
.cabecera_info ul li{ display: block; float: right; text-align: center}
.cabecera_info ul li img{ display: block}
.cabecera_info ul li p{margin: 0 !important; font-size: 12px; line-height: 13px; padding:0; color: #dfb062; text-transform: uppercase; }

.cabecera_info ul li .tel{ font-size: 17px; color:#80624e; }
.cabecera_info ul li{ border-left:2px solid #dfb062; padding: 5px 10px  }
.cabecera_info ul li:last-child, .cabecera_info ul li:nth-child(4){border: none}
.cabecera_info i{margin: 0 5px}



/* ===================================================================
    MENU
   =================================================================== */
   
#menu-telf{ display:block; float:right}
.top{ width:100%;background:#fff; 
	z-index:999; 
	/*-webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0px 7px rgba(0, 0, 0, 0.2); */	}
	
	
.top2{ display:block; height:105px}
.opacity{ opacity:0}			
.toggleMenu {
	display:  none;
    background: #80624e; font-size:12px; letter-spacing:.2em;
    padding: 6px 0 6px 15px;
    color: #fff;
	

}
.toggleMenu2{
	display:  none;
    background: #80624e; font-size:12px; letter-spacing:.2em;
    padding: 6px 0 6px 15px;
    color: #fff;
	

}
.toggleMenu:hover{ color:#fff}
.wrap-nav{ display: block;z-index:999;	width:100%; max-width:100%; margin:5px auto; float: right
	
	}
.main-header .nav {
	list-style: none;
  	display:block;
	margin:0 auto;
	float:left;
    margin-top: 15px
}

.main-header .nav >li { position: relative; display:block; float:left; }


.main-header .nav> li:hover > ul {display:block;}
.main-header .nav> li{ margin:0 30px}
.main-header .nav >li> a {
    font-family: 'Roboto', sans-serif;
    display: block;
	Color:#80624e;
    font-weight: 200; 
	text-decoration:none;
	padding:5px 10px ; 
	font-size:15px;
	text-transform:uppercase; 
	 -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear; 


}
.main-header .nav >li> a:after{ content:""; position:absolute; z-index:999;height:3px; left:0; width:0px; background:#fff; top:0px;
 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
.main-header .nav >li> a:hover:after{ content:""; position:absolute; z-index:999;height:3px; left:0; width:100%; background:#80624e; top:0px;
 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}



.main-header .nav >li>ul li:last-child> a{ border-bottom: none}
.main-header .nav li ul {
	display:none;
	position:absolute;
	min-width:209px;}
.main-header .nav > li.hover > ul {left: 0;}
.main-header .nav li li.hover ul {
    left: 100%;
    top: 0;
	color:#fff;
}

.main-header .nav >li> ul> li> a {
    display: block;
    position: relative;
    z-index:100; font-size:13px; 
	/*text-transform:uppercase;*/
	background:#fff ;
	display: block;
	Color:#80624e;
	text-decoration:none;
	padding: 10px;
	line-height:15px;
	font-weight:500;
	 -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear; border-bottom:1px solid #E5E5E5
}
.main-header .nav >li> ul > li a:hover{background-color:#80624e !important; color:#fff}
.main-header .nav >li> >li:last-child a{ border-bottom: none}
.main-header .nav li li a {
		display: block;
		position: relative;
		z-index:100;
}

.main-header .nav >li:hover> a {color:#80624e; }

.main-header .menu-active{ color:#dfb062 !important; font-weight:700}




/* ===================================================================
    FIN MENU
   =================================================================== */


.contenido{ display:block; width:1200px; max-width:96%; margin:10px auto 0; padding-left: 2% !important; padding-right: 2% !important}
.contenido p{ text-align: justify}
.fnd_contenido .contenido{ display: block;margin: 0 auto;width:1100px;}
.fnd_contenido{ width: 100%; background: #faefde}
.esp{ padding: 35px 0 }
.wrap-block1{ width: 60%; margin: 15px auto}
.wrap-block1 p{ text-align: center; font-size: 20px; padding: 15px 0; line-height: 25px}
.tit_1{ display: block; text-align: center; margin: 15px 0; font-family: 'Roboto', sans-serif; color: #80624e; line-height: 35px; font-weight: 400}
.tit_1 span{ font-weight: bold}
.color_marronc{color:#c69c55}
.color_marron2{color:#b98732}
.contenido .tit_1{ margin: 0 !important; padding-top: 15px !important}
.wrap_video{ text-align: center}
iframe{width:100%}
.cont-wrap-esp{ margin: 5px 0 25px}
.img-esp img {
    border: 10px solid rgba(250,250,250,.8);
    width: 94%;
    box-shadow: 0px 0px 6px rgba(0,58,138,.4);
}


.btn{ display: inline-block; text-align: center; font-family: 'Roboto', sans-serif; background:#dfb062 ; border-radius: 0px; z-index: 9900; clear: both; padding:8px 22px; font-size: 15px; color:#fff}
.btn:hover{ background:#80624e; color:#fff }



.wrap_lista_prod{ text-align: center;  padding: 50px 0;font-family: 'Roboto', sans-serif;}
.img_info{display: block;  overflow: visible; text-align: left !important;}
.img_info h3{ margin: 10px 0 15px 0; color: #80624e;font-family: 'Roboto', sans-serif; line-height: 22px; font-size: 20px}
.img_info p{ margin: 18px 0; line-height: 18px}
.img_prod{ width: 55%; float: left; margin-right: 15px}

.lista_prod{ display: block; margin: 0; text-align: center; padding: 10px 20px}
.lista_prod li{ display: block; width: 48%; text-align: center; position: relative; margin-left: 1%; float: left}
.lista_prod li{ margin: 0}
.lista_prod li:last-child{ float: right}
.prod_des p{ margin-bottom: 1px}
.img_bg{
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;}

.bg1{ background-image: url(../images/medioambiente.jpg)!important;}
.bg2{background-image: url(../images/bg2.jpg)!important;}
.bg3{background-image: url(../images/bg3.jpg)!important;}
.bg4{background-image: url(../images/bg4.jpg)!important;}
.bg5{background-image: url(../images/bg5.jpg)!important;}
.bg6{background-image: url(../images/bg6.jpg)!important;}
.txt_img_bg{ text-align: center; font-size: 2.5em; }
.txt_img_bg p{margin: 0 !important; ;color: #fff; line-height:1em;   text-shadow: 0px 5px 5px rgba(0,0,0,.6)}
.txt_img_bg p:first-child{ font-size: 1.6em}
.txt_img_bg p:last-child{ text-indent: 9em}



/* ===================================================================
   GALERIA PRODUCTOS
   =================================================================== */
.galeria{ display:block; margin:10px 0;  text-align: center}
 .galeria li{ display:inline-block; text-align: center; margin-right: 15px;
 -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;margin-bottom:30px;  }
.gal2 li{ width: 20%;  margin-right: 3%; display: inline-block; float: none}
 .galeria li a{ display:block; background:rgba(250,250,250,.5); 
-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;}
.galeria li> a img:hover{ background:rgba(223,176,98,.2) !important; -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;}
.galeria li img{ display:inline-block; border:1px solid #dfb062; padding: 10px;
-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;}
.galeria li a:nth-child(4n+4){ margin-right:0}
.galeria li a:nth-child(4n){ clear:right}
.btn_des{ clear: both;display: block; text-align: center;}
.btn_des a{background:#dfb062 !important; display: inline-block !important;  padding: 5px 18px !important; font-size: 12px; color:#fff}
.btn_des a:hover{background:#80624e !important; text-decoration: none}

.galeria p{margin:0; text-align: center; font-weight: 400; font-size: 15px; padding: 5px 0; text-transform: uppercase}
.navpag{ display: block; background: #e1e1e1; padding: 5px 0}
.nav_pag{ display: block; width: 80%; margin: 0 auto; }
.nav_pag li{ display: block; float: left; margin-left: 10px; border-right: 1px solid #666; font-size: 12px;font-weight: bold }
.nav_pag li:last-child{ border: none}
.nav_pag li a{ display: block; margin-right: 10px; color:#666  }
.nav_pag li a:hover{ text-decoration: underline; color:#666 !important}

/* ===================================================================
    GALERIA FOTOS
   =================================================================== */

.galeria2{ display:block; text-align: center; margin: 0}
.galeria2 li{ display:inline-block; width:20%; padding:10px 10px 10px 10px; margin-bottom:15px;  background:rgba(223,176,98,.2); margin-right:25px;
-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;}
.galeria2 li:hover{ background:rgba(223,176,98,.6)}
.galeria2 li img{ display:block}


.galeria2 p{ color:#cccccc; margin:0;  float:left}

/* ===================================================================
    CONTACTO
   =================================================================== */
  .info-contact{ display:block; padding-top:0px; text-align:left}
 
 .grid_info_contac p{ font-size: 14px; line-height:25px; margin-bottom:10px; float:left; width:100%; text-align:left; padding: 10px 0}
 .grid_info_contac p:nth-child(3n){ margin-right:0 !important; float:right; }
 .grid_info_contac p span:first-child{ color:#80624e; font-size:15px; font-weight:600 }
 .grid_info_contac p .circ { background: #80624e; display: block; float: left; padding: 16px; border-radius: 50px}
.grid_info_contac p .circ_info{ display: block; float: left; margin-left: 15px} 
.grid_info_contac h2{ font-weight: 500}
 .grid_info_contac p span:last-child{ }
 .grid_info_contac .fa{ font-size:18px; color:#fff; margin-right:4px; width:20px; text-align:center}
 .grid_info_contac iframe{ display:block; width:100%; }
 .wrap-iframe{  box-shadow:0px 0px 6px rgba(0,58,138,.4); margin: 0 !important; line-height: 0}
 .wrap-iframe iframe{ width: 100%; height:400px;}
   
   
 .grid_info_contac2{ margin-top:10px;}
 .grid_info_contac2 .fa{ font-size:22px; color:#fa0a32; margin-right:4px; width:20px; text-align:center}
.listp{ text-align:center !important}
	.listp li p{ font-size: 14px; line-height:15px; margin-bottom:0; text-align:center}
	.listp li{ width:100%; text-align:center !important}
	.datos p{ font-size:16px !important; text-align:center}
 /* ===================================================================
    FIN CONTACTO
   =================================================================== */



/* ===================================================================
    FORMULARIO
   =================================================================== */   
#form {  border-radius:5px; margin: 0}
#form li {display: block; margin:5px 0; font-size:1em ; color:#80624e}
#form h2{ padding-bottom:8px; font-weight: 500}
#form ul, #form li {padding:0}
#form label {
   float: left; 
   display:inline-block;
   width:100%;
   margin:0; 
   text-align: left;
   font-size:14px; margin-bottom:5px;
    text-shadow: 0px 1px 5px rgba(0,58,138,.2)
  /* text-shadow: 0px 1px 0px #f2f2f2;*/
  
   }

#form input {
   width: 94%; 
   padding:1.5% 3%; 
   clear:right;
   display:inline-block;
   outline:none;
   border: #e1e1e1 1px solid;
   background:#f5f3f3;
   -webkit-transition: all 0.5s linear ;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5sinear; }

#form input:hover, #form textarea:hover{  border: #80624e 1px solid;}
#form input::-webkit-input-placeholder  {
   outline:none !important; }
   
#form input:-moz-placeholder {
   outline:none !important;  }

#form textarea {
   width: 94%; 
   padding:1.5% 3%; 
   height: 6em; 
   background: #f5f3f3;
   resize: none;
   outline:none;
    border: #e1e1e1 1px solid;
	
   }
#form textarea:focus{outline:none !important;}  
  
#form textarea::-webkit-input-placeholder  {
  outline:none !important;
   }

#form textarea:-moz-placeholder {
   outline:none;
   
   }

#form input:active, textarea:active {
   outline:none !important;
   }
#form input[type=submit]{
   width: 100%; 
    text-transform: uppercase;  
   float: right;
   background:#80624e ;
   cursor: pointer;
   color: #fff; 
   padding: 15px 0;
   font-size:1.1em;
   outline:none;
   border: none;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear
           padding:3%; 

  
   }

#form input[type=submit]:hover {
   background: #dfb062; color:#fff ;border:none;
   
   }
   

 /* ===================================================================
    FOOTER
   =================================================================== */

.wrap_footer_tel{padding: 20px 0; color:#5a5a5a; background: #fce8c7 }
.footer_tel{ display:block; font-size:12.5px; margin:0 auto; width:1100px; max-width:100%}

.lista_telefonos, .lista_telefonos li ul{ display: block; margin: 0}
.lista_telefonos >li{ display: block; float: left; margin-left: 6%}
.lista_telefonos >li:first-child{ margin: 0}
.lista_telefonos >li p{ margin-bottom: 0; font-size: 13px; padding-left: 26px}
.lista_telefonos h3{ font-size: 15px; border-bottom: 1px solid #666; padding-left: 26px; padding-top:5px; }

.lista_telefonos .estilo-icon{ font-size: 18px !important}
.lista_telefonos .estilo-icon:hover{ color: #5a5a5a}

.icon_foot1{background: url(../images/iconos/central.png) no-repeat left }
.icon_foot2{background: url(../images/iconos/alerta.png) no-repeat left }
.icon_foot3{background: url(../images/iconos/defensa_atencion.png) no-repeat left }
.icon_foot4{background: url(../images/iconos/participacion_vec.png) no-repeat left }
.icon_foot5{background: url(../images/iconos/comisaria.png) no-repeat left }
.icon_foot6{background: url(../images/iconos/bomberos.png) no-repeat left }
.icon_foot7{background: url(../images/iconos/emergencia.png) no-repeat left }


.wrap-footer{padding: 20px 0; color:#5a5a5a; background: #faefde }
.main-footer{ display:block; font-size:12.5px; margin:0 auto; width:1100px; max-width:100%}

.main-footer div{ float:left}
.main-footer div:last-child{ float:right}
.estilo-icon{ font-size:22px  !important; color:#80624e;-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;}
.main-footer a{ color: #5a5a5a;}
.main-footer a:hover{ text-decoration: underline}
.estilo-icon:hover{color:#dfb062}

.redes li{ width: auto; float:right}
.redes li a{ display:block; float:right;  margin-right:15px}