@charset "utf-8";
/*
Handheld Media style sheet; TechnoKontrol
Output: Screen
Author: Sergionoriega.com
May 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;
}
body {
font: normal 75% Verdana, sans-serif;
line-height: 1.2em;
background: #339;
}
#lazo {
margin: 5px;
text-align: left;
overflow: hidden;
background: #fff;
}
a {
text-decoration: none;
color: #63e;
}
a:hover {
color: #a70;
}
#show, .aux, #flashc
{display: none;}
.textos img, #footer img
{max-width: 100%;}

/* Tipográficos
----------------------------------------------------------------------*/
h1 {
width: 230px;
text-indent: -5000px;
margin: 15px auto 0 auto;
}
h1 a {
display: block;
margin: 0;
height: 39px !important;
background: url(/img/mobile/logo.gif) no-repeat;
}
h2 {
font: bold 2em Verdana, sans-serif;
color: #306;
width: 95%;
margin: 10px auto;
text-transform: capitalize;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}
h3 {
font: bold 1.5em Verdana, sans-serif;
color: #446;
}
h4 {
clear: both;
font: bold 1.142em Verdana, sans-serif;
margin-top: .3em;
color: #c51;
}
h5 {
font: normal 1em Verdana, sans-serif;
color: #002862;
}
ul {
list-style: none;
margin-bottom: 1.25em;
}
h3.hprod a {
clear: both;
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;
}
#heading,  #cont, #footer {
overflow: hidden;
}
#heading,  #cont, #footer, #nav {
width: 100%;
clear:both;
}

/* Navegaciones
----------------------------------------------------------------------*/
#openP_1 p, #nav {
font-size: 1.2em;
}
#openP_1 img {
margin: 2px 5px 2px 0;
}
#openD_1 {
background: #306;
overflow: hidden;
border-bottom: 4px solid #004;
}
#nav {
background: #306;
border-top: 4px solid #ea0;
text-align: center;
background: url(/img/mobile/bg-nav.gif) repeat-x;
overflow: hidden;
}
#nav p a {
margin: 2px 0 15px 0;
color: #fff;
line-height: 2em;
font-weight: bold;
overflow: hidden;
}
#nav p a:hover {
color: #aae;
cursor: pointer;
}
#nav ul {
width: 100%;
margin: 5px auto;
}
#nav li {
width: 49%;
float: left;
text-align: left;
font-weight: bold;
line-height: 1.5em;
overflow: hidden;
}
#nav li a {
display: block;
width: 100%;
padding: 7px 8px 7px 11px;
color: #cddeff;
margin: 0 3px;
background: url(../img/mobile/bullet-nav.gif) left 11px no-repeat;
}
#nav li a:hover {
color: #306;
background: #ea0;
}
#nav li.actual a {
color: #fff;
background: #308;
}
#nav li.actual a:hover {
color: #d50;
}
#nav li ul {
display: none;
}
#nav li.actual ul {
display: block;
width: 100%;
z-index: 1000;
}
#nav li.actual {
width: 100%;
background: #e7e7f7 url(/img/mobile/bg-subnav.gif) bottom repeat-x;
}
#nav li.actual a {
margin-left: 0;
}
/* H3 Títulos Subnav */

#nav li.actual h3 a, #nav li.actual h3 {
font-size: 18px;
width: 100%;
text-transform: uppercase;
color: #003;
background: none;
}
/* Botones Subnav */
#nav li.actual li {
width: auto;
float: left;
white-space: normal;
}
#nav li.actual li a {
color: #306;
background-color: none;
background: url(../img/mobile/bullet-subnav.gif) left 12px no-repeat;
border: none;
padding-left: 20px;
}
#nav .droplist h3, #nav .droplist h3 a,
#nav .droplist-last h3, #nav .droplist-last h3 a {
clear: both;
float: none;
display: block;
padding-left: 8px;
border-bottom: 1px solid #b8e;
}
#nav .droplist ul {
overflow: hidden;
margin-bottom: 15px;
}
.droplist li span, .droplist-last li span {
color: #d60;
}
.associates-text {
clear: both;
float: left;
width: 100%;
color: #d60;
margin-top: 20px;
padding: 10px 0 10px 8px;
border-top: 1px solid #528;
}
/*.subnav {
background: #e7e7f7 url(/img/mobile/bg-subnav.gif) bottom repeat-x;
text-align: center;
overflow: hidden;
border-bottom: 1px solid #b7b7c7;
}
.subnav p {
font-weight: bold;
display: block;
color: #667;
border-bottom: 1px solid #fff;
padding: 3px 0;
}
.subnav li {
display: inline;
line-height: 2em;
white-space: nowrap;
color: #bbc;
}
.subnav li a {
padding: 3px 4px;
color: #306;
}
.subnav li a:hover {
color: #44a;
}
.subnav li.actual a {
color: #558;
font-weight: bold;
}
#nav li ul {
display: none;
}
#nav li.actual ul {
display: block;
width: 200%;
}
#nav li.actual li {
width: auto;
float: left;
}*/
/* Contenidos
----------------------------------------------------------------------*/
.textos {
width: 95%;
margin: 20px auto 0;
overflow: hidden;
}
.textos p, .textos ul {
font-size: 1.2em;
line-height: 1.3em;
}
.aux {
width: 95%;
margin: 0 auto;
padding-top: 1em;
line-height: 1.5em;
}
.textos h3 {
margin-top: 1em;
}
.aux h3 {
font-size: 2em;
margin-top: 1em;
}
.textos p, #home .aux #franchises p {
margin: .25em 0 1.25em 0;
}
.aux p {
margin: 0 0 1.5em 0;
color: #555;
}
p.intro {
color: #667;
}
h3.gold, h3.silver {

}
h3.gold {

}
h3.silver {

}
.aux h3.gold, .aux h3.silver {

}
.pdf, .videos, .videos-pop {
border-top: 1px solid #ddd;
margin-top: 5px;
padding-top: 8px;
width: 100%;
}
#cont .list li, #cont .pdf li, #cont .videos li, #listprod li, #col li, #cont .videos-pop li {
line-height: 1.2em;
padding: 5px 0 10px 26px;
background: url(/img/bullet-ama.gif) left .3em no-repeat;
color: #555;
}
#cont .list li a:hover, #col li a:hover {
cursor: pointer;
}
#cont .pdf li {
background: url(/img/ico-pdf.gif) left .5em no-repeat;
}
#cont .videos li {
background: url(/img/ico-videos.gif) left .25em no-repeat;
font-weight: bold;
}
#cont .videos-pop li {
background: url(/img/ico-pop.gif) left .25em no-repeat;
font-weight: bold;
}
#cont .videos ul {
overflow: hidden;
margin: 0 0 5px 1px;
}
#cont .videos ul li {
margin: 0;
padding: 0;
background: none;
display: inline;
float: left;
text-indent: -5000px;
margin: 10px 10px 0 0;
}
#cont .videos ul li a {
display: block;
height: 23px;
}
#cont .videos ul li.mp4 {
width: 45px;
background: url(/img/bot-video-mp4.jpg) no-repeat;
}
#cont .videos ul li.iphone {
width: 63px;
background: url(/img/bot-video-iphone.jpg) no-repeat;
}
#cont .videos ul li.gp3 {
width: 45px;
background: url(/img/bot-video-3gp.jpg) no-repeat;
}
#listprod li.actual {
background-image: url(/img/bullet-gris.gif);
}
#listprod li a {
color: #306;
}
#listprod li a:hover {
color: #44a;
cursor: pointer;
}
#listprod li.actual a {
color: #888;
}
#listprod li.actual a:hover {
color: #888;
cursor: default;
}
.textos li {
width: auto;
}
.textos .fotov {
display: none;
}
.fotoh {
display: none;
}
#certificates .fotoh, #certificates .fotov {
display: block;
margin: 1.5em 0;
}
.foto {
max-width: 100%;
margin: 5px 0 10px 0;
}
.fotom {
float: left;
margin: 5px 10px 10px 0;
max-width: 150px;
}
.fotom {
margin-bottom: 0;
}
#home .fotom {
margin: 0 15px 10px 0;
}
.fotologo {
display: block;
margin: 10px 0;
}
.fotologo a {
width: auto;
}
dl {
padding-bottom: 1.5em;
}
dd em {
font-style: normal;
color: #555;
font-size: .916em;
}
dt {
color: #a51;
padding-bottom: .5em;
}
.textos dl {
width: 100%;
}
.textos dt {


}
.textos dt, .textos dl {

}
#contact .textos dt {

}
#contact .aux dl {
line-height: 1.65em;
}
#contact .aux dt {
padding: .75em 0 0 0;
}
#contact .aux dd {
padding-bottom: .75em;
border-bottom: 1px solid #ccc;
}
#contact .aux dd.last {
border: none;
}
.position {
line-height: 1.65em;
}
.position dt {
font-weight: bold;
color: #555;
padding: 15px 0 0 0;
}
#contact .textos h4 {
width: 100%;
border-top: 1px solid #ccc;
padding-top: 1em;
}
.big {
font-weight: bold;
color: #777;
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: #555;
}
#seals li {
width: 250px;
}
.aux .bumper {
color: #888;
}
.top, .back {
padding: 0 0 20px 17px;
font-size: .857em;
line-height: 1em;
}
.top {
background: url(/img/bullet-top.gif) left .35em no-repeat;
}
.back {
background: url(/img/bullet-back.gif) left .35em no-repeat;
}
.more {
width: 90%;
font-size: .857em;
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;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
margin-bottom: 0;
}
.partners img {
margin-top: 1em;
}
.vid {
margin: 30px 0 20px 0;
}
.cerrado {
display: none;
visibility: hidden;
}
.abierto {
display: block;
visibility: visible;
margin: 0 0 -5px 0;
}
.openclose {
display:none;
}
#listprod {
margin: 3px 0 0 0;
background: #e7e7f7;
}
#industries #listprod {
margin-bottom: 2em;
}
#listprod li {
padding: 10px 0 10px 23px;
background: url(/img/bullet-ama-bg.gif) left .5em no-repeat;
border-bottom: 1px solid #fff;
}
#listprod ul {
width: auto;
margin-top: 13px;
border-top: 1px solid #fff;
}
#listprod ul li {
background: url(/img/bullet-gris-bg.gif) left .5em no-repeat;
}
#listprod li.actual {
font-weight: bold;
background-image: url(/img/bullet-gris-bg.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: 100%;
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 {
clear: both;
}
.logos {
clear: both;
width: 100%;
margin: 30px auto;
padding: 15px 0 10px 0;
text-align: center;
border: 1px solid #dde;
}
.logos p {
width: 95%;
margin: 0;
}
.banner h4 {
margin-bottom: .5em;
}
.banner img {
margin: 0 0 1em 0;
}
#home .banner .fotom {
margin-right: 10px;
}
#home .banner .fotologo {
clear: both;
}
a #map {
border: 3px solid #cc0;
}
a:hover #map {
border-color: #306;
}
#company .textos strong {
color: #555;
}
.galeria div {
float: none;
clear: both;
width: 100%;
}
.galeria img {
width: 100%;
}

