@charset "utf-8";

/* CSS Document */



/*************** NORMALIZATION *****************/

html, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, blockquote, fieldset, input {

    margin:0;

    padding:0;

}

p{

    margin:10px 0;

}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {

    font-size:1em;

    font-style:normal;

    font-weight:normal;

}

ul, ol {

    list-style-image:none;

    list-style-position:outside;

    list-style-type:none;

}

fieldset, img {

    border:medium none;

}

caption, th {

    text-align:left;

}

table {

    border-collapse:collapse;

    border-spacing:0;

}

hr {    

    height:1px;

    border:none;

}



b, strong { font-weight:bold; }

/*************** END NORMALIZATION *****************/



body {

    background-color: #000;

    background-image: url(../images/sprites/body_bg_black.jpg);

    background-repeat: repeat-x;

    background-position: 0px 0px;

    text-align:justify;

}

#wrap {

    background:#fff url(../images/sprites/wrap.png) repeat-x 0px bottom;

    width:960px;

    min-height:700px;

    margin:30px auto;

    font: 12px Verdana, Geneva, sans-serif;

    color:#333;

}

a {

    text-decoration:none;

    color:#333;

}

a:hover { text-decoration:underline; }



div#email.email {

    right:50%;

    margin-right:-462px;

    position:absolute;

    top:43px;

    text-align:right;

    

}

div#email.email a {color:#999;}





h3.logo a, 

li.bullet, 

ul#index li a,

ul#content_menu li a,

ul#menu li a, 

h3#breadcrumbs, 

h1, 

div.popup h2,

div.popup h3,

h3.agencia,

h3.contacto,

h3.clientes {

    height:0;

    overflow:hidden;

    background-repeat:no-repeat;

    float:left;

}



h3.agencia, h3.contacto, h3.clientes {

    background-image:url(../images/sprites/h3.png);

    padding-top:16px;

    width:535px;

    margin-left:-267px;

}



h3.agencia {background-position:center 0; padding-top:16px;}

h3.contacto {background-position:center -16px; padding-top:17px;}

h3.clientes {background-position:center -34px; padding-top:16px;}



h4 {

    color:#1B75B7;

    margin-left:0px;

    margin-bottom:5px;

}



h5 {

    color:#1B75B7;

    margin-left:111px;

    margin-bottom:5px;

}



fieldset {

    margin-left:111px;

    border:1px solid #bbb;

    margin-top:50px;

    padding:15px;

    width:750px;

    background-color:#fff;

}



fieldset legend {

    background:url(../images/sprites/fieldset.jpg) no-repeat;

    height:0px;

    overflow:hidden;

    padding-top:29px;

    float:left;

    margin-left:8px;

    margin-top:-45px;

}



fieldset.personal legend {width:187px;}

fieldset.pimes legend { background-position:-191px 0; width:187px;}

fieldset.empresarial legend { background-position:-382px 0; width:220px;}



fieldset ul {

    clear:both;

    list-style:disc;

    margin-left:15px;

    float:left;

}



fieldset ul li {

    margin-bottom:10px;

}



fieldset .desde {

    width:159px;

    height:180px;

    border-left:1px solid #bbb;

    float:right;

    margin:-15px;

}



.desde .pedido, .desde .enviar {

    padding-top: 48px;

    background:url(../images/sprites/iconos_email.jpg);

    float:left;

    width:48px;

    height:0px;

    font-size:9px;

    text-align:center;

    margin-top: 12px;

}



.desde .pedido { margin:12px 12px 0px 25px;}

.desde .enviar { background-position:-48px 0;}



.personalizada {

    float:right;

    text-align:right;

    margin-right:67px;

    margin-top:2px;

}



.precio {

    clear:both;

    background:url(../images/sprites/desde.png);

    height:0px;

    padding-top:68px;

    width:109px;

    overflow:hidden;

    top:36px;

    position:relative;

    left:25px;

}



.pimes .precio { background-position:-110px 0; width: 111px; }

.empresarial .precio { background-position:-221px 0; width: 110px; }

    



ul#menu.portafolio, ul#menu.servicios, h3.agencia, h3.contacto, h3.clientes {

    position:absolute;

    left:50%;

    top:133px;

}

ul#menu.portafolio {margin-left:-202px;}

ul#menu.servicios {margin-left:-220px;}



ul#menu li a {

    background-image:url(../images/sprites/menu.png);

}

ul#menu li a {

    padding-top:15px;

}

ul#menu li.web a {background-position:0 -270px; width:36px;}

