@charset "utf-8";
/*
Master style sheet; TechnoKontrol
Output: Screen
Author: Sergionoriega.com
April 2011
--------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
img {
border: none;
}
/* This Font Software is licensed under the SIL Open Font License, Version 1.1.
 * This license is available with a FAQ at: http://scripts.sil.org/OFL */
@font-face {
font-family: 'TitilliumText22LMedium';
src: url('/fonts/TitilliumText22L004-webfont.eot');
src: local('☺'), url('/fonts/TitilliumText22L004-webfont.woff') format('woff'), url('/fonts/TitilliumText22L004-webfont.ttf') format('truetype'), url('/fonts/TitilliumText22L004-webfont.svg#webfontXp85EZPp') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TitilliumText22LBold';
src: url('/fonts/TitilliumText22L005-webfont.eot');
src: local('☺'), url('/fonts/TitilliumText22L005-webfont.woff') format('woff'), url('/fonts/TitilliumText22L005-webfont.ttf') format('truetype'), url('/fonts/TitilliumText22L005-webfont.svg#webfontk4KB4G3R') format('svg');
font-weight: normal;
font-style: normal;
}
html {
background: #9f9f9f url(../img/bg-html.gif) center top repeat-y;
}
body {
margin: 0;
text-align: center;
font: normal 87.5% "TitilliumText22LMedium", Verdana, Arial, sans-serif;
line-height: 1.5em;
background: transparent url(../img/bg.gif) center top no-repeat;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#lazo {
width: 956px;
margin: 0 auto;
text-align: left;
overflow: hidden;
}
a {
text-decoration: none;
color: #63e;
}
a:hover {
color: #a70;
}
a:visited {
color: #658;
}
a.btn {
color: #f6f6f6;
background: #004;
padding: 10px 28px;
border-radius: 4px;
transition: all .3s;
margin: 1em 0;
display: inline-block;
}
a.btn:hover {
background: #223;
}

