/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

 body {
overflow-x: hidden;
font-family: 'Roboto', sans-serif;
background-color: #fff;
}

section{
	width: 100%
	background-color:#fff;
}

h01 {font-size: 14px;}

.text-muted {
    color: #777;
}

.text-muted2 {
    color: #0ff;
}

.text-primary {
    color: #ccc;
}

p {
    font-size: 14px;
    line-height: 1.75;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: #fff;
}

a:hover,
a:focus,
a:active,
a.active {
    color:#0D90FC;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    
    font-weight: 700;
}

.img-centered {
    margin: 0 auto;
}

.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #222;
}

.btn-primary {
    border-color: #fed136;
    text-transform: uppercase;

    font-weight: 700;
    color: #fff;
    background-color: #09F;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #ccc;
    color: #fff;
    background-color: #0CF;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #0CF;
    background-color: #09F;
}

.btn-primary .badge {
    color: #0CF;
    background-color: #fff;
}

.btn-xl2 {
    padding: 5px 20px;
    border-color: ;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    background-color: #09F;
}

.btn-xl2:hover,
.btn-xl2:focus,
.btn-xl2:active,
.btn-xl2.active,
.open .dropdown-toggle.btn-xl {
    border-color: ;
    color: #00C;
    background-color: #0FF;
}

.btn-xl2:active,
.btn-xl2.active,
.open .dropdown-toggle.btn-xl2 {
    background-image: none;
}

.btn-xl2.disabled,
.btn-xl2[disabled],
fieldset[disabled] .btn-xl2,
.btn-xl2.disabled:hover,
.btn-xl2[disabled]:hover,
fieldset[disabled] .btn-xl2:hover,
.btn-xl2.disabled:focus,
.btn-xl2[disabled]:focus,
fieldset[disabled] .btn-xl2:focus,
.btn-xl2.disabled:active,
.btn-xl2[disabled]:active,
fieldset[disabled] .btn-xl2:active,
.btn-xl2.disabled.active,
.btn-xl2[disabled].active,
fieldset[disabled] .btn-xl2.active {
    border-color: #0CF;
    background-color: #09F;
}

.btn-xl {
    padding: 5px 20px;
    border-color: ;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #09F;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: ;
    color: #00C;
    background-color: #0FF;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #0CF;
    background-color: #09F;
}

.btn-xl .badge {
    color: #0CF;
    background-color: #fff;
}

.btn-xxl {
    padding: 5px 20px;
    border-color: ;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #00C;
    background-color: #0FF;
}

.btn-xxl:hover,
.btn-xxl:focus,
.btn-xxl:active,
.btn-xxl.active,
.open .dropdown-toggle.btn-xxl {
    border-color: ;
    color: #fff;
    background-color: #09F;
}

.btn-xxl:active,
.btn-xxl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xxl.disabled,
.btn-xxl[disabled],
fieldset[disabled] .btn-xxl,
.btn-xxl.disabled:hover,
.btn-xxl[disabled]:hover,
fieldset[disabled] .btn-xxl:hover,
.btn-xxl.disabled:focus,
.btn-xxl[disabled]:focus,
fieldset[disabled] .btn-xxl:focus,
.btn-xxl.disabled:active,
.btn-xxl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xxl.disabled.active,
.btn-xxl[disabled].active,
fieldset[disabled] .btn-xxl.active {
    border-color: #0CF;
    background-color: #09F;
}

.btn-xxl .badge {
    color: #0CF;
    background-color: #fff;
}


.navbar-default {
	border-color: transparent;
    background-color: #222;
}

.navbar-default .navbar-brand {
	font-size:18px;
    color: #4D4D4D;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #F73208;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

/*fijo*/
.navbar-default .navbar-toggle {
    border-color: #fff;
    background-color: #1e65d5;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

/*mouse encima*/
.navbar-default .navbar-toggle:hover {
background-color: red;
}

/*activo*/
.navbar-default .navbar-toggle:focus {
background-color: #1e65d5;
}

.navbar-default .nav li a {
    text-transform: none;
    font-weight: 700;
    letter-spacing: 0px;
    color: #4A2D1D;
	font-size:13px
	}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: red;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #FFF;
	background-color: transparent;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #062ba6;
    background-color: transparent;
}


@media(min-width:768px) {
	
	.navbar-default {
        padding: 25px 0;
        border: 0;
        background-color: #0099ff;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 22px;
		font-weight:400;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 10px 0;
        background-color: #fff;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 26px;
    }
}

/* ////////////////MODIFICACION BARRA MENU/////////////// */

.navbar {
  min-height: 30px;
  padding-top: 10px;
  margin-top: 25px;
}

.navbar-brand {
  padding: 0 15px;
  height: 80px;
  line-height: 80px;
}

.navbar-brand img{
 height: 95%;
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 26.5px;
    padding-bottom: 26.5px;
    line-height: 27px;
  }
}

/* ////////////////////////////////////////////////// */

	header {
    text-align: center;
    color: #fff;
	background-color: ;
    height: auto;
}
	
header .intro-text {
    padding-top: 100px;
    padding-bottom: 50px;
	margin-top:40px;
}

header .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-size: 22px;
    font-style: italic;
    line-height: 22px;
}

header .intro-text .intro-heading {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    line-height: 50px;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

																											@media(min-width:315px) {
																											.inicio_media {}

.arriba_slider {
width: 100%;
height: auto;
background: transparent;
position: relative;
margin-top: 82px;
}

.cienporciento {
width: 100%;
height: auto;
padding: 20px;
overflow: hidden;
height: auto;
}



.grisclaro{
background-color:#f0f1f3;
}

.grismedio{
background-color:#DCDCDC;
}

.verdesadam{
background-color:#00A69C;
}

.azulsadam{
background-color:#0D90FC;
}

.celsadam{
background-color:#B0E0E6;
}


.azul_tit{
color:#0D90FC;
}

.nar_tit{
color:#EA4522;
}

.rosa_sub{
color:#DC5F60;
}

.petro_sub{
color:#115671;
}

.negro_sub{
color:#000000;
}

.bor_sub{
color:#9f1920;
}

.rosa_sub2{
color:#ec2273;
}

.purple_sub{
color:#8b1d5a;
}

.azul_ultramar_sub{
color:#2b3a8f;
}

.violet_sub{
color:#7d4199;
}

.verdesadam_sub{
color:#00A69C;
}

.azulrrhh_sub{
color:#004B9C;
}

.naranjarrhh_sub{
color:#ff5c03;
}

.azul_cae_sub{
color:#034ADE;
}

.bago_sub{
color:#AC2286;
}

.bestcare_sub{
color:#7D4199;
}

.naranjacv_sub{
color:#F07B13;
}

.grisosc_sub{
color:#1B1B1B;
}

.verdeosc_sub{
color:#004A24;
}

.violetosc_sub{
color:#5E1452;
}

.rojo_sub{
color:#FF0000;
}

.bor2_sub{
color:#BE1920;
}

.grisnegro_sub{
color:#1B1B1B;
}

.naranjantg_sub{
color:#EA4522;
}

.rojo_jj_sub{
color:#ED1C24;
}

.azulcv_tit{
color:#266099;
}

.gris_tit{
color:#8494a1;
}

.gris_tit_fact{
color:#616c75;
}

.cel_tit_avanz_fact{
color:#1399D6;
}

.vio_tit{
color:#5b33cd;
}


.verdecv_sub{
color:#005d70;
}

.azulsi_tit{
color:#0081C1;
}

.nar_onceavo_c_tit{
color:#EA5427;
}

.azu_onceavo_c_sub{
color:#1D71B8;
}

.grisiis_sub{
color:#505050;
}

.diploma_sub{
color:#00A6FD;
}

.adecra_sub{
color:#00a59b;
}

.rojizo_sub{
color:#BE1622;
}

.cel_cel_sub{
color:#0080eb;
}

.sub_sub_negro{
font-size: 18px;  
color:#000;
}

.azul_elec_sub_sub{
font-size: 22px;
color:#282e9c;
}

.contenedor_mail_inicio{width: 90%; padding:10px;margin-right:5%;margin-left:5%;}

.wspp_content{
    width: 100%;
    height:130px;
    margin: 0 auto;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 24px;
    padding-bottom: 20px;
    }

    .news_content{
    width: 100%;
    height:130px;
    margin: 0 auto;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 24px;
    padding-bottom: 20px;
    }

a.btn_wsp0{
  display: inline-block; 
  width: 18%;
  height: 54px;
  background-color: #219F14;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #FFF;
  font-weight: 600;
  padding-top: 0px;
  padding-bottom: 10px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 120%;
  background-image: url(../img/whats-blanco.svg);
  margin-bottom: 0px;
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  }

a.btn_wsp0:hover {
  background-color: #005759;
  color: #ffc900;
  } 

.boton_wsp_texto{
width: 100%;
height:40px;
margin: 0 auto;
background-color: transparent;
text-align: center;
font-size: 16px;
font-weight: 500;
color:darkslategray;
margin-top: 5px;
margin-bottom: 0px;
}

.boton_nwes_texto{
width: 100%;
height:40px;
margin: 0 auto;
background-color: transparent;
text-align: center;
font-size: 16px;
font-weight: 500;
color:darkslategray;
margin-top: 5px;
margin-bottom: 0px;
}

a.btn_news{
  display: inline-block; 
  width: 18%;
  height: 54px;
  background-color: #0D90FC;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #FFF;
  font-weight: 600;
  padding-top: 0px;
  padding-bottom: 10px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80%;
  background-image: url(../img/mail.svg);
  margin-bottom: 0px;
  border: 2px solid #fff;
  }

a.btn_news:hover {
  background-color: #00008B;
  color: #ffc900;
  } 



.img_link{
width: 100%;
height: auto; 
}

.img_link img{
 width: 100%;
 margin-left: 0%;
 }

.botonenv{
    display: inline-block; 
    height: auto;
    background-color: #0D90FC;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    
    font-weight: 600;
    
    border-radius: 5px;
    margin-top: 0px;
    margin-bottom: 30px;
    color: #fff;
    padding: 10px 20px 10px 20px;
    border: 0px solid red;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.botonenv:hover{
background-color: #00A69C;
color: #fff;
}

.mmdg{
 width: 100%;
 height: auto;
 padding: 10px;
 text-align: center;
 background-color: transparent; 
 }

 a.mmdgbutton:{
 width: 100%;
 height: auto;
 padding: 10px;
 font-size: 12px;
 color: pink;
 text-align: center;
 font-weight: 600;   
 text-decoration: none;
}

a.mmdgbutton:hover{
 color: red;
 text-decoration: none;
}


.float_r { float: right }
.float_l { float: left }
.float_c { float: center }


header {
    text-align: center;
    color: #fff;
	background-color: ;
    height: auto;
}

.info_bars{
  width: 92%;
  height: 30px;
  font-size: 0;
  color: #fff;
  background-color:transparent;
  position: absolute;
  right: 15px;
}

.tel_info_bars{
    width: 32%;
    height: 30px;
    background-color:transparent;
}

.mail_info_bars{
  width: 68%;
  height: 30px;
  background-color:transparent;
}

.tel2_info_bars{
  background-position: center right;
  display: block;
  width: 18%;
  height: 25px;
  /* height: 100vh; *//* If you want fullscreen */
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  overflow: hidden;
  background-image: url(../img/tel.svg);
  background-size: 94%;
  margin-left: 0%;
  margin-right: 2%;
  margin-top: 4px;
}

.mail2_info_bars{
    background-position: center right;
    display: block;
    width: 9%;
    height: 25px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/mail.svg);
    background-size: 94%;
    margin-left: 0%;
    margin-right: 1%;
    margin-top: 4px;
}

.text_info_bars{
    width: 80%;
    height:20px;
    text-align: 0;
    font-size: 12px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: #fff;
    padding-top: 8px;
text-align: left;
    }

.fondonav{
	background-color: #fff;
}


.cabezaindex{
width: 100%;
height: auto;
margin: 0 auto;
background: #f73208;
position: relative;
margin-bottom: 30px;
}


.abajoindex {
width: 100%;
height: auto;
background: #ccc;
position: relative;
margin-top: 110px;
}

.imgtop_servicios {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 160px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/servicios.jpg);
}

.imgtop_historia {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 160px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/historia.jpg);
}

.imgtop_clientes {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 160px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/clientes.jpg);
}

.imgtop_productos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 160px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/productos.jpg);
}

.imgtop_contactos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 160px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/contactos.jpg);
}

.grisoscuro{
background-color:#4d4d4d;
}

.azul{
background-color:#0071BC;
}

.azuloscuro{
background-color:#0B0146;
}

.rojo{
background-color:red;
}

.seccionint {
width: 80%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
}

.seccionint2 {
width: 95%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
}

 /* OK SADAM */