ul#menu li.grafico a {background-position:0 -301px; width:77px;}

ul#menu li.multimedia a {background-position:0 -333px; width:109px; padding-top:12px; margin-top:1px;}

ul#menu li.tresd a {background-position:0 -362px; width:109px;}

ul#menu li.identidad a {background-position:0 -392px; width:82px;}

ul#menu li.video a {background-position:0 -422px; width:47px;}

ul#menu li.impresos a {background-position:0 -452px; width:73px;}



ul#menu li.web a:hover {background-position:0 -285px;}

ul#menu li.grafico a:hover {background-position:0 -317px;}

ul#menu li.multimedia a:hover {background-position:0 -348px;}

ul#menu li.tresd a:hover {background-position:0 -377px;}

ul#menu li.identidad a:hover {background-position:0 -407px; width:82px;}

ul#menu li.video a:hover {background-position:0 -437px; width:47px;}

ul#menu li.impresos a:hover {background-position:0 -467px; width:73px;}



ul#servicios {

    margin-left:142px;

    margin-top:31px;

    width:675px;

    overflow:auto;

    list-style: none;

    text-indent: -9999em;

    display: inline-block;

}



ul#servicios li {

    height:145px;   

    overflow:hidden;

    background-repeat:no-repeat;

    float:left;

}



ul#servicios li a {

    background-image:url(../images/sprites/servicios.png);

    width:122px;

    height:0;

    padding-top:130px;

    margin:0 6px;

    margin-bottom:16px;

    display:block;

}

ul#servicios li.grafico a { background-position:center 0;}

ul#servicios li.web a { background-position:center -130px;}

ul#servicios li.multimedia a { background-position:center -260px;}

ul#servicios li.animacion a { background-position:center -390px;}

ul#servicios li.video a { background-position:center -520px;}

ul#servicios li.impresos a { background-position:center -650px; padding-top:145px;}

ul#servicios li.web_celular a { background-position:center -800px; padding-top:142px;}

ul#servicios li.flashbook a { background-position:center -952px;}

ul#servicios li.imprenta a { background-position:center -1086px ;padding-top:125px;}

ul#servicios li.email1 a { background-position:center -1219px;}



ul.imprenta {

    clear:both;

    overflow:auto;

    margin-left:112px;

}



ul.imprenta li {

    background:url(../images/sprites/imprenta_varios.png) no-repeat;

    width:180px;

    padding-top:156px;

    height:0;

    float:left;

    margin:50px 7px 0 0;

    overflow:hidden;

}

ul.imprenta li.dipticos { background-position:-194px 0 ; }

ul.imprenta li.tripticos { background-position:-389px 0 ; }

ul.imprenta li.tarjetas { background-position:-583px 0px ; }



a#inicio {

    background:url("../images/sprites/iconos.png") no-repeat scroll 0px -16px transparent;

    float:left;

    left:50%;

    margin-left:-23px;

    padding:41px 4px 0 4px;

    position:absolute;

    top:63px;

    width:31px;

    color:#0B6ABC;

}



h1.logo, h3.logo a {

    background-image:url(../images/sprites/logo.png);

    /*position:absolute;*/

    left:50%;

    position:relative;

}

h1.logo {

    padding-top:80px;

    width:191px;

    margin:241px 0 52px -95px;

}

h3.logo a {

    background-position:0 -80px;

    margin-left:-70px;

    padding-top:45px;

    width:140px;

}

h3#breadcrumbs, h1, div.popup h2, div.popup h3 {

    background-image:url(../images/sprites/headers.png);    

    width:100%;

    position:relative;

}

h3#breadcrumbs, h1 {padding-top:28px; margin-bottom:11px}

h3#breadcrumbs.portafolio {margin-bottom:61px;}



a.hiddenbreacrumb {

    height:0;

    padding-top:28px;

    width:153px;

    display:block;

    margin-left:292px;

    position:relative;

}



div.popup h2 {padding-top:32px; margin-bottom:11px}

div.popup h3 {padding-top:18px;}