/* Tipográficos
----------------------------------------------------------------------*/
h1 {
clear: left;
float: left;
margin: 29px 0 29px 19px;
padding: 0;
width: 311px;
text-indent: -5000px;
}
h1 a {
display: block;
margin: 0;
height: 60px !important;
background: url(../img/logo.gif) no-repeat;
border: none;
outline: none;
}
h2 {
font: normal 3.428em "TitilliumText22LBold", Verdana, Arial, sans-serif;
float: left;
color: #fff;
letter-spacing: -1px;
width: 930px;
margin-top: 2px;
padding: 60px 0 60px 29px;
background-repeat: no-repeat;
text-transform: capitalize;
}
h2 .trade {
font-family: "TitilliumText22LMedium";
}
h3 {
font: normal 1.285em "TitilliumText22LBold", Verdana, Arial, sans-serif;
color: #004;
}
h4 {
clear: both;
font: normal 1.142em "TitilliumText22LBold", Verdana, Arial, sans-serif;
color: #c51;
}
h5, .enf {
font: normal 16px "TitilliumText22LBold", Verdana, Arial, sans-serif;
color: #468;
margin-top: 5px;
}
ul {
list-style: none;
margin-bottom: 1.25em;
}
#company h2, #projects h2, #certificates h2, #press h2,
#research h2, #contact h2, #how-why h2, #plant h2 {
background-image: url(../img/display/rotator.php);
}
#financing h2 {
background-image: url(../img/display/finance.jpg);
}
#projects h2.wall {
background-image: url(../img/display/01.jpg);
}
#projects h2.duct {
background-image: url(../img/display/duct.jpg);
}
#projects h2.valve {
background-image: url(../img/display/02.jpg);
}
#projects h2.boards {
background-image: url(../img/display/03.jpg);
}
#projects h2.blasts {
background-image: url(../img/display/blast.jpg);
}
#projects h2.alloy {
background-image: url(../img/display/alloy.jpg);
}
#projects h2.electro {
background-image: url(../img/display/06.jpg);
}
#projects h2.gas{
background-image: url(../img/display/07.jpg);
}
#projects h2.fire{
background-image: url(../img/display/08.jpg);
}
#projects h2.roof{
background-image: url(../img/display/09.jpg);
}
#projects h2.cooling{
background-image: url(../img/display/cooling.jpg);
}
#projects h2.solar{
background-image: url(../img/display/solar.jpg);
}
#projects h2.refs{
background-image: url(../img/display/12.jpg);
}
#projects h2.psaxss{
background-image: url(../img/display/13.jpg);
}
#projects h2.siaps{
background-image: url(../img/display/14.jpg);
}
#projects h2.auto-gas{
background-image: url(../img/display/auto-gas.jpg);
}
#projects h2.auto{
background-image: url(../img/display/auto.jpg);
}
#projects h2.gconversion{
background-image: url(../img/display/gconversion.jpg);
}
#projects h2.pipelines{
background-image: url(../img/display/pipelines.jpg);
}
#projects h2.axsfv{
background-image: url(../img/display/valve.jpg);
}
#projects h2.garrafas{
background-image: url(../img/display/garrafas.jpg);
}
#projects h2.aviation{
background-image: url(../img/display/aviation.jpg);
}
#projects h2.jtanks{
background-image: url(../img/display/roof.jpg);
}
#projects h2.jumbo{
background-image: url(../img/display/jumbo.jpg);
}
#projects h2.stank{
background-image: url(../img/display/strategic-tank.jpg);
}
#projects h2.leds{
background-image: url(../img/display/leds.jpg);
}
#projects h2.generator{
background-image: url(../img/display/generator.jpg);
}
#projects h2.filter{
background-image: url(../img/display/filter.jpg);
}
#projects h2.housing{
background-image: url(../img/display/housing.jpg);
}
#projects h2.transport{
background-image: url(../img/display/transport.jpg);
}
#projects h2.military{
background-image: url(../img/display/military.jpg);
}
#projects h2.clothing{
background-image: url(../img/display/clothing.jpg);
}
#projects h2.eagle, #newsletter h2.eagle {
background-image: url(../img/display/eagle-eye.jpg);
}
#projects h2.eagle-I{
background-image: url(../img/display/eagle-eye-I.jpg);
}
#projects h2.eagle-II{
background-image: url(../img/display/eagle-eye-II.jpg);
}
#projects h2.eagle-IV{
background-image: url(../img/display/eagle-eye-IV.jpg);
}
#projects h2.eagle-V{
background-image: url(../img/display/eagle-eye-V.jpg);
}
#projects h2.eagle-VI{
background-image: url(../img/display/eagle-eye-VI.jpg);
}
#projects h2.eagle-IX{
background-image: url(../img/display/eagle-eye-IX.jpg);
}
#research h2.rais{
background-image: url(../img/display/rais.jpg);
}
#research h2.delta{
background-image: url(../img/display/delta.jpg);
}
#contact h2{
background-image: url(../img/display/contact.jpg);
}
#company h2.tkge{
background-image: url(../img/display/tkge.jpg);
}
#company h2.tkgel{
background-image: url(../img/display/tkgel.jpg);
}
#company h2.tkgen{
background-image: url(../img/display/tkgen.jpg);
}
#company h2.tkcc{
background-image: url(../img/display/tkcc.jpg);
}
#company h2.tkcg{
background-image: url(../img/display/tkcg.jpg);
}
#company h2.tkgt{background-image: url(../img/display/tkgt.jpg);}
#company h2.tkgt-m{background-image: url(../img/display/tkgt-m.jpg);}
#projects h2.fiber{
background-image: url(../img/display/fiber.jpg);
}
#projects h2.maritime{
background-image: url(../img/display/maritime.jpg);
}
#projects h2.mobiletanks{
background-image: url(../img/display/mobiletanks.jpg);
}
#projects h2.meteor{
background-image: url(../img/display/meteor.jpg);
}
#projects h2.meteor6000{
background-image: url(../img/display/meteor6000.jpg);
}
#projects h2.viper{
background-image: url(../img/display/viper.jpg);
}
#projects h2.emp{
background-image: url(../img/display/emp.jpg);
}
#projects h2.acoustic{
background-image: url(../img/display/acoustic.jpg);
}
#projects h2.ks-I{background-image: url(../img/display/ks-I.jpg);}
#projects h2.ks-II{background-image: url(../img/display/ks-II.jpg);}
#projects h2.ks-III{background-image: url(../img/display/ks-III.jpg);}
#projects h2.ks-IV{background-image: url(../img/display/ks-IV.jpg);}
#projects h2.ks-V{background-image: url(../img/display/ks-V.jpg);}
#projects h2.ks-VI{background-image: url(../img/display/ks-VI.jpg);}
#projects h2.ks-VII{background-image: url(../img/display/ks-VII.jpg);}
#projects h2.ks-VIII{background-image: url(../img/display/ks-VIII.jpg);}
#projects h2.ks-IX{background-image: url(../img/display/ks-IX.jpg);}
#projects h2.ks-X{background-image: url(../img/display/ks-X.jpg);}
#projects h2.ks-XI{background-image: url(../img/display/ks-XI.jpg);}
#projects h2.ks-XII{background-image: url(../img/display/ks-XII.jpg);}
#projects h2.ks-XIII{background-image: url(../img/display/ks-XIII.jpg);}
#projects h2.ks-XIIIg{background-image: url(../img/display/ks-XIIIg.jpg);}
#projects h2.ks-XIV{background-image: url(../img/display/ks-XIV.jpg);}
#projects h2.kw{background-image: url(../img/display/kw.jpg);}
#projects h2.dstinger{background-image: url(../img/display/dstinger.jpg);}
#projects h2.dprotector{background-image: url(../img/display/dprotector.jpg);}
#projects h2.ddragon{background-image: url(../img/display/dbuggy.jpg);}
#projects h2.dslayer{background-image: url(../img/display/dslayer.jpg);}
#projects h2.dfighter{background-image: url(../img/display/dfighter.jpg);}
#projects h2.dkingfighter{background-image: url(../img/display/dkingfighter.jpg);}
#projects h2.dwarrior{background-image: url(../img/display/dwarrior.jpg);}
#projects h2.dkingwarrior{background-image: url(../img/display/dkingwarrior.jpg);}
#projects h2.bft{background-image: url(../img/display/11.jpg);}
#projects h2.bullet-proof{background-image: url(../img/display/bullet-proof.jpg);}
#projects h2.alien, #newsletter h2.alien{background-image: url(../img/display/alien.jpg);}
#projects h2.submarine{background-image: url(../img/display/submarine.jpg);}
#projects h2.sting{background-image: url(../img/display/sting.jpg);}
#projects h2.airport{background-image: url(../img/display/airport.jpg);}
#projects h2.airport-bnv{background-image: url(../img/display/airport-bnv.jpg);}
#projects h2.panic{background-image: url(../img/display/panic.jpg);}
#projects h2.panic-bnv{background-image: url(../img/display/panic-bnv.jpg);}
#projects h2.alien-short{background-image: url(../img/display/alien-short.jpg);}
#projects h2.airbags{background-image: url(../img/display/airbags.jpg);}
#projects h2.airbags-bnv{background-image: url(../img/display/airbags-bnv.jpg);}
#projects h2.airbags-aa{background-image: url(../img/display/airbags-aa.jpg);}
#projects h2.detector{background-image: url(../img/display/detector.jpg);}
#projects h2.tankers{background-image: url(../img/display/tankers.jpg);}
#projects h2.helipads{background-image: url(../img/display/helipads.jpg);}
#projects h2.security{background-image: url(../img/display/security.jpg);}
#projects h2.e-armament{background-image: url(../img/display/e-armament.jpg);}
#projects h2.e-aerial{background-image: url(../img/display/e-aerial.jpg);}
#projects h2.e-naval{background-image: url(../img/display/e-naval.jpg);}
#projects h2.e-vehicles{background-image: url(../img/display/e-vehicles.jpg);}
#projects h2.tec-seguridad{background-image: url(../img/display/tec-seguridad.jpg);}
#projects h2.mil-housing{background-image: url(../img/display/mil-housing.jpg);}
#projects h2.serv-seguridad{background-image: url(../img/display/serv-seguridad.jpg);}
#projects h2.casino-security{background-image: url(../img/display/casino-security.jpg);}
#projects h2.mobile-chimneys{background-image: url(../img/display/mobile-chimneys.jpg);}
#projects h2.chimneys{background-image: url(../img/display/chimneys.jpg);}
#projects h2.e-search{background-image: url(../img/display/e-sar.jpg);}
#projects h2.e-search-m{background-image: url(../img/display/e-sar-m.jpg);}
#projects h2.climate{background-image: url(../img/display/climate.jpg);}
#projects h2.containers{background-image: url(../img/display/containers.jpg);}
#projects h2.petroquimicas{background-image: url(../img/display/petroquimicas.jpg);}
#projects h2.fracking{background-image: url(../img/display/fracking.jpg);}
#how-why h2.flammable{background-image: url(../img/display/flammable.jpg);}
#projects h2.safecom{background-image: url(../img/display/safecom.jpg);}
#newsletter h2{background-image: url(../img/display/newsletter.jpg);}
#newsletter h2.nl-B{background-image: url(../img/display/newsletter-2.jpg);}
h2.tkcorp{background-image: url(../img/display/newsletter.jpg);}
#projects h2.pods{background-image: url(../img/display/pods.jpg);}
#projects h2.arts{background-image: url(../img/display/arts.jpg);}
#projects h2.barrier{background-image: url(../img/display/barriers.jpg);}
#projects h2.smart-delivery{background-image: url(../img/display/smart-delivery.jpg);}
#projects h2.doors{background-image: url(../img/display/doors.jpg);}
#projects h2.qsshe{background-image: url(../img/display/qsshe.jpg);}
#projects h2.bunding{background-image: url(../img/display/bunding.jpg);}