.secciontitulo{
	width: 100%;
	height: auto;
	font-size: 26px;
	font-weight: 700;
  line-height: 120%; 
	text-align: center;
	background: transparent;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* OK SADAM */
.seccion_subtitulo{
  width: 100%;
  height: auto;
  font-size: 22px;
  font-weight: 700;
  line-height: 120%; 
  text-align: center;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}

/* OK SADAM */
.seccion_tex_adicional{
  width: 100%;
  height: auto;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%; 
  text-align: center;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}

   /* OK SADAM */
.seccion_sub_subtitulo{
  width: 100%;
  height: auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%; 
  text-align: center;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}  

/* OK SADAM */
.secciontexto_simple{
  width: 90%;
  height: auto;
  color: dimgray;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  background: none;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5%;
}

/* OK SADAM */
.seccion_eventos{
  width: 100%;
  height: auto;
  margin-left: 0%;
  font-size: 12px;
}

/* OK SADAM */
.seccion_eventos2{
  width: 90%;
  height: auto;
  margin-left: 5%;
  font-size: 16px;
  text-align: center;
}

/* OK SADAM */
.seccion_eventos3{
  width: 100%;
  height: auto;
  margin-left: 0%;
  font-size: 15px;
}

/* OK SADAM PROG. EVENTOS*/
.onceavo_tit{
color: #1D71B8;
font-weight: 600; 
font-size: 20px;
line-height: 120%;
}

.decimo_subtit{
color: #3FA9F5;
font-weight: 600; 
font-size: 28px;
line-height: 120%;
}

.curso_tit{
color: #266099;
font-weight: 600; 
font-size: 20px;
line-height: 120%;
}

.curso_subtit{
color: #DC5F60;
font-weight: 600; 
font-size: 28px;
line-height: 120%;
}

.titulo{
color: #266099;
font-weight: 600; 
font-size: 16px;
}

.titulo_fact{
color: #00a59b;
font-weight: 600; 
font-size: 16px;
}

.titulo_avanz_fact{
color: #1399D6;
font-weight: 600; 
font-size: 16px;
}

.destacado{
font-weight: 600; 
font-size: 18px;
text-align: center;
}

a.links_finales {
color: red;
font-weight: 600; 
font-size: 14px;
text-decoration-line: underline;
}

a.links_finales:hover{
color: #2b8bff;
font-weight: 600; 
font-size: 14px;
}

.titulo2{
font-weight: 600; 
font-size: 20px;
}

.titulo_nar{
color: #EA4522;
font-weight: 600; 
font-size: 20px;
}

.titulo_azul{
color: #0D90FC;
font-weight: 600; 
font-size: 20px;
}

.subtitulo{
font-weight: 600;
font-size: 18px; 
}

.subtitulo2{

font-weight: 600;
font-size: 24px;
}

.prof{
font-weight: 600;    
}

a.www{
color: #00A6FD; 
font-weight: 600;
text-decoration: none;
}

a.www:hover{
color: #266099;
  }

 a.www01{
color: #EF7D00; 
font-weight: 600;
text-decoration: none;
background-color: transparent;
padding: 5px;
text-align: center; 
}

a.www01:hover{
background-color: transparent;
color:   #0081C1;
}    

 a.www2{
color: #115671; 
font-weight: 600;
text-decoration: none;
background-color: #d6ee17;
padding: 5px;
}

a.www2:hover{
color:  #115671;
background-color: #49FCFD;
} 

a.www3{
color: #9f1920; 
font-weight: 600;
text-decoration: none;
background-color: #f9dc1e;
padding: 5px;
}

a.www3:hover{
background-color: #9f1920;
color:  #f9dc1e;
} 

a.www4{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #e45a8d;
padding: 5px;
}

a.www4:hover{
background-color: #ec2273;
color:  #fff;
} 

a.www5{
color: #2b3a8f; 
font-weight: 600;
text-decoration: none;
background-color: #a1f9fd;
padding: 5px;
}

a.www5:hover{
background-color: #2b3a8f;
color:  #fff;
}   

a.www6{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #a367c6;
padding: 5px;
}

a.www6:hover{
background-color: #7d4199;
color:  #fff;
}

a.www7{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #3589e0;
padding: 5px;
}

a.www7:hover{
background-color: #00a69c;
color:  #fff;
}      


a.www8{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #021E3A;
padding: 5px;
}

a.www8:hover{
background-color: #2C707F;
color:  #fff;
}      


a.www9{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #004B9C;
padding: 5px;
}

a.www9:hover{
background-color: #DF5500;
color:  #fff;
}    

a.www10{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #0524A2;
padding: 5px;
}

a.www10:hover{
background-color: #034ADE;
color:  #fff;
}     

a.www11{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #0D90FC;
padding: 10px;
font-size: 20px;
border-radius: 5px;
}

a.www11:hover{
background-color: #ff5c03;
color:  #fff;
}  

a.www12{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #021E3A;
padding: 5px;
text-align: center; 
}

a.www12:hover{
background-color: #0D90FC;
color:  #fff;
}  

a.www13{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #E332C0;
padding: 5px;
text-align: center; 
}

a.www13:hover{
background-color: #AC2286;
color:  #fff;
}    

a.www14{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #8D6BB2;
padding: 5px;
text-align: center; 
}

a.www14:hover{
background-color: #34006E;
color:  #fff;
}

a.www15{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #1B1B1B;
padding: 5px;
text-align: center; 
}

a.www15:hover{
background-color: #49E0FD;
color:  #1B1B1B;
}            

a.www16{
color: #004A24; 
font-weight: 600;
text-decoration: none;
background-color: #5CEB63;
padding: 5px;
text-align: center; 
}

a.www16:hover{
background-color: #004A24;
color:  #fff;
}              

a.www17{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #F8981D;
padding: 5px;
text-align: center; 
}

a.www17:hover{
background-color: #5E1452;
color:  #fff;
}     

a.www18{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #1B1B1B;
padding: 5px;
text-align: center; 
}

a.www18:hover{
background-color: #EA4522;
color:  #fff;
}      

a.www19{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #EA4522;
padding: 5px;
text-align: center; 
}

a.www19:hover{
background-color: #BE1920;
color:  #fff;
}    

a.www20{
color: #BE1920; 
font-weight: 600;
text-decoration: none;
background-color: #FBB808;
padding: 5px;
text-align: center; 
}

a.www20:hover{
background-color: #BE1920;
color:  #fff;
} 

a.www21{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #000098;
padding: 5px;
text-align: center; 
}

a.www21:hover{
background-color: #ED1C24;
color:  #fff;
} 

a.www22{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #505050;
padding: 5px;
text-align: center; 
}

a.www22:hover{
background-color: #1B75BC;
color:  #fff;
}  

a.wwwcongresos{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #1A9AFF;
padding: 5px;
text-align: center; 
}

a.wwwcongresos:hover{
background-color: #EA5427;
color: #fff;
} 

a.www23{
color: #BE1622; 
font-weight: 600;
text-decoration: none;
}

a.www23:hover{
color: #000000;
  }

a.www23_2{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #BE1622;
padding: 5px;
}

a.www23_2:hover{
background-color: #000000;
color:  #fff;
}

a.www24{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #00a59b;
padding: 5px;
}

a.www24:hover{
background-color: #1399D6;
color:  #fff;
}

a.www25{
color: #fff; 
font-weight: 600;
text-decoration: none;
background-color: #282e9c;
padding: 5px;
}

a.www25:hover{
color:  #fff;  
background-color: #0080eb;
}

h1congresos { font-weight: 700; color:#EA5427; }

h100tamanio { font-weight: 500; color:#00a59b; font-size: 24px;}

/* FIN PROG. EVENTOS */

.maps_covid19 {
 width: 90%;
 height: auto;
 background-color: transparent;
 margin-left: 5%;
 margin-top: 20px;
 margin-bottom:0px;
}

.mapa1_covid19 {
 width: 100%;
 height: auto;
 background-color: transparent;
 margin-bottom: 20px;
}

.mapa1_covid19 img {
 width: 100%;
}

.maps_covid19_text {
 width: 100%;
 height: auto;
 color: dimgray;
 font-size: 16px;
 text-align: left;
 line-height: 120%;
 font-weight: 400;
 background-color: transparent;
 margin-top: 5px;
}

.secciontexto_tirar{
  width: 90%;
  height: auto;
  color: #0D90FC;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  background: none;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5%;
}

.secciontexto_tirar2{
  width: 90%;
  height: auto;
  color: dimgray;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  background: none;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 5%;
}

 /* OK SADAM */
.seccion_boton_secciones{
  width: 100%;
  height: auto;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  background: none;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: transparent;
  margin-left: 0%;
}

/* OK SADAM */
.seccion_boton_secciones2{
  width: 100%;
  height: auto;
  margin:0px auto;
  background-color: transparent;
}

/* OK SADAM */
.sobtitulo_seccion{
  display: inline-block; 
  width: 100%;
    height: auto;
    background-color: transparent;
    text-align: center;
    font-size: 28px;
    text-decoration: none;
    
    font-weight: 400;
    
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 0px;
    color: #000;
    padding: 10px 20px 10px 20px;
    border: 0px solid red;
}

/* OK SADAM */
.sobtitulo_seccion_9no{
  display: inline-block; 
  width: 100%;
    height: auto;
    background-color: transparent;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    
    font-weight: 400;
    
    border-radius: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000;
    padding: 10px 20px 10px 20px;
    border: 0px solid red;
}

/* OK SADAM */
.boton_seciones{
    display: inline-block; 
    height: auto;
    background-color: #0D90FC;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    
    font-weight: 600;
    
    border-radius: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
    padding: 10px 20px 10px 20px;
    border: 0px solid red;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    margin: 2%;
}
.boton_seciones:hover{
background-color: #00A69C;
color: #fff;
}

.titulo_anio_webinars{
font-size: 20px;  
font-weight: 600;
color: #0D90FC;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0%;
}

.cuadro_vacio{
width: 100%;
height: 0px;
background-color:#f0f1f3;
}

/* OK SADAM */
.boton_webinars{
    display: inline-block; 
    height: auto;
    background-color: #0D90FC;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    
    font-weight: 600;
    
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #fff;
    padding: 6px 11px 6px 11px;
    border: 0px solid red;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    margin-left: 1%;
}
.boton_webinars:hover{
background-color: #00A69C;
color: #fff;
}

.imgagenes_insti{
  width: 100%;
  height: auto;
}

.img_insti{
  width: 46%;
  height: auto;
  background-color: pink;
  margin: 2%;
}

.img_insti img {
  width: 100%;
  height: auto;
 }

 
.seccionint_tres_botones {
width: 100%;
height: 140px;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
}

a.botongrande_productos{
  display: inline-block; 
  width: 33.3%;
  height: 100px;
  background-color: #0071BC;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 70px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/productos_home.svg);
    background-size: 40%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_productos:hover{
  background-color: red;
  background-size: 44%;
  }

a.botongrande_servicios {
  display: inline-block; 
  width: 33.3%;
  height: 100px;
  background-color: #29ABE2;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 70px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/servicios_home.svg);
    background-size: 40%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_servicios:hover{
  background-color: red;
  background-size: 44%;
  }

a.botongrande_historia{
  display: inline-block; 
  width: 33.3%;
  height: 100px;
  background-color: #0071BC;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 70px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_home.svg);
    background-size: 40%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_historia:hover{
  background-color: red;
  background-size: 44%;
  }

.producto {
    position: relative;
    width: 70%;
    height: 240px;
    background-color:#000;
    cursor: pointer;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 2%;
}

.imageprod {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middleprod {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: left;  
width: 80%;
}

.producto:hover .imageprod {
  opacity: 0.3;
}

.producto:hover .middleprod {
  opacity: 1;
}

.textprod {
  width: 100%;
  background-color: transparent;
  color: white;
  font-size: 14px;
  padding: 1px 1px;
  }

.servicios_area {
  width: 100%;
  height: auto;
  background-color: transparent;
  margin-bottom: 30px;
  margin-left: 0%;
 }

  .servicios_fabricacion_img{
  display: inline-block; 
  width: 18%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion-serv.svg);
    background-size: 96%;
    background-position: top left;
}

  .servicios_reparacion_img{
  display: inline-block; 
  width: 18%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion-serv.svg);
    background-size: 96%;
    background-position: top left;
}

  .servicios_habilitacion_img{
  display: inline-block; 
  width: 18%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion-serv.svg);
    background-size: 100%;
    background-position: top left;
}

.servicios_titulo{
  width: 81%;
  height: 60px;
  font-size: 22px;
  color: #0071bc;
   font-weight: 700;
   padding-top: 8px;
   background-color: transparent;
}

.servicios_textos{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 14px;
  text-align: left;
  background-color: transparent;
  margin-left: 0%;
  margin-top: 10px;
}

.secciontexto{
  width: 90%;
  height: auto;
  color:#4d4d4d;
  font-size: 14px;
  text-align: left;
  background-color: transparent;
  margin-bottom: 80px;
  margin-left: 5%;
}

.secciontexto2{
  width: 90%;
  height: auto;
  color:#4d4d4d;
  font-size: 14px;
  text-align: left;
  background-color: transparent;
  margin-bottom: 40px;
  margin-left: 5%;
}

.clientes_logos{
  width: 90%;
  height: auto;
  background-color: #fff;
  margin-bottom: -10px;
  margin-left: 5%;
}

.clientes_sub{
  width: 100%;
  height: auto;
  color: #0071bc;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 40px;
  margin-left: 0%;
}

.clientes_logos1{
  width: 29%;
  height: 80px;
  background-color: transparent;
  margin-left: 2%;
  margin-right: 2%;
  font-size: 16px;
  color: #2a2d31;
  text-align: center;
  margin-bottom: 10px; 
}

.clientes_logos1 img{
  width: 100%;
}

    .zocalo{
    width: 100%;
    height:50px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    margin-top: 50px;
  }

    .zocalo2{
    width: 100%;
    height:10px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    margin-top: 50px;
  }

   .zocalo_tranios {
  width: 100%;
  height: 90px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios.jpg);
    background-size: 110%;
    background-position: center center;
    margin-top: -15px;
    }



    a.zocalo_historia{
    display: inline-block; 
  width: 80%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 14px;
  text-decoration: none;
  color: #2fd5f8;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 24px;
  margin-top: 60px;
  margin-left: 100px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn.svg);
    background-size: 8%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia:hover{
  color: #d7f7fd;
  background-size: 9%;
  }    

  .zocalo_tranios_2 {
  width: 100%;
  height: 100px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_2.jpg);
    background-size: 130%;
    background-position: center center;
    margin-top: -15px;
    }

         .zocalo_tranios_3 {
  width: 100%;
  height: 90px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_3.jpg);
    background-size: 110%;
    background-position: center center;
    margin-top: -15px;
    } 

      a.zocalo_historia_rojo{
    display: inline-block; 
  width: 80%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 14px;
  text-decoration: none;
  color: red;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 24px;
  margin-top: 60px;
  margin-left: 100px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn_rojo.svg);
    background-size: 8%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia_rojo:hover{
  color: #0B0146;
  background-size: 9%;
  }   



.seccionint_plus {
width: 100%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
margin-top: 50px;
}

.contenedor_mail{width: 90%; padding:20px;margin-right:5%;margin-left:5%;}

.cincuentaiconotitulo4{
width: 18%;
height: 40px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_mensaje.svg);
    background-size: 100%;

}

.cincuentaiconotitulo3{
width: 18%;
height: 40px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_contacto.svg);
    background-size: 90%;

}

.cincuentatitulo3{
width: 80%;
height: auto;
color:#000;
font-size: 20px;
margin-top: 0px;
margin-bottom: 20px;
font-weight: 400;   
text-align: left;
margin-left: 0%;
line-height: 120%;
background-color: transparent;
}

.cincuentatex3{
    width: 90%;
    height: auto;
color:#808283;
font-size: 21px;
font-weight: 300;   
    text-align: left;
    background: transparent;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 5%;
    margin-bottom: 10px;
    padding-right: 0px;
    padding-top: 0px;
    line-height: 120%; 
}

.redes{
  width: 50%;
  height: 50px;
  background-color: transparent;
  text-align: right;
  margin-top: 0px;
  margin-left: 5%;
  margin-bottom: 20px;
}

a.redes_contac{
    background-position: center center;
    display: block;
    width: 28%;
    height: 50px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-size: 90%;
    margin-left: 2%;
    margin-right: 2%;
    -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
}

a.redes_contac:hover{
    background-size: 100%;
   
}

a.redes_contac_inst{
background-image: url(../img/instagram.svg);
}

a.redes_contac_face{
background-image: url(../img/facebook.svg);
}

a.redes_contac_twitter{
background-image: url(../img/twitter.svg);
}



.prueba_contac{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.icon_contac{
    background-position: center center;
    display: block;
    width: 20%;
    height: 30px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    
    background-size: 50%;
    margin-left: 0%;
    margin-right: 2%;
}

.tel_icon-contac{
background-image: url(../img/s_tel.svg);
}

.cel_icon-contac{
background-image: url(../img/s_cel.svg);
}

.mail_icon-contac{
background-image: url(../img/s_mail.svg);
}

.direc_icon-contac{
background-image: url(../img/s_direc.svg);
}

.prueba3_contac{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 18px;
    background-color: ;
    margin-left: 0;
    margin-top: 0;
    color: #000;
    padding-top: 5px;
}

.pruebab_contac{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: ;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #00A69C;
    
}

.ubi_titulo {
  width: 90%;
  height: 30px;
margin-left: 5%;
background-color: transparent;
margin-bottom: 0px;
}

.ubi_iconotitulo{
width: 10%;
height: 40px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_ubicacion.svg);
    background-size: 100%;
}

.ubi_titulotext{
width: 90%;
height: auto;
color:#000;
font-size: 20px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 400;   
text-align: left;
margin-left: 0%;
line-height: 120%;
background-color: transparent;
}

.ubi_map {
  width: 90%;
  height: 260px;
margin-left: 5%;
background-color: transparent;
margin-bottom: 40px;
}

/* OK */
.botonenv_contac{
  display: inline-block; 

  height: 30px;
  background-color: #00A69C;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 10px;
  border-radius: 5px;
  margin-top: 0px;
}

.botonenv_contac:hover{
background-color: #0D90FC;
  color: #fff;
} 

h7{
  font-weight: 700;
}

h8{
  font-weight: 500;
}

h9{
  color: #00A6FD;
}

.titulocolornegro{
	color:#242424;
}


.titulocolorblanco{
	color:#fff;
}


.servicios_area_boton {
  width: 33.3%;
  height: auto;
  background-color: transparent;
 }

 a.servicios_montaje{
  display: inline-block; 
  width: 95%;
  margin-left: 2.5%;
  height: 100px;
  background-color: #0071BC;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 75px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion.svg);
    background-size: 80%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_montaje:hover{
  background-color: red;
  background-size: 85%;
  }

  a.servicios_reparacion{
  display: inline-block; 
  width: 95%;
  margin-left: 2.5%;
  height: 100px;
  background-color: #0071BC;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 75px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion.svg);
    background-size: 80%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_reparacion:hover{
  background-color: red;
  background-size: 85%;
  }

  a.servicios_habilitacion{
  display: inline-block; 
  width: 95%;
  margin-left: 2.5%;
  height: 100px;
  background-color: #0071BC;
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 75px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion.svg);
    background-size: 80%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_habilitacion:hover{
  background-color: red;
  background-size: 85%;
  } 																						
	
	
	.botonn{
		width: 80%;
		height:145px;
		margin: 0 auto;
		background-color: transparent;
		text-align: center;
		margin-top: 20px;

	}


/* OK */
a.btnseccioninicio1{
  display: inline-block; 
  width: 40%;
  height: 40px;
  background-color: #0071BC;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  }

a.btnseccioninicio1:hover {
  background-color: #29ABE2;
  color: #fff;
  }


 /* OK */
a.btnseccioninicio{
  display: inline-block; 
  width: 40%;
  height: 40px;
  background-color: #0B0146;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  }

a.btnseccioninicio:hover {
  background-color: red;
  color: #fff;
  } 






footer{
width: 100%;
height: 320px;
background-color: transparent;
padding-top: 10px;
border-top: 5px solid #0D90FC;
}


.footer_a{
  width: 100%;
  height: 225px;
  background-color: transparent;
  margin: 0 auto;
  margin-top: 0px;
  margin-left: 0%;
}

.footer_b{
  width: 50%;
  height: 80px;
  background-color: transparent;
  margin: 0 auto;
  color: #000;
  font-size: 18px;
  line-height: 80%;
  margin-right: 40%;
  margin-left: 25%;
}

.footer_b img{
  width: 76%; 
}


.footer_c{
  width: 50%;
  height: 80px;
  background-color: transparent;
  margin: 0 auto;
  color: #000;
  font-size: 13px;
  line-height: 100%;

}

.footer_c img{
  width: 18%; 
}

.footer_d{
  width: 70%;
  height: 70px;
  background-color: transparent;
  margin: 0 auto;
  color: #000;
  font-size: 13px;
  line-height: 80%;
  text-align: center;
  margin-left: 15%;
}

.footer_d img{
  width: 12%; 
}

.footer_w{
  width: 100%;
  height: 85px;
  background-color: #0D90FC;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 0%;
}

.footer_x{
  width: 100%;
  height: 85px;
  background-color: #0D90FC;
  margin: 0 auto;
  margin-top: 0px;
  margin-left: 0%;
}

.footer_xb{
  width: 100%;
  height: 24px;
  background-color: transparent;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
  line-height: 80%;
  margin-right: 0%;
  margin-left: 0%;
  padding-top: 10px;
}

.footer_xb img{
  width: 220px;
 }

.footer_xc{
  width: 40%;
  height: 50px;
  background-color: transparent;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
  line-height: 80%;
  margin-right: 30%;
  margin-left: 30%;
  padding-top: 10px;
}

a.footer_xd_boton{
  display: inline-block; 
  width: 29.3%;
  margin-left: 2%;
  height: 36px;
  background-color:transparent;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 54%;
  background-position: center center;
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
  }

a.footer_xd_instagram{
background-image: url(../img/instagram-bco.svg);
}

a.footer_xd_facebook{
background-image: url(../img/facebook-bco.svg);
}

a.footer_xd_twitter{
background-image: url(../img/twitter-bco.svg);
}

a.footer_xd_boton:hover{
  background-color: transparent;
  background-size: 62%;
  }

  .footer_mmdg{
  width: 100%;
  height: 25px;
  background-color: transparent;
  margin: 0 auto;
  margin-top: 0px;
  margin-left: 0%;
  text-align: center;
}

a.footer_mmdg_boton{
  display: inline-block; 
  width: 200px;
  
  height: 25px;
  background-color: transparent;
  position: relative;
  cursor: pointer;
  color: darkslategray;
  font-size: 12px;
  padding-top: 5px;
  }

a.footer_mmdg_boton:hover{
  background-color: transparent;
  font-weight: 600;
  
  }


.botoncerrarmodal{
  display: inline-block;
  width: 30px; 
  height: 30px;
  background-color: #0B0146;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 2px;
  padding-left: 7px;
  padding-bottom: 5px;
  border-radius: 5px;
  margin-top: 0px;
}

.botoncerrarmodal:hover{
background-color: red;
  color: #fff;
}

.logo_modal{
width: 100%;
height: 70px;
text-align: right;
margin-top: 5%;
margin-bottom: 50px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/logo-mia.svg);
    background-size: 60%;
    background-position: center; 
}

.h662 {
   width: 100%;
height: auto;
color:#4d4d4d;
font-size: 20px;
margin-top: 0px;
margin-bottom: 30px;
font-weight: 500;   
text-align: center;
margin-left: 0%;
}

.h663 {
   width: 100%;
height: auto;
color:#4d4d4d;
font-size: 36px;
margin-top: 0px;
margin-bottom: 30px;
font-weight: 400;   
text-align: center;
margin-left: 0%;
}

.textogris{
width: 80%;
margin-left: 10%;
height: auto;
color:#4d4d4d;
font-size: 14px;
margin-top: 1px;
margin-bottom: 10px;
font-weight: 400;   
text-align: left;
}

.botoncerrarmodal2{
  display: inline-block; 

  height: 40px;
  background-color: #0B0146;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 7px;
  padding-bottom: 10px;
  border-radius: 5px;
  margin-top: 20px;
}

.botoncerrarmodal2:hover{
background-color: red;
  color: #fff;
}

.icono_modal_fabricacion{
width: 100%;
height: 80px;
text-align: right;
margin-top: 0%;
margin-bottom: 10px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/fabricacion-modal.svg);
    background-size: 56%;
    background-position: center;
}

.icono_modal_reparacion{
width: 100%;
height: 80px;
text-align: right;
margin-top: 0%;
margin-bottom: 10px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/reparacion-modal.svg);
    background-size: 56%;
    background-position: center;
}

.icono_modal_habilitacion{
width: 100%;
height: 80px;
text-align: right;
margin-top: 0%;
margin-bottom: 10px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/habilitacion-modal.svg);
    background-size: 56%;
    background-position: center;
}


.h882 {
	width: 80%;
	margin-left: 10%;
    text-transform: none;
	text-align:left;
    
	font-size:18px;
    font-weight: 500;
	color:#393c41;
}

  .producto2 {
    position: relative;
    width: 49%;
    height: 168px;
    background-color:#000;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1.5%;
}