div.popup h4 {color:#AADAE0; font-size:13px;}

div.popup h5 {

    color:#CF0;

    font-size:24px;

}



h3#breadcrumbs.web {background-position:center 0;}

h3#breadcrumbs.grafico {background-position:center -28px; padding-top:30px;}

h3#breadcrumbs.multimedia {background-position:center -58px;}

h3#breadcrumbs.tresd {background-position:center -88px;}



h1.servicios {background-position:92px -116px; margin-left:123px;}

h1.agencia {background-position:116px -146px; padding-top:31px;}

h1.contacto {background-position:171px -178px;}

h1.formulario {background-position:0 -206px;}

h1.clientes {background-position:202px -481px; margin-left:8px;}

h1.web_movil {background-position:104px -514px; margin-left:8px;}

h1.flashbook {background-position:104px -547px; margin-left:8px; padding-top:30px;}

h1.imprenta {background-position:104px -577px; margin-left:8px; padding-top:30px;}

h1.hospedaje {background-position:104px -760px; margin-left:8px; padding-top:30px;}

h1.email_privado {background-position:104px -607px; margin-left:8px; padding-top:30px;}



div.popup h2.grafico {background-position:0 -238px}

div.popup h2.web {background-position:0 -270px; padding-top:25px;}

div.popup h2.multimedia {background-position:0 -299px}

div.popup h2.animacion {background-position:0 -331px}

div.popup h2.video {background-position:0 -363px}

div.popup h2.impresion {background-position:0 -395px}



div.popup h3.soluciones1, div.popup h3.soluciones2, div.popup h3.soluciones3 {

    width:381px;

    margin:11px 0 2px;

}

div.popup h3.soluciones1 {background-position:0 -427px;}

div.popup h3.soluciones2 {background-position:0 -445px;}

div.popup h3.soluciones3 {background-position:0 -463px;}



ul#index, ul#content_menu{

    left:50%;

    margin-left:-265px;

    position:relative;

    clear:both;

    width:600px;

    height:14px;

}



ul#content_menu {

    top: 132px;

}

ul#index {margin-bottom:229px;}



ul#index li, ul#menu li, ul#content_menu li {

    display:inline;

    margin:0 4px;

}



li.bullet {

    background:url(../images/sprites/bullet.png) no-repeat center 5px;

    width:10px;

    float:left;

}

ul#index li.bullet, ul#content_menu li.bullet {padding-top:30px;}

ul#menu li.bullet {padding-top:15px;}



ul#index li a, ul#content_menu li a {

    background-image:url(../images/sprites/menu.png);

    padding-top:27px;

}

ul#index li.portafolio a, ul#content_menu li.portafolio a {background-position:0 0px; width:109px;}

ul#index li.servicios a, ul#content_menu li.servicios a {background-position:0 -54px; width:90px;}

ul#index li.agencia a, ul#content_menu li.agencia a {background-position:0 -108px; width:82px;}

ul#index li.clientes a, ul#content_menu li.clientes a {background-position:0 -162px;width:75px;}

ul#index li.contacto a, ul#content_menu li.contacto a {background-position:0 -216px;width:100px;}



ul#index li.portafolio a:hover, ul#content_menu li.portafolio a:hover {background-position:0 -27px;}

ul#index li.servicios a:hover, ul#content_menu li.servicios a:hover {background-position:0 -81px;}

ul#index li.agencia a:hover, ul#content_menu li.agencia a:hover {background-position:0 -135px;}

ul#index li.clientes a:hover, ul#content_menu li.clientes a:hover {background-position:0 -189px;}

ul#index li.contacto a:hover, ul#content_menu li.contacto a:hover {background-position:0 -243px;}



ul.clientes li {margin:2px 0;}



address#footer, p#links {   

    /*position:absolute;


    width:960px;*/

    margin:0;

}

address#footer {

    text-align:center;

    clear:both;

    position:relative;

    top:20px;

}

#chat {

    float: right;

    margin-right: 278px;

    clear: both;

    margin-top: -355px;

}





p#links {   

    color:#988279;

    font-size:11px;

    top:88px;

    position:relative;

    clear:both;

}

p#links:visited {   

    color:#988279;

    font-size:11px;

    position:relative;

    clear:both;

}

p#links:hover { 

    color:#988279;

    font-size:11px;

    position:relative;

    clear:both;

}

p#links a { 

    color:#988279;

    font-size:11px;

    position:relative;

    clear:both;

}

a#sitemap {

    background:url("../images/sprites/iconos.png") no-repeat scroll right 0 transparent;

    color:#988279;

    font-size:11px;

    padding-right:18px;

    position:relative;

    text-align:right;

    top:75px;

    float:right;

}

div#content {

    min-height:400px;

    /*position:absolute;*/

    padding-top:190px;

    margin-bottom:68px;

    /*display:table;*/

    width:960px;

}

div#content.clientes > ul {

    margin-left:214px;

}

div#content.servicios {

    margin-bottom:-16px;

}

div#content.servicios > p {

    margin-left:213px;

    width:531px;

}

div#content.tarjetas > p {

    margin-left:213px;

    width:531px;

}

div#content.agencia > p {

    margin-left:116px;

    width:430px;

}

div#content.servicios2 > p {

    margin-left:111px;

    width:400px;

}

div#content.contacto > p, div#content.contacto > address {

    margin-left:171px;

    width:265px;

    line-height: 1.5em;

}

div#content.portafolio > p {

    margin-left:489px;

    width:308px;

}



div#content.grafico {

    width:752px;

    padding-top: 165px;

    padding-right: 104px;

    padding-bottom: 0;

    padding-left: 104px;

    /*display:table;*/

}



div#content.grafico img {

    border:1px solid #ccc;

}



div#content.grafico p {margin: 0;}



div#content.grafico .zoom {

    background:url("../images/sprites/iconos.png") no-repeat scroll 0 -73px transparent;

    display:block;

    height:0;

    padding-top:10px;

    width:10px;

    overflow:hidden;

    float:right;

}



div#content.grafico .item {

    float:left;

    width:152px;

    margin:15px 18px;

}



img.border {

    border:7px solid #fff;

    float:right;

    -moz-box-shadow: 2px 2px 4px #bbb;

    -webkit-box-shadow: 2px 2px 4px #bbb;

    box-shadow: 2px 2px 4px #bbb;

    margin-bottom:5px;

}

div#content > img.border.agencia {

    margin-right:120px;

}

div#content > img.border.servicios {

    margin-right:109px;

}

div#content > img.border.clientes {margin-right:210px;}

div#content > img.border.contacto {margin-right:185px;}



div#content > img.portafolio {left:167px;position:absolute;top:54px;}



div#footer {

    clear:both;

    height:84px;

}



div.port_link {

    float:right;

    clear:both;

    margin-right:120px;

}

img.client_header {

    float:right;

    clear:both;

    margin-right:246px;

    margin-top:5px

}

div.popup, div.popup2, div.popup3 {

    background-color:#E6E6E6;

    border:1px solid #AFAFAF;

    left:50%;

    padding:11px;

    position:absolute;

    top:50%;

    z-index:1;

    /*margin:-188px 0 0 -327px;*/

    font-family:Arial, Helvetica, sans-serif;

    font-size:12px;

}

div.popup2
{
    margin:-171px 0 0 -311px;
}

div.popup {display:none;}

div.popup div.content, div.popup3 div.content {

    min-height:300px;

    min-width:400px;

    color:#FFF;

    padding:20px 25px;

    background:#333;

}

div.popup3 div.content {

     background:#333 url(../images/ajax-loader.gif) center center no-repeat;

}

div.popup2 div.content {

    background:#fff url(../images/ajax-loader_white.gif) center center no-repeat;

    min-height:300px;

    min-width:400px;

}

div.popup div.content {width:580px ;min-height:313px;}

div.popup ul.soluciones {margin-top:49px;}

div.popup ul.host {margin-top:15px;}

div.popup ul.soluciones li {

    background:url(../images/sprites/bullet.png) 0 5px no-repeat;

    padding-left:10px;

}

div.popup ul.host li {

    background:url(../images/sprites/bullet.png) 0 5px no-repeat;

    padding-left:10px;

}

div.popup img {

    float:right;

    margin:5px 0 0 23px;

}

div.popup div.cerrar, div.popup2 div.cerrar, div.popup3 div.cerrar {

    background-image:url(../images/sprites/iconos.png);

    height:11px;

    width:12px;

    float:right;

    margin:6px;

    cursor:pointer;

}

div.popup div.cerrar, div.popup3 div.cerrar { background-position:-11px 11px; }

div.popup2 div.cerrar {

    background-position:-23px 11px;

    position:absolute;

    left:100%;

    margin-left:-29px;

}

img.popup {

    /*margin:0 75px 20px 75px;*/

    margin-bottom:-3px;

}

