@font-face {
    font-family: 'eurostileregular';
    src: url('../fonts/eurostile/eurostile-webfont.eot');
    src: url('../fonts/eurostile/eurostile-webfont.eot?#iefix') format('embedded-opentype'),       
         url('../fonts/eurostile/eurostile-webfont.woff') format('woff'),
         url('../fonts/eurostile/eurostile-webfont.ttf') format('truetype'),
         url('../fonts/eurostile/eurostile-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'HelveticaLT-Condensed-Bold';
    src: url('../fonts/HelveticaLT-Condensed-Bold/HelveticaLT-Condensed-Bold.eot');
    src: url('../fonts/HelveticaLT-Condensed-Bold/HelveticaLT-Condensed-Bold.eot?#iefix') format('embedded-opentype'),        
         url('../fonts/HelveticaLT-Condensed-Bold/HelveticaLT-Condensed-Bold.woff') format('woff'),
         url('../fonts/HelveticaLT-Condensed-Bold/HelveticaLT-Condensed-Bold.ttf') format('truetype'),
         url('../fonts/HelveticaLT-Condensed-Bold/HelveticaLT-Condensed-Bold.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;
    }

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;  
    overflow-y:scroll;
    }

* {
	border: none;
	margin: 0;
	padding: 0;
	
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    }

.cortina-medio {
	position: fixed;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	background: #0d5d94 url(../imagenes/loaderx.gif) center center no-repeat;
	z-index: 9999;
	}

.cortina-izq {
	position: fixed;
	left: -49%;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #0d5d94;
	z-index: 9999;
	
	-webkit-transform: perspective(1px) skew(-17deg);
	-moz-transform: perspective(1px) skew(-17deg);
	/*-ms-transform: skew(-17deg);*/
	-o-transform: skew(-17deg);
	/*transform: perspective(1px) skew(-17deg);*/
	 /*Solucción para navegadores WebKit/Blink*/
	-webkit-backface-visibility: hidden;	
	/*La corrección para Firefox ... sí, tiene que estar en una sola y larga línea*/
	filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');	
	outline: 1px solid transparent;
	}

.cortina-der {
	position: fixed;
	right: -49%;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #0d5d94;
	z-index: 9999;	
	-webkit-transform: perspective(1px) skew(-17deg);
	-moz-transform: perspective(1px) skew(-17deg);
	/*-ms-transform: skew(-17deg);*/
	-o-transform: skew(-17deg);
	/*transform: perspective(1px) skew(-17deg);*/
	 /*Solucción para navegadores WebKit/Blink*/
	-webkit-backface-visibility: hidden;	
	/*La corrección para Firefox ... sí, tiene que estar en una sola y larga línea*/
	filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');	
	outline: 1px solid transparent;
	}

*:before,
*:after {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
    font-family: arial, Calibri;
    font-size: 13px;
    line-height: 20px;
    color: #767676;
    background-color: #fff;
    border-top: 8px solid #0d5d94;
    }

/*Preferenciales*/
.footer h1 {
	font-family: 'HelveticaLT-Condensed-Bold', calibri;
	text-transform: uppercase;
	}
/*Preferenciales*/

h1 { font-size: 24px; line-height: normal;}
h2 { font-size: 22px; line-height: normal;}
h3 { font-size: 20px; line-height: normal;}
h4 { font-size: 18px; line-height: normal;}
h5 { font-size: 16px; line-height: normal;}
h6 { font-size: 14px; line-height: normal;}
ul { margin: 0; padding: 0px;}
p { margin-bottom: 15px;}
a { text-decoration: none; color: #868686; }


.container-general {
	position: relative;	
	overflow: hidden;
	min-height: 850px;/*950*/
}

.container-general-producto {
	padding-bottom: 300px;
}

.container-general-contacto {
	padding-bottom: 40px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
}
.BoxBuscar {
    background: url(../imagenes/search.jpg) center center no-repeat;
    width: 172px;
    height: 37px;
    display: inline-block;
}

.container-contacto {	
	margin-top: -950px;
	padding-bottom: 0px;
	}

.boxed {
  max-width: 585px;
  margin: 0px auto 40px 26%;
    }

.boxed-contacto {
	max-width: 500px;	
	}

.row {
    margin-left: -10px;
    margin-right: -10px;
    }

.center { text-align: center !important; }
.right { text-align: right;}
.right img { display: inline-block;}
.fright { float: right;}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	position: relative;
	float: left;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;	
    }

.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }

.container:before,
.container:after,
.row:before,
.row:after {
    content: " ";
    display: table;
    }

.container:after,
.row:after {
    clear: both;
    }

.nav {
	margin-left: -100%;
	position: absolute;
	z-index: 888;	
	}

.nav-height {
	width: 632px;
	height: 620px;
	overflow: hidden;
	}

.nav-movil {
	display: none;
	background: #3d3d3d;
	padding: 12px 0px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	}

.ul-nav-blanco {
	background: #fff !important;
	}

.ul-nav-blanco li a {
	color: #868686 !important;
	}

.ul-nav-blanco li ul li a {
	color: #fff !important;
	}

.ul-nav-blanco li:hover a {
	color: #fff !important;
	}
	
.ul-nav-blanco li ul li:hover {
	background: #aec0ce !important;
	}

.ul-nav-blanco li ul li:hover a {
	color: #0d5c94 !important;
	}

.ul-nav {
	padding: 130px 0px 60px 190px;
	display: inline-block;
	position: relative;
	margin-left: -580px;
	height: 1100px;
    width: 410px\9;
	color: #fff;
	background: #0d5d94;
	
	-webkit-transform: perspective(1px) skew(-17deg);
	-moz-transform: perspective(1px) skew(-17deg);
	/*-ms-transform: skew(-17deg);*/
	-o-transform: skew(-17deg);
	/*transform: perspective(1px) skew(-17deg);*/
	 /*Solucción para navegadores WebKit/Blink*/
	-webkit-backface-visibility: hidden;

  /*La corrección para Firefox ... sí, tiene que estar en una sola y larga línea*/
	filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');	
	outline: 1px solid transparent;
	}

.ul-nav ul {
	-webkit-transform: perspective(1px);
	-moz-transform: perspective(1px);
	/*-ms-transform: ;*/
	-o-transform: ;
	/*transform: perspective(1px);*/
	-webkit-backface-visibility: hidden;
  /*La corrección para Firefox ... sí, tiene que estar en una sola y larga línea*/
	filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');	
	outline: 1px solid transparent;
	}

.ul-nav li {
	/*float: left;*/
	display: block;
	/*position: relative;*/
	list-style: none;	
	vertical-align : middle;	
	/*-webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -o-transition:all linear .3s;
    -ms-transition: all linear .3s;
    transition: all linear .3s;*/	
	}

.ul-nav li a {
	font-family: 'HelveticaLT-Condensed-Bold';
	display: inline-block;
	display: table-cell;
	vertical-align: middle;
	padding: 6px 6px 10px 20px;
	width: 162px;
	height: 42px;
	text-align: center;	
	color: #fff;	
	font-size: 13px;
	text-transform: uppercase;
	line-height: normal;
	text-decoration: none;
	
	-webkit-transition: all .3 ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
		
	-webkit-transform: perspective(1px) skew(17deg);
	-moz-transform: perspective(1px) skew(17deg);
	/*-ms-transform: skew(17deg);*/
	-o-transform: skew(17deg);
	/*transform: perspective(1px) skew(17deg);*/
	 /*Solucción para navegadores WebKit/Blink*/
	-webkit-backface-visibility: hidden;
  /*La corrección para Firefox ... sí, tiene que estar en una sola y larga línea*/
	filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');
}

.ul-nav li a img {
	/*padding:  6px 0px 10px 0px;*/
	margin:  0px 14px 0px 0px;
	display: block;
	float: right;
	height: 0px;
	opacity: 0;
	
	-webkit-transition: all .1 linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .31s linear;
	display: none \9; 
}

.ul-nav li ul {
	height: 1100px;
	margin-left: 10px;
	position: absolute;
	z-index: 9999;
	left: 100%;
	top: 0;
	width: 169px;/**152**/
	padding-top: 46px;
	padding-left: 6px;
	background: #aec0ce;	
	_margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
	
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition:all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
	}

