/* Here you can include your additional CSS Styles */       

#zo2-top-menu-wrap-sticky-wrapper #zo2-mega-menu nav li.active a,
#zo2-top-menu-wrap-sticky-wrapper #zo2-mega-menu nav li:focus a,
#zo2-top-menu-wrap-sticky-wrapper #zo2-mega-menu nav li:hover a {
  padding: 11px 30px;
  background: #00 !important;
  color: #fff;
}


/*JCALLE para boton de añadir carro */       
.productdetails .addtocart-button .addtocart-button {
  margin: 10px 10px 10px;
}

.vm-product-media-container:before {
  height: 0px ! important;
 }

/*JCALLE arregla la presentacion de los productos */       
div.product {
    width:350px;
	display:inline-block;
	vertical-align:top;
	text-align:right;
	padding:5px;
	border: 1px #eee solid;
	border-radius: 20px;
	margin:10px;

}            

.vm-product-details-container{
    width:300px;
	display:inline-block;
	vertical-align:top;
	
	padding:10px;
	margin:0px;
}            

.vm-product-media-rating h2 {
  font-size: 200%;  
} 

#zo2-top-menu-wrap-sticky-wrapper #zo2-mega-menu {
  margin: 0;
  width:100% !important;
}

#zo2-top-menu-wrap-sticky-wrapper.sticky-wrapper {
  height: 100% !important;

}            

#zo2-top-wrap #zo2-position-0 {
  background: #fff;
  margin-top: 70px!important;
}


#zo2-top-menu-wrap-sticky-wrapper #zo2-mega-menu nav a.btndemomenu{
  background: #FFAB00 !important;

}          
  
.blog-featured .zt-box-content-wrap .zt-box-item-inner {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 40px;
  
	padding: 20px;
	padding-top:50px;
	border: 1px #eee solid;
	border-radius: 20px;
	
}

div.customaccesoclientes{
  position: relative;
  top: 60px;
}


.blog-featured .zt-box-content-wrap .zt-box-link {
 
  background: #62ccf5 !important; 
}



/* Estilo  home de botones clientes */
.contenedor-home-destacado{
	max-width:1140px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	}
.home-destacado{
	width:50%;
	display:inline-block;
	height:120px;
	vertical-align:top;
  margin-left: -3px;
	}
.home-destacado1{
	background-color:#004761;
	}
.home-destacado2{
	background-color:#62ccf5;
 
	}

.home-destacado2 p{
	width:230px;
  
	}

.home-destacado2 a{	
  padding:200px;
  
	}

@media (max-width: 1100px) {
	.home-destacado{
		width:100%;
	}
  	.contenedor-home-destacado p{
		display:block !important;
		text-align:center !important;
		width:100% !important;
	}
  	.contenedor-home-destacado a{
		display:block !important;
		margin-right:auto !important;
		margin-left:auto !important;
	}
}
.contenedor-home-destacado p{
	font-size:19px;
	margin-top:25px;
	margin-left:20px;
	display:inline-block;
	vertical-align:top;
	}
.contenedor-home-destacado a{
	max-width:450px;
    border-radius: 4px;
    display: inline-block;
	vertical-align:top;
    font-size: 15px;
    margin: 22px 20px;
    padding: 12px 30px;
    text-align: center;
    transition: all 0.3s ease 0s;
	border:0px;
	cursor:pointer;
	}
.home-destacado1 p{
	color:#fff;
	width:245px;
	}
.home-destacado1 a{
    color: #64CBD2;
	background-color: #fff;
	}
.home-destacado1 a:hover{
	background-color: #f6f6f6;
	border:0px #fff solid;
    padding: 12px 30px;
	}
.home-destacado2 p{
	color:#fff;
	width:200px;
	}
.home-destacado2 a{
    color: #64CBD2;
	background-color: #fff;
	}
.home-destacado2 a:hover{
	background-color: #f6f6f6;
	border:0px #ffffff solid;
    padding: 12px 30px;
	}            




/*Estilo como esta compuesto*/