h3.hprod a {
clear: both;
width: 590px;
float: left;
color: #004;
padding: 0 0 .75em 22px;
background: url(../img/bullet-ama.gif) left top no-repeat;
}
h3.hprod a:hover {
color: #448;
}

/* Generales
----------------------------------------------------------------------*/
.skip {
visibility: hidden;
font-size: 1px;
float: left;
}
#cont, #footer {
overflow: hidden;
}
#heading,  #cont, #footer, #nav {
width: 956px;
clear:both;
}
#heading {
margin-top: 31px;
background: #fff url(../img/bg-head-top.gif) center top no-repeat;
}
#nav, #footer {
margin-top:2px;
}
h4, h5, .textos p, .aux p, .textos ul, .aux ul, .textos form, dl {
margin-left: 29px;
}
.textos ul ul {
margin: 5px 0 0;
}
.textos ul ul li:last-child, #col li li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
h4, h5 {
	margin-bottom: 6px;
}

/* Navegaciones
----------------------------------------------------------------------*/
#nav {
margin: 0;
padding: 0;
height: 56px;
background: #002a68 url(../img/bg-navs.gif) top repeat-x;
}
#nav li {
float: left;
display: inline;
}
#nav li a {
display: block;
padding: 20px 6px 0;
background: url(../img/border-nav-li.gif) right 15px no-repeat;
color: #cddeff;
text-decoration: none;
}
#nav #m-products li a {
background-image: url(../img/border-nav-lip.gif);
}
#nav li a.mainm {
height: 36px;
}
#nav li a:hover, #nav li.hold a, #nav #m-products li a:hover, #nav #m-products li.hold a {
color: #004;
background: #fc0 url(../img/bg-navh.gif) top repeat-x;
}
#nav ul#m-products li {
background: #011c44 url(../img/bg-navp.gif) top repeat-x;
}
#nav ul#m-products li li {
background: none;
}
#nav ul li a {
display:block;
}
#nav ul li ul {
width: 200px;
}
#nav ul.subnav {
z-index: 800;
padding: 10px 5px;
}
#nav li ul.subnav h3,
#nav li ul.subnav a {
font: normal 14px "TitilliumText22LMedium", Verdana, Arial, sans-serif;
color: #004;
margin: 0;
padding: 3px 0 6px 0;
}
#nav li ul.subnav h3 a, #nav #m-products li ul.subnav h3 a,
#nav li ul.subnav a h3, #nav #m-products li ul.subnav a h3{
color: #004;
background: none;
margin: 0;
padding: 0 0 0 1px;
}
#nav li ul.subnav h3 a:hover, #nav #m-products li ul.subnav h3 a:hover,
#nav li ul.subnav a:hover h3, #nav #m-products li ul.subnav a:hover h3,
#nav li ul.subnav a:hover {
color: #a51;
background: none;
}
#nav #m-products li.hold ul a {
background: none;
}
#nav ul.subsubnav {
float: left; /* Or Explorer */
margin-bottom: 0;
}
#nav .subsubnav li {
border-bottom: 1px dotted #99b;
}
#nav .subsubnav li a {
width: 200px;
height: auto;
font-size: 14px;
line-height: 18px;
padding: 3px 0 1px 0;
background-image: none;
color: #126;
}
#nav ul#m-products ul li a,
#nav ul#m-projects ul li.hassub a {
width: 185px;
background: none;
}
#nav ul.infranav {
padding: 10px;
}
#nav ul.infranav li {
border-color: #aac;
}
#nav ul.infranav li a {
font-size: 12px;
width: 290px;
padding: 5px;
margin: 0;
}
#nav ul#m-products ul.infranav li a {
width: 260px;
}
#nav .infranav li a:hover {
background-image: url(/img/bullet-infrah.gif);
}

