/* Global */
#ie6{display:none;}
body{font-family:sans-serif;font-size:15px;overflow-x:hidden;}
h1{margin:8px 0px;font-size:17px;}
h2{font-size:16px;margin:5px 0}
h3{margin:10px 0 4px;}
h3,h3 a{font-size:15px;}
h4{font-size:15px;font-weight:normal;line-height:1em;text-transform:uppercase;margin:5px 0;}
p{margin:5px 0px;font-size:14px;line-height:1.3em;}
a{color:#1e76b7;text-decoration:none;font-size:15px;}
a:hover{color:#5799ca;text-decoration:underline;}
a img{border:none;}
a img:hover{opacity:0.7;}
li{list-style:none;}
#main-container{width:922px;margin:-12px auto;}
.banner{margin-top:15px;}
.msg{border-left:6px solid #A0C2DC;padding-left:10px;}
.hide{display:none;}
#parallax{background:transparent url('../images/bola.png') scroll 0 150px repeat-x;}
.overlay{display:none;z-index:1000;padding:10px;background:white;-moz-border-radius:10px;-webkit-border-radius:10px;}
.overlay .close{background-image:url(../images/overlay/close.png);position:absolute;right:-12px;top:-11px;cursor:pointer;height:29px;width:29px;}
/* Paginación -----------------*/
/* -------------------------------*/
.paginacion a img{position:relative;top:3px;}
.paginacion span{font-size:20px;}
/* header -----------------*/
/* -----------------------------------------------------*/
#header-left-corner,#header-right-corner{width:11px;height:143px;}
#header-left-corner,#header-right-corner,#header-content{float:left;margin-top:0px;}
#header #header-content{width:900px;height:143px;background:url('../images/layout/header-repeatx.png') repeat-x;}
/* logo -----------------*/
/* -------------------------------*/
#logo img{margin-top:40px;padding-left:59px;}
/* menu -----------------*/
/* -------------------------------*/
ul#menu{margin-top:16px;margin-left:34px;}
ul#menu a:hover{text-decoration:none;}
ul#menu li{list-style:none;top:49px;margin-left:22px;}
ul#menu li#servicios,ul#menu li#trabajos,ul#menu li#contacto{height:80px;width:150px;float:left;}
ul#menu li#contacto a img:hover{opacity:1;}
ul#menu li a{color:black;}
#servicios-hover,#trabajos-hover,#contacto-hover{position:absolute;}
#servicios-hover,#trabajos-hover,#contacto-hover{top:-72px;right:0px;}
ul#menu li#servicios{background:url('../images/layout/servicios.png') no-repeat;}
ul#menu li#servicios:hover{background:url('../images/layout/servicios-over.png') no-repeat;}
ul#menu li#trabajos{background:url('../images/layout/trabajos.png') no-repeat;}
ul#menu li#trabajos:hover{background:url('../images/layout/trabajos-over.png') no-repeat;}
ul#menu li#contacto{background:url('../images/layout/contacto.png') no-repeat;}
ul#menu li#contacto:hover{background:url('../images/layout/contacto-over.png') no-repeat;}
ul#menu li ul.submenu{width:131px;position:relative;left:-20px;top:45px;margin-left:11px;}
ul#menu li ul.submenu li{float:left;display:inline;font-size:11px;margin-left:11px;}
ul#menu li ul.submenu li a{font-size:12px;}
ul#menu li ul.submenu li a.actual{font-weight:bold;text-decoration:underline;}
/* contenido -----------------*/
/* -----------------------------------------------------*/
#content-container{margin:10px auto 0px;}
#content-left-corner,
#content,
#content-right-corner{float:left;}
#content-container #content-left-corner,
#content-container #content-right-corner{width:11px;}
#content-container #content{min-height:400px;padding:0px -5px 0px;padding-top:20px;background:url('../images/layout/content-repeatx.png') repeat-x top;}
img.titulo{padding-top:10px;padding-bottom:10px;}
.info-servicios{margin-top:25px;}
.info-servicios div{margin-bottom:15px;}
.info-servicios h4{padding-left:33px;padding-top:3px;padding-bottom:2px;font-size:16px;font-weight:bold;text-transform:none;margin:0px;background:url('../images/layout/bg-titulo.png') no-repeat scroll 0 0;color:#42464A;}
#precios-competitivos{width:398px;height:150px;margin-top:15px;background:#e4edf3;border:1px solid #bbbbbb;padding:5px;}
.presentacion-empresa{margin:15px 0 0 10px;}
/* general contenido -------*/
/* -----------------------------------------------------*/
#short-blue div{min-height:250px;color:white;padding-left:7px;padding-right:7px;background:url('../images/web/repeatxy-blue.png');}
#short-blue div p{font-size:1.1em;margin:0px;padding-bottom:10px;}
#carta-servicios{margin:10px 0 0 9px;}
/* noticias ----------------*/
/* -----------------------------------------------------*/
#noticias{margin-top:5px;margin-left:6px;width:442px;}
#noticia{margin-bottom:15px;margin-top:10px;}
#noticia a.mas-info{padding-left:22px;padding-top:3px;height:16px;background:url('../images/layout/mas.png') no-repeat 0 0;color:#468ec4;}
#noticia h2{font-size:25px; line-height: 30px; margin:0px;color:black;}
#noticia h4{margin-top:5px;margin-bottom:10px;font-style:italic;color:#666;}
#noticia p{font-size:15px;line-height:21px;margin-bottom:19px;text-align:justify;}
#noticia ul li { line-height: 21px; margin-left: 20px}
#noticia ul { margin-bottom: 20px }
strong{font-weight:bold;border-bottom:1px solid #555;}
#buscador{height:46px;background:url('../images/noticias/background-buscador.png') no-repeat;margin-bottom:14px;margin-top:-8px;}
#buscador #titulo-noticias{float:left;margin-top:15px;margin-left:15px;}
#noticias_nav h2{height:30px;padding-left:10px;border:3px solid white; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#noticias_nav h3{border-left: 3px solid #555555; padding-left: 10px }
#noticias_nav h3 a{line-height:20px;}
/* Común a los servicios ---------------*/
/* -----------------------------------------------------*/
#solicitar-presupuesto{width:561px;}
#solicitar-presupuesto div.head{height:37px;background:#6fa6cf;padding-top:24px;padding-left:61px;}
#solicitar-presupuesto div.contenido{padding:14px;background:#fafafa;}
#solicitar-presupuesto div.contenido p{font-size:16px;}
#solicitar-presupuesto div.contenido .ayuda{margin:15px auto;}
#solicitar-presupuesto div.contenido .ayuda p{color:#777777;line-height:13px;}
#solicitar-presupuesto div.contenido .ayuda .centro{background:url('../images/servicios/icono-ayuda.png') no-repeat top left;padding-left:38px;}
#solicitar-presupuesto span{float:left;margin-top:20px;}
#solicitar-presupuesto span.primero{margin-right:5px;}
/* Servicio web ---------------*/
/* -----------------------------------------------------*/
#banner-web{margin-left:27px;margin-bottom:25px;}
#valores-web #titulo-vertical{background:url('../images/servicios/web-nuestros-valores.png') no-repeat;height:638px;width:40px;}
#valores-web{width:350px;}
#valores-web #valores{margin:0;padding:0;}
#valores-web #valores h4{color:#2A77B5;}
#valores-web #valores p{margin-top:20px;font-size:15px;}
#valores-web #valores li{height:111px;background:url('../images/servicios/web-contenedor-valor.png') no-repeat;padding:12px;}
#contenido-web img{width:100%;}
#contenido-web p{background:url('../images/servicios/comillas.png') no-repeat;padding-left:35px;font-size:16px;color:#8d6023;margin:15px auto;line-height:24px;}
#work{width:900px;height:277px}
/* Servicio video ---------------*/
/* -----------------------------------------------------*/
#head-video h2 img{margin-left:10px;}
#contenido span{margin-left:7px;}
#enfoque-video{background:url('../images/servicios/nos-enfocamos-en.png') no-repeat top center;padding-top:106px;margin-bottom:29px;}
#enfoque-video .contenido{background:black;width:198px;margin:0 auto;padding:3px 15px;color:white;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;}
#enfoque-video .contenido h4{background:url('../images/layout/list.png') no-repeat top left;padding-left:18px;padding-top:3px;line-height:15px;font-size:13px;}
#servicio-video-digital .slide{margin-top:10px;margin-bottom:25px;}
#emision-tv h3{padding-top:6px;color:#ce523c;font-weight:normal;line-height:1.3em;}
/* Portafolio web ---------------*/
/* -----------------------------------------------------*/
#trabajos-web{margin:15px;}
#trabajos-web .trabajo-web{float:left;height:260px;width:414px;margin:auto 11px 21px;}
.trabajo-web .preview{position:relative;top:0;left:0;z-index:100;}
.trabajo-web .preview img{padding:2px;}
.trabajo-web .info{opacity:0;position:relative;top:-261px;left:0;z-index:200;width:392px;height:240px;color:white;background:black;padding:10px;overflow:auto;}
.trabajo-web .info a{color:#F9E19E;}
.trabajo-web .info .enlace-web{width:126px;height:22px;float:right;margin-top:5px;}
.trabajo-web h3{color:#468ec4;margin-bottom:12px;}
.trabajo-web h3,.trabajo-web p{margin-bottom:10px;text-align:justify;}
/* Portafolio video ---------------*/
/* -----------------------------------------------------*/
#videos-cat{padding:0;margin:0;}
#videos-cat li{float:left;width:293px;}
#videos-cat li img{width:277px;}
.lista-videos{margin:0 2px;}
.lista-videos ul{margin:0;padding:0;}
.lista-videos ul li{display:inline;}
.lista-videos ul li img{float:left;margin-right:16px;margin-bottom:16px;width:277px;height:155;cursor:pointer;margin:8px;}
.info-video .player{height:311px;}
.info-video .player img{width:auto;margin:0;}
div.info-video .descripcion{margin:3px;color:white;}
div.info-video h3{color:#468EC4;}
div.info-video p{margin-bottom:10px;text-align:justify;}
div.info-video a{color:#F7E1A2;}
div.info-video.overlay{background:none;}
div.info-video .overlay-content{-moz-border-radius:10px;border:10px solid black;background:black;width:549px;}
div.info-video iframe{margin-right:11px;}
/* contacto ---------------*/
/* -----------------------------------------------------*/
h2.telefono,h2.email{font-size:14px;height:54px;padding-left:67px;padding-top:1px;}
h2.telefono{background:url('../images/contacto/telefono.png') no-repeat;}
h2.email{padding-top:4px;background:url('../images/contacto/email.png') no-repeat;}
h2.telefono p,h2.email p{font-weight:bold;}
#form-mensaje{border-left:6px solid #FBE29F;padding-left:10px;}
#form-contacto label{width:100%;display:block;}
#form-contacto #form-mensaje input,#form-contacto #form-mensaje textarea{width:100%;border:none;font-size:16px;}
#form-contacto textarea{font-family:sans-serif;font-size:12px;}
#captcha{height:30px;}
#contacto_captcha{height:21px;font-size:16px;}
#form-contacto input#enviar{background:url('../images/contacto/enviar.png') no-repeat top center;border:none;width:82px;margin-top:6px;cursor:pointer;}
img.captcha,#contacto_captcha,#form-contacto input#enviar{float:left;}
img.captcha,#contacto_captcha{margin-left:9px;}
ul.error_list{list-style:none;}
ul.error_list li{padding:0;margin:0;}
#mensaje-contacto{color:white;font-size:18px;}
#mensaje-contacto .close{display:none;}
.mensaje-enviado{background:url('../images/contacto/ok.png') no-repeat top left;padding-left:40px;}
.mensaje-error{background:url('../images/contacto/error.png') no-repeat top left;padding-left:40px;}
#form-contacto .msg{margin:6px 10px;}
#form-contacto .lopd input,
#form-contacto .lopd p{float:left;margin:0 10px 0 0;}
#form-contacto #lopd{width:550px; padding: 23px;}
#form-contacto #lopd h4{font-weight:bold;margin:25px 0; font-size: 23px; color: #56A1DC;}
#form-contacto #lopd p{text-align:justify;margin:15px 0;}
#info-contacto{margin-top:22px;}
#fotos-binarty ul{padding:0;margin-top:25px;}
#fotos-binarty ul li{float:left;width:23%;margin:0 1%;}
#fotos-binarty ul li img{width:212px;height:141px;}
#info-contacto h3{color:#2A77B5;margin-bottom:20px;}
/* footer ----------------*/
/* -----------------------------------------------------*/
#footer{margin:25px auto 30px;}
#footer #footer-content{width:675px;height:123px;padding:0px -5px 0px;background:url('../images/layout/footer-repeatx.png') repeat-x top;}
#footer-left,#footer-content,#footer-right{float:left;}
#footer-content #logo-footer{margin:40px auto;}
#footer-content #info{font-size:10px;margin:32px -34px 10px;}
#footer-content #info h2{font-size:10px;line-height:10px;font-weight:normal;}
#footer-content #info span h2{font-style:italic;font-weight:bold;}
#footer-content #info span{color:#1E76B7;}
#footer-content #navegacion-footer,#footer-content #twitter-footer,#footer-content #info-contacto-footer{float:right;}
#footer-content #navegacion-footer{margin-top:50px;margin-right:37px;height:73px;font-size:10px;}
#footer-content #navegacion-footer a{line-height:15px;padding:4px 0 0 21px;background:url('../images/layout/footer-li-bg.png') no-repeat top left;text-align:right;}
#footer-content #twitter-footer,#footer-content #info-contacto-footer{margin:10px 4px;}