.producto2:hover .imageprod {
  opacity: 0.1;
}

.producto2:hover .middleprod {
  opacity: 1;
}

/* OK */
  .espaciozocalo{
    width: 90%;
    height:160px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-top: 30px;
}

/* OK */
  .espaciozocalo img{
    width: 54%;
    margin-top: 10px;
}

/* OK */
  .espaciozocalo{
    width: 90%;
    height:160px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-top: 30px;
}

/* OK */
  .espaciozocalo img{
    width: 60%;
    margin-top: 10px;
}

 /* OK SADAM */

 .tituloazul{
  color:#0D90FC;
}

 .tituloenviesuconsulta{
    width: 100%;
    height: auto;
    color: #0D90FC;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    background: none;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
}

 .mapaindex{
width: 100%;
height: 280px;
background: rgba(250, 250, 250, 0.5);
position: relative;
overflow: hidden;
}

.datosindex{
width: 100%;
height: auto;
background-color: transparent;
padding-top: 10px;
}

.datosindex_indi{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 5px;
    padding-bottom: 0px;
    
}

.bloke_datos_index{
    background-position: top center;
    display: block;
    width: 10%;
    height: 38px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-size: 70%;
    margin-left: 0%;
    margin-right: 2%;
}

.icon_ubicacion_index {
background-image: url(../img/ubicacion.svg);
}

.icon_tel_index {
background-image: url(../img/tel.svg);
} 

.icon_wsp_index {
background-image: url(../img/whats.svg);
} 

.icon_mail_index {
background-image: url(../img/mail.svg);
}   

.texto_datos_index{
    width: 88%;
    height:auto;
    text-align: 0;
    font-size: 16px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: #fff;
    padding-top: 0px;
}

.autori_todos {
 width: 100%;
 height: auto;
 margin-left: 0%;
}

.autori_cuadros {
 position: relative;
  overflow: hidden;
  margin: 1%;
  min-width: 31%;
  max-width: 31%;
  width: 100%;
  color: #ffffff;
  text-align: center;
  margin-top: 10px;
}

.autori_cuadros img {
  max-width: 100%;
  vertical-align: top;
}

.autori_nombre {
 position: relative;
  overflow: hidden;
width: 100%;
  height: 80px;
   color: #000;
   font-size: 13px;
  text-align: center;
  line-height: 120%;
}

.congresos_todos {
 width: 100%;
 height: auto;
 margin-left: 0%;
}

.img_logo_auspi{
width: 40%;
height: auto;
 }

.img_logo_auspi img{
width: 100%;
 }

.img_logo_auspi_m_exp{
width: 100%;
height: auto;
 }

.img_logo_auspi_m_exp img{
width: 80%;
 }

 /* -------- */

}

                                                                              @media(min-width:418px) {
                                                                              .inicio_media {}
/*a.hagase{
position: fixed;
top: 12px;
right: 90px;
width: 230px;
height: 27px;
color: #0D90FC;
font-size: 14px;
font-weight: 600;
line-height: 24px;
text-align: center;
background-color: #fff;
z-index: 400;
border-radius: 5px;
border: 1px solid #fff;
padding-top: 0px;
}

a.hagase:hover{
color: #fff;
background-color: #0D90FC;
border: 1px solid #fff;
}*/

a.btn_wsp1{
  width: 14%;
  height: 54px;
  background-size: 120%;
  }

a.btn_news{
  width: 14%;
  height: 54px;
  background-size: 80%;
  }

.footer_b{
  width: 40%;
  height: 80px;
  background-color: transparent;
  margin: 0 auto;
  color: #000;
  font-size: 18px;
  line-height: 80%;
  margin-right: 40%;
  margin-left: 25%;
}

.footer_b img{
  width: 76%; 
}


.footer_c{
  width: 50%;
  height: 80px;
  background-color: transparent;
  margin: 0 auto;
  color: #000;
  font-size: 14px;
  line-height: 100%;

}

.footer_c img{
  width: 18%; 
}

.footer_d{
  width: 70%;
  height: 70px;
  background-color: transparent;
  margin: 0 auto;
  color: #000;
  font-size: 14px;
  line-height: 80%;
  text-align: center;
  margin-left: 15%;
}

.footer_d img{
  width: 11%; 
}

/* OK SADAM */
.secciontexto_simple{
  width: 100%;
  height: auto;
  color: dimgray;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: 0%;
}

/* OK SADAM */
.seccion_boton_secciones{
  width: 100%;
  height: auto;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  background: none;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: transparent;
  margin-left: 0%;
}

.autori_todos {
 width: 100%;
 height: auto;
 margin-left: 0%;
}

.autori_cuadros {
 position: relative;
  overflow: hidden;
  margin: 1%;
  min-width: 31%;
  max-width: 31%;
  width: 100%;
  color: #ffffff;
  text-align: center;
  margin-top: 10px;
}

.autori_cuadros img {
  max-width: 100%;
  vertical-align: top;
}

.autori_nombre {
 position: relative;
  overflow: hidden;
width: 100%;
  height: 70px;
   color: #000;
   font-size: 13px;
  text-align: center;
  line-height: 120%;
}

.img_logo_auspi{
width: 36%;
height: auto;
 }

 .img_logo_auspi_m_exp{
width: 100%;
height: auto;
 }

.img_logo_auspi_m_exp img{
width: 60%;
 }

 .cincuentaiconotitulo3{
width: 18%;
height: 40px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_contacto.svg);
    background-size: 84%;

}

}

																											                        @media(min-width:475px) {
																											                         .inicio_media {}
.info_bars{
  width: 67%;
  height: 30px;
  font-size: 0;
  color: #fff;
  background-color:transparent;
  position: absolute;
  right: 20px;
}

.text_info_bars{
    width: 80%;
    height:20px;
    text-align: 0;
    font-size: 13px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: #fff;
    padding-top: 8px;
text-align: left;
    }

.cabezaindex{
width: 100%;
height: auto;
margin: 0 auto;
background: #f73208;
position: relative;
margin-bottom: 0px;
}


.abajoindex {
width: 100%;
height: auto;
background: #ccc;
position: relative;
margin-top: 81px;
}

/* SADAM OK */

a.btn_wsp1{
  width: 12%;
  height: 54px;
  background-size: 120%;
  }

a.btn_news{
  width: 12%;
  height: 54px;
  background-size: 80%;
  }



.autori_todos {
 width: 80%;
 height: auto;
 margin-left: 10%;
}

.autori_cuadros {
 position: relative;
  overflow: hidden;
  margin: 1%;
  min-width: 31%;
  max-width: 31%;
  width: 100%;
  color: #ffffff;
  text-align: center;
  margin-top: 10px;
}

.autori_cuadros img {
  max-width: 100%;
  vertical-align: top;
}

.autori_nombre {
 position: relative;
  overflow: hidden;
width: 100%;
  height: 70px;
   color: #000;
   font-size: 13px;
  text-align: center;
  line-height: 120%;
}

/* ---*/


.h888 {
    text-transform: none;
	text-align:center;
    font-size:18px;
    font-weight: 400;
	color:#61686F;
}


	.h662 {
    text-transform: none;
    font-size:34px;
    font-weight: 500;
	color:#f73208;
}



.cabezaindex{
width: 100%;
height: auto;
margin: 0 auto;
background: #f73208;
position: relative;
margin-bottom: 30px;
}


.abajoindex {
width: 100%;
height: auto;
background: #ccc;
position: relative;
margin-top: 110px;
}

.imgtop_servicios {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 160px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/servicios.jpg);
}

.imgtop_historia {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 160px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/historia.jpg);
}

.imgtop_clientes {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 160px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/clientes.jpg);
}

.imgtop_productos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 160px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/productos.jpg);
}

.imgtop_contactos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 160px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/contactos.jpg);
}






.seccionint2 {
width: 90%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
}

/* OK SADAM*/
.secciontitulo{
	font-size: 32px;
}

/* OK SADAM*/
.seccion_subtitulo{
  font-size: 28px;
  }

  /* OK SADAM */
.seccion_tex_adicional{
   font-size: 20px;
}

    /* OK SADAM */
.seccion_sub_subtitulo{
  width: 100%;
  height: auto;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%; 
  text-align: center;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}  

  /* OK */
.seccionint_tres_botones {
width: 100%;
height: 210px;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
}

a.botongrande_productos{
  display: inline-block; 
  width: 33.3%;
  height: 150px;
  background-color: #0071BC;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 100px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/productos_home.svg);
    background-size: 40%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_productos:hover{
  background-color: red;
  background-size: 44%;
  }

a.botongrande_servicios {
  display: inline-block; 
  width: 33.3%;
  height: 150px;
  background-color: #29ABE2;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 100px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/servicios_home.svg);
    background-size: 40%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_servicios:hover{
  background-color: red;
  background-size: 44%;
  }

a.botongrande_historia{
  display: inline-block; 
  width: 33.3%;
  height: 150px;
  background-color: #0071BC;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 100px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_home.svg);
    background-size: 40%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_historia:hover{
  background-color: red;
  background-size: 44%;
  }

.producto {
    position: relative;
    width: 48%;
    height: 245px;
    background-color:#000;
    cursor: pointer;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 2%;
}

.imageprod {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middleprod {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: left;  
width: 80%;
}

.producto:hover .imageprod {
  opacity: 0.3;
}

.producto:hover .middleprod {
  opacity: 1;
}

.textprod {
  width: 100%;
  background-color: transparent;
  color: white;
  font-size: 14px;
  padding: 1px 1px;
  }

 .servicios_area {
  width: 90%;
  height: auto;
  background-color: transparent;
  margin-bottom: 30px;
  margin-left: 5%;
 }

  .servicios_fabricacion_img{
  display: inline-block; 
  width: 10%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion-serv.svg);
    background-size: 96%;
    background-position: top left;
}

  .servicios_reparacion_img{
  display: inline-block; 
  width: 10%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion-serv.svg);
    background-size: 96%;
    background-position: top left;
}

  .servicios_habilitacion_img{
  display: inline-block; 
  width: 10%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion-serv.svg);
    background-size: 96%;
    background-position: top left;
}

.servicios_titulo{
  width: 90%;
  height: 60px;
  font-size: 24px;
  color: #0071bc;
   font-weight: 700;
   padding-top: 8px;
   background-color: transparent;
}

.servicios_textos{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 16px;
  text-align: left;
  background-color: transparent;
  margin-left: 0%;
  margin-top: 10px;
}

.secciontexto{
  width: 90%;
  height: auto;
  color:#4d4d4d;
  font-size: 14px;
  text-align: justify;
  background-color: transparent;
  margin-bottom: 80px;
  margin-left: 5%;
}

.secciontexto2{
  width: 90%;
  height: auto;
  color:#4d4d4d;
  font-size: 14px;
  text-align: justify;
  background-color: transparent;
  margin-bottom: 40px;
  margin-left: 5%;
}

.clientes_logos{
  width: 90%;
  height: auto;
  background-color: #fff;
  margin-bottom: -40px;
  margin-left: 5%;
}

.clientes_sub{
  width: 100%;
  height: auto;
  color: #0071bc;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 40px;
  margin-left: 0%;
}

.clientes_logos1{
  width: 29%;
  height: 120px;
  background-color: transparent;
  margin-left: 2%;
  margin-right: 2%;
  font-size: 16px;
  color: #2a2d31;
  text-align: center;
  margin-bottom: 20px; 
}

.clientes_logos1 img{
  width: 100%;
}

    .zocalo{
    width: 100%;
    height:50px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    margin-top: 50px;
  }

    .zocalo2{
    width: 100%;
    height:10px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    margin-top: 50px;
  }

     .zocalo_tranios {
  width: 100%;
  height: 140px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios.jpg);
    background-size: 110%;
    background-position: center center;
    margin-top: -15px;
    }

  .zocalo_tranios_2 {
  width: 100%;
  height: 130px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_2.jpg);
    background-size: 120%;
    background-position: center center;
    margin-top: -15px;
    }

      a.zocalo_historia{
    display: inline-block; 
  width: 50%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 16px;
  text-decoration: none;
  color: #2fd5f8;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 28px;
  margin-top: 105px;
  margin-left: 220px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn.svg);
    background-size: 10%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia:hover{
  color: #d7f7fd;
  background-size: 11%;
  }

          .zocalo_tranios_3 {
  width: 100%;
  height: 130px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_3.jpg);
    background-size: 110%;
    background-position: center center;
    margin-top: -15px;
    } 

      a.zocalo_historia_rojo{
    display: inline-block; 
  width: 50%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 16px;
  text-decoration: none;
  color: red;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 28px;
  margin-top: 95px;
  margin-left: 220px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn_rojo.svg);
    background-size: 10%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia_rojo:hover{
  color: #0B0146;
  background-size: 11%;
  }


.seccionint_plus {
width: 100%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
margin-top: 50px;
}

.contenedor_mail{width: 80%; padding:20px;margin-right:10%;margin-left:10%;}

.cincuentaiconotitulo4{
width: 14%;
height: 60px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_mensaje.svg);
    background-size: 100%;

}

.cincuentaiconotitulo3{
width: 14%;
height: 40px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_contacto.svg);
    background-size: 96%;

}

.cincuentatitulo3{
width: 80%;
height: auto;
color:#000;
font-size: 26px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 400;   
text-align: left;
margin-left: 0%;
line-height: 120%;
}

.cincuentatex3{
    width: 80%;
    height: auto;
color:#808283;
font-size: 21px;
font-weight: 300;   
    text-align: left;
    background: transparent;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 10%;
    margin-bottom: 10px;
    padding-right: 0px;
    padding-top: 0px;
    line-height: 120%; 
}

.redes{
  width: 44%;
  height: 50px;
  background-color: transparent;
  text-align: right;
  margin-top: 0px;
  margin-left: 50%
}

a.redes_contac{
    background-position: center center;
    display: block;
    width: 33%;
    height: 50px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-size: 60%;
    margin-left: 0%;
    margin-right: 0%;
    -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
}

a.redes_contac:hover{
    background-size: 70%;
   
}

.prueba_contac{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.icon_contac{
    background-position: center center;
    display: block;
    width: 10%;
    height: 60px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    
    background-size: 100%;
    margin-left: 0%;
    margin-right: 2%;
}


.pruebab_contac{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #00A69C;
    
}

.ubi_titulo {
  width: 72%;
  height: 40px;
margin-left: 9%;
background-color: transparent;
margin-bottom: 0px;
}

.ubi_iconotitulo{
width: 10%;
height: 30px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_ubicacion.svg);
    background-size: 100%;
}

.ubi_titulotext{
width: 90%;
height: auto;
color:#000;
font-size: 26px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 400;   
text-align: left;
margin-left: 0%;
line-height: 120%;
background-color: transparent;
}

.ubi_map {
  width: 80%;
  height: 260px;
margin-left: 10%;
background-color: transparent;
margin-bottom: 40px;
}

/* OK */
.botonenv_contac{
  display: inline-block; 

  height: 35px;
  background-color: #00A69C;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 20px;
  border-radius: 5px;
  margin-top: 0px;
}

.botonenv_contac:hover{
background-color: #0D90FC;
  color: #fff;
} 

h7{
  font-weight: 700;
}

h8{
  font-weight: 500;
}

.servicios_area_boton {
  width: 33.3%;
  height: auto;
  background-color: transparent;
 }

 a.servicios_montaje{
  display: inline-block; 
  width: 95%;
  margin-left: 2.5%;
  height: 140px;
  background-color: #0071BC;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 100px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion.svg);
    background-size: 85%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_montaje:hover{
  background-color: red;
  background-size: 90%;
  }

  a.servicios_reparacion{
  display: inline-block; 
  width: 95%;
  margin-left: 2.5%;
  height: 140px;
  background-color: #0071BC;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 100px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion.svg);
    background-size: 85%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_reparacion:hover{
  background-color: red;
  background-size: 90%;
  }

  a.servicios_habilitacion{
  display: inline-block; 
  width: 95%;
  margin-left: 2.5%;
  height: 140px;
  background-color: #0071BC;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 100px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion.svg);
    background-size: 85%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_habilitacion:hover{
  background-color: red;
  background-size: 90%;
  } 

	.botonn{
		width: 80%;
		height:145px;
		margin: 0 auto;
		background-color: transparent;
		text-align: center;
		margin-top: 40px;
}


/* OK */
a.btnseccioninicio1{
  display: inline-block; 
  width: 31%;
  height: 45px;
  background-color: #0071BC;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 12px;
  padding-bottom: 10px;
  border-radius: 5px;
  }

a.btnseccioninicio1:hover {
  background-color: #29ABE2;
  color: #fff;
  }


 /* OK */
a.btnseccioninicio{
  display: inline-block; 
  width: 25%;
  height: 45px;
  background-color: #0B0146;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 12px;
  padding-bottom: 10px;
  border-radius: 5px;
  }

a.btnseccioninicio:hover {
  background-color: red;
  color: #fff;
  } 




footer{
width: 100%;
height: 280px;
padding-top: 30px;
}


.footer_a{
	width: 80%;
	height: 225px;
	margin: 0 auto;
	margin-top: 10px;
  margin-left: 10%;
}

.footer_b{
	width: 50%;
	height: 80px;
	background-color: transparent;
	margin: 0 auto;
	color: #000;
	font-size: 18px;
	line-height: 80%;
  margin-right: 40%;
  margin-left: 25%;
}

.footer_b img{
	width: 66%;	
}


.footer_c{
	width: 50%;
	height: 80px;
	background-color: transparent;
	margin: 0 auto;
	font-size: 16px;
}

.footer_c img{
	width: 18%;	
}

.footer_d{
  width: 60%;
  height: 80px;
  background-color: transparent;
  margin: 0 auto;
  font-size: 16px;
  text-align: center;
  margin-left: 20%;
}

.footer_d img{
  width: 14%; 
}

.botoncerrarmodal{
  display: inline-block;
  width: 30px; 
  height: 30px;
  background-color: #0B0146;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 2px;
  padding-left: 7px;
  padding-bottom: 5px;
  border-radius: 5px;
  margin-top: 0px;
}

.botoncerrarmodal:hover{
background-color: red;
  color: #fff;
}

.logo_modal{
width: 100%;
height: 70px;
text-align: right;
margin-top: 5%;
margin-bottom: 50px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/logo-mia.svg);
    background-size: 46%;
    background-position: center; 
}

.h662 {
   width: 100%;
height: auto;
color:#4d4d4d;
font-size: 20px;
margin-top: 0px;
margin-bottom: 30px;
font-weight: 500;   
text-align: center;
margin-left: 0%;
}

.h663 {
   width: 100%;
height: auto;
color:#4d4d4d;
font-size: 36px;
margin-top: 0px;
margin-bottom: 30px;
font-weight: 400;   
text-align: center;
margin-left: 0%;
}

.textogris{
width: 80%;
margin-left: 10%;
height: auto;
color:#4d4d4d;
font-size: 16px;
margin-top: 1px;
margin-bottom: 20px;
font-weight: 400;   
text-align: left;
}

.botoncerrarmodal2{
  display: inline-block; 

  height: 40px;
  background-color: #0B0146;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 7px;
  padding-bottom: 10px;
  border-radius: 5px;
  margin-top: 20px;
}

.botoncerrarmodal2:hover{
background-color: red;
  color: #fff;
}

.icono_modal_fabricacion{
width: 100%;
height: 120px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/fabricacion-modal.svg);
    background-size: 44%;
    background-position: center;
}

.icono_modal_reparacion{
width: 100%;
height: 120px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/reparacion-modal.svg);
    background-size: 44%;
    background-position: center;
}

.icono_modal_habilitacion{
width: 100%;
height: 120px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/habilitacion-modal.svg);
    background-size: 44%;
    background-position: center;
}

  .producto2 {
    position: relative;
    width: 32.3%;
    height: 165px;
    background-color:black;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1.5%;
}

.producto2:hover .imageprod {
  opacity: 0.1;
}

.producto2:hover .middleprod {
  opacity: 1;
}

/* OK */
  .espaciozocalo{
    width: 90%;
    height:160px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-top: 30px;
}

/* OK */
  .espaciozocalo img{
    width: 54%;
    margin-top: 10px;
}

/* OK SADAM */
.seccion_eventos{
  width: 100%;
  height: auto;
  margin-left: 0%;
  font-size: 14px;
}

/* OK SADAM */
.seccion_eventos3{
  width: 100%;
  height: auto;
  margin-left: 0%;
  font-size: 16px;
}

.titulo_anio_webinars{
font-size: 22px;  
font-weight: 600;
color: #0D90FC;
margin-top: 80px;
margin-bottom: 10px;
margin-left: 1%;
}

/* OK SADAM */
.boton_webinars{
    display: inline-block; 
    height: auto;
    background-color: #0D90FC;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
    
    font-weight: 600;
    
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #fff;
    padding: 6px 11px 6px 11px;
    border: 0px solid red;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    margin-left: 1%;
}
.boton_webinars:hover{
background-color: #00A69C;
color: #fff;
}

 .cincuentaiconotitulo3{
width: 18%;
height: 40px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_contacto.svg);
    background-size: 80%;

}

}																																																	
	
                                                  @media(min-width:539px) {
                                                  .inicio_media {}
.icon_contac{
    background-position: center center;
    display: block;
    width: 10%;
    height: 40px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    
    background-size: 80%;
    margin-left: 0%;
    margin-right: 2%;
}
                                                  
 .cincuentaiconotitulo3{
width: 10%;
height: 40px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_contacto.svg);
    background-size: 95%;
}                                                  	

.ubi_iconotitulo{
width: 10%;
height: 40px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_ubicacion.svg);
    background-size: 95%;
}

}
	

																									@media(min-width:635px) {
																									.inicio_media {}


.info_bars{
  width: 53%;
  height: 30px;
  font-size: 0;
  color: #fff;
  background-color:transparent;
  position: absolute;
  right: 10px;
}

.cabezaindex{
width: 100%;
height: auto;
margin: 0 auto;
background: #f73208;
position: relative;
margin-bottom: 30px;
}


.abajoindex {
width: 100%;
height: auto;
background: #ccc;
position: relative;
margin-top: 110px;
}

.imgtop_servicios {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 200px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/servicios.jpg);
}

.imgtop_historia {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 200px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/historia.jpg);
}

.imgtop_clientes {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 200px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/clientes.jpg);
}

.imgtop_productos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 200px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/productos.jpg);
}

.imgtop_contactos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 200px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/contactos.jpg);
}








.seccionint {
width: 85%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
}


/* OK SADAM*/
.secciontitulo{
  font-size: 34px;
}

/* OK SADAM*/
.seccion_subtitulo{
  font-size: 30px;
  }

  /* OK SADAM */
.seccion_tex_adicional{
  width: 100%;
  height: auto;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%; 
  text-align: center;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}

    /* OK SADAM */
.seccion_sub_subtitulo{
  width: 100%;
  height: auto;
  font-size: 26px;
  font-weight: 500;
  line-height: 120%; 
  text-align: center;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}

  /* OK */
.seccionint_tres_botones {
width: 100%;
height: 250px;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
}

a.botongrande_productos{
  display: inline-block; 
  width: 33.3%;
  height: 190px;
  background-color: #0071BC;
  text-align: center;
  font-size: 24px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 130px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/productos_home.svg);
    background-size: 34%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_productos:hover{
  background-color: red;
  background-size: 38%;
  }

a.botongrande_servicios {
  display: inline-block; 
  width: 33.3%;
  height: 190px;
  background-color: #29ABE2;
  text-align: center;
  font-size: 24px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 130px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/servicios_home.svg);
    background-size: 34%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_servicios:hover{
  background-color: red;
  background-size: 38%;
  }

a.botongrande_historia{
  display: inline-block; 
  width: 33.3%;
  height: 190px;
  background-color: #0071BC;
  text-align: center;
  font-size: 24px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 130px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_home.svg);
    background-size: 34%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_historia:hover{
  background-color: red;
  background-size: 38%;
  }

  .producto {
    position: relative;
    width: 32.3%;
    height: 230px;
    background-color:#000;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1.5%;
}

.imageprod {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middleprod {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: left;  
width: 80%;
}

.producto:hover .imageprod {
  opacity: 0.3;
}

.producto:hover .middleprod {
  opacity: 1;
}

.textprod {
  width: 100%;
  background-color: transparent;
  color: white;
  font-size: 14px;
  padding: 1px 1px;
  }

  .servicios_area {
  width: 100%;
  height: auto;
  background-color: transparent;
  margin-bottom: 30px;
  margin-left: 5%;
 }

  .servicios_fabricacion_img{
  display: inline-block; 
  width: 7%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

  .servicios_reparacion_img{
  display: inline-block; 
  width: 7%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

  .servicios_habilitacion_img{
  display: inline-block; 
  width: 7%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

.servicios_titulo{
  width: 90%;
  height: 60px;
  font-size: 24px;
  color: #0071bc;
   font-weight: 700;
   padding-top: 8px;
   background-color: transparent;
}

.servicios_textos{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 16px;
  text-align: left;
  background-color: transparent;
  margin-left: 0%;
  margin-top: 10px;
}

.secciontexto{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 16px;
  text-align: justify;
  background-color: transparent;
  margin-bottom: 80px;
  margin-left: 0%;
}

.secciontexto2{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 16px;
  text-align: justify;
  background-color: transparent;
  margin-bottom: 40px;
  margin-left: 0%;
}

.clientes_logos{
  width: 90%;
  height: auto;
  background-color: #fff;
  margin-bottom: -40px;
  margin-left: 5%;
}

.clientes_sub{
  width: 100%;
  height: auto;
  color: #0071bc;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 40px;
  margin-left: 0%;
}

.clientes_logos1{
  width: 16%;
  height: 120px;
  background-color: transparent;
  margin-left: 2%;
  margin-right: 2%;
  font-size: 16px;
  color: #2a2d31;
  text-align: center;
  margin-bottom: 20px; 
}

.clientes_logos1 img{
  width: 100%;
}

    .zocalo{
    width: 100%;
    height:50px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    margin-top: 50px;
  }

     .zocalo2{
    width: 100%;
    height:10px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    margin-top: 50px;
  }

     .zocalo_tranios {
  width: 100%;
  height: 170px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: -15px;
    }

          .zocalo_tranios_2 {
  width: 100%;
  height: 140px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_2.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: -15px;
    }

      a.zocalo_historia{
    display: inline-block; 
  width: 40%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 16px;
  text-decoration: none;
  color: #2fd5f8;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 34px;
  margin-top: 130px;
  margin-left: 340px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn.svg);
    background-size: 10%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia:hover{
  color: #d7f7fd;
  background-size: 11%;
  }

          .zocalo_tranios_3 {
  width: 100%;
  height: 170px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_3.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: -15px;
    } 

      a.zocalo_historia_rojo{
    display: inline-block; 
  width: 40%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 16px;
  text-decoration: none;
  color: red;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 30px;
  margin-top: 130px;
  margin-left: 340px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn_rojo.svg);
    background-size: 10%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia_rojo:hover{
  color: #0B0146;
  background-size: 11%;
  }

  


.seccionint_plus {
width: 85%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
margin-top: 50px;
}

.contenedor_mail{width: 80%; padding:20px;margin-right:10%;margin-left:10%;}

.cincuentaiconotitulo4{
width: 14%;
height: 60px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_mensaje.svg);
    background-size: 100%;

}

.cincuentaiconotitulo3{
width: 14%;
height: 60px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_contacto.svg);
    background-size: 96%;

}

.cincuentatitulo3{
width: 80%;
height: auto;
color:#000;
font-size: 30px;
margin-top: 0px;
margin-bottom: 20px;
font-weight: 400;   
text-align: left;
margin-left: 0%;
line-height: 120%;
}

.cincuentatex3{
    width: 80%;
    height: auto;
color:#808283;
font-size: 21px;
font-weight: 300;   
    text-align: left;
    background: transparent;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 10%;
    margin-bottom: 10px;
    padding-right: 0px;
    padding-top: 0px;
    line-height: 120%; 
}

.redes{
  width: 40%;
  height: 50px;
  background-color: transparent;
  text-align: right;
  margin-top: 0px;
  margin-left: 50%
}

a.redes_contac{
    background-position: center center;
    display: block;
    width: 33%;
    height: 50px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-size: 50%;
    margin-left: 0%;
    margin-right: 0%;
    -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
}

a.redes_contac:hover{
    background-size: 60%;
   
}

.prueba_contac{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.icon_contac{
    background-position: center center;
    display: block;
    width: 10%;
    height: 60px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
   
    background-size: 80%;
    margin-left: 0%;
    margin-right: 2%;
}



.prueba3_contac{
    width: 84%;
    height:auto;
    text-align: 0;
    font-size: 18px;
    background-color: ;
    margin-left: 0;
    margin-top: 0;
    color: #000;
    padding-top: 5px;
}

.pruebab_contac{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #00A69C;
    
}

.ubi_titulo {
  width: 72%;
  height: 60px;
margin-left: 16%;
background-color: transparent;
margin-bottom: 0px;
}

.ubi_iconotitulo{
width: 10%;
height: 60px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_ubicacion.svg);
    background-size: 100%;
}

.ubi_titulotext{
width: 90%;
height: auto;
color:#000;
font-size: 30px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 400;   
text-align: left;
margin-left: 0%;
line-height: 120%;
background-color: transparent;
}

.ubi_map {
  width: 68%;
  height: 260px;
margin-left: 16%;
background-color: transparent;
margin-bottom: 40px;
}

/* OK */
.botonenv_contac{
  display: inline-block; 

  height: 35px;
  background-color: #00A69C;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 10px;
  border-radius: 5px;
  margin-top: 0px;
}

.botonenv_contac:hover{
background-color: #0D90FC;
  color: #fff;
} 

h7{
  font-weight: 700;
}

h8{
  font-weight: 500;
}

.servicios_area_boton {
  width: 33.3%;
  height: auto;
  background-color: transparent;
 }

 a.servicios_montaje{
  display: inline-block; 
  width: 95%;
  margin-left: 2.5%;
  height: 180px;
  background-color: #0071BC;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 136px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion.svg);
    background-size: 85%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_montaje:hover{
  background-color: red;
  background-size: 90%;
  }

  a.servicios_reparacion{
  display: inline-block; 
  width: 95%;
  margin-left: 2.5%;
  height: 180px;
  background-color: #0071BC;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 136px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion.svg);
    background-size: 85%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_reparacion:hover{
  background-color: red;
  background-size: 90%;
  }

  a.servicios_habilitacion{
  display: inline-block; 
  width: 95%;
  margin-left: 2.5%;
  height: 180px;
  background-color: #0071BC;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 136px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion.svg);
    background-size: 85%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_habilitacion:hover{
  background-color: red;
  background-size: 90%;
  }					

	
	.botonn{
		width: 80%;
		height:145px;
		margin: 0 auto;
		background-color: transparent;
		text-align: center;
		margin-top: 50px;
}

/* OK */
a.btnseccioninicio1{
  display: inline-block; 
  width: 23%;
  height: 45px;
  background-color: #0071BC;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 12px;
  padding-bottom: 10px;
  border-radius: 5px;
  }

a.btnseccioninicio1:hover {
  background-color: #29ABE2;
  color: #fff;
  }


 /* OK */
a.btnseccioninicio{
  display: inline-block; 
  width: 19%;
  height: 45px;
  background-color: #0B0146;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 12px;
  padding-bottom: 10px;
  border-radius: 5px;
  }

a.btnseccioninicio:hover {
  background-color: red;
  color: #fff;
  } 




footer{
width: 100%;
height: 100px;
padding-top: 5px;
}


.footer_a{
	width: 100%;
	height: 60px;
	margin: 0 auto;
	margin-top: 0px;
}

.footer_b{
	width: 25%;
	height: 60px;
	background-color: transparent;
	margin: 0 auto;
	
	color: #fff;
	font-size: 12px;
	line-height: 80%;
  margin-right: 0%;
}

.footer_b img{
	width: 75%;	
}


.footer_c{
	width: 25%;
	height: 60px;
	background-color: transparent;
	margin: 0 auto;
	font-size: 12px;
  text-align: center;
	}

.footer_c img{
	width: 23%;	
}

.footer_d{
 width: 25%;
  height: 60px;
  background-color: transparent;
  margin: 0 auto;
  font-size: 12px;
  text-align: center;
}

.footer_d img{
  width: 23%; 
}

 .botoncerrarmodal{
  display: inline-block;
  width: 30px; 
  height: 30px;
  background-color: #0B0146;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 2px;
  padding-left: 7px;
  padding-bottom: 5px;
  border-radius: 5px;
  margin-top: 0px;
}

.botoncerrarmodal:hover{
background-color: red;
  color: #fff;
}

.logo_modal{
width: 100%;
height: 80px;
text-align: right;
margin-top: 5%;
margin-bottom: 50px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/logo-mia.svg);
    background-size: 36%;
    background-position: center; 
}

.h662 {
   width: 100%;
height: auto;
color:#4d4d4d;
font-size: 24px;
margin-top: 0px;
margin-bottom: 30px;
font-weight: 500;   
text-align: center;
margin-left: 0%;
}

.h663 {
   width: 100%;
height: auto;
color:#4d4d4d;
font-size: 36px;
margin-top: 0px;
margin-bottom: 30px;
font-weight: 400;   
text-align: center;
margin-left: 0%;
}

.textogris{
width: 80%;
margin-left: 10%;
height: auto;
color:#4d4d4d;
font-size: 16px;
margin-top: 1px;
margin-bottom: 20px;
font-weight: 400;   
text-align: left;
}

.botoncerrarmodal2{
  display: inline-block; 

  height: 40px;
  background-color: #0B0146;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 7px;
  padding-bottom: 10px;
  border-radius: 5px;
  margin-top: 20px;
}

.botoncerrarmodal2:hover{
background-color: red;
  color: #fff;
}

.icono_modal_fabricacion{
width: 100%;
height: 120px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/fabricacion-modal.svg);
    background-size: 36%;
    background-position: center;
}

.icono_modal_reparacion{
width: 100%;
height: 120px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/reparacion-modal.svg);
    background-size: 36%;
    background-position: center;
}

.icono_modal_habilitacion{
width: 100%;
height: 120px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/habilitacion-modal.svg);
    background-size: 36%;
    background-position: center;
}

  .producto2 {
    position: relative;
    width: 24%;
    height: 174px;
    background-color:black;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1.5%;
}

.producto2:hover .imageprod {
  opacity: 0.1;
}

.producto2:hover .middleprod {
  opacity: 1;
}

/* OK */
  .espaciozocalo{
    width: 80%;
    height:160px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 30px;
}

/* OK */
  .espaciozocalo img{
    width: 50%;
    margin-top: 10px;
}

/* OK SADAM */

 .mapaindex{
width: 60%;
background: rgba(250, 250, 250, 0.5);
position: relative;
overflow: hidden;
margin-right: 2%;
}

.datosindex{
width: 38%;
height: auto;
background-color: transparent;
padding: 0px;
}

.datosindex_indi{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 0px;
    padding-bottom: 0px;
    
}

.bloke_datos_index{
    background-position: top center;
    display: block;
    width: 10%;
    height: 38px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-size: 90%;
    margin-left: 0%;
    margin-right: 2%;
}

.icon_ubicacion_index {
background-image: url(../img/ubicacion.svg);
}

.icon_tel_index {
background-image: url(../img/tel.svg);
} 

.icon_wsp_index {
background-image: url(../img/whats.svg);
} 

.icon_mail_index {
background-image: url(../img/mail.svg);
}   

.texto_datos_index{
    width: 88%;
    height:auto;
    text-align: 0;
    font-size: 16px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: #fff;
    padding-top: 0px;
}

a.btn_wsp1{
  width: 10%;
  height: 58px;
  background-size: 120%;
  }

a.btn_news{
  width: 10%;
  height: 58px;
  background-size: 80%;
  }

.footer_w{
  width: 100%;
  height: 55px;
  background-color: #0D90FC;
  }

.footer_x{
  width: 100%;
  height: 55px;
  background-color: #0D90FC;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 0%;
  padding-top: 10px;
}

.footer_xb{
  width: 68%;
  height: 24px;
  background-color: transparent;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
  line-height: 80%;
  margin-right: 0%;
  margin-left: 2%;
  padding-top: 10px;
  text-align: left;
}

.footer_xc{
  width: 26%;
  height: 40px;
  background-color: transparent;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
  line-height: 80%;
  margin-right: 0%;
  margin-left: 0%;
  padding-top: 0px;
}

a.footer_xd_boton{
  display: inline-block; 
  width: 30%;
  margin-left: 2%;
  height: 36px;
  background-color:transparent;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 50%;
  background-position: center center;
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
  }

a.footer_xd_instagram{
background-image: url(../img/instagram-bco.svg);
}

a.footer_xd_facebook{
background-image: url(../img/facebook-bco.svg);
}

a.footer_xd_twitter{
background-image: url(../img/twitter-bco.svg);
}

a.footer_xd_boton:hover{
  background-color: transparent;
  background-size: 62%;
  }

 .autori_todos {
 width: 80%;
 height: auto;
 margin-left: 10%;
}

.autori_cuadros {
 position: relative;
  overflow: hidden;
  margin: 1%;
  min-width: 23%;
  max-width: 23%;
  width: 100%;
  color: #ffffff;
  text-align: center;
  margin-top: 10px;
}

.autori_cuadros img {
  max-width: 100%;
  vertical-align: top;
}

.autori_nombre {
 position: relative;
  overflow: hidden;
width: 100%;
  height: 70px;
   color: #000;
   font-size: 13px;
  text-align: center;
  line-height: 120%;
  background-color: transparent;
}

/* OK SADAM */
.secciontexto_simple{
  width: 90%;
  height: auto;
  color: dimgray;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: 5%;
}

.imgagenes_insti{
  width: 90%;
  height: auto;
  margin-left: 5%;
}

.img_insti{
  width: 31%;
  height: auto;
  background-color: pink;
  margin: 1%;
}

/* OK SADAM PROG. EVENTOS*/
.onceavo_tit{
color: #1D71B8;
font-weight: 600; 
font-size: 20px;
line-height: 120%;
}

.decimo_subtit{
color: #3FA9F5;
font-weight: 600; 
font-size: 28px;
line-height: 120%;
}

.curso_tit{
color: #266099;
font-weight: 600; 
font-size: 22px;
line-height: 120%;
}

.curso_subtit{
color: #DC5F60;
font-weight: 600; 
font-size: 30px;
line-height: 120%;
}

.titulo{
color: #266099;
font-weight: 600; 
font-size: 22px;
}

.titulo_fact{
color: #00a59b;
font-weight: 600; 
font-size: 22px;
}

.titulo_avanz_fact{
color: #1399D6;
font-weight: 600; 
font-size: 22px;
}

.destacado{
font-weight: 600; 
font-size: 22px;
text-align: center;
}

a.links_finales {
color: red;
font-weight: 600; 
font-size: 20px;
text-decoration-line: none;
}

a.links_finales:hover{
color: #2b8bff;
font-weight: 600; 
font-size: 20px;
}

.titulo2{
font-weight: 600; 
font-size: 22px;
}

.titulo_nar{
color: #EA4522;
font-weight: 600; 
font-size: 22px;
}

.titulo_azul{
color: #0D90FC;
font-weight: 600; 
font-size: 22px;
}

.subtitulo{

font-weight: 600;
font-size: 20px; 
}

.subtitulo2{

font-weight: 600;
font-size: 26px; 
}

a.www{
color: #00A6FD; 
font-weight: 600;
text-decoration: none;
font-size: 20px;
}

a.www:hover{
color: #266099;
  }

 a.www2{
color: #115671; 
font-weight: 600;
text-decoration: none;
font-size: 18px;
}

a.www2:hover{
color:  #115671;
  } 

a.www3{
color: #9f1920; 
font-weight: 600;
text-decoration: none;
font-size: 18px;
}

a.www3:hover{
  background-color: #9f1920;
color:  #f9dc1e;
  } 

a.www4{
color: #fff; 
font-weight: 600;
text-decoration: none;
font-size: 18px;
}

a.www4:hover{
  background-color: #ec2273;
color:  #fff;
  }   

/* OK SADAM */
.seccion_eventos{
  width: 90%;
  height: auto;
  margin-left: 5%;
  font-size: 16px;
}

/* OK SADAM */
.seccion_eventos3{
  width: 90%;
  height: auto;
  margin-left: 5%;
  font-size: 15px;
}

.img_logo_auspi{
width: 32%;
height: auto;
 }

  .img_logo_auspi_m_exp{
width: 100%;
height: auto;
 }

.img_logo_auspi_m_exp img{
width: 30%;
 }

 .titulo_anio_webinars{
font-size: 22px;  
font-weight: 600;
color: #0D90FC;
margin-top: 80px;
margin-bottom: 10px;
margin-left: 1%;
}

 /* OK SADAM */
.boton_webinars{
    display: inline-block; 
    height: auto;
    background-color: #0D90FC;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
    
    font-weight: 600;
    
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #fff;
    padding: 8px 13px 8px 13px;
    border: 0px solid red;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    margin-left: 1%;
}
.boton_webinars:hover{
background-color: #00A69C;
color: #fff;
}

/* FIN PROG. EVENTOS */

 /* -------- */
																							
}