/* Generales
--------------------------------------*/
ul.topnav li {
float: left;
position: relative;
}
ul.topnav li a{
display: block;
height: 22px;
float: left;
}
ul.topnav li span {
width: 17px;
height: 22px;
float: left;
}
ul.topnav li ul.subnav {
list-style: none;
position: absolute;
left: 0; top: 56px;
display: none;
float: left;
width: 200px;
border: 1px solid #b5b9cc;
background: #d3dae5;
-moz-box-shadow: 1px 2px 4px #ccc;
-webkit-box-shadow: 1px 2px 4px #ccc;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
}
ul.topnav li ul.subnav li{
clear: both;
}
ul.infranav {
list-style: none;
position: absolute;
left: 197px; top: -5px;
display: none;
float: right;
width: 270px;
border: 1px solid #b5b9cc;
background: #d3dae5;
-moz-box-shadow: 1px 2px 4px #ccc;
-webkit-box-shadow: 1px 2px 4px #ccc;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
z-index: 5000;
}
#nav ul li ul ul.infranav {
width: 270px;
}
ul.infra-mil {
list-style: none;
position: absolute;
left: 190px; top: -5px;
display: none;
float: right;
width: 250px;
padding: 5px;
border: 1px solid #b5b9cc;
background: #d3dae5;
-moz-box-shadow: 1px 2px 4px #ccc;
-webkit-box-shadow: 1px 2px 4px #ccc;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
z-index: 6000;
}

/* Particularidades - Military
--------------------------------------*/
#m-products ul.subnav {
left: -100px;
}
#m-projects ul.subnav {
left: -55px;
}
#nav ul li ul ul.infranav.ifresearch {
width: 200px;
}
#nav ul li ul ul.infranav.ifmilitary,
ul.infranav.ifmilitary,
#nav ul#m-products ul.infranav.ifmilitary li,
#nav ul li ul ul.infranav.ifresearch li a {
width: 190px;
}
#nav ul#m-products ul.infranav.ifmilitary li a {
width: 160px;
}
#nav ul li ul ul.infranav.ifmilitary ul.infra-mil  {
width: 270px;
}
#nav ul#m-products ul.infranav.ifmilitary li ul.infra-mil li {
width: 265px;
}
#nav ul#m-products ul.infranav.ifmilitary li ul.infra-mil li a {
width: 255px;
}
/* 2 renglones */
ul.infranav.ifmining, ul.infra-mil.imviper {
top: -18px;
}
/* 3 renglones */
ul.infranav.iffood {
top: -32px;
}
/* 4 renglones */
ul.infranav.ifindustrial, ul.infra-mil.imsecurity {
top: -46px;
}
/* 5 renglones */
ul.infranav.ifenvironmental {
top: -60px;
}
/* 6 renglones */
ul.infra-mil.imelectronics, ul.infranav.ifmaritime, ul.infranav.iftransportation, ul.infranav.ifeco, ul.infra-mil.imalien {
top: -74px;
}
/* 8 renglones */
ul.infra-mil.immaritime, ul.infra-mil.imvehicles, ul.infranav.ifvehicles {
top: -100px;
}
/* 11 renglones */
ul.infranav.ifmilitary, ul.infra-mil.imaviation {
top: -93px;
}
/* 16 renglones */
ul.infranav.ifsafety  {
top: -90px;
}
/* Near-Top */
ul.infranav.ifaviation, ul.infranav.ifhousing, ul.infranav.ifelectronic {
top: -140px;
}
ul.infranav.ifpetroleum {
top: -290px;
}
ul.infranav.ifconstruction  {
top: -280px;
}
ul.infranav.ifmaritimea {
top: -120px;
}

/* ----------- Submenus ------------- */
ul.infranav.ifaviation .infra-mil,
ul.infranav.ifmaritimea .infra-mil {
left: 270px;
width: 220px;
}
ul.infranav.ifaviation .infra-mil li,
ul.infranav.ifaviation .infra-mil li a,
#nav ul#m-products ul.infranav.ifaviation .infra-mil li a,

ul.infranav.ifmaritimea .infra-mil li,
ul.infranav.ifmaritimea .infra-mil li a,
#nav ul#m-products ul.infranav.ifmaritimea .infra-mil li a {
width: 195px;
}
#nav ul#m-products ul.infranav.ifaviation li a,
#nav ul#m-products ul.infranav.ifmaritimea li a {
width: 245px;
}
#nav ul#m-products ul.infranav.ifmaritimea .infra-mil {
top: -250px;
}


