@charset "utf-8";
/* CSS Document 
Client: Traductor Online
URL: http://
Version: 1.0
Last Modification: 15/12/09
*/

/* ----------------------- General ----------------------- */
body{padding: 0; margin: 0;background: #feffff url(../images/bg.jpg) repeat-x top left;}
*{font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #505050;}
#bg{width: 100%; margin: 0; padding: 0; background: url(../images/logo.gif) no-repeat top center;}
#content{width: 949px; margin: 0 auto;}
#info{width:949px; float: left;}
#info .top{width:949px; float: left; background: url(../images/content-top.png) no-repeat top left; height: 46px;}
#info .middle{width:863px; float: left; background: url(../images/content-middle.png) repeat-y top left; padding: 0 42px 0 44px;}
#info .down{width:949px; float: left; background: url(../images/content-down.png) no-repeat top left; height: 29px;}

/* ----------------------- Top ----------------------- */
#top{width: 949px; margin: 0; padding: 0; float: left; height: 88px;}
#logo{float: left; padding: 0; margin: 0; width: 580px; height: 86px;}
#idiomas{float: right; padding: 0 50px 0 0; margin: 40px 0 0 0; width: 290px;}
#idiomas img{float: right; padding: 0 0 0 5px;}


/* ----------------------- Inicio ----------------------- */

/*1ER BLOQUE*/
.bloque1{width: 863px; float: left; margin: 0 0 10px 0;}
.bloque1 .left{float: left; width: 490px; margin: 3px 0 0;}
.bloque1 .left .title{float: left; width: 490px; color: #0d2f61; font-size: 18px; margin: 0 0 10px; text-transform: uppercase;}
.bloque1 .left .title textarea{ padding: 5px; width: 478px; height: 193px;}
.bloque1 .left .title #traduccion{ padding: 5px; width: 478px; height: 193px;overflow:auto;border:1px solid #ccc;text-transform:none;}
.bloque1 .left .row{float: left; width: 490px; margin: 0 0 25px;}
.bloque1 .left .row textarea{ padding: 5px; width: 478px; height: 38px;border:1px solid #CCCCCC;}
.bloque1 .left .row .del{float: left; width: 90px; padding: 0 5px 0 0; text-align: right; font-size: 12px; color: #000; margin: 3px 0 0;}
.bloque1 .left .row select{ padding: 2px 0 2px 5px; width: 130px; font-size: 12px; color: #000; float: left; line-height: 18px;}
.bloque1 .left .row select option{line-height: 18px; font-size: 12px;}
.bloque1 .left .row .al{float: left; width: 30px; padding: 0; text-align: center; font-size: 12px; color: #000; margin: 3px 0 0;}
.bloque1 .left .row .btn{float: right; color: #000; font-size: 12px; line-height: normal;}
.bloque1 .left .google{float: left; width: 110px; font-size:11px; line-height: normal; text-align: center;}
.bloque1 .right{float: right; width: 360px; margin: 3px 0 0;}
.bloque1 .right .traductor{float: right; width: 335px; margin: 0 0 20px;}
.bloque1 .right .traductor img{float: right; padding: 0 20px 0;}
.bloque1 .right ul li{ padding: 0 0 0 40px; margin: 0 0 10px 0; background: url(../images/icon.jpg) no-repeat 13px 2px; font-size: 17px; color: #113d78;}
.bloque1 .right .instale{float: right; width: 255px; margin: 0 0 20px; background: url(../images/floachas.jpg) no-repeat 0 5px; padding: 0 0 0 105px; font-weight: bold; color: #003e65; font-size: 22px; letter-spacing: -1px;}
.bloque1 .right .instale strong{ font-weight: bold; color: #003e65; font-size: 27px; letter-spacing: -1px; line-height: 28px;}
.bloque1 .right .instale a{font-weight: bold; color: #d80808; font-size: 27px; letter-spacing: -2px; line-height: 28px; text-decoration: underline;}
.bloque1 .right .instale a:hover{color: #CCC;}
.bloque1 .right .descargar{float: right; width: 320px; background: url(../images/btn-descargar.jpg) no-repeat bottom right;}
.bloque1 .right .descargar .mcafee{width: 215px; font-size: 12px; float: right; height: 28px;}
.bloque1 .right .descargar .mcafee img{float:right}
.bloque1 .right .descargar .a{display: block; padding: 10px 0 0 100px; text-align: center; height: 58px; font-size: 25px; text-decoration: underline; text-align: center; float: left; width: 220px; text-transform: uppercase; color: #FFF; letter-spacing: -1px; line-height: 33px;}
.bloque1 .right .descargar .a:hover{ text-decoration: none;}

/*2do BLOQUE*/
.bloque2{width: 863px; float: left; padding: 0 0 10px 0;}
.bloque2 .left{float: left; width: 290px; padding: 0;}
.bloque2 .left h3{ font-weight: bold; color: #003e65; font-size: 22px; letter-spacing: -1px; line-height: normal; margin: 10px 0 25px;padding: 0 0 0 10px;}
.bloque2 .left h3 a{ font-weight: bold; color: #d80808; font-size: 22px; letter-spacing: -1px; text-decoration: underline;}
.bloque2 .left h3 a:hover{ color: #CCC;}
.bloque2 .left .mcafee{width: 130px; font-size: 13px; float: right; padding: 7px 20px 10px 0; text-align:right;}
.bloque2 .left .mcafee img{margin-top: 5px;}
.bloque2 .left .a{display: block; background: url(../images/btn-descargar-ch.jpg) no-repeat top right; width: 163px; height: 44px; float: left; padding: 24px 0 0 90px; text-transform: uppercase; color: #FFF; text-align: center; text-decoration: underline; font-weight: bold;}
.bloque2 .left .a:hover{ text-decoration: none;}

.bloque2 .right{float: right; width: 515px; padding: 0 15px 0 0;}
.bloque2 .right .row{float: right; width: 515px; padding: 0; margin: 0 0 30px;}
.bloque2 .right .row h3{ text-align: right; width: 515px; border-bottom: 1px solid #003e65; font-weight: bold; color: #0a4857; font-size: 25px; margin: 0 0 25px; line-height: 34px;}
.bloque2 .right .row .img{float: right; padding: 0 20px;}
.bloque2 .right .row .img2{float: left; padding: 0 20px;}
.bloque2 .right .row  p{ padding: 0 10px 0 15px;}
.bloque2 .right .descargar{float: left; width: 320px; background: url(../images/btn-descargar.jpg) no-repeat bottom right; padding: 0 0 0 95px;}
.bloque2 .right .descargar .mcafee{width: 215px; font-size: 12px; float: right; height: 28px;}
.bloque2 .right .descargar .mcafee img{float:right}
.bloque2 .right .descargar .a{display: block; padding: 10px 0 0 100px; text-align: center; height: 58px; font-size: 25px; text-decoration: underline; text-align: center; float: left; width: 220px; text-transform: uppercase; color: #FFF; letter-spacing: -1px; line-height: 33px;}
.bloque2 .right .descargar .a:hover{ text-decoration: none;}


/* ----------------------- Text ----------------------- */
p{margin: 0 0 15px 0; padding: 0; text-align: left; line-height: 23px; text-align: justify;}
a{text-decoration: none; font-size: inherit;}
a:hover{text-decoration: none;}
strong{font-size: inherit;}
h1{ font-weight: bold; color: #d80808; font-size: 27px; line-height: normal; letter-spacing: -1px; line-height: 27px;}
h2{text-align: right; font-size: 15px; color: #1a5bb1; margin: 0 0 18px; line-height: 16px; padding: 0 8px 0 0;}

/* ----------------------- Footer ----------------------- */
#footer{padding: 0; width: 949px; margin: 5px 0;color: #fff; font-size: 15px; line-height: normal; float: left;}
#footer .left{float: left;width: 300px; color: #003e65; font-size: 14px; padding: 0 0 0 25px;}
#footer .right{float: right;width: 300px; color: #003e65; font-size: 14px; padding: 0 25px 0 0; text-align: right;}

/* ----------------------- Clearfix ----------------------- */ 
/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;line-height: 0; }
.clearfix {display: inline-block;}

/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */