/*#########################################################
        RESET
#########################################################*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section{display:block;}
audio,
canvas,
video{display:inline-block;*display:inline;*zoom: 1;}
/*#########################################################
        HTML TAGS
#########################################################*/
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {margin: 0;font-size: 14px;line-height:22px;font-family: 'Open Sans', sans-serif;}
h1, 
h2, 
h3, 
h4, 
h5, 
h6{text-rendering: optimizelegibility;}
h1{background:url('../imagenes/h1-back.jpg') no-repeat;padding:27px;margin:0 14px 0px 14px;color:#fff;text-transform:uppercase;height:30px;letter-spacing:-2px;font-weight:300; }
p{margin: 0 0 10px;}
ul, 
ol{padding: 0;margin: 0 0 10px 25px;}
ul ul, 
ul ol, 
ol ol, 
ol ul{margin-bottom:0;}
li{line-height:17px;}
a{text-decoration:none;}
a:hover, 
a:focus{text-decoration:none;}
a:focus, 
a:hover, 
a:active{outline:0;}
img{width: auto\9;height: auto;vertical-align: middle;border: 0;-ms-interpolation-mode:bicubic;}
/*#########################################################
        ESTRUCTURA GENERAL
#########################################################*/
html,
body{height: 100%;width: 100%;}
.pagina{display:table;height:100%;width:100%;position:relative;}
.contenido{display: table-cell;text-align: center;vertical-align: middle;}
/* Home page */
#home p.accesos{color:#9a9fa3;margin-top:44px;}
#home a{color:inherit;text-transform:uppercase;font-size:14px;}
#home a:hover{text-decoration:underline;}
/* Estructura Interna */
.contenedor{overflow:hidden;width:1100px;margin:0 auto;}
.contenedor .columna-izquierda, 
.contenedor .columna-central, 
.contenedor .columna-derecha{float:left;min-height:320px;}
.contenedor .columna-izquierda, 
.contenedor .columna-central{background:url('../imagenes/borde-vertical.jpg') repeat-y right top;}
.contenedor .columna-izquierda{width:218px;}
.contenedor .columna-central{width:770px;}
.contenedor .columna-derecha{width:104px;}
.contenedor-contacto{background:url('../imagenes/borde-horizontal.jpg') repeat-x left bottom;min-height:60px !important;padding-top:25px;}
.contacto{text-align:left;}
.contacto a{color:#374248;font-size:14px;text-transform:uppercase;}
.contacto a:hover{text-decoration:underline;}
.contacto a .bullet{margin-right:10px; margin-left:5px;}
.footer{overflow:hidden;}
.footer .columna-izquierda, 
.footer .columna-central, 
.footer .columna-derecha{min-height:82px;}
.legal{color:#4c555e;font-size:12px;padding-top:8px;}
/* Main Nav */
.nav{list-style-type:none;margin:28px 14px 28px 0;padding:0;}
.nav li{display:inline-block;padding:0 24px;background:#4b565c url('../imagenes/divisor-nav.jpg') no-repeat right top;float:left;height:20px;}
.nav li:last-child{background:#4b565c url('../imagenes/final-nav.jpg') no-repeat right top;}
.nav li a{color:#fff;text-transform:uppercase;font-size:12px;font-weight:300;}
.nav li a:hover{color:#8897a2;text-decoration:none;}
.nav li a.active{color:#7ab700;}
/* Contenido Central */
.contenedor .columna-central p.data{color:#374248;font-weight:300;font-size:20px;line-height:32px;padding:18px 14px;background:url('../imagenes/borde-horizontal.jpg') repeat-x;position:relative;letter-spacing:-1px;}
.bullet{display:inline-block;background:url('../imagenes/bullet.jpg') no-repeat;width:5px;height:9px;}
.contenedor .columna-central p.data .bullet{position:absolute;top:29px;left:-13px;}
/* Imagenes secciones */
.img-compromiso{background:url('../imagenes/img-compromiso.jpg') no-repeat center 150px;min-height:310px;width:auto;}
.img-profesionalismo{background:url('../imagenes/img-profesionalismo.jpg') no-repeat center 150px;min-height:310px;width:auto;}
.img-tecnologia{background:url('../imagenes/img-tecnologia.jpg') no-repeat center 150px;min-height:310px;width:auto;}
/* libson logo */
.libson-bullet{background:url('../imagenes/libson-bullet.jpg') no-repeat;width:15px;height:12px;}
/*#########################################################
        MISCELANEA
#########################################################*/
/* clear fix */
.clearfix{*zoom: 1;}
.clearfix:before,
.clearfix:after{display:table;line-height: 0;content: "";}
.clearfix:after{clear:both;}
/* floats */
.pull-right{float:right;}
.pull-left{float:left;}
/* Img aligment */
img.pull-center{display:block;margin:12px auto;width:auto;}
img.pull-left{margin:0 20px 12px 0;}
img.pull-right{margin:0 0 12px 20px;}
img.pull-left:after, 
img.pull-right:after{clear:both;}
/* Text aligment */
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
/* Divisor */
.divisor{background:url('../imagenes/borde-horizontal.jpg') repeat-x;height:1px;}
/* Clear */
.clear{clear:both;}