ul.subsubnav li span {
width: 15px;
height: 20px;
float: left;
background: url(/img/more-v.gif) no-repeat left 5px;
}
ul.subsubnav li span.subhover {background-image: url(/img/more-vh.gif); cursor: pointer;} /*--Hover effect for trigger--*/
#nav li:hover li a, #nav #m-products li:hover li a {
line-height: 1.2em;
background: none;
color: #126;
}
#nav .subsubnav li a:hover, #nav #m-products li li a:hover,
#nav .subsubnav li:hover, #nav #m-products li li:hover  {
background: #bed4fe;
color: #000;
}
.flecha {
display:block;
width: 26px;
height: 16px;
background: url(../img/nav-flecha.png) no-repeat;
position: absolute;
top: -12px;
left: 23px;
}
#m-how .flecha {
left: 75px;
}
#m-products .flecha {
left: 120px;
}
#m-research .flecha {
left: 8px;
}
#m-projects .flecha {
left: 95px;
}
#m-videos .flecha {
left: 50px;
}
#nav li a span.associate-only, span.associate-only {
color: #c51;
font-size: 14px;
float: right;
margin: 0;
padding: 0;
background: none;
height: 15px;
width: 10px;
text-indent: -5000px;
background: url(../img/associates.gif) left 5px no-repeat;
}
#home span.associate-only {
margin-right: 5px;
}
ul.topnav li span.associate-only {
height: 15px;
width: 10px;
}
#nav .infranav li a span.associate-only {
margin: 0;
height: 12px;
background-position: left 2px;
}
#latnav li a span.associate-only {
margin-right: 2px;
}
.associates-text {
width: 100%;
clear: both;
float: left;
overflow: hidden;
background: #aac;
margin-top: 10px;
padding: 3px;
color: #fff;
}
#home .associates-text {
color: #559;
}
#m-products .associates-text {
width: 195px;
}
.associates-text span.associate-only {
background-image: url(../img/associates-txt.gif);
}
#home .aux .associates-text {
width: 284px;
margin: 0 0 20px;
background: #d8e8f1;
border-color: #a1c1d1;
}
#m-company .associates-text, #m-how .associates-text, #m-research .associates-text {
width: 193px;
}

#nav ul#m-products ul ul.lastul {
margin-bottom: 0;
}
.hero {
width: 100%;
background: #002;
padding: 5px 0 0;
}
.hero.has-bg {
	padding-bottom: 56.25%;
	position: relative;
	overflow: hidden;
}
.hero.has-bg.osiris-head {
	padding-bottom: 43%;
}
.video-bg {
	position: absolute;
	right: 0; bottom: 0;
	width: 100%;
	min-width: 100%;
	min-height: 100%;
}
.osiris-head .video-bg {
	background: transparent url('/img/osiris/research_eye-of-osiris.jpg') no-repeat center center;
	background-size: cover;
}
.osiris-head.osiris-bunker .video-bg {
	background: transparent url('/img/galeria/Rendition-Eye.jpg') no-repeat center center;
	background-size: cover;
}
.osiris-head.pachamama .video-bg {
	background: transparent url('/img/galeria/Rendition-Eye-Seed.jpg') no-repeat center center;
	background-size: cover;
}
.osiris-head.ojo-osiris .video-bg {
	background: transparent url('/img/galeria/Rendition-Eye.jpg') no-repeat center center;
	background-size: cover;
}