.ymas{
	width:265px;
	padding-bottom:12px;
	border:1px solid #eeeeee;
	border-radius: 10px;
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:35px;
	color:#4f4e4e;
	position:relative;
	margin-top:60px;
	margin-left:38px;
	margin-right:38px;
	display:inline-block;
	vertical-align:top;
	height:230px;
	}
.ymas .ymasTitulo{
	font-size:18px;
	text-align:center;

	}
.ymas .ymasTexto{
	font-size:13px;
	}
.ymas a{
	text-align:center;
	}
.icono_ymas{
	width:57px;
	height:57px;
	margin-left:-27px;
	position:absolute;
	top:-27px;
	left:50%;
	background-position:center;
	background-repeat:no-repeat;
	}
#icono_ymas_1{
	background-image:url(../../../../../images/img/ico_evainicial.png);
	}
#icono_ymas_2{
	background-image:url(../../../../../images/img/ico_politica.png);
	}
#icono_ymas_3{
	background-image:url(../../../../../images/img/ico_objetivos.png);
	}
#icono_ymas_4{
	background-image:url(../../../../../images/img/ico_indicador.png);
	}
#icono_ymas_5{
	background-image:url(../../../../../images/img/ico_indpeligro.png);
	}
#icono_ymas_6{
	background-image:url(../../../../../images/img/ico_gestpeligro.png);
	}
#icono_ymas_7{
	background-image:url(../../../../../images/img/ico_prevecion.png);
	}
#icono_ymas_8{
	background-image:url(../../../../../images/img/ico_plantrabajo.png);
	}
#icono_ymas_9{
	background-image:url(../../../../../images/img/ico_capacitacion.png);
	}
#icono_ymas_10{
	background-image:url(../../../../../images/img/ico_documentacion.png);
	}
#icono_ymas_11{
	background-image:url(../../../../../images/img/ico_contratacion.png);
	}
#icono_ymas_12{
	background-image:url(../../../../../images/img/ico_auditoria.png);
	}
#icono_ymas_13{
	background-image:url(../../../../../images/img/ico_investigacion.png);
	}

.ymas a{
	display:block;
	width:100px;
    border-radius: 4px;
	text-align:center;
    vertical-align: middle;
	background-color:#62ccf5;
	color:#fff;
	text-decoration:none;
    font-size: 12px;
    padding: 10px 0px;
    transition: all 0.3s ease 0s;
    border: 0px;
    cursor: pointer;
	margin-left:auto;
	margin-right:auto;
	}
.ymas a:hover{
	background-color:#8bcad1;
	}            

/*Estilo menu derechoo*/
#zo2-position-7 ul li a,
#zo2-position-8 ul li a {
  font-size: 100%;
  padding-left: 0;
  font-size: 100%;
  padding-left: 0;
   color: #62ccf5;
  text-transform: capitalize;
  font-size: 110%;
  border-bottom: 1px solid #E5E5E5;
  padding-left: 10px;
}

ul.nav.menuderecho li.active{
  background-color:#ddd;
}      

#zo2-position-8 li.active{
	
  background-color:#F2F2F2 !important;
}            


h3.contactenos {
  top: 0 !important;
  color: #000;
  text-align: left !important;
  font-size: 25px;
  font-weight: 600;
  margin-top: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}            

/*estilos para los servicios */       
.plan .price h3 {
    font-size: 40px!important;
    line-height: 1;
    vertical-align: top;
}
.plan .price h3 span {
    display: inline-block;
    font-size: 25px!important;
    margin: 6px 0 0 -7px;
    position: relative;
    vertical-align: top;
}

a.btn-success {
  background: #1C8AEF;
  color: #fff !important;
}


.pricing-tables .plan.recommended {

    width:330px !important;
}

.plan {
    
    display:inline-block !important;

}


.pricing-tables .plan.recommended {

    width:310px !important;
}

.plan {
    
    display:inline-block !important;
    margin-left:8px !important;

}            
.pricing-tables {
    padding: 0px !important;
}