body {
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(37,37,37,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(37,37,37,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(37,37,37,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,1.00) 0%,rgba(37,37,37,1.00) 100%);
}

p {
	color: #AFAFAF;
	font-size: 1.6rem;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 20px;
}

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul li {
	margin-bottom: 5px;
}

.columnas ul li {
	margin-bottom: 15px;
	color: #A3A3A3;
	font-size: 1.6rem;
	font-weight: 300;
	margin-left: 25px;
}
.subitem {
	margin-bottom: 15px;
	color: #A3A3A3;
	font-size: 1.6rem;
	font-weight: 300;
	margin-left: 25px
}


/* *************************************
* *************** Header ***************
* ************************************ */
#main-header {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 99;

    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.95);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#11000000, endColorstr=#11000000)";


	
}

#main-logo {
	width: 100%;
	height: 80px;
	padding-top: 18px;
	padding-right: 0;
	padding-left: 20px;
	padding-bottom: 0;
	margin: 0;
}

#main-logo > a {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
}

#main-logo > a > span {
	display: block;
	color: #DFFFBF;
	font-size: 13px;
	font-size: 1.3rem;
}

/* *************************************
* *********** Main Navigation **********
* ************************************ */
#main-menu {
	float: right;
	margin-top: 57px;
	margin-left: 5px;
	padding-left: 5px;
}

#main-menu a {
	color: #808080;
}

#main-menu a:hover {
	color: #FFFFFF;
}


.LightviewN>li.active>a, 
.LightviewN>li.active>a:hover, 
.LightviewN>li.active>a:focus,
.LightviewN>li>a:hover,
#main-menu.nav-pills>li.active>a, 
#main-menu.nav-pills>li.active>a:hover, 
#main-menu.nav-pills>li.active>a:focus,
#main-menu.nav-pills>li>a:hover {
	background: none;
}

.LightviewN>li.active>a, 
.LightviewN>li.active>a:hover, 
.LightviewN>li.active>a:focus,
#main-menu.nav-pills>li.active>a, 
#main-menu.nav-pills>li.active>a:hover, 
#main-menu.nav-pills>li.active>a:focus {
	color: #FFFFFF;	
}

/*.LightviewN>li,
#main-menu.nav-pills>li{
	margin-left: 30px;
	}
*/

.LightviewN .open>a, 
.LightviewN .open>a:hover, 
.LightviewN .open>a:focus,
#main-menu.nav .open>a, 
#main-menu.nav .open>a:hover, 
#main-menu.nav .open>a:focus {
	background: none;
}

#main-menu-color {
	min-height: 112px;
	margin-top: 4px;
	background-image: -webkit-linear-gradient(270deg,rgba(0,5,8,0.80) 0%,rgba(19,55,71,0.80) 100%);
	background-image: linear-gradient(180deg,rgba(0,5,8,0.80) 0%,rgba(19,55,71,0.80) 100%);
	border: thin solid #808080;
	margin-bottom: 7px;
	background-size: 100% auto;
}
#inicio  {
	background-image: url(../imagenes/iso_inicio.png);
	background-repeat: no-repeat;
	}
#institucional {
	background-image: url(../imagenes/iso_institucional.png);
	background-repeat: no-repeat;
	}
#productos {
	background-image: url(../imagenes/iso_productos.png);
	background-repeat: no-repeat;
	}
#clientes {
	background-image: url(../imagenes/iso_clientes.png);
	background-repeat: no-repeat;
	}
#contacto {
	background-image: url(../imagenes/iso_contact.png);
	background-repeat: no-repeat;
	}


#mobile-menu-button {
	float: right;
	width: 44px;
	margin: 20px 0;
}

#mobile-main-menu {
	display: none;
}

#mobile-main-menu a {
	display: block;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #eee;
	color: #B8B8B8;
	text-align: center;
	text-transform: uppercase;
}

#mobile-main-menu li {
	margin: 0;
}

#mobile-main-menu a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0489C8;
}

#mobile-main-menu>li.active {
	color: #fff;
	text-decoration: none;
	background-color: #014D70;
}