/* Contenidos
----------------------------------------------------------------------*/
#cont {
background: url(../img/bg-cont.gif) center repeat-y;
}
#col {
width: 637px;
float: left;
}
.textos {
width: 612px;
float: left;
padding-right: 25px;
background: #fff url(../img/bg-cont-top.gif) left top repeat-x;
overflow: hidden;
}
#company .textos {
margin-bottom: 17px;
}
.aux {
width: 317px;
float: right;
background: #fff url(../img/bg-aux-top.gif) center top repeat-x;
}
.textos, .aux{
padding-top: 15px;
}
#show {
width: 606px;
height: 390px;
margin: 12px 0 10px 20px;
padding-left: 7px;
background: url(../img/bg-show.gif) left top no-repeat;
}
.textos #show h3 {
width: 500px;
float: left;
margin: 0 0 12px 6px;
padding-top: 10px;
}
.textos h3 {
clear: both;
width: 575px;
margin: 13px 0 0 29px;
}
.textos h3.separate {
margin-bottom: 1em;
}
.aux h3 {
width: 269px;
margin: 15px 16px .25em 29px;
}
.textos p, #home .aux p.franchise, blockquote {
margin: .25em 0 1.25em 29px;
}
blockquote, .round {
padding: 16px;
background: #f4f4f4;
border: 1px solid #ddd;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.aux p, .aux h4, .aux h5 {
width: 260px;
}
.aux p {
margin: 0 0 1.25em 29px;
color: #555;
}
.aux li p {
font-size: 12px;
margin: 0;
width: 220px;
}
p.intro {
color: #667;
}
h3.gold, h3.silver {
height: 27px;
vertical-align: middle;
padding: 3px 0 0 10px;
border-radius: 5px;
-moz-border-radius: 5px; /*FF*/
-webkit-border-radius: 5px; /*Safari, Chrome*/
}
h3.gold {
background: #efad2c url(../img/bg-tits-gold.gif) repeat-x;
}
h3.silver {
background: #e0dfdf url(../img/bg-tit-silver.gif) repeat-x;
}
.aux h3.gold, .aux h3.silver {
margin: 15px 16px 20px 20px;
}
.pdf, .videos, .links {
border-top: 1px solid #ddd;
margin-top: 5px;
padding-top: 8px;
width: 80%;
}
#cont .list li, #content .textos li, #cont .pdf li, #cont .videos li, #cont .links li, .listprod li, #col li, .pshow {
line-height: 1.2em;
padding: 4px 0 7px 26px;
background: url(../img/bullet-ama.gif) left .1em no-repeat;
color: #555;
}
#col li li {
background-image: url(../img/bullet-gris.png);
}
.pshow {
background: none;
padding: 30px 0 0 0;
}
.listprod li {
background-image: url(../img/bullet-ama-trans.png);
}
.textos ul ul li {
width: 450px;
}
ul li.actual a, ul li.actual a:hover {
color: #222;
cursor: default;
}
ul li.actual li a, ul li.actual li a:hover {
cursor: pointer;
}
#company .aux ul li.actual {
width: 268px;
padding: 2px 0;
margin: 2px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #f4f4f4;
}
#company .aux ul li.actual a {
width: 100%;
color: #222;
cursor: default;
padding-left: 19px;
background: url(../img/bullet-gris.png) -2px -1px no-repeat;
}
#cont .list li a:hover, #col li a:hover {
cursor: pointer;
}
#cont .pdf li {
background: url(../img/ico-pdf.gif) left .1em no-repeat;
}
#cont .videos li {
background: url(../img/ico-videos.gif) left .15em no-repeat;
}
#cont .links li {
background: url(../img/ico-exit-site.gif) left .15em no-repeat;
}
.videobg {
width: 580px;
text-align: center;
padding: 25px 0 20px 0;
margin: 6px 0 0 29px;
background: #e6e6ff ;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.videobg a img {
border: 5px solid #bbc;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
}
.videobg a:hover img {
border-color: #005;
}
.logow {
width: 606px;
margin: 12px 0 15px 20px;
padding: 20px 0 15px 20px;
background: url(../img/bg-show.gif) left top no-repeat;
}
#latnav {
width: 280px;
margin-bottom: 20px;
}
#latnav h4 a {
clear: both;
display: block;
font: normal 14px "TitilliumText22LMedium";
color: #006;
padding-bottom: 0;
margin-top: 5px;
border-bottom: 1px solid #dedeee;
}
#latnav h4 a:hover {
color: #e50;
cursor: pointer;
}
#latnav h4 a img {
width: 60px;
margin: 0 5px 0 0;
vertical-align: middle;
}
#latnav .associates-text {
float: none;
width: 246px;
margin-left: 29px;
color: #888;
background: none;
border: none;
}
.listprod {
padding: 5px 0;
background: #f4f4f7;
border-bottom: 1px solid #dedeee;
}
.listprod li.actual {
background-image: url(../img/bullet-gris.gif);
}
.listprod li a {
color: #63e;
}
.listprod li a:hover {
color: #a70;
cursor: pointer;
}
.listprod li.actual a {
color: #888;
}
.listprod li.actual a:hover {
color: #888;
cursor: default;
}
.list-media {
width: 250px;
float: left;
margin-right: 20px;
}
.textos li {
width: 555px;
}
.textos .fotov {
display: inline;
float: left;
margin: 8px 8px 5px 28px;
}
.fotoh {
display: block;
margin: 5px 0 20px 29px;
max-width: 580px;
}
.fotop {
display: block;
margin: 5px 0 0 29px;
max-width: 580px;
}
#research .fotoh {
margin-bottom: 20px;
}
#certificates .fotoh {
margin: 30px 20px 5px 29px;
}
.fotoc {
margin: 5px 0;
}
#research .textos h3 {
margin-bottom: 1em;
}
dl {
font-size: .857em;
line-height: 1.275em;
padding-bottom: 1em;
}
dd {
color: #000;
padding-bottom: 1em;
}
dt {
color: #a51;
}
.textos dl {
width: 580px;
}
.textos dt {
float: left;
width: 90px;
}
.textos dt, .textos dl {
font-size: 14px;
}
#contact .textos dt {
width: 69px;
}
.position {
margin-top: 10px;
}
.position dt {
color: #004;
}
#contact .textos h4 {
width: 580px;
border-top: 1px solid #ccc;
padding-top: 1em;
}
#contact .textos h4.noline {
border-top: none;
margin: 0 0 15px 29px;
color: #006;
}
.big {
font: normal 1.5em "TitilliumText22LBold", Verdana, Arial, sans-serif;
color: #99a;
text-transform: lowercase;
}
#certifications .textos ul, #seals {
padding-top: 2em;
}
#certifications .textos li, #seals li {
width: 260px;
height: 175px;
float: left;
margin: 0 40px 1em 0;
padding: 14px 0;
border-bottom: 1px solid #ccc;
text-align: center}
.bumper {
color: #666;
}
#seals li {
width: 250px;
}
.aux .bumper {
color: #888;
}
.top, .back {
clear: both;
padding: 20px 0 20px 17px;
font-size: .857em;
line-height: 1em;
}
.top {
background: url(../img/bullet-top.gif) left 20px no-repeat;
}
.back {
background: url(../img/bullet-back.gif) left 20px no-repeat;
}
.more {
clear: both;
width: 550px;
font-size: .857em;
color: #666;
border-bottom: 1px solid #ccc;
padding: 1px 0 .5em 21px;
background: url(../img/bullet-gris.gif) left .1em no-repeat;
}
.more a {
color: #77b;
}
#certificates .more {
border: none;
}
#certificates h4 {
clear: both;
padding: 21px 0 .5em 1px;
border-top: 1px solid #ccc;
color: #444;
}
.partners p {
color: #000;
margin-top: 10px;
border-top: 1px solid #ccc;
}
.partners img {
margin-top: 14px;
}
.vid {
margin: 30px 0 20px 29px;
}
.cerrado {
display: none;
visibility: hidden;
}
.abierto {
display: block;
visibility: visible;
margin: 0 0 -5px 0;
}
.listprod ul {
width: 230px;
margin: 3px 0 0 0;
}
.listprod ul li {
background-image: url(../img/bullet-gris.gif);
}
.listprod ul li.actual a {
color: #788;
}
.listprod ul li.actual a:hover {
color: #788;
cursor: default;
}
.listprod ul li.nobull {
background-image: none;
padding-left: 5px;
color: #667;
}
.projects li {
width: 255px;
margin-bottom: 10px;
padding: 10px 0;
border-bottom: 1px solid #ccc;
}
.projects a img {
border: 4px solid #ccc;
}
.projects a:hover img {
border-color: #026;
}
.datos {
color: #666;
}
p.comment {
color: #555;
padding-top: 20px;
border-top: 1px solid #ccc;
}
.clear, .pshow {
clear: both;
}
.logos, .flashbooks {
clear: both;
width: 265px;
margin: 30px 0 30px 15px;
padding: 15px 10px 10px 10px;
text-align: center;
border: 1px solid #dde;
}
.logos p {
margin: 0;
}
.flashbooks {
margin-top: 0;
padding-top: 15px;
background: #d3dae5;
border-color: #b5b9cc;
}
.flashbooks img {
margin-bottom: 10px;
}
.aux .flashbooks  {
width: 235px;
margin-left: 25px;
}
#home .aux .flashbooks {
width: 250px;
padding-left: 0;
}
.aux .flashbooks ul {
margin: 0;
color: #778;
}
#projects .aux .flashbooks img,
#projects .aux .flashbooks li {
margin: 0;
}
#projects .aux .flashbooks li {
border-top: 1px solid #bfbfcf;
padding: 3px 0;
}
.banner h4 {
margin-bottom: .5em;
}
.banner img {
margin: 0 0 1em 29px;
}
a #map {
border: 3px solid #cc0;
}
a:hover #map {
border-color: #306;
}
.opt-serv {
float: left;
margin: 0 0 20px 29px;
}
.opt-serv h4 {
margin: 0 0 3px 0;
}
.inciso {
display: inline-block;
margin-right: 3px;
color: #888;
}
.pshow .fotov {
margin: 0 8px 5px 28px;
}