.ul-nav li ul li {
	display: inline-block;
	display: table-row;
	float: none;
	}

.ul-nav li ul li ul {	
	background: #e5eaf0 !important;
	}

.ul-nav li ul li:hover {
	background: #e5eaf0;
	}

.ul-nav li ul li ul li:hover {
	background: #fff !important;
	}

.ul-nav li ul li > a {
	display: inline-block;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	}

.ul-nav li ul li > ul {
	position: absolute;
	left: 100%;
	top: 0 !important;		
	}

.ul-nav li:hover > ul {	
	margin-left: 0px;
	opacity: 1;
    visibility: visible;   
	}

.ul-nav li:hover {
	background: #aec0ce;   
	}

.ul-nav li:hover a {
	color: #0d5d94;
	}

.ul-nav-blanco li:hover {
	background: #0d5d94 !important;  
	}

.ul-nav-blanco li ul {
	background: #0d5d94 !important;	
	}

.ul-nav-blanco li ul li ul{
	background: #aec0ce !important;	
	}

.line1 {
	width: 8px;
	display: inline-block;
    display: none \9;
	position: absolute;
	margin-left: -100px; /*margin-left: 174px;*/
	height: 1100px;
	color: #fff;
	background: #fff;
	
	-webkit-transform: perspective(1px) skew(-17deg);
	-moz-transform: perspective(1px) skew(-17deg);
	/*-ms-transform: skew(-17deg);*/
	-o-transform: skew(-17deg);
	/*transform: perspective(1px) skew(-17deg);*/
	 /*Solucción para navegadores WebKit/Blink*/
	-webkit-backface-visibility: hidden;

  /*La corrección para Firefox ... sí, tiene que estar en una sola y larga línea*/
	filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');
	
	outline: 1px solid transparent;
	}

.line2 {
	width: 2px;
	display: inline-block;
    display: none \9;
	position: absolute;
	margin-top: 50px;
	margin-left: -100px; /*margin-left: 186px;*/
	height: 1100px;
	/*max-width: 1000px;*/
	/*width: 100%;*/
	color: #fff;
	background: #fff;
	
	-webkit-transform: perspective(1px) skew(-17deg);
	-moz-transform: perspective(1px) skew(-17deg);
	/*-ms-transform: skew(-17deg);*/
	-o-transform: skew(-17deg);
	/*transform: perspective(1px) skew(-17deg);*/
	 /*Solucción para navegadores WebKit/Blink*/
	-webkit-backface-visibility: hidden;

  /*La corrección para Firefox ... sí, tiene que estar en una sola y larga línea*/
	filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');	
	outline: 1px solid transparent;
	}

.line3 {
	width: 4px;
	display: inline-block;
    display: none \9;
	position: absolute;
	margin-top: 0px;
	margin-left: -100px; /*margin-left: 364px;*/
	height: 300px;
	/*max-width: 1000px;*/
	/*width: 100%;*/
	color: #fff;
	background: #fff;	
	
	-webkit-transform: perspective(1px) skew(-17deg);
	-moz-transform: perspective(1px) skew(-17deg);
	/*-ms-transform: skew(-17deg);*/
	-o-transform: skew(-17deg);
	/*transform: perspective(1px) skew(-17deg);*/
	 /*Solucción para navegadores WebKit/Blink*/
	-webkit-backface-visibility: hidden;

  /*La corrección para Firefox ... sí, tiene que estar en una sola y larga línea*/
	filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');
	
	outline: 1px solid transparent;
	}

.line-azul {    
	background: #0d5d94;
	}

.line4 {
    display: none \9;
	width: 2px;
	display: inline-block;
	position: absolute;
	z-index: -1;
	margin-left: -100px;
	height: 300px;
	color: #fff;
	background: #fff;
	
	-webkit-transform: perspective(1px) skew(-17deg);
	-moz-transform: perspective(1px) skew(-17deg);
	/*-ms-transform: skew(-17deg);*/
	-o-transform: skew(-17deg);
	/*transform: perspective(1px) skew(-17deg);*/
	 /*Solucción para navegadores WebKit/Blink*/
	-webkit-backface-visibility: hidden;

  /*La corrección para Firefox ... sí, tiene que estar en una sola y larga línea*/
	filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');	
	outline: 1px solid transparent;
	}