@media(min-width:768px) {
	

    header .intro-text {
        padding-top: 300px;
        padding-bottom: 200px;
    }

    header .intro-text .intro-lead-in {
        margin-bottom: 25px;
        
        font-size: 40px;
        font-style: italic;
        line-height: 40px;
    }

    header .intro-text .intro-heading {
        margin-bottom: 50px;
        text-transform: uppercase;
        
        font-size: 50px;
        font-weight: 700;
        line-height: 75px;
    }
}

section {
	padding: 0px 0;
	background-color:;
}

section h2.section-heading {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 40px;
	font-weight:500;
	color:#0099FF;
}

section h3.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    font-weight:500;
    font-size: 18px;

    font-weight: 400;
}

@media(min-width:768px) {
	
					
		header .intro-text {
    padding-top: 150px;
    padding-bottom: 50px;
}
	
    section {
        padding: 0px 0;
    }
}

.service-heading {
    margin: 15px 0;
    text-transform: none;
}

#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,153,255,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
    background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
    margin: 0;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
}

#portfolio * {
    z-index: 2;
}

@media(min-width:767px) {



    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}

.timeline {
    position: relative;
    padding: 0;
    list-style: none;
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    background-color: #f1f1f1;
}

.timeline>li {
    position: relative;
    margin-bottom: 50px;
    min-height: 50px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li .timeline-panel {
    float: right;
    position: relative;
    width: 100%;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    margin-left: 0;
    
    
    text-align: center;
    color: #fff;
    
}

.timeline>li .timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h4 {
    margin-top: 0;
    color: inherit;
}

.timeline .timeline-heading h4.subheading {
    text-transform: none;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
}



																										@media(min-width:763px) {
																										.inicio_media {}
.info_bars{
  width: 43%;
  height: 30px;
  font-size: 0;
  color: #fff;
  background-color:transparent;
  position: absolute;
  right: 20px;
}

.cabezaindex{
width: 100%;
height: auto;
margin: 0 auto;
background: #f73208;
position: relative;
margin-bottom: 0px;
}


.abajoindex {
width: 100%;
height: auto;
background: #ccc;
position: relative;
margin-top: 110px;
}



.imgtop_servicios {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 260px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/servicios.jpg);
}

.imgtop_historia {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 260px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/historia.jpg);
}

.imgtop_clientes {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 260px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/clientes.jpg);
}

.imgtop_productos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 260px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/productos.jpg);
}

.imgtop_contactos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 260px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/contactos.jpg);
}




.seccionint {
width: 85%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
}

/* OK SADAM*/
.secciontitulo{
  font-size: 38px;
}

/* OK SADAM*/
.seccion_subtitulo{
  font-size: 34px;
  }

  /* OK SADAM */
.seccion_tex_adicional{
  width: 100%;
  height: auto;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%; 
  text-align: center;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}

  /* OK SADAM */
.seccion_sub_subtitulo{
  width: 100%;
  height: auto;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%; 
  text-align: center;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}


.secciontexto{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 16px;
  text-align: justify;
  background-color: transparent;
  margin-bottom: 80px;
}

.secciontexto2{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 16px;
  text-align: justify;
  background-color: transparent;
  margin-bottom: 40px;
}

.clientes_logos{
  width: 90%;
  height: auto;
  background-color: #fff;
  margin-bottom: 0px;
  margin-left: 5%;
}

.clientes_sub{
  width: 80%;
  height: auto;
  color: #0071bc;
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 40px;
  margin-left: 10%;
}

.clientes_logos1{
  width: 16%;
  height: 120px;
  background-color: transparent;
  margin-left: 2%;
  margin-right: 2%;
  font-size: 16px;
  color: #2a2d31;
  text-align: center;
  margin-bottom: 20px; 
}

.clientes_logos1 img{
  width: 100%;
}

 .servicios_area {
  width: 100%;
  height: auto;
  background-color: transparent;
  margin-bottom: 30px;
 }

  .servicios_fabricacion_img{
  display: inline-block; 
  width: 7%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

  .servicios_reparacion_img{
  display: inline-block; 
  width: 7%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

  .servicios_habilitacion_img{
  display: inline-block; 
  width: 7%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

.servicios_titulo{
  width: 90%;
  height: 60px;
  font-size: 26px;
  color: #0071bc;
   font-weight: 700;
   padding-top: 8px;
   background-color: transparent;
}

.servicios_textos{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 16px;
  text-align: left;
  background-color: transparent;
  margin-left: 0%;
  margin-top: 10px;
}



.seccionint_plus {
width: 85%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
margin-top: 50px;
}

.contenedor_mail{width: 42%; padding:20px;margin-right:auto;margin-left:auto;}

.cincuentaiconotitulo4{
width: 18%;
height: 40px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_mensaje.svg);
    background-size: 100%;

}

.cincuentatitulo3{
width: 80%;
height: auto;
color:#000;
font-size: 24px;
margin-top: 0px;
margin-bottom: 20px;
font-weight: 400;   
text-align: left;
margin-left: 0%;
line-height: 120%;
}

.cincuentatex3{
    width: 54%;
    height: auto;
color:#808283;
font-size: 21px;
font-weight: 300;   
    text-align: left;
    background: transparent;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 4%;
    margin-bottom: 50px;
    padding-right: 0px;
    padding-top: 0px;
    line-height: 120%; 
}

.cincuentaiconotitulo3{
width: 14%;
height: 40px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_contacto.svg);
    background-size: 96%;

}

.redes{
  width: 28%;
  height: 50px;
  background-color: transparent;
  text-align: right;
  margin-top: 0px;
  margin-left: 66%
}

a.redes_contac{
    background-position: center center;
    display: block;
    width: 28%;
    height: 50px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-size: 76%;
    margin-left: 2%;
    margin-right: 2%;
    -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
}

a.redes_contac:hover{
    background-size: 90%;
   
}

.face_contac{
    background-position: center center;
    display: block;
    width: 16%;
    height: 50px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/facebook.svg);
    background-size: 100%;
    margin-left: 2%;
    margin-right: 0%;
}

.prueba_contac{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.icon_contac{
    background-position: center center;
    display: block;
    width: 10%;
    height: 60px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    
    background-size: 90%;
    margin-left: 0%;
    margin-right: 2%;
}


.prueba3_contac{
    width: 84%;
    height:auto;
    text-align: 0;
    font-size: 15px;
    background-color: ;
    margin-left: 0;
    margin-top: 0;
    color: #000;
    padding-top: 5px;
}

.pruebab_contac{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #00A69C;
    
}

.mail_contac{
    background-position: center center;
    display: block;
    width: 10%;
    height: 60px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/m_mail.svg);
    background-size: 90%;
    margin-left: 0%;
    margin-right: 2%;
}

.direc_contac{
    background-position: center center;
    display: block;
    width: 10%;
    height: 60px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/m_direc.svg);
    background-size: 90%;
    margin-left: 0%;
    margin-right: 2%;
}

.ubi_titulo {
  width: 84%;
  height: 60px;
margin-left: 8%;
background-color: transparent;
margin-bottom: 0px;
}

.ubi_iconotitulo{
width: 6%;
height: 40px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_ubicacion.svg);
    background-size: 100%;
}

.ubi_titulotext{
width: 90%;
height: auto;
color:#000;
font-size: 24px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 400;   
text-align: left;
margin-left: 0%;
line-height: 120%;
background-color: transparent;
}

.ubi_map {
  width: 84%;
  height: 300px;
margin-left: 8%;
background-color: transparent;
margin-bottom: 50px;
}

h7{
  font-weight: 700;
}

h8{
  font-weight: 500;
}

/* OK */
.botonenv_contac{
  display: inline-block; 

  height: 35px;
  background-color: #00A69C;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 10px;
  border-radius: 5px;
  margin-top: 0px;
}

.botonenv_contac:hover{
background-color: #0D90FC;
  color: #fff;
} 

	
	.botonn{
		width: 80%;
		height:105px;
		margin: 0 auto;
		background-color: transparent;
		text-align: center;
		margin-top: 50px;
}

/* OK */
a.btnseccioninicio1{
  display: inline-block; 
  width: 23%;
  height: 45px;
  background-color: #0071BC;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 9px;
  padding-bottom: 10px;
  border-radius: 5px;
  }

a.btnseccioninicio1:hover {
  background-color: #29ABE2;
  color: #fff;
  }


 /* OK */
a.btnseccioninicio{
  display: inline-block; 
  width: 19%;
  height: 45px;
  background-color: #0B0146;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 9px;
  padding-bottom: 10px;
  border-radius: 5px;
  }

a.btnseccioninicio:hover {
  background-color: red;
  color: #fff;
  } 


.servicios_area_boton {
  width: 33.3%;
  height: auto;
  background-color: transparent;
 }

 a.servicios_montaje{
  display: inline-block; 
  width: 90%;
  margin-left: 5%;
  height: 200px;
  background-color: #0071BC;
  text-align: center;
  font-size: 22px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 150px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion.svg);
    background-size: 90%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_montaje:hover{
  background-color: red;
  background-size: 95%;
  }

  a.servicios_reparacion{
  display: inline-block; 
  width: 90%;
  margin-left: 5%;
  height: 200px;
  background-color: #0071BC;
  text-align: center;
  font-size: 22px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 150px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion.svg);
    background-size: 90%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_reparacion:hover{
  background-color: red;
  background-size: 95%;
  }

  a.servicios_habilitacion{
  display: inline-block; 
  width: 90%;
  margin-left: 5%;
  height: 200px;
  background-color: #0071BC;
  text-align: center;
  font-size: 22px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 150px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion.svg);
    background-size: 90%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_habilitacion:hover{
  background-color: red;
  background-size: 95%;
  }

  /* OK */
.seccionint_tres_botones {
width: 100%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
}

a.botongrande_productos{
  display: inline-block; 
  width: 33.3%;
  height: 220px;
  background-color: #0071BC;
  text-align: center;
  font-size: 26px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 140px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/productos_home.svg);
    background-size: 30%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_productos:hover{
  background-color: red;
  background-size: 34%;
  }

a.botongrande_servicios {
  display: inline-block; 
  width: 33.3%;
  height: 220px;
  background-color: #29ABE2;
  text-align: center;
  font-size: 26px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 140px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/servicios_home.svg);
    background-size: 30%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_servicios:hover{
  background-color: red;
  background-size: 34%;
  }

a.botongrande_historia{
  display: inline-block; 
  width: 33.3%;
  height: 220px;
  background-color: #0071BC;
  text-align: center;
  font-size: 26px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 140px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_home.svg);
    background-size: 30%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_historia:hover{
  background-color: red;
  background-size: 34%;
  }

  .producto {
    position: relative;
    width: 32.3%;
    height: 280px;
    background-color:#000;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1.5%;
}

.imageprod {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middleprod {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: left;  
width: 80%;
}

.producto:hover .imageprod {
  opacity: 0.3;
}

.producto:hover .middleprod {
  opacity: 1;
}

.textprod {
  width: 100%;
  background-color: transparent;
  color: white;
  font-size: 16px;
  padding: 1px 1px;
  }

    .zocalo{
    width: 100%;
    height:50px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    margin-top: 50px;
  }

    .zocalo2{
    width: 100%;
    height:10px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    margin-top: 50px;
  }

   .zocalo_tranios {
  width: 100%;
  height: 200px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: -15px;
    }

          .zocalo_tranios_2 {
  width: 100%;
  height: 180px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_2.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: -15px;
    }

      a.zocalo_historia{
    display: inline-block; 
  width: 36%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 18px;
  text-decoration: none;
  color: #2fd5f8;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 34px;
  margin-top: 150px;
  margin-left: 430px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn.svg);
    background-size: 10%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia:hover{
  color: #d7f7fd;
  background-size: 11%;
  }

          .zocalo_tranios_3 {
  width: 100%;
  height: 205px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_3.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: -15px;
    } 

      a.zocalo_historia_rojo{
    display: inline-block; 
  width: 36%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 18px;
  text-decoration: none;
  color: red;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 34px;
  margin-top: 160px;
  margin-left: 430px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn_rojo.svg);
    background-size: 10%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia_rojo:hover{
  color: #0B0146;
  background-size: 11%;
  }


a.btn_wsp1{
  width: 9%;
  height: 62px;
  background-size: 120%;
  }

a.btn_news{
  width: 9%;
  height: 62px;
  background-size: 80%;
  }


footer{
width: 100%;
height: 120px;
padding-top: 0px;
background-color: #fff;
}


.footer_a{
	width: 100%;
	height: 90px;
	margin: 0 auto;
	margin-top: 0px;
}

.footer_b{
	width: 25%;
	height: 90px;
	background-color: transparent;
	margin: 0 auto;
	
	color: #fff;
	font-size: 16px;
	line-height: 80%;
}

.footer_b img{
	width: 60%;	
}


.footer_c{
	width: 25%;
	height: 90px;
	background-color: transparent;
	margin: 0 auto;
	font-size: 14px;
}

.footer_c img{
	width: 21%;	
}

.footer_d{
 width: 25%;
  height: 90px;
  background-color: transparent;
  margin: 0 auto;
  font-size: 14px;
}

.footer_d img{
  width: 24%; 
}

.footer_w{
  width: 100%;
  height: 70px;
  background-color: #0D90FC;
  margin: 0 auto;
  margin-top: 0px;
  margin-left: 0%;
}

.footer_x{
  width: 90%;
  height: 70px;
  background-color: #0D90FC;
  margin: 0 auto;
  margin-top: 5px;
  margin-left: 5%;
  padding-top: 10px;
}

.footer_xb{
  width: 74%;
  height: 24px;
  background-color: transparent;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
  line-height: 80%;
  margin-right: 0%;
  margin-left: 0%;
  padding-top: 10px;
  text-align: left;
}

.footer_xc{
  width: 26%;
  height: 40px;
  background-color: transparent;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
  line-height: 80%;
  margin-right: 0%;
  margin-left: 0%;
  padding-top: 0px;
}

a.footer_xd_boton{
  display: inline-block; 
  width: 30%;
  margin-left: 2%;
  height: 50px;
  background-color:transparent;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 48%;
  background-position: center center;
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
  }

a.footer_xd_instagram{
background-image: url(../img/instagram-bco.svg);
}

a.footer_xd_facebook{
background-image: url(../img/facebook-bco.svg);
}

a.footer_xd_twitter{
background-image: url(../img/twitter-bco.svg);
}

a.footer_xd_boton:hover{
  background-color: transparent;
  background-size: 56%;
  }

 .botoncerrarmodal{
  display: inline-block;
  width: 30px; 
  height: 30px;
  background-color: #0B0146;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 2px;
  padding-left: 7px;
  padding-bottom: 5px;
  border-radius: 5px;
  margin-top: 0px;
}

.botoncerrarmodal:hover{
background-color: red;
  color: #fff;
}

.logo_modal{
width: 100%;
height: 80px;
text-align: right;
margin-top: 5%;
margin-bottom: 50px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/logo-mia.svg);
    background-size: 30%;
    background-position: center; 
}

.h662 {
   width: 100%;
height: auto;
color:#4d4d4d;
font-size: 26px;
margin-top: 0px;
margin-bottom: 30px;
font-weight: 500;   
text-align: center;
margin-left: 0%;
}

.h663 {
   width: 100%;
height: auto;
color:#4d4d4d;
font-size: 36px;
margin-top: 0px;
margin-bottom: 30px;
font-weight: 400;   
text-align: center;
margin-left: 0%;
}

.textogris{
width: 80%;
margin-left: 10%;
height: auto;
color:#4d4d4d;
font-size: 18px;
margin-top: 1px;
margin-bottom: 20px;
font-weight: 400;   
text-align: left;
}