.main-middle h4 {
	font-family: open-sans;
	font-style: normal;
	font-weight: 300;
	font-size: 2.4rem;
	color: #8CDEED;
	margin-top: 25px;
	}
	
.main-middle-inst h4 {
	font-family: open-sans;
	font-style: normal;
	font-weight: 300;
	font-size: 2.4rem;
	color: #8CDEED;
	}

.frases h3 {
	font-family: open-sans;
	font-style: normal;
	font-weight: 300;
	color: #69A7B2;
	font-size: 2.7rem;
	text-align: center;
	margin-bottom: 45px;
	line-height: 3.7rem;
	}
.lineadiv {
	border-bottom: thin solid #666666;
	margin-bottom: 55px;
	}
.columnahm {
	margin-bottom: 70px;
	}	
.ImageMid {
	background-repeat: no-repeat;
	border-top: 2px solid #D7751F;
	border-bottom: 3px solid #D7751F;
	border-collapse: separate;
	/*width: 250px;
	height: 157px;*/
	}
.ImageMid {
	height: auto;
	}
	.ImageMid img{
		max-width:100%;
	}
	img[height],img[width]{max-width:auto}
/*#ImageMid1 {	
	background-image: url(../imagenes/hm_foto1.jpg);
	}
	
#ImageMid2 {
	background-image: url(../imagenes/hm_foto2.jpg);
	}
#ImageMid3 {
	background-image: url(../imagenes/hm_foto3.jpg);
	}*/
	

.ImageInst {
	background-repeat: no-repeat;
	width: 345px;
	height: 188px;
	}
#ImageInst1 {
	background-image: url(../imagenes/inst_foto1.jpg);
	margin-top: 15px;
	}
#ImageInst2 {
	background-image: url(../imagenes/inst_foto2.jpg);
	margin-top: 15px;
	}
	
#ImageInst3 {
	background-image: url(../imagenes/inst_foto3.jpg);
	margin-top: 15px;
	margin-bottom: 55px;
	}




.columnas {
	margin-bottom: 30px;
	}
.col-der {
	float: right;
	}


.linea-nar {
	border-bottom: thin solid #D7751F;
	margin-bottom: 30px;
	margin-top:10px;
	 }
	 
	 
.clientes {
	margin-bottom: 30px;
	}
.clientes p {
	color: #AFAFAF;
	font-size: 2rem;
	font-weight: 400;
	line-height: 2rem;
}
.zona {
	color: #949494;
	font-size: 1.5rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.5rem;
	margin-bottom: 35px;
}
.clientes img {
	margin-left: auto;
	margin-right: auto;
}
.clientes h4 {
	font-family: open-sans;
	font-style: normal;
	font-weight: 300;
	font-size: 2.4rem;
	color: #8CDEED;
	margin-left: 20px;
	margin-top: 40px;
	}



.separador {
	margin-bottom: 45px;	
	}




/* *************************************
* *************** Footer ***************
* ************************************ */
footer {
	padding: 30px 0;
	background-image: -webkit-linear-gradient(270deg,rgba(0,5,8,0.80) 0%,rgba(19,55,71,0.80) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,5,8,0.80) 0%,rgba(19,55,71,0.80) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,5,8,0.80) 0%,rgba(19,55,71,0.80) 100%);
	background-image: linear-gradient(180deg,rgba(0,5,8,0.80) 0%,rgba(19,55,71,0.80) 100%);
	border-bottom-color: #808080;
	border-top-color: #808080;
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: thin;
	border-top-width: thin;
}

footer a, footer a:hover, footer a:visited {
	color: #fff;
	font-weight: 400;
}
footer a {
	color: #fff;
	font-weight: 400;
}

footer h3 {
	margin-top: 30px;
	color: #fff;
	font-size: 16px;
	font-size: 1.8rem;
	text-transform: uppercase;
	font-family: open-sans;
	font-style: normal;
	font-weight: 300;
	font-variant: normal;
	margin-left: -2px;
	margin-bottom: 15px;
}