/**/

.site {
	text-align: right;
	font-family: 'HelveticaLT-Condensed-Bold';
	font-size: 12px;
	margin-left: 40px;
	font-weight: 300;
	}

.site a {
	margin: 0px 0px;
	text-transform:uppercase;
	}

.site a:hover {
	color: #0d5c94;
	text-decoration: underline;
	}

.siteactive {
	color: #0d5c94;
	text-decoration: underline;
	}

.site a i {
	font-size: 14px;
	}

.logo-home {
	top: 30px;
	right: -151px;
    right: 0px \9;
	width: 350px;
	width: 240px \9;
	filter: none \9;
	display: block;
	position: absolute;	
	z-index: 1;
		
	
	height: 56px;
	background: #fff;
	
	-webkit-transform: perspective(1px) skew(-17deg);
	-moz-transform: perspective(1px) skew(-17deg);
	/*-ms-transform: skew(-17deg);*/
	-o-transform: skew(-17deg);
	/*transform: perspective(1px) skew(-17deg);*/
	 /*Solucción para navegadores WebKit/Blink*/
	-webkit-backface-visibility: hidden;
		
	outline: 1px solid transparent;
	}


.logo-home a {
	display:block;
	text-align:center;
	-webkit-transform: perspective(1px) skew(17deg);
	-moz-transform: perspective(1px) skew(17deg);
	/*-ms-transform: skew(17deg);*/
	-o-transform: skew(17deg);
	/*transform: perspective(1px) skew(17deg);*/
	 /*Solucción para navegadores WebKit/Blink*/
	-webkit-backface-visibility: hidden;  
	outline: 1px solid transparent;
	}

.logo-home a img {
	margin:auto;
	}





.logo-movil-home {
	margin: 20px auto;
	text-align: center;
	display: none;
	}

.LinkLogoMovil {
    display: none;
}

.languaje {
	position: absolute;
	z-index: 8889;
	top: 80px;
	right: -20%;
    right: 40px\9;
	}

.ulsocial {
	position: absolute;
	z-index: 8889;
	top: 96px;
	right: -135px; /*70px*/
    right: 20px \9;
	color: #fff;
	}

.ulsocial li {
	display: inline-block;
	margin: 0px 4px;
	}

.ulsocial li a {
	color: #b5c8d5;
	font-size: 18px;	
	-webkit-transition: all .3 linear;
    -moz-transition: all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
	}

.ulsocial li a:hover {
	color: #fff;
	}

.ulsocialhome {
	text-align: center;
	margin: 0px 0px 10px 0px;
	}

.ulsocialhome li {
	display: inline-block;
	margin: 0px 2px;
	}
	
.ulsocialhome li a {
	width: 24px;
	height: 24px;
	color: #b4b4b4;
	font-size: 18px;
	display: block;
	}

.colhome {
	position: absolute;
	right: 310px;
	top: 0px;
	width: 700px;
	height: 900px;	
	/*overflow: hidden;*/
	z-index: 100;
	text-align: right;
	}

.colhomeinfo {
	position: absolute;	
	top: 0px;
	right: -100%; /*0px*/	
	width: 205px;
	margin-top: 140px;
	z-index: 999;
	color: #b4b4b4;
	font-size: 15px;	
	}

.colhomeinfo h1 {
	font-family: 'eurostileregular';	
	font-size: 27px;
	font-weight: 300;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #b5c8d5;
	margin: 0px  auto 15px auto;
	display: inline-block;
	}

.colhomeinfo img {
	display: inline-block;
	margin-top: 20px !important;
	max-width: 100% !important;
	height: auto !important;
	}

.colhomeinfo {
	max-width: 100% !important;
	height: auto !important;
	}