.botoncerrarmodal2{
  display: inline-block; 

  height: 40px;
  background-color: #0B0146;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 7px;
  padding-bottom: 10px;
  border-radius: 5px;
  margin-top: 30px;
}

.botoncerrarmodal2:hover{
background-color: red;
  color: #fff;
}

.icono_modal_fabricacion{
width: 100%;
height: 150px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/fabricacion-modal.svg);
    background-size: 32%;
    background-position: center;
}

.icono_modal_reparacion{
width: 100%;
height: 150px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/reparacion-modal.svg);
    background-size: 32%;
    background-position: center;
}

.icono_modal_habilitacion{
width: 100%;
height: 150px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/habilitacion-modal.svg);
    background-size: 32%;
    background-position: center;
}

  .producto2 {
    position: relative;
    width: 24%;
    height: 210px;
    background-color:black;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1.5%;
}

.producto2:hover .imageprod {
  opacity: 0.1;
}

.producto2:hover .middleprod {
  opacity: 1;
}

/* OK */
  .espaciozocalo{
    width: 70%;
    height:160px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 50px;
}

/* OK */
  .espaciozocalo img{
    width: 54%;
    margin-top: 10px;
}

.mapa1_covid19 {
 width: 48%;
 height: auto;
 background-color: transparent;
 margin-left: 1%;
 margin-right: 1%;
}

.img_logo_auspi{
width: 28%;
height: auto;
 }

   .img_logo_auspi_m_exp{
width: 100%;
height: auto;
 }

.img_logo_auspi_m_exp img{
width: 30%;
 }

}

                                                    @media(min-width:987px) {
                                                    .inicio_media {}
.info_bars{
  width: 34%;
  height: 30px;
  font-size: 0;
  color: #fff;
  background-color:transparent;
  position: absolute;
  right: 20px;
}

.imgtop_historia {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 280px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/historia.jpg);
}

.imgtop_clientes {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 280px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/clientes.jpg);
}

.imgtop_productos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 280px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/productos.jpg);
}

.imgtop_servicios {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 280px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/servicios.jpg);
}

.imgtop_contactos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 280px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/contactos.jpg);
}

/* OK SADAM*/
.secciontitulo{
  font-size: 36px;
}

/* OK SADAM*/
.seccion_subtitulo{
  font-size: 32px;
  }

/* OK SADAM */
.seccion_tex_adicional{
  width: 100%;
  height: auto;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%; 
  text-align: center;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}

  /* OK SADAM */
.seccion_sub_subtitulo{
  width: 100%;
  height: auto;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%; 
  text-align: center;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}


.secciontexto{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 16px;
  text-align: justify;
  background-color: transparent;
  margin-bottom: 80px;
}

.secciontexto2{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 16px;
  text-align: justify;
  background-color: transparent;
  margin-bottom: 40px;
}

.clientes_logos{
  width: 90%;
  height: auto;
  background-color: #fff;
  margin-bottom: 20px;
  margin-left: 5%;
}

.clientes_sub{
  width: 80%;
  height: auto;
  color: #0071bc;
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 40px;
  margin-left: 10%;
}

.clientes_logos1{
  width: 16%;
  height: 120px;
  background-color: transparent;
  margin-left: 2%;
  margin-right: 2%;
  font-size: 16px;
  color: #2a2d31;
  text-align: center;
  margin-bottom: 20px; 
}

.clientes_logos1 img{
  width: 100%;
}

.servicios_area_boton {
  width: 33.3%;
  height: auto;
  background-color: transparent;
 }

 a.servicios_montaje{
  display: inline-block; 
  width: 80%;
  margin-left: 10%;
  height: 220px;
  background-color: #0071BC;
  text-align: center;
  font-size: 22px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 170px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion.svg);
    background-size: 90%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_montaje:hover{
  background-color: red;
  background-size: 95%;
  }

  a.servicios_reparacion{
  display: inline-block; 
  width: 80%;
  margin-left: 10%;
  height: 220px;
  background-color: #0071BC;
  text-align: center;
  font-size: 22px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 170px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion.svg);
    background-size: 90%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_reparacion:hover{
  background-color: red;
  background-size: 95%;
  }

  a.servicios_habilitacion{
  display: inline-block; 
  width: 80%;
  margin-left: 10%;
  height: 220px;
  background-color: #0071BC;
  text-align: center;
  font-size: 22px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 170px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion.svg);
    background-size: 90%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_habilitacion:hover{
  background-color: red;
  background-size: 95%;
  }

/* OK */
.seccionint_tres_botones {
width: 100%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
}

a.botongrande_productos{
  display: inline-block; 
  width: 33.3%;
  height: 300px;
  background-color: #0071BC;
  text-align: center;
  font-size: 26px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 200px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/productos_home.svg);
    background-size: 30%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_productos:hover{
  background-color: red;
  background-size: 34%;
  }

a.botongrande_servicios {
  display: inline-block; 
  width: 33.3%;
  height: 300px;
  background-color: #29ABE2;
  text-align: center;
  font-size: 26px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 200px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/servicios_home.svg);
    background-size: 30%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_servicios:hover{
  background-color: red;
  background-size: 34%;
  }

a.botongrande_historia{
  display: inline-block; 
  width: 33.3%;
  height: 300px;
  background-color: #0071BC;
  text-align: center;
  font-size: 26px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 200px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_home.svg);
    background-size: 30%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_historia:hover{
  background-color: red;
  background-size: 34%;
  }

  .producto {
    position: relative;
    width: 32.3%;
    height: 360px;
    background-color:#000;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1.5%;
}

.imageprod {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middleprod {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: left;  
width: 80%;
}

.producto:hover .imageprod {
  opacity: 0.3;
}

.producto:hover .middleprod {
  opacity: 1;
}

.textprod {
  width: 100%;
  background-color: transparent;
  color: white;
  font-size: 16px;
  padding: 1px 1px;
  }

    .zocalo{
    width: 100%;
    height:50px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    margin-top: 50px;
  }


.seccionint_plus {
width: 85%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
margin-top: 50px;
}

.contenedor_mail{width: 50%; padding:20px;margin-right:auto;margin-left:auto;}

.cincuentaiconotitulo4{
width: 14%;
height: 40px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_mensaje.svg);
    background-size: 96%;

}

.cincuentatitulo3{
width: 80%;
height: auto;
color:#000;
font-size: 26px;
margin-top: 0px;
margin-bottom: 40px;
font-weight: 400;   
text-align: left;
margin-left: 0%;
line-height: 120%;
}

.cincuentatex3{
    width: 46%;
    height: auto;
color:#808283;
font-size: 21px;
font-weight: 300;   
    text-align: left;
    background: transparent;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 4%;
    margin-bottom: 50px;
    padding-right: 0px;
    padding-top: 0px;
    line-height: 120%; 
}

.cincuentaiconotitulo3{
width: 14%;
height: 80px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_contacto.svg);
    background-size: 96%;

}

.redes{
  width: 24%;
  height: 50px;
  background-color: transparent;
  text-align: right;
  margin-top: 0px;
  margin-left: 70%
}

a.redes_contac{
    background-position: center center;
    display: block;
    width: 28%;
    height: 50px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-size: 72%;
    margin-left: 2%;
    margin-right: 2%;
    -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
}

a.redes_contac:hover{
    background-size: 82%;
   
}

.prueba_contac{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.icon_contac{
    background-position: center center;
    display: block;
    width: 10%;
    height: 60px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    
    background-size: 90%;
    margin-left: 0%;
    margin-right: 2%;
}

.prueba3_contac{
    width: 84%;
    height:auto;
    text-align: 0;
    font-size: 16px;
    background-color: ;
    margin-left: 0;
    margin-top: 0;
    color: #000;
    padding-top: 5px;
}

.pruebab_contac{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #00A69C;
    
}

.mail_contac{
    background-position: center center;
    display: block;
    width: 10%;
    height: 60px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/m_mail.svg);
    background-size: 90%;
    margin-left: 0%;
    margin-right: 2%;
}

.direc_contac{
    background-position: center center;
    display: block;
    width: 10%;
    height: 60px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/m_direc.svg);
    background-size: 90%;
    margin-left: 0%;
    margin-right: 2%;
}

.ubi_titulo {
  width: 84%;
  height: 50px;
margin-left: 8%;
background-color: transparent;
margin-bottom: 0px;
}

.ubi_iconotitulo{
width: 6%;
height: 48px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_ubicacion.svg);
    background-size: 90%;
}

.ubi_titulotext{
width: 90%;
height: auto;
color:#000;
font-size: 26px;
margin-top: 0px;
margin-bottom: 10px;
font-weight: 400;   
text-align: left;
margin-left: 0%;
line-height: 120%;
background-color: transparent;
}

.ubi_map {
  width: 84%;
  height: 300px;
margin-left: 8%;
background-color: transparent;
margin-bottom: 40px;
}

h7{
  font-weight: 700;
}

h8{
  font-weight: 500;
}

/* OK */
.botonenv_contac{
  display: inline-block; 

  height: 35px;
  background-color: #00A69C;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 10px;
  border-radius: 5px;
  margin-top: 0px;
}

.botonenv_contac:hover{
background-color: #0D90FC;
  color: #fff;
} 

   .servicios_area {
  width: 100%;
  height: auto;
  background-color: transparent;
  margin-bottom: 30px;
 }

  .servicios_fabricacion_img{
  display: inline-block; 
  width: 7%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

  .servicios_reparacion_img{
  display: inline-block; 
  width: 7%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

  .servicios_habilitacion_img{
  display: inline-block; 
  width: 7%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

.servicios_titulo{
  width: 90%;
  height: 60px;
  font-size: 30px;
  color: #0071bc;
   font-weight: 700;
   padding-top: 8px;
   background-color: transparent;
}

.servicios_textos{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 18px;
  text-align: left;
  background-color: transparent;
  margin-left: 0%;
  margin-top: 10px;
}

  .zocalo_tranios {
  width: 100%;
  height: 230px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: 0px;
    }

      a.zocalo_historia{
    display: inline-block; 
  width: 30%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 18px;
  text-decoration: none;
  color: #2fd5f8;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 34px;
  margin-top: 190px;
  margin-left: 630px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn.svg);
    background-size: 10%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia:hover{
  color: #d7f7fd;
  background-size: 11%;
  }  

    .zocalo_tranios_2 {
  width: 100%;
  height: 230px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_2.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: -15px;
    }

          .zocalo_tranios_3 {
  width: 100%;
  height: 230px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_3.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: -15px;
    } 

      a.zocalo_historia_rojo{
    display: inline-block; 
  width: 30%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 18px;
  text-decoration: none;
  color: red;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 34px;
  margin-top: 190px;
  margin-left: 630px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn_rojo.svg);
    background-size: 10%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia_rojo:hover{
  color: #0B0146;
  background-size: 11%;
  }

  .botoncerrarmodal{
  display: inline-block;
  width: 30px; 
  height: 30px;
  background-color: #0B0146;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 2px;
  padding-left: 7px;
  padding-bottom: 5px;
  border-radius: 5px;
  margin-top: 0px;
}

.botoncerrarmodal:hover{
background-color: red;
  color: #fff;
}

.logo_modal{
width: 100%;
height: 80px;
text-align: right;
margin-top: 5%;
margin-bottom: 50px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/logo-mia.svg);
    background-size: 24%;
    background-position: center; 
}

.h662 {
   width: 100%;
height: auto;
color:#4d4d4d;
font-size: 28px;
margin-top: 0px;
margin-bottom: 30px;
font-weight: 500;   
text-align: center;
margin-left: 0%;
}

.h663 {
   width: 100%;
height: auto;
color:#4d4d4d;
font-size: 36px;
margin-top: 0px;
margin-bottom: 30px;
font-weight: 400;   
text-align: center;
margin-left: 0%;
}

.textogris{
width: 70%;
margin-left: 15%;
height: auto;
color:#4d4d4d;
font-size: 18px;
margin-top: 1px;
margin-bottom: 20px;
font-weight: 400;   
text-align: left;
}

.botoncerrarmodal2{
  display: inline-block; 

  height: 40px;
  background-color: #0B0146;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 7px;
  padding-bottom: 10px;
  border-radius: 5px;
  margin-top: 30px;
}

.botoncerrarmodal2:hover{
background-color: red;
  color: #fff;
} 

.icono_modal_fabricacion{
width: 100%;
height: 150px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/fabricacion-modal.svg);
    background-size: 28%;
    background-position: center;
}

.icono_modal_reparacion{
width: 100%;
height: 150px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/reparacion-modal.svg);
    background-size: 28%;
    background-position: center;
}

.icono_modal_habilitacion{
width: 100%;
height: 150px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/habilitacion-modal.svg);
    background-size: 28%;
    background-position: center;
}

  .producto2 {
    position: relative;
    width: 24%;
    height: 270px;
    background-color:black;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1.5%;
}

.producto2:hover .imageprod {
  opacity: 0.1;
}

.producto2:hover .middleprod {
  opacity: 1;
}

/* OK */
  .espaciozocalo{
    width: 48%;
    height:160px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 50px;
}

/* OK */
  .espaciozocalo img{
    width: 64%;
    margin-top: 10px;
}

/* OK SADAM */

.tituloenviesuconsulta{
    width: 100%;
    height: auto;
    color: #0D90FC;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    background: none;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
}

.mapaindex{
width: 70%;
background: rgba(250, 250, 250, 0.5);
position: relative;
overflow: hidden;
margin-right: 2%;
}

.datosindex{
width: 28%;
height: auto;
background-color: transparent;
padding: 0px;
}

.datosindex_indi{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 0px;
    padding-bottom: 0px;
    
}

.bloke_datos_index{
    background-position: top center;
    display: block;
    width: 10%;
    height: 38px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-size: 80%;
    margin-left: 0%;
    margin-right: 2%;
}

.icon_ubicacion_index {
background-image: url(../img/ubicacion.svg);
}

.icon_tel_index {
background-image: url(../img/tel.svg);
} 

.icon_wsp_index {
background-image: url(../img/whats.svg);
} 

.icon_mail_index {
background-image: url(../img/mail.svg);
}   

.texto_datos_index{
    width: 88%;
    height:auto;
    text-align: 0;
    font-size: 16px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: #fff;
    padding-top: 0px;
}

.footer_b{
  width: 25%;
  height: 90px;
  background-color: transparent;
  margin: 0 auto;
  
  color: #fff;
  font-size: 16px;
  line-height: 80%;
}

.footer_b img{
  width: 60%; 
}


.footer_c{
  width: 25%;
  height: 90px;
  background-color: transparent;
  margin: 0 auto;
  font-size: 16px;
}

.footer_c img{
  width: 21%; 
}

.footer_d{
 width: 25%;
  height: 90px;
  background-color: transparent;
  margin: 0 auto;
  font-size: 16px;
}

.footer_d img{
  width: 24%; 
}

.autori_todos {
 width: 80%;
 height: auto;
 margin-left: 10%;
}

.autori_cuadros {
 position: relative;
  overflow: hidden;
  margin: 1%;
  min-width: 18%;
  max-width: 18%;
  width: 100%;
  color: #ffffff;
  text-align: center;
  margin-top: 10px;
}

.autori_cuadros img {
  max-width: 100%;
  vertical-align: top;
}

.autori_nombre {
 position: relative;
  overflow: hidden;
width: 100%;
  height: 70px;
   color: #000;
   font-size: 14px;
  text-align: center;
  line-height: 120%;
  background-color: transparent;
}

.wspp_content{
    width: 0%;
    height:0px;
    padding-top: 0px;
    padding-bottom: 0px;
    }

a.btn_wsp1{
  width: 0%;
  height: 0px;
  background-size: 0%;
  }

a.btn_news{
  width: 6.5%;
  height: 60px;
  background-size: 80%;
  }

.boton_wsp_texto{
font-size: 0px;
}

.boton_nwes_texto{
font-size: 18px;
}

.img_link{
width: 100%;
height: auto; 
margin-top: 40px;
margin-bottom: 40px;
}

.img_link img{
 width: 90%;
 margin-left: 5%;
 }

 .img_logo_auspi{
width: 22%;
height: auto;
 }

    .img_logo_auspi_m_exp{
width: 100%;
height: auto;
 }

.img_logo_auspi_m_exp img{
width: 24%;
 }

 .titulo_anio_webinars{
font-size: 23px;  
font-weight: 600;
color: #0D90FC;
margin-top: 80px;
margin-bottom: 10px;
margin-left: 2.2%;
}

 /* OK SADAM */
.boton_webinars{
    display: inline-block; 
    height: auto;
    background-color: #0D90FC;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    
    font-weight: 600;
    
    border-radius: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
    padding: 8px 16px 8px 16px;
    border: 0px solid red;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    margin-left: 2.2%;
}
.boton_webinars:hover{
background-color: #00A69C;
color: #fff;
}

 /* -------- */

}
																							

																										@media(min-width:1024px) {
																										.inicio_media {}	

.navbar-default .nav li a {
    text-transform: none;
    font-weight: 700;
    letter-spacing: 0px;
    color: #4A2D1D;
  font-size:15px
  }

.info_bars{
  width: 35%;
  height: 30px;
  font-size: 0;
  color: #fff;
  background-color:transparent;
  position: absolute;
  right: 20px;
}

.tel2_info_bars{
  background-position: center right;
  display: block;
  width: 18%;
  height: 25px;
  /* height: 100vh; *//* If you want fullscreen */
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  overflow: hidden;
  background-image: url(../img/tel.svg);
  background-size: 90%;
  margin-left: 0%;
  margin-right: 2%;
  margin-top: 4px;
}

.mail2_info_bars{
    background-position: center right;
    display: block;
    width: 9%;
    height: 25px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/mail.svg);
    background-size: 91%;
    margin-left: 0%;
    margin-right: 1%;
    margin-top: 4px;
}

/* OK SADAM */
.secciontexto_simple{
  width: 90%;
  height: auto;
  color: dimgray;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: 5%;
}

/* OK */
.cabezaindex{
width: 100%;
height: auto;
margin: 0 auto;
background: #f73208;
position: relative;
margin-bottom: 0px;
}

/* OK */
.abajoindex {
width: 100%;
height: auto;
background: #ccc;
position: relative;
margin-top: 110px;
}





.imgtop_historia {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 300px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/historia.jpg);
}

.imgtop_clientes {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 300px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/clientes.jpg);
}

.imgtop_productos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 300px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/productos.jpg);
}

.imgtop_servicios {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 300px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/servicios.jpg);
}

.imgtop_contactos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 300px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/contactos.jpg);
}


/* OK */
.grisoscuro{
background-color:#4d4d4d;
}

/* OK */
.seccionint {
width: 85%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
}

/* OK */
.seccionint_tres_botones {
width: 100%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
}

a.botongrande_productos{
  display: inline-block; 
  width: 33.3%;
  height: 320px;
  background-color: #0071BC;
  text-align: center;
  font-size: 26px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 200px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/productos_home.svg);
    background-size: 30%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_productos:hover{
  background-color: red;
  background-size: 34%;
  }