/* Flex */
.tk-grid {
	display: flex;
	padding: 0;
}
.tk-grid .fotoh, .tk-grid h5, .tk-grid ul,
#certificates .tk-grid .fotoh {
	margin-left: 0;
	margin-right: 0;
}
.tk-grid .fotoh {
	width: 100%;
	max-width: 100%;
}
.textos .tk-grid li {
	width: auto;
	word-wrap: break-word;
	white-space: normal;
}
.cols-3-md {
	padding: 0 19px;
}
.cols-3-md .col {
	flex-basis: 33.33%;
	width: 33.33%;
	padding: 0 10px;
}
.gris {
	color: #999;
}
#col .videored {width: 580px; overflow: hidden; padding-bottom: 0;}
#col .videored li {width: 143px; background: none; float: left; display: inline; padding: 0; margin: 0; text-align:center;}
#col .videored li a {display: block; width: 143px; height: 133px; font-size: 11px; line-height: 14px; color: #3e4743; border: 1px solid #d1d1d1; background: #eee; padding: 0 2px; margin:0;  -moz-box-shadow: 2px 2px 2px 0 #c6c6c6;; -webkit-box-shadow: 2px 2px 2px 0 #c6c6c6;; box-shadow: 2px 2px 2px 0 #c6c6c6;}
#col .videored li a:hover { color: #777; background: #ddd;}
#col .videored li a img {padding: 0; margin: 10px 0 2px 0;}


.aux .videored {width: 270px; overflow: hidden; padding-bottom: 0;}
.aux .videored li {width: 132px; background: none; float: left; display: inline; padding: 0; margin: 0; text-align:center;}
.aux .videored li a {display: block; width: 132px; height: 133px; font-size: 11px; line-height: 14px; color: #3e4743; border: 1px solid #d1d1d1; background: #eee; padding: 0 2px; margin:0;  -moz-box-shadow: 2px 2px 2px 0 #c6c6c6;; -webkit-box-shadow: 2px 2px 2px 0 #c6c6c6;; box-shadow: 2px 2px 2px 0 #c6c6c6;}
.aux .videored li a:hover { color: #777; background: #ddd;}
.aux .videored li a img {padding: 0; margin: 10px 0 2px 0;}
.aux .videored li a:hover img {zoom: 1; filter: alpha(opacity=75); opacity: 0.75;}

.tri, .tri-first {
float: left;
width: 180px;
margin: 0 0 0 20px;
}
.tri-first {
margin-left: 29px;
}
.renglon {
clear: both;
display: block;
overflow: hidden;
}
.electronics .renglon, .bordes .renglon {
padding-bottom: 1em;
margin-bottom: 1.25em;
border-bottom: 1px solid #dde;
}
.textos .electronics h5 {
margin: 10px inherit;
}
.textos .electronics .renglon ul {
float: left;
margin: 0;
}
.textos .electronics p {
margin-bottom: 3px;
}
#cont .textos .electronics li ul {
margin-top: 10px;
}
#cont .textos .electronics li li {
color: #888;
}
.textos .electronics .renglon ul, .textos .electronics .renglon li {
width: 275px;
}
.textos dl {
width: 580px;
margin: 5px 0 0 29px;
overflow: auto;
}
.textos dt {
width: 120px;
}
.textos dd {
width: 430px;
border-color: #fff;
}
.textos dd, .textos dt {
padding: 5px 7px 1em 0;
display: block;
float: left;
}
.es {
color: #555;
}
.tecled {
width: 580px;
background: #ccc url(../img/technoleds.jpg) no-repeat;
overflow: hidden;
margin-left: 29px;
}
.tecled a {
display: block;
height: 200px !important;
text-indent: -10000px;
}
.tecled a:hover {
background-image: url(../img/technoleds-h.jpg);
}
#cont .pdf li.web {
background-image: url(../img/ico-exit-site.gif);
}
.mfp-content #media {
  min-width: 100vw;
	min-height: 100vh;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mfp-content #media video {
	box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
}
#media button.mfp-close {
	top: 15px;
  right: 30px;
	font-size: 40px;
	transition: all .3s;
}

/* Tables
----------------------------------------------------------------------*/
table {
margin: .5em 0 1.5em 29px;
border: 1px solid #999;
border-left: none;
}
table p {
margin-bottom: 5px;
}
table td {
padding: 5px 29px 0 5px;
border-left: 1px solid #999;
}
.alt td, .odd {
color: #000;
background: #ececf1;
}
.alts td {
color: #333;
background: #dde;
}
td.tdtop {
vertical-align: middle;
background: #eee;
}
.num {
font-size: 18px;
color: #999;
}
.textos p.logo-tit {
text-transform: uppercase;
text-align:center;
margin: 2em 0 3px 0;
color: #666;
}
.aux p.logo-tit {
margin: 2em 0 0 29px;
color: #666;
}
.showprod {
width: 270px;
float: left;
margin: 0 0 40px 29px;
}
.showprod table, .twide {
border: 1px solid #ccd;
margin: 0;
width: 270px;
}
.showprod th, .twide th {
padding: 5px 5px 0 5px;
font-weight: normal; font-style: normal;
background: #e5e5ef;
width: 135px;
}
.showprod table td, .twide td {
padding: 5px 5px 0 5px;
border: none;
}
.twide {
width: 580px;
margin: 0 0 20px 29px;
}
.twide p {
margin: 5px;
}
.twide th {
width: 280px;
}
table sup {
font-size: 50%;
vertical-align: top;
}