.backdiagonal {
	display: inline-block;
	position: absolute;
	right:-400px;
	top:0;
	z-index: 2;	
	height: 1100px;
	width: 740px;
    width: 670px\9;
	background: #fff;	
	-webkit-transform: perspective(1px) skew(-17deg);
	-moz-transform: perspective(1px) skew(-17deg);
	/*-ms-transform: skew(-17deg);*/
	-o-transform: skew(-17deg);
	/*transform: perspective(1px) skew(-17deg);*/
	 /*Solucción para navegadores WebKit/Blink*/
	-webkit-backface-visibility: hidden;

  /*La corrección para Firefox ... sí, tiene que estar en una sola y larga línea*/
	filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');	
	outline: 1px solid transparent;
	}

.contlogo {
	max-width: 728px;
	margin: 40px auto 80px auto;
	}

footer {
	position: absolute;
	z-index: 9998;
	bottom: 0px;
	width: 100%;	
	}

.img-soporte {
    float: right; margin-top: 29px;
    } 

.footer {	
	background: #f5f1f2;
	color: #666;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;	
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}

.footer p {
	margin-bottom: 0px;
	}

.footer h1 {
	font-size: 13px;
	display: inline-block;
	color: #00487b;
	padding-bottom: 2px;
	border-bottom: solid 1px #00487b;
	margin-bottom: 8px;
	margin-top: 15px;
	}

.contbxclientes {
	margin: auto;
	text-align: center;
	margin-top: 30px;
	}

.bxclientes {
	display: inline-block;
	margin: auto;
	}

.contbxprodes {
	margin: 7px auto 10px auto;
	text-align: center;	
	}

.bxprodes-title {
	font-family: 'HelveticaLT-Condensed-Bold', calibri;
    font-size: 12px;
    line-height: normal;
	}

.contbxnoticias {
	margin: 14px auto  15px auto;
	text-align: center;
	}

.footerdata {
	padding: 6px 10px;
	}
	