a.botongrande_servicios {
  display: inline-block; 
  width: 33.3%;
  height: 320px;
  background-color: #29ABE2;
  text-align: center;
  font-size: 26px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 200px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/servicios_home.svg);
    background-size: 30%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_servicios:hover{
  background-color: red;
  background-size: 34%;
  }

a.botongrande_historia{
  display: inline-block; 
  width: 33.3%;
  height: 320px;
  background-color: #0071BC;
  text-align: center;
  font-size: 26px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding-top: 200px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 0%;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_home.svg);
    background-size: 30%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.botongrande_historia:hover{
  background-color: red;
  background-size: 34%;
  }

  .producto {
    position: relative;
    width: 32.3%;
    height: 370px;
    background-color:#000;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1.5%;
}

.imageprod {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middleprod {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: left;  
width: 80%;
}

.producto:hover .imageprod {
  opacity: 0.3;
}

.producto:hover .middleprod {
  opacity: 1;
}

.textprod {
  width: 100%;
  background-color: transparent;
  color: white;
  font-size: 16px;
  padding: 1px 1px;
  }

 



.secciontexto{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 16px;
  text-align: justify;
  background-color: transparent;
  margin-bottom: 80px;
}

.secciontexto2{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 16px;
  text-align: justify;
  background-color: transparent;
  margin-bottom: 40px;
}

.clientes_logos{
  width: 90%;
  height: auto;
  background-color: #fff;
  margin-bottom: 20px;
  margin-left: 5%;
}

.clientes_sub{
  width: 80%;
  height: auto;
  color: #0071bc;
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 40px;
  margin-left: 10%;
}

.clientes_logos1{
  width: 16%;
  height: 120px;
  background-color: transparent;
  margin-left: 2%;
  margin-right: 2%;
  font-size: 16px;
  color: #2a2d31;
  text-align: center;
  margin-bottom: 20px; 
}

.clientes_logos1 img{
  width: 100%;
}



.seccionint_plus {
width: 85%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
margin-top: 50px;
}

.contenedor_mail{width: 50%; padding:20px;margin-right:auto;margin-left:auto;}

.cincuentaiconotitulo4{
width: 14%;
height: 80px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_mensaje.svg);
    background-size: 96%;

}

.cincuentatitulo3{
width: 80%;
height: auto;
color:#000;
font-size: 34px;
margin-top: 0px;
margin-bottom: 40px;
font-weight: 400;   
text-align: left;
margin-left: 0%;
line-height: 120%;
}

.cincuentatex3{
    width: 46%;
    height: auto;
color:#808283;
font-size: 21px;
font-weight: 300;   
    text-align: left;
    background: transparent;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 4%;
    margin-bottom: 50px;
    padding-right: 0px;
    padding-top: 0px;
    line-height: 120%; 
}

.cincuentaiconotitulo3{
width: 14%;
height: 80px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_contacto.svg);
    background-size: 96%;

}

.redes{
  width: 20%;
  height: 50px;
  background-color: transparent;
  text-align: right;
  margin-top: 0px;
  margin-left: 74%
}

a.redes_contac{
    background-position: center center;
    display: block;
    width: 28%;
    height: 50px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-size: 80%;
    margin-left: 2%;
    margin-right: 2%;
    -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
}

a.redes_contac:hover{
    background-size: 90%;
   
}

.face_contac{
    background-position: center center;
    display: block;
    width: 13%;
    height: 50px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/facebook.svg);
    background-size: 100%;
    margin-left: 2%;
    margin-right: 0%;
}

.prueba_contac{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

.icon_contac{
    background-position: center center;
    display: block;
    width: 10%;
    height: 60px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    
    background-size: 90%;
    margin-left: 0%;
    margin-right: 2%;
}


.prueba3_contac{
    width: 84%;
    height:auto;
    text-align: 0;
    font-size: 16px;
    background-color: ;
    margin-left: 0;
    margin-top: 0;
    color: #000;
    padding-top: 5px;
}

.pruebab_contac{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #00A69C;
    
}

.mail_contac{
    background-position: center center;
    display: block;
    width: 10%;
    height: 60px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/m_mail.svg);
    background-size: 90%;
    margin-left: 0%;
    margin-right: 2%;
}

.direc_contac{
    background-position: center center;
    display: block;
    width: 10%;
    height: 60px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/m_direc.svg);
    background-size: 90%;
    margin-left: 0%;
    margin-right: 2%;
}

.ubi_titulo {
  width: 84%;
  height: 60px;
margin-left: 8%;
background-color: transparent;
margin-bottom: 0px;
}

.ubi_iconotitulo{
width: 6%;
height: 56px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_ubicacion.svg);
    background-size: 100%;
}

.ubi_titulotext{
width: 90%;
height: auto;
color:#000;
font-size: 34px;
margin-top: 0px;
margin-bottom: 20px;
font-weight: 400;   
text-align: left;
margin-left: 0%;
line-height: 120%;
background-color: transparent;
}

.ubi_map {
  width: 84%;
  height: 400px;
margin-left: 8%;
background-color: transparent;
margin-bottom: 50px;
}

h7{
  font-weight: 700;
}

h8{
  font-weight: 500;
}

/* OK */
.titulocolornegro{
	color:#242424;
}

/* OK */
.titulocolorblanco{
	color:#fff;
}

  .zocalo{
    width: 100%;
    height:50px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    margin-top: 50px;
  }

  .zocalo2{
    width: 100%;
    height:10px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    margin-top: 50px;
  }

/* OK */
	.botonn{
		width: 80%;
		height:125px;
		margin: 0 auto;
		background-color: ;
		text-align: center;
		margin-top: 50px;

	}

/* OK */
a.btnseccioninicio1{
	display: inline-block; 
	width: 17%;
	height: 45px;
	background-color: #0071BC;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	padding-top: 9px;
	padding-bottom: 10px;
	border-radius: 5px;
	}

a.btnseccioninicio1:hover {
	background-color: #29ABE2;
	color: #fff;
	}

 /* OK */
a.btnseccioninicio{
  display: inline-block; 
  width: 15%;
  height: 45px;
  background-color: #0B0146;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 9px;
  padding-bottom: 10px;
  border-radius: 5px;
  }

a.btnseccioninicio:hover {
  background-color: red;
  color: #fff;
  } 

 .servicios_area_boton {
  width: 33.3%;
  height: auto;
  background-color: transparent;
 }

 a.servicios_montaje{
  display: inline-block; 
  width: 80%;
  margin-left: 10%;
  height: 220px;
  background-color: #0071BC;
  text-align: center;
  font-size: 24px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 170px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion.svg);
    background-size: 90%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_montaje:hover{
  background-color: red;
  background-size: 95%;
  }

  a.servicios_reparacion{
  display: inline-block; 
  width: 80%;
  margin-left: 10%;
  height: 220px;
  background-color: #0071BC;
  text-align: center;
  font-size: 24px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 170px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion.svg);
    background-size: 90%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_reparacion:hover{
  background-color: red;
  background-size: 95%;
  }

  a.servicios_habilitacion{
  display: inline-block; 
  width: 80%;
  margin-left: 10%;
  height: 220px;
  background-color: #0071BC;
  text-align: center;
  font-size: 24px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  padding-top: 170px;
  padding-bottom: 0px;
  margin-top: 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion.svg);
    background-size: 90%;
    background-position: center center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

a.servicios_habilitacion:hover{
  background-color: red;
  background-size: 95%;
  }

   .servicios_area {
  width: 100%;
  height: auto;
  background-color: transparent;
  margin-bottom: 30px;
 }

  .servicios_fabricacion_img{
  display: inline-block; 
  width: 7%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

  .servicios_reparacion_img{
  display: inline-block; 
  width: 7%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

  .servicios_habilitacion_img{
  display: inline-block; 
  width: 7%;
  height: 60px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

.servicios_titulo{
  width: 90%;
  height: 60px;
  font-size: 30px;
  color: #0071bc;
   font-weight: 700;
   padding-top: 8px;
   background-color: transparent;
}

.servicios_textos{
  width: 100%;
  height: auto;
  color:#4d4d4d;
  font-size: 18px;
  text-align: left;
  background-color: transparent;
  margin-left: 0%;
  margin-top: 10px;
}

  .zocalo_tranios {
  width: 100%;
  height: 275px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: 0px;
    }

    .zocalo_tranios_2 {
  width: 100%;
  height: 241px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_2.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: -15px;
    }

      .zocalo_tranios_3 {
  width: 100%;
  height: 275px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_3.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: -15px;
    }  

    a.zocalo_historia{
    display: inline-block; 
  width: 26%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 18px;
  text-decoration: none;
  color: #2fd5f8;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 34px;
  margin-top: 220px;
  margin-left: 660px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn.svg);
    background-size: 10%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia:hover{
  color: #d7f7fd;
  background-size: 11%;
  }

    a.zocalo_historia_rojo{
    display: inline-block; 
  width: 26%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 18px;
  text-decoration: none;
  color: red;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 34px;
  margin-top: 220px;
  margin-left: 660px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn_rojo.svg);
    background-size: 10%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia_rojo:hover{
  color: #0B0146;
  background-size: 11%;
  }



/* OK */
.botonenv_contac{
  display: inline-block; 

  height: 45px;
  background-color: #00A69C;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 9px;
  padding-bottom: 10px;
  border-radius: 5px;
  margin-top: 0px;
}

.botonenv_contac:hover{
background-color: #0D90FC;
  color: #fff;
} 



/* OK */
footer{
width: 100%;
height: 140px;
padding-top: 35px;
}

.footer_a{
	width: 90%;
	height: 80px;
	margin: 0 auto;
	margin-top: 10px;
}

.footer_b{
	width: 24%;
	height: 80px;
	background-color: transparent;
	margin-right: 4%;
	
	color: #fff;
	font-size: 20px;
	line-height: 80%;
}

.footer_b img{
	width: 74%;	
}


.footer_c{
	width: 24%;
	height: 80px;
	background-color: transparent;
	margin: 0 auto;
	font-size: 15px;
	text-align: center;
}

.footer_c img{
	width: 18%;	
}

.footer_d{
 width: 24%;
  height: 80px;
  background-color: transparent;
  margin: 0 auto;
  font-size: 15px;
  text-align: center;
}

.footer_d img{
  width: 20%; 
}

.footer_w{
  width: 100%;
  height: 70px;
  background-color: #0D90FC;
  margin: 0 auto;
  margin-top: 0px;
  margin-left: 0%;
}

.footer_x{
  width: 86%;
  height: 70px;
  background-color: #0D90FC;
  margin: 0 auto;
  margin-top: 5px;
  margin-left: 7%;
  padding-top: 10px;
}

a.footer_xd_boton{
  display: inline-block; 
  width: 30%;
  margin-left: 2%;
  height: 50px;
  background-color:transparent;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 42%;
  background-position: center center;
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
  }

a.footer_xd_boton:hover{
  background-color: transparent;
  background-size: 54%;
  }

.botoncerrarmodal{
  display: inline-block;
  width: 30px; 
  height: 30px;
  background-color: #0B0146;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 2px;
  padding-left: 7px;
  padding-bottom: 5px;
  border-radius: 5px;
  margin-top: 0px;
}

.botoncerrarmodal:hover{
background-color: red;
  color: #fff;
}

.logo_modal{
width: 100%;
height: 84px;
text-align: right;
margin-top: 5%;
margin-bottom: 50px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/logo-mia.svg);
    background-size: 24%;
    background-position: center; 
}

.h662 {
   width: 100%;
height: auto;
color:#4d4d4d;
font-size: 30px;
margin-top: 0px;
margin-bottom: 30px;
font-weight: 500;   
text-align: center;
margin-left: 0%;
}

.h663 {
   width: 100%;
height: auto;
color:#4d4d4d;
font-size: 36px;
margin-top: 0px;
margin-bottom: 30px;
font-weight: 400;   
text-align: center;
margin-left: 0%;
}

.textogris{
width: 70%;
margin-left: 15%;
height: auto;
color:#4d4d4d;
font-size: 18px;
margin-top: 1px;
margin-bottom: 20px;
font-weight: 400;   
text-align: left;
}

.botoncerrarmodal2{
  display: inline-block; 

  height: 40px;
  background-color: #0B0146;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 7px;
  padding-bottom: 10px;
  border-radius: 5px;
  margin-top: 30px;
}

.botoncerrarmodal2:hover{
background-color: red;
  color: #fff;
} 

.icono_modal_fabricacion{
width: 100%;
height: 150px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/fabricacion-modal.svg);
    background-size: 30%;
    background-position: center;
}

.icono_modal_reparacion{
width: 100%;
height: 150px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/reparacion-modal.svg);
    background-size: 30%;
    background-position: center;
}

.icono_modal_habilitacion{
width: 100%;
height: 150px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/habilitacion-modal.svg);
    background-size: 30%;
    background-position: center;
}

  .producto2 {
    position: relative;
    width: 24%;
    height: 276px;
    background-color:black;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1.5%;
}

.producto2:hover .imageprod {
  opacity: 0.1;
}

.producto2:hover .middleprod {
  opacity: 1;
}

 /* OK */
  .espaciozocalo{
    width: 48%;
    height:160px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 50px;
}

/* OK */
  .espaciozocalo img{
    width: 64%;
    margin-top: 10px;
}

/* OK SADAM*/
.secciontitulo{
  font-size: 36px;
}

/* OK SADAM*/
.seccion_subtitulo{
  font-size: 32px;
  }

 /* OK SADAM */
.seccion_sub_subtitulo{
  width: 100%;
  height: auto;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%; 
  text-align: center;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}

   .img_logo_auspi{
width: 20%;
height: auto;
 }

     .img_logo_auspi_m_exp{
width: 100%;
height: auto;
 }

.img_logo_auspi_m_exp img{
width: 20%;
 }

}

																											

																											@media(min-width:1275px) {
                                                      .inicio_media {}

.navbar-default .nav li a {
    text-transform: none;
    font-weight: 700;
    letter-spacing: 0px;
    color: #4A2D1D;
  font-size:16px
  }

.info_bars{
  width: 31%;
  height: 30px;
  font-size: 0;
  color: #fff;
  background-color:transparent;
  position: absolute;
  right: 20px;
}

.tel_info_bars{
    width: 28%;
    height: 30px;
    background-color:transparent;
}

.mail_info_bars{
  width: 63%;
  height: 30px;
  background-color:transparent;
}

.tel2_info_bars{
  background-position: center right;
  display: block;
  width: 18%;
  height: 25px;
  /* height: 100vh; *//* If you want fullscreen */
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  overflow: hidden;
  background-image: url(../img/tel.svg);
  background-size: 88%;
  margin-left: 0%;
  margin-right: 2%;
  margin-top: 4px;
}

.mail2_info_bars{
    background-position: center right;
    display: block;
    width: 9%;
    height: 25px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/mail.svg);
    background-size: 89%;
    margin-left: 0%;
    margin-right: 1%;
    margin-top: 4px;
}

.text_info_bars{
    width: 80%;
    height:20px;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: #fff;
    padding-top: 6px;
text-align: left;
    }


/* OK */
.cabezaindex{
width: 100%;
height: auto;
margin: 0 auto;
background: #f73208;
position: relative;
margin-bottom: 0px;
}


/* OK */
.abajoindex {
width: 100%;
height: auto;
background: #ccc;
position: relative;
margin-top: 110px;
}

.imgtop_historia {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 350px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/historia.jpg);
}

.imgtop_clientes {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 350px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/clientes.jpg);
}

.imgtop_servicios {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 350px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/servicios.jpg);
}

.imgtop_contactos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 350px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/contactos.jpg);
}

/* OK */
.grisoscuro{
background-color:#4d4d4d;
}

/* OK */
.seccionint {
width: 80%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
}

  .producto {
    position: relative;
    width: 32.3%;
    height: 440px;
    background-color:#000;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
     margin-top: 1%;
}


/* OK SADAM*/
.secciontitulo{
  font-size: 42px;
}

/* OK SADAM*/
.seccion_subtitulo{
  font-size: 38px;
  }

  /* OK SADAM */
.seccion_tex_adicional{
  width: 100%;
  height: auto;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%; 
  text-align: center;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}

  /* OK SADAM */
.seccion_sub_subtitulo{
  width: 100%;
  height: auto;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%; 
  text-align: center;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 30px;
}

.clientes_logos{
  width: 85%;
  height: auto;
  background-color: #fff;
  margin-bottom: 20px;
  margin-left: 7.5%;
}

.redes{
  width: 20%;
  height: 50px;
  background-color: transparent;
  text-align: right;
  margin-top: 0px;
  margin-left: 73%
}

a.redes_contac{
    background-position: center center;
    display: block;
    width: 28%;
    height: 50px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-size: 70%;
    margin-left: 2%;
    margin-right: 2%;
    -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
}

a.redes_contac:hover{
    background-size: 78%;
   
}

.face_contac{
    background-position: center center;
    display: block;
    width: 13%;
    height: 50px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/facebook.svg);
    background-size: 75%;
    margin-left: 0%;
    margin-right: 0%;
}

.ubi_iconotitulo{
width: 5%;
height: 80px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_ubicacion.svg);
    background-size: 100%;
}

/* OK */
.titulocolornegro{
    color:#242424;
}

/* OK */
.titulocolorblanco{
    color:#fff;
}

a.botongrande_productos{
padding-top: 210px;
}

a.botongrande_servicios{
padding-top: 210px;
}

a.botongrande_historia{
padding-top: 210px;
}

.ubi_map {
  width: 84%;
  height: 400px;
margin-left: 8%;
background-color: transparent;
margin-bottom: 50px;
}

/* OK */
    .botonn{
        width: 80%;
        height:125px;
        margin: 0 auto;
        background-color: ;
        text-align: center;
        margin-top: 70px;

    }


/* OK */
a.btnseccioninicio{
    display: inline-block; 
    width: 12%;
    height: 45px;
    background-color: #0B0146;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    padding-top: 9px;
    padding-bottom: 10px;
    border-radius: 5px;
    }

/* OK */
a.btnseccioninicio:hover {
    background-color: red;
    color: #fff;
    }

    /* OK */
a.btnseccioninicio1{
  display: inline-block; 
  width: 15%;
  height: 45px;
  background-color: #0071BC;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding-top: 9px;
  padding-bottom: 10px;
  border-radius: 5px;
  }

a.btnseccioninicio1:hover {
  background-color: #29ABE2;
  color: #fff;
  }

 .servicios_area_boton {
  width: 33.3%;
  height: auto;
  background-color: ;
 }

    a.servicios_montaje{
  display: inline-block; 
  width: 70%;
  margin-left: 15%;
}

    a.servicios_reparacion{
  display: inline-block; 
  width: 70%;
  margin-left: 15%;
}

    a.servicios_habilitacion{
  display: inline-block; 
  width: 70%;
  margin-left: 15%;
}