/* Galleries
----------------------------------------------------------------------*/
.popup-gallery img {
margin: 0 6px;
}
.popup-gallery img:hover {
opacity: .75
}

/* Formularios
----------------------------------------------------------------------*/
#loading {
margin: 29px;
}
#contact form {
margin-top: 20px;
}
h5.success {
margin: 2em 0 2em 29px;
}
label, .label {
display: block;
line-height: 1em;
margin-bottom: 3px;
color: #000;
}
label em, .label em {
color: #77d;
font-style: normal;
}
.datos-txt, textarea.mensaje, #dept {
color: #000;
background: #eee;
border: 1px solid #aaa;
}
.datos-txt, #recipient {
width: 355px;
height: 16px;
margin-bottom: 11px;
}
#login .datos-txt {
width: 200px;
}
#recipient {
height: 20px;
}
textarea.mensaje {
width: 436px;
height: 180px;
margin: 0;
}
.checkbox {
margin: 0 5px 0 0;
vertical-align: middle;
float: left;
}
input.bot-entrar, button.bot-entrar {
display: block;
background: #900 url(../img/bg-bot-entrar.gif) bottom repeat-x;
border: 1px solid #600;
color: #fff;
margin: 15px 0 30px 0;
padding: 2px 4px;
}
input.bot-entrar:hover, button.bot-entrar:hover {
background: #600 url(../img/bg-bot-entrar-hover.gif) bottom repeat-x;
border-color: #300;
color: #fff;
cursor: pointer;
}
.pie {
display: block;
font-size: .857em;
line-height: 1.5em;
margin: 5px 0 0 0;
}
.piefoto {
display: block;
font-size: .857em;
line-height: 1.5em;
margin: 0;
color: #666;
}
.textos #login {
width: 580px;
background: url(../img/shaking-hands.jpg) right top no-repeat;
}
.faq {
font-size: .857em;
color: #666;
}
#contact em, #company dd em {
font-style: normal;
color: #666;
font-size: .857em;
margin-left: 2px;
}
.ventas {
width: 220px;
float: left;
margin: 30px 40px 15px 30px;
color: #777;
}
.ventas p {
margin: 0 0 10px 0;
}
.ventas strong {
font-weight: normal;
color: #c51;
}
.ventas p.telf {
color: #000;
margin-bottom: 0;
}
#contact p.more {
border: none;
}
/* Slide in-out
----------------------------------------------------------------------*/
.faqlistado, .newsletter {
clear: both;
margin: 1em 0 3em 0;
}
.faqlistado h5, .newsletter h5 {
display: block;
cursor: pointer;
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
.newsletter h5 {
	border-bottom: 1px solid #ddd;
}
.faqlistado h5:hover, .newsletter h5:hover {
color: #000;
}
.faqlistado div {
padding: 5px 15px 10px 15px;
margin-left: 29px;
color: #555;
border: 1px solid #ddd;
border-top: none;
background: #f6f6f6;
}
.faqlistado div p {
margin: .75em 0;
}
.textos .faqlistado ul {
margin-left: 0;
}
#col .faqlistado li {
background-image: url(../img/bullet-ama-trans.png);
}
.textos .faqlistado li {
width: auto;
}
#sesamo, #antisesamo {
float: left;
width: 100px;
margin: 16px 0 10px 29px;
padding: 5px 0;
cursor: pointer;
display: block;
color: #666;
font-size: 12px;
text-align: center;
border: 1px solid #ddd;
background: #f6f6f6;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 0 3px #eee;
-webkit-box-shadow: 0 0 3px #eee;
box-shadow: 0 0 3px #eee;
}
#sesamo:hover, #antisesamo:hover {
color: #222;
background: #eee;
}
ul.followers {
	margin-bottom: .75em;
}
#col .faqlistado .followers li {
	border-top: 1px solid #ddd;
	padding-top: 1em;
	background: url(../img/bullet-gris.png) 0 .75em no-repeat;
}

/* Emergentes
----------------------------------------------------------------------*/
#content.legal-pop {
text-align: center;
}
#content.legal-pop .textos {
text-align: left;
margin: 50px auto;
float: none;
}
#legal {
text-align: center;
}
#legal #lazo {
width: 570px;
text-align: left;
margin: 0 auto;
background: url(../img/logo-emergentes.gif) right 47px no-repeat;
padding-bottom: 30px;
}
#legal h2 {
display: block;
margin-left: 0;
float: none;
}
#contacto ul.error_list {
margin-left: 15px;
}
#logo-viper {
	display: none;
}

/* Footer
----------------------------------------------------------------------*/
#footer {
font-size: .857em;
color: #888;
background: #fff url(../img/bg-foot-top.gif) center top no-repeat;
}
p.certif {
float: left;
margin: 30px  30px 0 27px;
}
#footer img {
margin-top: 30px;
}
p.copy {
float: right;
margin: 10px 27px 15px 20px;
}

/* Genéricos
----------------------------------------------------------------------*/
.margin-top-none {
	margin-top: 0;
}
.margin-bottom-none {
	margin-bottom: 0;
}
.margin-bottom-3 {
	margin-bottom: 3em;
}