div.popup2 {  background-color:#666;}

div.popup2 .content {

    background-color:#fff;

    text-align:center;

    /*width:580px;*/

    padding:9px;

}

.popup2 .thumbs {

    margin-top: 10px;

}

.popup2 .thumbs img {

    cursor:pointer;

    margin:0 2px;

}

.popup2 .prev, .popup2 .next {

    background:url("../images/sprites/next_prev.jpg") no-repeat scroll 0 0 transparent;

    height:44px;

    width:46px;

    position:absolute;

    top:177px;

    cursor:pointer;

}

.popup2 .next {

    background-position:-46px 0;

    left:100%;

    margin-left:-66px;

}

form.contacto {

    margin:29px 0 0 171px;

}

form.contacto input.input, form.contacto textarea {

    width:262px;

    padding:2px;

    color:#4d4d4d;

    font:Verdana, Geneva, sans-serif;

}

form.contacto input.input {height:15px;}

form.contacto textarea {height:98px;}



input.borrar, input.enviar {

    cursor:pointer;

    height:18px;

    left:274px;

    margin-top:-3px;

    position:relative;

    top:-52px;

    width:65px;

}

input.borrar {

    color:#FFF; 

    background-color:#00ABEC;   

    border:none;

}

input.enviar {

    color:#333; 

    background-color:#DCDCDC;

    border:1px solid #C1C1C1;

}

div#modal { 

    background-color:#CCCCCC;

    height:884px;

    position:absolute;

    text-align:center;

    top:30px;

    visibility:hidden;

    width:960px;

}

div#modal a.cerrar {

    background:transparent url(../images/sprites/cerrar.png) no-repeat scroll 0 0;

    color:#FFFFFF;

    height:16px;

    line-height:12px;

    position:relative;

    width:60px;

    display:block;

    left:50%;

    margin-left:-30px;

    text-decoration:none;

}

div#modal div#body {

    background:#ccc url(../images/ajax-loader.gif) no-repeat scroll center top;

    height:47px;

    left:50%;

    margin:-15px 0 0 -250px;

    position:absolute;

    top:50%;

    width:500px;

    padding-top:32px;

}

a.anterior, a.siguiente {

    background-image:url(../images/sprites/flechas.png);

    height:0;

    position:absolute;

    top:215px;

    width:21px;

    padding-top:46px;

    background-repeat:no-repeat;

    float:left;

    overflow:hidden;

    left:50%;

}

a.siguiente {background-position:0 0; margin-left:452px;}

a.siguiente:hover {background-position:0 -46px;}

a.anterior {background-position:0 -92px; margin-left:-473px;}

a.anterior:hover {background-position:0 -138px;}



.overTxtDiv {margin-top: -13px;}



.azul { /*color:#00ABEC;*/ }



div#breadcrumbs {

    position:absolute;

    margin:-19px 0 0;

    color:#CCC;

}



div#breadcrumbs * {

    color:#CCC;

}



div#sound {

    background:url("../images/sprites/sonido.png") no-repeat scroll 0 0 transparent;

    height:80px;

    margin:11px 0 0 960px;

    position:absolute;

    width:25px;

}

.bold {

    font-weight: bold;

    color: #CF0;

}

.boldblue {

    font-weight: bold;

    color: #0CF;

}

.tarjetas {

    margin:-10px 0 25px 300px;

}

.tarjetas2 {

    margin-left: 300px;

    margin-top: -70px;

    margin-bottom: 15px;

}



.popup.servicios {

    float:right;

    margin-right:102px;

    text-align:right;

}



.popup.servicios p {

    margin:0 10px 0 0;

}



.demo {

    background:url(../images/servicios/demo.png) no-repeat;

    width:244px;

    height:96px;

    padding:45px 0px 0px 101px;

}

.demo a {

    color:#26A5DC;

}



ul.listado {

    margin:0 0 20px 126px;

    padding:0;

    display:block;

    list-style:disc;

}



#email2 { display:none; }



.descargar {

    background:url(../images/servicios/descargar.png) no-repeat;

    width:265px;

    height:0;

    padding-top:103px;

    overflow:hidden;

    display:block;

    margin:10px 0 120px 130px;

}



.precios_imprenta {

    background:url(../images/servicios/precios_imprenta.png) no-repeat;

    width:245px;

    height:0;

    padding-top:103px;

    overflow:hidden;

    display:block;

    margin:26px 0 99px 351px;

}



p.cotizacion {

    background:url("../images/servicios/cotizacion.png") no-repeat scroll 0 0 transparent;

    display:block;

    height:68px;

    margin:26px 0 99px 351px;

    width:245px;

    padding:33px 0px 0px 143px;

    color:#1B75B7;

}



.todoesto {

    background:url("../images/servicios/todoesto.png") no-repeat scroll 0 0 transparent;

    display:block;

    height:0;

    margin:-120px 0 99px 310px;

    overflow:hidden;

    padding-top:103px;

    width:245px;

    position:absolute;

}