.servicios_fabricacion_img{
  display: inline-block; 
  width: 7%;
  height: 70px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

  .servicios_reparacion_img{
  display: inline-block; 
  width: 7%;
  height: 70px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

  .servicios_habilitacion_img{
  display: inline-block; 
  width: 7%;
  height: 70px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

.servicios_titulo{
  width: 90%;
  height: 70px;
  font-size: 30px;
  color: #0071bc;
   font-weight: 700;
   padding-top: 16px;
   background-color: transparent;
}

.zocalo_tranios {
  width: 80%;
  height: 280px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: 40px;
    margin-left: 10%;
  }

.zocalo_tranios_abajo {
  width: 100%;
  height: 40px;
  }

      .zocalo_tranios_2 {
  width: 80%;
  height: 250px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_2.jpg);
    background-size: 100%;
    background-position: center center;
   margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 10%;
    }  

    .zocalo_tranios_3 {
  width: 80%;
  height: 280px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_3.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: 40px;
    margin-left: 10%;
  }

  a.zocalo_historia{
    display: inline-block; 
  width: 26%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 18px;
  text-decoration: none;
  color: #2fd5f8;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 30px;
  margin-top: 220px;
  margin-left: 665px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn.svg);
    background-size: 9%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia:hover{
  color: #d7f7fd;
  background-size: 10%;
  }

    a.zocalo_historia_rojo{
    display: inline-block; 
  width: 26%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 18px;
  text-decoration: none;
  color: red;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 30px;
  margin-top: 220px;
  margin-left: 665px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn_rojo.svg);
    background-size: 9%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia_rojo:hover{
  color: #0B0146;
  background-size: 10%;
  }



/* OK */
footer{
width: 100%;
height: 140px;
padding-top: 35px;
}


.footer_a{
  width: 90%;
  height: 80px;
  margin: 0 auto;
  margin-top: 10px;
}

.footer_b{
  width: 24%;
  height: 80px;
  background-color: transparent;
  margin-right: 4%;
  
  color: #fff;
  font-size: 20px;
  line-height: 80%;
}

.footer_b img{
  width: 60%; 
}


.footer_c{
  width: 24%;
  height: 80px;
  background-color: transparent;
  margin: 0 auto;
  font-size: 17px;
  text-align: center;
}

.footer_c img{
  width: 14%; 
}

.footer_d{
 width: 24%;
  height: 80px;
  background-color: transparent;
  margin: 0 auto;
  font-size: 17px;
  text-align: center;
}

.footer_d img{
  width: 16%; 
}

.footer_w{
  width: 100%;
  height: 70px;
  background-color: #0D90FC;
  margin: 0 auto;
  margin-top: 0px;
  margin-left: 0%;
}

.footer_x{
  width: 86%;
  height: 70px;
  background-color: #0D90FC;
  margin: 0 auto;
  margin-top: 5px;
  margin-left: 7%;
  padding-top: 10px;
}

a.footer_xd_boton{
  display: inline-block; 
  width: 30%;
  margin-left: 2%;
  height: 50px;
  background-color:transparent;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 32%;
  background-position: center center;
  -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
  }

a.footer_xd_boton:hover{
  background-color: transparent;
  background-size: 42%;
  }

.logo_modal{
width: 100%;
height: 88px;
text-align: right;
margin-top: 5%;
margin-bottom: 50px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/logo-mia.svg);
    background-size: 32%;
    background-position: center; 
}

.icono_modal_fabricacion{
width: 100%;
height: 150px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/fabricacion-modal.svg);
    background-size: 36%;
    background-position: center;
}

.icono_modal_reparacion{
width: 100%;
height: 150px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/reparacion-modal.svg);
    background-size: 36%;
    background-position: center;
}

.icono_modal_habilitacion{
width: 100%;
height: 150px;
text-align: right;
margin-top: 0%;
margin-bottom: 20px;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/habilitacion-modal.svg);
    background-size: 36%;
    background-position: center;
}

  .producto2 {
    position: relative;
    width: 24%;
    height: 326px;
    background-color:black;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1.5%;
}

.producto2:hover .imageprod {
  opacity: 0.1;
}

.producto2:hover .middleprod {
  opacity: 1;
} 

  /* OK */
  .espaciozocalo{
    width: 48%;
    height:160px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 50px;
}

/* OK */
  .espaciozocalo img{
    width: 48%;
    margin-top: 10px;
}

/* OK SADAM */

 .mapaindex{
width: 76%;
background: rgba(250, 250, 250, 0.5);
position: relative;
overflow: hidden;
margin-right: 2%;
}

.datosindex{
width: 20%;
height: auto;
background-color: transparent;
padding: 0px;
}

.datosindex_indi{
    width: 100%;
    height:auto;
    text-align: 0;
    font-size: 14px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
    color: red;
    padding-top: 0px;
    padding-bottom: 0px;
    
}

.bloke_datos_index{
    background-position: top center;
    display: block;
    width: 10%;
    height: 38px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-size: 80%;
    margin-left: 0%;
    margin-right: 2%;
}

.icon_ubicacion_index {
background-image: url(../img/ubicacion.svg);
}

.icon_tel_index {
background-image: url(../img/tel.svg);
} 

.icon_wsp_index {
background-image: url(../img/whats.svg);
} 

.icon_mail_index {
background-image: url(../img/mail.svg);
}   

.texto_datos_index{
    width: 88%;
    height:auto;
    text-align: 0;
    font-size: 18px;
    background-color: transparent;
    margin-left: 0;
    margin-top: 0;
    color: #fff;
    padding-top: 0px;
}

.autori_todos {
 width: 80%;
 height: auto;
 margin-left: 10%;
}

.autori_cuadros {
 position: relative;
  overflow: hidden;
  margin: 1.3%;
  min-width: 14%;
  max-width: 14%;
  width: 100%;
  color: #ffffff;
  text-align: center;
  margin-top: 10px;
}

.autori_cuadros img {
  max-width: 100%;
  vertical-align: top;
}

.autori_nombre {
 position: relative;
  overflow: hidden;
width: 100%;
  height: 70px;
   color: #000;
   font-size: 14px;
  text-align: center;
  line-height: 120%;
  background-color: transparent;
}

/* OK SADAM */
.secciontexto_simple{
  width: 80%;
  height: auto;
  color: dimgray;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  background: transparent;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: 10%;
}

.imgagenes_insti{
  width: 80%;
  height: auto;
  margin-left: 10%;
}

.img_insti{
  width: 31%;
  height: auto;
  background-color: pink;
  margin: 1%;
}

a.btn_wsp1{
  width: 5%;
  height: 60px;
  background-size: 120%;
  }

a.btn_news{
  width: 5%;
  height: 60px;
  background-size: 80%;
  }

  .img_link{
width: 100%;
height: auto; 
margin-top: 40px;
margin-bottom: 40px;
}

.img_link img{
 width: 60%;
 margin-left: 20%;
 }

 /* OK SADAM */
.seccion_eventos{
  width: 80%;
  height: auto;
  margin-left: 10%;
  font-size: 18px;
}

/* OK SADAM */
.seccion_eventos2{
  width: 80%;
  height: auto;
  margin-left: 10%;
  font-size: 18px;
  text-align: center;
}

/* OK SADAM */
.seccion_eventos3{
  width: 80%;
  height: auto;
  margin-left: 10%;
  font-size: 16px;
}

 /* -------- */    

   
    .timeline>li {
        min-height: 170px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px 100px;
    }

    .timeline>li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 40px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 100px 20px 20px;
    }
}

/* ///////////////////////////////// DE ARCHIVO O */

.team-member {
    margin-bottom: 50px;
    text-align: center;
}

.team-member img {
    margin: 0 auto;
    border: 7px solid #fff;
}

.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none;
}

.team-member p {
    margin-top: 0;
}

aside.clients img {
    margin: 50px auto;
}

section#contact {
    background-color: #fff;

    
    background-position: center;
    background-repeat: no-repeat;
}

section#contact .section-heading {
    color: #fff;

}

section#contact .form-group {
    margin-bottom: 25px;

}

section#contact .form-group input,
section#contact .form-group textarea {
    padding: 10px;
    
    border: 1px solid #00A69C;
    color: black;
    font-size: 14px;
}

section#contact .form-group input.form-control {
    height: auto;
}

section#contact .form-group textarea.form-control {
    height: 175px;
}

section#contact .form-control:focus {
    border: 1px solid #0D90FC;
    box-shadow: none;
}

section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact .text-danger {
    color: #e74c3c;
}
footer {
    padding: 25px 0;
    text-align: center;
}

footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 40px;
}

footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 40px;
}

ul.social-buttons {
    margin-bottom: 0;
}

ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #222;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #fed136;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em;
}

.portfolio-modal .modal-content p {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
}

.portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #222;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #222;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #ccc;
}

::selection {
    text-shadow: none;
    background: #ccc;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #c3f3fd;
}

/* ///////////////////////////////// DE ARCHIVO O */

                                                                                                            @media(min-width:1360px) {
                                                                                                            .inicio_media{}	
.info_bars{
  width: 33%;
  height: 30px;
  font-size: 0;
  color: #fff;
  background-color:transparent;
  position: absolute;
  right: 10px;
}

.tel_info_bars{
    width: 26%;
    height: 30px;
    background-color:transparent;
}

.mail_info_bars{
  width: 61%;
  height: 30px;
  background-color:transparent;
}

.redes{
  width: 20%;
  height: 60px;
  background-color: transparent;
  text-align: right;
  margin-top: 0px;
  margin-left: 73%
}

a.redes_contac{
    background-position: center center;
    display: block;
    width: 28%;
    height: 60px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-size: 60%;
    margin-left: 2%;
    margin-right: 2%;
    -webkit-transition-duration: 0.2s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
}

a.redes_contac:hover{
    background-size: 70%;
   
}

/* OK */
.cabezaindex{
width: 100%;
height: auto;
margin: 0 auto;
background: #f73208;
position: relative;
margin-bottom: 0px;
}

/* OK */
.abajoindex {
width: 100%;
height: auto;
background: #ccc;
position: relative;
margin-top: 110px;
}

.imgtop_historia {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 380px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/historia.jpg);
}

.imgtop_clientes {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 380px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/clientes.jpg);
}

.imgtop_servicios {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 380px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/servicios.jpg);
}

.imgtop_contactos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 380px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/contactos.jpg);
}

/* OK */
.grisoscuro{
background-color:#4d4d4d;
}


/* OK */
.seccionint {
width: 70%;
height: auto;
margin: 0 auto;
box-sizing:border-box;
clear: both;
overflow: hidden;
background-color: transparent;
}

  .producto {
    position: relative;
    width: 32.3%;
    height: 410px;
    background-color:#000;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
     margin-top: 1.5%;
}

.clientes_logos{
  width: 75%;
  height: auto;
  background-color: #fff;
  margin-bottom: 20px;
  margin-left: 12.5%;
}



/* OK */
.titulocolornegro{
    color:#242424;
}

/* OK */
.titulocolorblanco{
    color:#fff;
}

a.botongrande_productos{
padding-top: 210px;
}

a.botongrande_servicios{
padding-top: 210px;
}

a.botongrande_historia{
padding-top: 210px;
}

/* OK */
    .botonn{
        width: 80%;
        height:125px;
        margin: 0 auto;
        background-color: ;
        text-align: center;
        margin-top: 80px;

    }

/* OK */
a.btnseccioninicio{
    display: inline-block; 
    width: 12%;
    height: 45px;
    background-color: #0B0146;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    padding-top: 9px;
    padding-bottom: 10px;
    border-radius: 5px;
    }

/* OK */
a.btnseccioninicio:hover {
    background-color: red;
    color: #fff;
    }

  a.zocalo_historia{
    display: inline-block; 
  width: 26%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 18px;
  text-decoration: none;
  color: #2fd5f8;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 28px;
  margin-top: 220px;
  margin-left: 730px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn.svg);
    background-size: 8%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia:hover{
  color: #d7f7fd;
  background-size: 9%;
  }  

  a.zocalo_historia_rojo{
    display: inline-block; 
  width: 26%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 18px;
  text-decoration: none;
  color: red;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 28px;
  margin-top: 220px;
  margin-left: 730px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn_rojo.svg);
    background-size: 8%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia_rojo:hover{
  color: #0B0146;
  background-size: 9%;
  }   



.ubi_iconotitulo{
width: 5%;
height: 80px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_ubicacion.svg);
    background-size: 100%;
}	    

/* OK */
footer{
width: 100%;
height: 140px;
padding-top: 35px;
}


.footer_a{
  width: 90%;
  height: 80px;
  margin: 0 auto;
  margin-top: 10px;
}

.footer_b{
  width: 24%;
  height: 80px;
  background-color: transparent;
  margin-right: 4%;
  
  color: #fff;
  font-size: 20px;
  line-height: 80%;
}

.footer_b img{
  width: 60%; 
}


.footer_c{
  width: 24%;
  height: 80px;
  background-color: transparent;
  margin: 0 auto;
  font-size: 17px;
  text-align: center;
}

.footer_c img{
  width: 14%; 
}

.footer_d{
 width: 24%;
  height: 80px;
  background-color: transparent;
  margin: 0 auto;
  font-size: 17px;
  text-align: center;
}

.footer_d img{
  width: 16%; 
}

  .producto2 {
    position: relative;
    width: 24%;
    height: 304px;
    background-color:black;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1.5%;
}

.producto2:hover .imageprod {
  opacity: 0.1;
}

.producto2:hover .middleprod {
  opacity: 1;
}

 /* OK */
  .espaciozocalo{
    width: 46%;
    height:160px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 50px;
}

/* OK */
  .espaciozocalo img{
    width: 55%;
    margin-top: 10px;
}

 .img_logo_auspi{
width: 18%;
height: auto;
 }

      .img_logo_auspi_m_exp{
width: 100%;
height: auto;
 }

.img_logo_auspi_m_exp img{
width: 20%;
 }

}


                                                                                                            @media(min-width:1500px) {
                                                                                                            .inicio_media {}
.info_bars{
  width: 35%;
  height: 30px;
  font-size: 0;
  color: #fff;
  background-color:transparent;
  position: absolute;
  right: 20px;                                                                                                            
}

.tel_info_bars{
    width: 21%;
    height: 30px;
    background-color:transparent;
}

.mail_info_bars{
  width: 61%;
  height: 30px;
  background-color:transparent;
} 

.tel2_info_bars{
  background-position: center right;
  display: block;
  width: 18%;
  height: 25px;
  /* height: 100vh; *//* If you want fullscreen */
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  overflow: hidden;
  background-image: url(../img/tel.svg);
  background-size: 100%;
  margin-left: 0%;
  margin-right: 2%;
  margin-top: 4px;
}

.mail2_info_bars{
    background-position: center right;
    display: block;
    width: 9%;
    height: 25px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/mail.svg);
    background-size: 69%;
    margin-left: 0%;
    margin-right: 1%;
    margin-top: 4px;
}

.imgtop_historia {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 420px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/historia.jpg);
}

.imgtop_clientes {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 420px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/clientes.jpg);
}

.imgtop_servicios {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 420px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/servicios.jpg);
}

.imgtop_contactos {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 420px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
    background-image: url(../img/contactos.jpg);
}

.producto {
    position: relative;
    width: 32.3%;
    height: 440px;
    background-color:#000;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 2.5%;
}

.servicios_fabricacion_img{
  display: inline-block; 
  width: 7%;
  height: 80px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/fabricacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

  .servicios_reparacion_img{
  display: inline-block; 
  width: 7%;
  height: 80px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/reparacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

  .servicios_habilitacion_img{
  display: inline-block; 
  width: 7%;
  height: 80px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/habilitacion-serv.svg);
    background-size: 98%;
    background-position: top left;
}

.servicios_titulo{
  width: 90%;
  height: 80px;
  font-size: 30px;
  color: #0071bc;
   font-weight: 700;
   padding-top: 20px;
   background-color: transparent;
}

.cincuentaiconotitulo4{
width: 12%;
height: 80px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_mensaje.svg);
    background-size: 96%;

}

.cincuentaiconotitulo3{
width: 12%;
height: 80px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_contacto.svg);
    background-size: 96%;

}

.ubi_iconotitulo{
width: 4%;
height: 80px;
color:#fff;
position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/s_ubicacion.svg);
    background-size: 100%;
}

.twi_contac{
    background-position: center center;
    display: block;
    width: 13%;
    height: 50px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/twitter.svg);
    background-size: 65%;
    margin-left: 74%;
    margin-right: 0%;
}

.face_contac{
    background-position: center center;
    display: block;
    width: 13%;
    height: 50px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    background-image: url(../img/facebook.svg);
    background-size: 65%;
    margin-left: 0%;
    margin-right: 0%;
}

.zocalo_tranios {
  width: 80%;
  height: 280px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios.jpg);
    background-size: 100%;
    background-position: center center;
    margin-top: 40px;
    margin-left: 10%;
  }

.zocalo_tranios_abajo {
  width: 80%;
  height: 40px;
  }  

      .zocalo_tranios_2 {
  width: 80%;
  height: 250px;
  position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/zocalo_30anios_2.jpg);
    background-size: 100%;
    background-position: center center;
   margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 10%;
    }  

    a.zocalo_historia{
    display: inline-block; 
  width: 26%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 18px;
  text-decoration: none;
  color: #2fd5f8;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 38px;
  margin-top: 230px;
  margin-left: 830px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn.svg);
    background-size: 10%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia:hover{
  color: #d7f7fd;
  background-size: 11%;
  }

 a.zocalo_historia_rojo{
    display: inline-block; 
  width: 26%;
  height: 30px;
  background-color: transparent;
  text-align: left;
  font-size: 18px;
  text-decoration: none;
  color: red;
  font-weight: 500;
  padding-top: 2px;
  padding-left: 38px;
  margin-top: 220px;
  margin-left: 830px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(../img/historia_btn_rojo.svg);
    background-size: 10%;
    background-position: left center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;  
    }

    a.zocalo_historia_rojo:hover{
  color: #0B0146;
  background-size: 11%;
  }

  /* OK */
footer{
width: 100%;
height: 140px;
padding-top: 35px;
}

.footer_a{
  width: 90%;
  height: 80px;
  margin: 0 auto;
  margin-top: 10px;
}

.footer_b{
  width: 25%;
  height: 80px;
  background-color: transparent;
  margin-right: 4%;
  
  color: #fff;
  font-size: 20px;
  line-height: 80%;
}

.footer_b img{
  width: 50%; 
}


.footer_c{
  width: 25%;
  height: 80px;
  background-color: transparent;
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
}

.footer_c img{
  width: 12%; 
}

.footer_d{
 width: 19%;
  height: 80px;
  background-color: transparent;
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
}

.footer_d img{
  width: 18%; 
}

  .producto2 {
    position: relative;
    width: 24%;
    height: 340px;
    background-color:black;
    cursor: pointer;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1%;
}

.producto2:hover .imageprod {
  opacity: 0.1;
}

.producto2:hover .middleprod {
  opacity: 1;
}

  /* OK */
  .espaciozocalo{
    width: 48%;
    height:160px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 50px;
}

/* OK */
  .espaciozocalo img{
    width: 44%;
    margin-top: 10px;
}   

 .img_logo_auspi{
width: 16%;
height: auto;
 }

       .img_logo_auspi_m_exp{
width: 100%;
height: auto;
 }

.img_logo_auspi_m_exp img{
width: 14%;
 }

}