.backazul { background: #0d5d94 url(../imagenes/back-azul.png) center right no-repeat; color: #fff; }
.backrojo { background: #ca2211 url(../imagenes/back-rojo.png) center right no-repeat; color: #fff; }
.backamarillo { background: #ffc400; color: #0090d2;}

.copyright {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 6px 10px 0px 10px;
	background: #fff;
	}

.copyright p {
	margin-bottom: 0px;
	padding: 0px 0px;
	}

.copyright a {
	text-decoration: none;
	}
	
.company {
	padding: 8px 28px 8px 4px;
	background: url(../imagenes/mk-logo.png) center right no-repeat;
	color: #777;
	}

/*Overlay*/
.simpleimagen {	 
	position: relative;
	}

.lupe {
	position: absolute;	
	background: #333 url(../img/lupe.png) center center no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);	
	opacity:0;
	top:0;
	right:0;
	bottom:0;
	left:0;	
	z-index: 1;
	zoom: 1;
	}
/*Overlay*/




/*--- Media ---*/
img,
video {
    max-width: 100%;
    height: auto;
    display: block;
}
img {
    -ms-interpolation-mode: bicubic;
}
audio {
    width: 100%;
}
.cont-video {
    height: 0;
    padding-bottom: 56.25%;
    /* ratio 16:9 */
    position: relative;
    /*margin-bottom: 1.5em;*/
}
.cont-video iframe,
.cont-video object,
.cont-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;  
}
/*--- Media ---*/

.flex-container {
	margin-bottom: 0px;
	overflow: hidden;
	position: relative;
	}

.flex-container .flexslider {
	width: 1920px;
	text-align: center;
	left: 50%;
	/*display: inline-block;*/
	margin-left: -960px;
	}

.flexslider img {
	height: 650px;
	max-width: none;
	margin: auto;
	}

.social-buscador {
	position: absolute;
	top: 30px;	
	right: 0%; /*50%*/
	margin-right: -648px;
	z-index: 500;
	color: #767676;
	}

.buscador-txt {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	border: 1px solid #d8d8d8;
	width: 140px;
	
	border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-ms-border-radius: 10px 0px 0px 10px;
	-o-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;	
	overflow: hidden;
	outline: 1px;
	}

.buscador-btn {
	display: inline-block;
	margin-left: -6px;
	width: 34px;
	height: 37px;
	cursor: pointer;
	background: #898989 url(../imagenes/icon-buscador.png) center center no-repeat;	
	overflow: hidden;
	outline: 1px;
	
	border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-ms-border-radius: 0px 10px 10px 0px;
	-o-border-radius:0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
    
	-webkit-transition: all .3 ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}

.buscador-btn:hover {
	background: #0d5d94 url(../imagenes/icon-buscador.png) center center no-repeat;	
	}

/**/

.img-lateral {
	position: absolute;
	top: 10%;
	left: 84%;
	z-index: -1;
	width: 100%;
	max-width: 500px;
	}

.contenido {	
	margin-bottom: 40px;
	}
	
.contenido h1, .contenido h2, .contenido h3 {
	font-weight: 300;
	font-family: 'eurostileregular';
	}

.contenido h1 {
	display: inline-block;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #b5c8d5;		 
	font-size: 32px;
	margin: 0px  auto 20px auto;
	color: #0d5d94;
	}

.contenido h2 {				 
	font-size: 24px;
	margin-bottom: 15px;
	}

.contenido h3 {		
	display: inline-block;		 
	font-size: 16px;
	margin: 15px 0px 15px 0px;
	font-weight: bold;
	color: #0d5d94;
	}

.contenido h4 {		
	display: inline-block;		 
	font-size: 15px;
	margin: 30px 0px 0px 0px;
	font-weight: 600;
	}

.contenido p {	
	/*max-width: 500px;*/
	}
	
.contenido ul {
	margin: 15px 0px 15px 0px;
	list-style: none;	
	}

.contenido ul li {
	padding-left: 15px;
	background: url(../imagenes/iconlista.png) 0px 6px no-repeat;
	}

.blog-item {
	width: 270px;
	float: left;
	margin: 10px 15px 10px 15px;
	}
.blog-img img{width:100px!important;height:86px!important;}
.blog-img {
	padding: 4px;
	border: 1px solid #fff;
	width: 100px;
	height:96px;
	float: left;
	
	-webkit-transition: all .3 ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}

.blog-info {
	max-width: 206px;
	margin-left: 110px;	
	}

.blog-info h1 {
	display: block;
	padding: 0px;
	border: 0px;
	font-weight: 500;
	font-size: 14px;
	margin: 5px 0px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	}

.blog-info p {
	line-height: 17px;
	 
	-webkit-transition: all .3 ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}

.blog-item-footer {
	margin: 5px 0px 0px 0px;
	}

.blog-item-footer .blog-img {
	width: 90px;
	}

.blog-item-footer .blog-info {
	margin-left: 100px;
	max-width: 400px;
	}

.blog-item-footer .blog-info h1 {
	font-size: 13px;
	margin-bottom: 2px;
	margin-top: 4px;
	text-align: left;
	}

.blog-item-footer .blog-info p {
	line-height: 15px;
	text-align: left;
	}

.blog-item:hover .blog-img {
	border: 1px solid #608aa9;
	}

.blog-item:hover h1, .blog-item:hover p {
	color: #0d5c94;
	}

.tags li {
	display: inline-block;
	background: none !important;
	padding: 0px !important;
	margin: 4px;
	}

.tags li a {
	display: inline-block;
	padding-left: 20px !important;
	color: #aec0ce;
	background: url(../imagenes/tag.png) 8px 4px no-repeat !important;
	font-style: italic;
	font-weight: bold !important;
	cursor: pointer;
	
	-webkit-transition: all .3 ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;	
	}

.tags li a:hover {
	color: #0d5d94;
	background: url(../imagenes/tag-hover.png) 8px 4px no-repeat !important;
	} 

.ul-funcion {
	display: inline-block;
	margin: 40px 0px 20px 0px !important;
	}

.ul-funcion-simple {
	display: block;
	margin: 0px 0px 20px 0px !important;
	}

.funcion-video {
	display: inline-block;
	width: 41px;
	height: 41px;
	background: url(../imagenes/icon-video.png) 0px -2px no-repeat;
	}

.funcion-video:hover {
	background: url(../imagenes/icon-video.png) 0px -43px no-repeat;
	}

.funcion-pdf {
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(../imagenes/icon-pdf.png) 0px -43px no-repeat;
	}

.funcion-pdf:hover {
	background: url(../imagenes/icon-pdf.png) 0px -2px no-repeat;
	}

.funcion-modelos {
	display: inline-block;
	width: 42px;
	height: 41px;
	background: url(../imagenes/icon-modelos.png) 0px 0px no-repeat;
	}

.funcion-modelos:hover {
	background: url(../imagenes/icon-modelos.png) 0px -41px no-repeat;
	}

.funcion-especificaciones {
	display: inline-block;
	width: 42px;
	height: 41px;
	background: url(../imagenes/icon-especificaciones.png) 0px 0px no-repeat;
	}

.funcion-especificaciones:hover {
	background: url(../imagenes/icon-especificaciones.png) 0px -41px no-repeat;
	}

.ul-funcion li, .ul-funcion-simple li {
	margin-left: 4px;	
	display: inline-block;
	list-style: none;
	padding: 0px !important;
	background: none !important;
	}

.ul-data {
	margin: 15px 0px 30px 0px !important;
	text-align: left;
	}

.ul-data li {
	margin-left: 20px !important;
	background: none !important;
	padding: 0px !important;
	position: relative;
	margin-bottom: 5px;	
	}

.ul-data li i {
	position: absolute;
	top: 3px;
	left: -20px;
	color: #0d5d94;
	width: 15px;
	text-align: center;	 
	}

.btn {
	margin: 30px auto 0px auto;
	display: inline-block;
	padding: 12px 20px;
	background: #aec0ce;
	color: #fff;
	-webkit-transition: all .3 ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
	font-size: 16px;
	cursor: pointer;
	}

.btn i { 
	margin-right: 6px;
	font-size: 20px;
}

.btn:hover { 
	background: #0d5c94;
}

.btnupload {
	width: 50%;
	text-align: center;
	position: relative;
	overflow: hidden;
	float: right;
	margin: 5px 0px 3px 10px;
	background: #aec0ce;	
	font-size: 16px;
	color: #fff;
	display: inline-block;
	padding: 8px 30px;
	
	transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	-webkit-transition: all ease-in-out .4s;
	}

.btnupload:hover {
	background: #0d5c94;
	}

.btnupload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.productos {
	margin: 20px auto 0px auto;
	max-width: 800px;
	text-align:center;
	}

.proyectos {
	position: relative;	
	}

.btn-proy-ant, .btn-proy-sig {
	position: absolute;
	top: 28px;
	width: 80px;
	padding-top: 110px;	
	font-family: 'eurostileregular', calibri;
	font-size: 20px;
	}

.btn-proy-ant {
	left: -40px;
	background: url(../imagenes/proy-prev.png) top center no-repeat;
	}

.btn-proy-sig {
	right: -40px;
	background: url(../imagenes/proy-next.png) top center no-repeat;
	}

.btn-proy-ant:hover, .btn-proy-sig:hover {
	color: #0d5c94;
	}



/*overlay*/
.ul-overlay li {
	display: inline-block;
	margin: 8px;
	border: 1px solid #fff;
	padding: 4px;
	line-height: 0px;
	
	-webkit-transition: all .3 ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}

.ul-overlay li a {
	position: relative;
	display: inline-block;	
	text-decoration: blink;
	}

.ul-overlay li a span {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;			
	text-align: center;	
	background-color: #0d5d94;	
	background: rgba(13,93, 148, 0.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	background-position: center 30px;	
	
	-webkit-transition: all .3 ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}

.ul-overlay li a span h1 {
	vertical-align: middle;
	text-transform:uppercase;
    display: table-cell;
	/*height: 120px;*/
	line-height: normal;
	color: #fff;
	font-size: 13px;
	font-family: 'HelveticaLT-Condensed-Bold', calibri;	
	-webkit-transition: all .4;
    -moz-transition: all .4s;
    -o-transition:all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
	}

.ul-overlay li:hover {
	border: 1px solid #608aa9;
	}
	
.ul-overlay li a:hover span {
	/*_margin: 0; /*IE6 only*/    	 
	background: url(../imagenes/icon-more.png) center no-repeat;	 
	}

.ul-overlay li a:hover span h1 {
	/*_margin: 0; /*IE6 only*/    	 
	opacity: 0;
	}
/*overlay*/





.ul-x4 {
	text-align: left;
	}

.ul-x4 li {
	display: inline-block;
	width: 155px;
	margin: 12px;
	border: 1px solid #608aa9;
	padding: 4px !important;
	line-height: 0px;
	background: none !important;	
	}

.ul-x4 li a img {	
	width: 145px;
    height: 101px;
	}

.ul-x4 li a span {
	padding: 0px 10px 0px 10px;
	}

.ul-x4 li a span h1 {
	height: 104px;
	width: 125px;
	}

.ul-x3 {
	text-align: left;	 
	}

.ul-x3 li {
	display: inline-block;
    width: 185px;
	margin: 3px;
	border: 1px solid #608aa9;
	padding: 4px !important;
	line-height: 0px;
	background: none !important;
	}

.ul-x3 li a span {
	padding: 0px 1px 0px 10px;
	}

.ul-x3 li a img {
	width: 175px;
    height: 120px;
    max-width: inherit;
	}

.ul-x3 li a span h1 {
	height: 123px;
	width: 152px;
	border: none !important;
	padding: 0px !important;
	}








.gallery {	
		
	}

.gallery li {
	
	}

.TextBig {
    font-family: 'eurostileregular' Arial;    
    display: inline-block;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #b5c8d5;		 
	font-size: 32px;
	margin: 0px  auto 20px auto;
	color: #0d5d94;
}

.TextMedium {
    margin-top: 15px;
    font-family: 'eurostileregular' Arial;
    font-size: 16px;
}

.bxsimcar {
	margin-top: 0px !important;
	list-style: none;
	padding: 0px;
	}
	
.bxsimcar li {
	padding: 0px !important;
	background: none !important;
	}

.bxsimcarright {
	width: 350px;
	float: right;
	margin: 0px 0px 30px 30px;
	}

.bxcarproy {
	margin-top: 0px !important;
	}

.bxcarproy li {
	padding: 0px !important;
	background: none !important;
	}

.tabletrabajo {
	width: 100%;
	}

.tabletrabajo tr td {
	display: inline-block;
	margin: 1%;
	width: 48%;
	}

.tablecontacto {
	margin: 20px auto 20px auto;
	width: 100%;
	max-width: 600px;
	}

.tablecontacto tr input {
	margin-bottom: 6px;
	}
	
.txt {
	padding: 12px;
	width: 100%;
	background: #ececec;
	}

.box-popup {

    }

.cont-map {
	position: relative;
	height: 950px;
	overflow: hidden;
	position: relative;
	right: -75%;
	}

.cont-map-2 {
	display: none;
	position: relative;
	height: 300px;
	overflow: hidden;
	position: relative;
	right:0;
	}

.map {	
	margin-top: 0px;
	height: 100%;
	width: 100%;			
	}

.map label {
	width: auto;
	display:inline;
	}

.map img { 
    max-width: none;
    }

.map-diagonal {
	position: absolute;
	width: 378px;
	height: 1200px;
	background: #fff;
	top: 0px;
	left: -21%;
	z-index: 20;
	
	-webkit-transform: perspective(1px) skew(-17deg);
	-moz-transform: perspective(1px) skew(-17deg);
	/*-ms-transform: skew(-17deg);*/
	-o-transform: skew(-17deg);
	/*transform: perspective(1px) skew(-17deg);*/
	 /*Solucción para navegadores WebKit/Blink*/
	-webkit-backface-visibility: hidden;

  /*La corrección para Firefox ... sí, tiene que estar en una sola y larga línea*/
	filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="gaussian_blur"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter></defs></svg>#gaussian_blur');	
	outline: 1px solid transparent;	
	}


.lstmapa a{text-transform:uppercase!important;}
.BxCarLateralCont .bx-controls{display:none;}
.titmggal{
  clear: both;
  font-size: 13px;
  color: #0d5d94;
  font-weight: 700;
  margin-top: 6px;
  padding: 0 15px;
  line-height: 13px;
    }

.imgprdico {
    width: 172px;height: 137px;
}

.imghmftprd {
    width: 80px;height: 80px;
}

.imghmftntc {
    width: 80px;height: 64px;
}

.imghmftcert{
    width: 580px;height: 580px;
}

.imgprodgal1 {
    width:270px;height:280px;
}
/**/