/* Certificados
----------------------------------------------------------------------*/
.textos #certificados-remate .fotov,
.textos #certificados-remate .fotoh {
display: inline-block;
}
#certificates .col {
  padding: 0 20%;
}
#certificates .col ul {
  margin: 0 auto;
}
#certificates .gris {
  font-size: 12px;
  color: #999;
}
.sm-center, #certificates .fotov.sm-center {
  margin: 29px auto;
}
#certificates .tk-grid .fotoh {
  margin-left: 10%;
}

/* Tables
----------------------------------------------------------------------*/
table {
margin: .5em 0 1.5em 0;
border: 1px solid #999;
border-left: none;
}
table td {
padding: 5px 10px 0 10px;
border-left: 1px solid #999;
}
table tr.alt {
color: #fff;
background: #99a;
}

/* Formularios
----------------------------------------------------------------------*/
#contact form {
margin-top: 20px;
font-size: 1.2em;
}
#login {
font-size: 1.2em;
}
.label {
display: block;
line-height: 1em;
margin-bottom: 3px;
}
.label em {
color: #77d;
font-style: normal;
}
.datos-txt, textarea.mensaje, #dept {
color: #000;
background: #eee;
border: 1px solid #aaa;
}
.datos-txt, #recipient {
width: 99%;
height: 1.5em;
margin-bottom: 11px;
}
#recipient {
height: 20px;
}
textarea.mensaje {
width: 99%;
height: 60px;
margin: 0;
}
.checkbox {
margin: 0 5px 0 0;
vertical-align: middle;
}
input.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: 8px 12px;
}
input.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;
line-height: 1.5em;
margin: 5px 0 0 0;
}
#divSubF {
overflow: hidden;
padding-bottom: 2em;
}
#divSubF h4 {
margin-bottom: 1.5em;
}
#divSubF input.bot-entrar {
margin-bottom: 15px;
}
#franchises {
clear: both;
margin: 1em 0;
overflow: hidden;
}
#franchises p {
line-height: 1.75em;
}
#franchises a {
cursor: pointer;
}
p.faq {
color: #666;
display: block;
}
h2.data {
color: #900;
}

/* Emergentes
----------------------------------------------------------------------*/
#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;
}

/* Footer
----------------------------------------------------------------------*/
#footer {
font-size: .916em;
color: #777;
text-align: center;
padding: 1em 0;
border-top: 1px solid #ccc;
}
p.full {
font-size: 1.2em;
margin-bottom: 1em;
}
p.copy {
margin: 20px 0 10px;
}

/* Legal
----------------------------------------------------------------------*/
#legal {
text-align: left;
}
#legal #lazo {
width: 100%;
text-align: left;
margin: 0 auto;
padding-bottom: 30px;
}
#legal h2 {
display: block;
margin-left: 0;
float: none;
}
#contacto ul.error_list {
margin-left: 15px;
}
#content {
padding-bottom: 2em;
background: #fff;
}
#content h1 {
text-indent: -5000px;
margin: 12px 0 1em 0;
float: none;
width: 100%;
height: 75px !important;
line-height: 1em;
color: #f70;
background: url(/img/mobile/logo.gif) left .5em no-repeat;
}
#content .textos {
background-position: center -2px;
}
#content h3 {
font-size: 1.33em;
margin-bottom: 1em;
padding-bottom: 1em;
width: 580px;
border-bottom: 1px solid #ccc;
}
#content h4 {
font-size: 1.33em;
color: #054;
}
#content p {
display: block;
}