/* CSS Document */

/*Global*/

body, div, h1, h2, h3, h4, h5, h6, ul, li, p, form, ol, dd, dt, dl{margin:0;padding:0;font-weight:normal;list-style:none;}
body{height:100%;font:12px/15px Helvetica,Tahoma, Arial, Helvetica, sans-serif;color:#000000;}
h1, h2, h3, h4, h5, h6{line-height:normal;}
img{border:0;}
a{color:#0394f1;text-decoration:none;	font-style: oblique; border:none;outline: none; }
a:hover{color:#86c007;font-style: oblique;text-decoration:none; border:none;outline: none; }
h1 a:hover{color: #0394f1;text-decoration:none; border:none}

/*FIXES*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;} 
* html .clearfix{height:1%}
.clearfix{display:block;} 
.dupfix{float:left;width:1px;height:0px;line-height:0px;visibility:hidden;}
ul, ol{position:relative;}

.ContGral{margin:auto; background:url(../img/fd_top_gral.gif) repeat-x; padding:13px 0 0 0}
.ContGral .Header{ background:url(../img/fd_header.png) no-repeat; background-position:center top; width:100%;}
.ContGral .Header .Centro{ width:970px; margin:auto; padding:6px 0 17px 0; position:relative }
.ContGral .Header .Centro h1{ background:url(../img/Lg_header.png) no-repeat; width:404px; height:32px; display:block;margin:63px 0 0 45px; float:left;}
.ContGral .Header .Centro h1 a{width:404px; height:32px; display:block;  visibility:hidden}
.ContGral .Header .Centro .clientes{ width:168px; float:right;margin:0 45px 0 0}
.ContGral .Header .Centro .clientes .top{ background:url(../img/top_form.png) no-repeat; width:168px; height:20px }
.ContGral .Header .Centro .clientes .cuerpo{ background:url(../img/form_cuerpo_dg.png) repeat-y; height:123px; width:140px; padding:0 14px 0 14px}
.ContGral .Header .Centro .clientes .cuerpo .form{ background:url(../img/fd_cuerpo_form.png) repeat-x; width:134px; height:123px; padding:0 0 0 6px; position:relative}  
.ContGral .Header .Centro .clientes .cuerpo .form input{ background:url(../img/fd_input_cliente.png) no-repeat; border:none; width:108px; height:16px; padding:4px 0 0 20px; font:10px Arial, Helvetica, sans-serif; color:#0070B3; margin:0 0 4px 0; }


.ContGral .Header .Centro .clientes .cuerpo .form .check{ background:url(../img/fd_check.png) no-repeat; width:12px; height:12px; border:none; position:absolute; bottom:8px;# bottom:6px; right:60px}
.ContGral .Header .Centro .clientes .cuerpo .form .enviar{ background:url(../img/bt_enviar_clientes.png) no-repeat; width:61px; height:21px; padding:0 0 0 4px; font:11px Arial, Helvetica, sans-serif; text-align:left; line-height:11px; margin:0 0 5px 65px; cursor:pointer; }
.ContGral .Header .Centro .clientes .cuerpo .form p{ font:10px Arial, Helvetica, sans-serif; line-height:11px}
.ContGral .Header .Centro .clientes .cuerpo .form h2{ background:url(../img/tt_clientes.png) no-repeat; width:89px; height:17px; display:block; margin:0 0 8px 0}
.ContGral .Header .Centro .clientes .cuerpo .form h2 a{ visibility:hidden}
.ContGral .Header .Centro .clientes .bottom{ background:url(../img/bottom_form.png) no-repeat;width:168px; height:20px }






.ContGral .Header .Centro .cont_menu { position:absolute; bottom:0; left:13px}
.ContGral .Header .Centro .cont_menu .Menu{display:block; padding:0 0 14px 0; position:relative; height:9px; margin:0 0 0 20px}
.ContGral .Header .Centro .cont_menu .Menu li{display:block; width:100px; text-transform:uppercase; text-align:center; position:absolute}
.ContGral .Header .Centro .cont_menu .Menu li.home{left:0px;}
.ContGral .Header .Centro .cont_menu .Menu li.web{left:122px;}
.ContGral .Header .Centro .cont_menu .Menu li.posi{left:244px;}
.ContGral .Header .Centro .cont_menu .Menu li.progra{left:366px;}
.ContGral .Header .Centro .cont_menu .Menu li.contacto{left:488px;}
.ContGral .Header .Centro .cont_menu .Menu li.selec{z-index:1}



.ContGral .Header .Centro .cont_menu .Menu li a{ text-transform:uppercase; font:9px Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../img/btn_menu.png) no-repeat; width:126px; display:block; padding:6px 0 5px 0; margin:0; cursor:pointer }

.ContGral .Header .Centro .cont_menu .Menu li span{ background:url(../img/btn_selec.png) no-repeat; width:127px; display:block;text-transform:uppercase; font:10px  Arial, Helvetica, sans-serif; padding:6px 0 6px 0; z-index:0; font-weight:bold}
.ContGral .Header .Centro .cont_menu .bottom{}
.ContGral .Header .Centro .cont_menu .bottom .Left{ background: url(../img/fd_bottom_menu.png) no-repeat; width:11px; height:14px; float:left}
.ContGral .Header .Centro .cont_menu .bottom .Center{ background: url(../img/fd_bottom_center.png) repeat-x; width:922px; height:14px; float:left}
.ContGral .Header .Centro .cont_menu .bottom .Right{ background: url(../img/fd_bottom_menu.png) no-repeat -11px 0; width:11px; height:14px; float:left}




.ContGral .Cuerpo{background:url(../img/fd_body.png) repeat-x;}
.ContGral .Cuerpo .Cont{width:925px; padding:30px 0 20px 45px;margin:auto}
.ContGral .Cuerpo .Cont .portfolio{width:200px; height:300px; position:relative;margin:0 0 57px 0; float:left}
.ContGral .Cuerpo .Cont .portfolio .Top{background:url(../img/top_caja.png) no-repeat; width:200px; height:24px; }

.ContGral .Cuerpo .Cont .portfolio .ContPort{background:url(../img/horizontal_caja.png) repeat-y; width:183px; padding:0 0 83px 13px; }
.ContGral .Cuerpo .Cont .portfolio .ContPort h2{background:url(../img/tt_portfolio.png) no-repeat; width:102px;height:18px; display:block; margin:0 0 0 9px}
.ContGral .Cuerpo .Cont .portfolio .ContPort h2 a{ visibility:hidden}
.ContGral .Cuerpo .Cont .portfolio .ContPort p{font:10px Arial, Helvetica, sans-serif; display:block; margin:1px 0 0 8px}
.ContGral .Cuerpo .Cont .portfolio .ContPort ul{display:block; margin:5px 0 0 2px}
.ContGral .Cuerpo .Cont .portfolio .ContPort ul li{display:block; background:url(../img/fd_botton_portfolio.gif) no-repeat; width:169px; height:38px}
.ContGral .Cuerpo .Cont .portfolio .ContPort ul li a{font:10px Arial, Helvetica, sans-serif; color:#000000; display:block; width:157px; height:28px; padding:13px 0 0 12px}
.ContGral .Cuerpo .Cont .portfolio img{position:absolute; bottom:-44px; left:10px}
.ContGral .Cuerpo .Cont .Desc{}
.ContGral .Cuerpo .Cont .Desc ul{}
.ContGral .Cuerpo .Cont .Desc ul li{ display:block; float:left; width:201px; padding:0 12px 0 12px; border-right:1px solid #c2d4ea; border-left: 1px solid #d2dff0}
.ContGral .Cuerpo .Cont .Desc ul li.sbL { border-left:none}
.ContGral .Cuerpo .Cont .Desc ul li.sbR { border-right:none}
.ContGral .Cuerpo .Cont .Desc ul li h3{ color:#0071BB; font:18px Arial, Helvetica, sans-serif}
.ContGral .Cuerpo .Cont .Desc ul li p{ text-align:left; font:11px Arial, Helvetica, sans-serif; line-height:12px}





.ContGral .Cuerpo .Cont .portfolio .bottom{display:block; height:24px; background:url(../img/bottom_caja.png) no-repeat; width:200px;}
.ContGral .Cuerpo .Cont .Trab{ float:left; position:relative}
.ContGral .Cuerpo .Cont .Trab .top{ background:url(../img/top_caja_trabajo.png) no-repeat; width:706px; height:22px}
.ContGral .Cuerpo .Cont .Trab .cuerpo{ background:url(../img/fd_caja_trabajo.png)  repeat-y; width:666px; height:273px; padding:0 20px 0 20px}
.ContGral .Cuerpo .Cont .Trab .bottom{ background:url(../img/bottom_caja_trabajo.png) no-repeat; width:706px; height:22px}
.ContGral .Cuerpo .Cont div.Left{filter: alpha(opacity=50); opacity: .5; width:69px; height:273px; background:#000000; position:absolute; top:22px}
.ContGral .Cuerpo .Cont div.Left a{ background:url(../img/btn_Left.png) no-repeat; width:36px; height:57px; display:block; margin:108px 0 0 17px; cursor:pointer;}


 .ContGral .Cuerpo .Cont div.Right{filter: alpha(opacity=50); opacity: .5; width:69px; height:273px; background:#000000; position:absolute; top:22px; right:22px} 

.ContGral .Cuerpo .Cont div.Right a{ background:url(../img/btn_Right.png) no-repeat; width:36px; height:57px; display:block; margin:108px  0 0 17px; cursor:pointer;}

/*Contacto*/

.ContGral .Cuerpo .Cont .Form{float:left; width:415px; padding:0 0 0 30px}
.ContGral .Cuerpo .Cont .Form h2{ background:url(../img/tt_contacto.png) no-repeat; width:224px; height:19px; display:block; margin:8px 0 22px 0}
.ContGral .Cuerpo .Cont .Form h2 a{ visibility:hidden}
.ContGral .Cuerpo .Cont .Form p{font:18px Arial, Helvetica, sans-serif;color:#0071BB; margin:0 0 8px 0}
.ContGral .Cuerpo .Cont .Form input{ background:url(../img/fd_input.png) no-repeat; width:413px; height:35px;border:none; display:block}
.ContGral .Cuerpo .Cont .Form textarea{ background:url(../img/fd_textarea.gif) no-repeat; width:413px; height:163px;border:none; display:block;}
.ContGral .Cuerpo .Cont .Form .enviar{ background:url(../img/btn_enviar.gif) no-repeat; width:61px; height:21px; float:right; margin:16px 0 0 0}


/*Diseņo*/

.ContGral .Cuerpo .Cont .Disenio{float:left; width:660px; padding:20px 0 0 30px}
.ContGral .Cuerpo .Cont .Disenio h2{ display:block; background:url(../img/tt_disenio.png) no-repeat; width:206px; height:22px; margin:0 0 15px 0}
.ContGral .Cuerpo .Cont .Disenio h2 a{visibility:hidden}
.ContGral .Cuerpo .Cont .Disenio ul li h3 {color:#0071BB; font:18px Arial, Helvetica, sans-serif; margin:0 0 11px 0}
.ContGral .Cuerpo .Cont .Disenio ul li p{ display:block; margin:0 0 22px 0}
.ContGral .Cuerpo .Cont .Programa h2{ background:none; height:0; margin:0}
.ContGral .Cuerpo .Cont .Seo h2{ background:none; height:0; margin:0}



/*Thumbs*/

.ContGral .Cuerpo .Cont .Thumbs{float:left; width:660px; padding:0 0 0 30px; position:relative}
.ContGral .Cuerpo .Cont .Thumbs .ul{ display:block}
.ContGral .Cuerpo .Cont .Thumbs .ul .li{ display:block; float:left; margin:0 0 0 2px}
.ContGral .Cuerpo .Cont .Thumbs .ul .li span{ display:block}
.ContGral .Cuerpo .Cont .Thumbs .ul .li .top{ background:url(../img/top_thumb.png) no-repeat; width:163px; height:19px;}
.ContGral .Cuerpo .Cont .Thumbs .ul .li .cuerpo{ background: url(../img/fd_caja_thumb.png) repeat-y; height:129px; width:146px; padding:0 0 0 17px}
.ContGral .Cuerpo .Cont .Thumbs .ul .li .cuerpo img{ display:block; width:129px; height:129px}
.ContGral .Cuerpo .Cont .Thumbs .ul .li .bottom{ background:url(../img/bottom_thumb.png) no-repeat 1px 0; width:163px; height:19px;}
.ContGral .Cuerpo .Cont .Thumbs .botones{ bottom:-21px; right:0; position:absolute}
.ContGral .Cuerpo .Cont .Thumbs .botones .anterior{ background:url(../img/btn_anterior.png) no-repeat; width:77px; height:35px; display:block; float:right; font-style:normal; color:#000000; padding:16px 19px 0 0; text-align:right; font:10px Arial, Helvetica, sans-serif; cursor:pointer;}
.ContGral .Cuerpo .Cont .Thumbs .botones .siguiente{ background:url(../img/btn_siguiente.png) no-repeat; width:77px; height:35px; display:block; float:right; font-style:normal; color:#000000; padding:16px 0 0 19px; text-align:left; font:10px Arial, Helvetica, sans-serif; cursor:pointer;}



.ContGral .Footer{ background:#131312 url(../img/fd_footer.gif) repeat-x; padding:137px 0 34px 0}
.ContGral .Footer .Cont{ width:970px; margin:auto}
.ContGral .Footer .Cont p{ font:10px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; float:left; padding:12px 0 0 0}
.ContGral .Footer .Cont a{ display:block; float:right; margin:0 90px 0 0}
.ContGral .Footer .Cont a h2{ background:url(../img/Lg_footer.gif) no-repeat; width:285px; height:24px}