footer p {
	color: #ddd;
	font-weight: 200;
	font-size: 1.5rem;
	margin-bottom: 20px;
	line-height: 2.5rem;
}
.direccion {
	background-image: url(../imagenes/iso_dir.png);
	background-repeat: no-repeat;
	border-image-width:0
}
#datos p {
	padding-left: 25px;
	text-indent: -9px;
	}
.iconos {
	margin-left: -10px;
	padding-right: 13px;
	}

#next-workshops a {
	color: #00BFFF;
	text-decoration: none;
}

#next-workshops a:hover {
	color: #fff;
	text-decoration: none;
}

#subscribe-form input {
	padding: 0 24px;
	border: 0;

	color: #ccc;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: normal;
	background-color: #222;
}

#subscribe-form button {
	width: 100%;
	color: #444;
	background-color: #eee;
	line-height: 24px;
	line-height: 2.4rem;
}

/* *************************************
* *************** Generales ************
* ************************************ */
.btn-custom {
	border: 0;
	border-radius: 2px;

	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
}















/* Celulares devices (celulares, 360px and up) */
@media (min-width: 360px) {
	#svgcodex {
	width: 80%;
	text-align: right;
}
	.main-info h2 {
	font-size: 3.6rem;
	line-height: 3.6rem;
	}
	.prod-info h2 {
	font-size: 6.6rem;
	line-height: 5.6rem;
	text-align: right;
	}
	.clientes h4 {
	font-size: 3.4rem;
	}
	
	footer p {
	font-size: 2rem;
	line-height: 3.5rem;
	}
	footer h3 {
	font-size: 3rem;
	font-weight: 300;
	}
	.columnas ul li {
	font-size: 2.6rem;
	}
	.ImageMid {
	height: auto;
	}
	.ImageMid img{
		max-width:100%;
	}
	img[height],img[width]{max-width:auto}
	/*#ImageMid1 {	
	background-image: url(../imagenes/hm_foto1_celu.jpg);
	}	
#ImageMid2 {
	background-image: url(../imagenes/hm_foto2_celu.jpg);
	}
#ImageMid3 {
	background-image: url(../imagenes/hm_foto3_celu.jpg);
	}*/
	
	
	



}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

	.main-info h2 {
	font-size: 6.6rem;
	line-height: 6.6rem;
	}
	.prod-info h2 {
	font-size: 6.6rem;
	line-height: 5.6rem;
	}

	.workshop-left h3 {
		float: right;
		clear: right;
		text-align: right;
	}

	.workshop-right h3 {
		float: left;
		clear: left;
		text-align: left;
	}
	.clientes h4 {
	font-size: 2.4rem;
	}

	.workshop-left {
		text-align: left;
	}

	.workshop-right {
		text-align: right;
	}
	#svgcodex {
	width: 80%;
}
	p {
	font-size: 2rem;
	line-height: 3rem;
		}
	/*footer p {
	color: #ddd;
	font-weight: 200;
	font-size: 2.5rem;
	margin-bottom: 20px;
	line-height: 3.5rem;
	}*/
	/*.ImageMid {
	width: 250px;
	height: 157px;
	}*/
	/*#ImageMid1 {	
	background-image: url(../imagenes/hm_foto1.jpg);
	}
#ImageMid2 {
	background-image: url(../imagenes/hm_foto2.jpg);
	}
#ImageMid3 {
	background-image: url(../imagenes/hm_foto3.jpg);
	}*/
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#svgcodex {
	width: 80%;
	}
	
	
	.main-info h2 {
	font-size: 2.6rem;
	line-height: 2.6rem;
	}
	.prod-info h2 {
	font-size: 5.6rem;
	line-height: 4.6rem;
	text-align: right;
	}
	.clientes h4 {
	font-size: 3.4rem;
	}
	
	footer p {
	font-size: 1,3rem;
	line-height: 3rem;
	}
	footer h3 {
	font-size: 2rem;
	}
	.columnas ul li {
	font-size: 1.6rem;
	}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#svgcodex {
	width: 100%;
	}
	.LightviewN>li,
	#main-menu.nav-pills>li{
	margin-left: 30px;
	}
	.columnahm {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 70px;
	}
	
}

.containerUp{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.containerUp{
	width: 99%
}}







@import url("global.css");