/*------ RESETEO CSS ----------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
 sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline}
body {background-color:#fff;font-family:arial;color:#666;line-height: 1;font-size:62.5%}
:focus {outline: 0}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
a img, img {border:0}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0;padding: 0}
legend {display:none}
label input{margin-top:.3em}
a {color:#6699CC}
a:visited {color:#666}
a:hover {text-decoration:none}

/*------ Utilidades ----------------------------------------*/
.clear:after {display:block; content:"."; height:0; visibility:hidden; clear:both}
.clean {clear:both}
.ftl {float:left}
.ftr {float:right}
.hide{position:absolute;left:-1000em}
.block1,.block2{width:100%;background:transparent url(../img/bg_sep.gif) bottom repeat-x;padding-bottom:3.5em}
.block2{padding-bottom:2em}
.subBlock {margin-left:1em}
.block1 ul,.block2 ul{margin-left:1em}

/*-------- calculadora -----------*/
 input.calc {border:0;border:2px solid #CBCBCB;width:60px;height:19px;float:right;margin-right:20px;text-align:center;padding-top:5px}
 



 #nacciones {width:80px;font-weight:bold;margin-right:0;}
 .bt {
    position:relative;
    height:1px;
 }
 .btup, .btdown{
    border:0 none;
    cursor:pointer;
    font-size:1.1em;
    height:11px;
    width:13px;
}
.btup{ background:transparent url(../img/bt_up.gif) no-repeat scroll 0 0;}
.btdown{ background:transparent url(../img/bt_down.gif) no-repeat scroll 0 0;}

#bt11{position:relative;left:275px;top:24px}
#bt12{position:relative;left:276px;top:35px}

#bt21{position:relative;left:275px;top:24px}
#bt22{position:relative;left:276px;top:35px}

.divisa {
   display:none;position:relative;left:83px;top:3px;padding-top:8px;float:right;display:block;width:20px;text-align:center;background-color:#ccc;height:20px
}
    /* This file skins sliders */
    .ui-slider { margin:0;width: 164px;height: 23px; position: relative; background-repeat: no-repeat; background-position: center center; margin:5px 0 20px 0 }
    .ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(../img/ico_slider.gif);  }
    .ui-slider-handle-active { border: 1px dotted black;  }
    .ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
    .ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }
    
    /* Default slider backgrounds */
    .ui-slider, .ui-slider-1 { background-image: url(../img/slider-bg-1.png); }
    .ui-slider-2 { background-image: url(../img/slider-bg-2.png); }

    /*-------- result -----------*/
    #result {width:29.5em;height:7.3em;background:#fff url(../img/bg_result.gif) no-repeat;text-align:center;padding-top:12px}
    #result #total {color:#797979;font-size:20px;height:30px;padding-top:6px}
    #result #total span.lit{font-size:18px;position:relative;top:-2px}
    #moreless{color:#3DA642;}
    #resumen {padding-top:12px;color:#fff}

      /*-------- desglose -----------*/
    #resumentable {width:29.6em; height:9.7em;background:#fff url(../img/bg_resumen.gif) no-repeat;margin-bottom:10px }
    #resumentable h3{text-align:center;height:1.2em;padding-top:.2em;font:bold 11px arial}
    #resumentable table {margin: .6em 0 0 .1em;width:294px;font:normal 11px arial;color:#999}
    #resumentable table th,#resumentable table td {width:33%;border:1px solid #ccc;text-align:center;height:17px;padding-top:2px}
    #resumentable table th {font-weight:bold;}
    #resumentable .ttxt {text-align:right;padding-right:5px}
    
    

/*-------- Opciones Avanzadas -----------*/
.cadvanced {width:290px;height:374px;background-color:#EFEFEF;border:1px solid #DFE1DF  }
#advanced h2{background-color:#DFE1DF;height:2em;font-size:1.2em;padding:1em 0 0 1em}
#advanced h3 {margin:10px 0 0 10px;height:20px}

#advanced h3 img{position:relative;top:3px;margin-right:10px;}
#advanced h3 a{float:left;text-decoration:none;font:bold 11px arial;color:#666}
#advanced h3 span{ float:right;text-decoration:none;font:bold 11px arial;color:#999;position:relative;top:-7px;left:-12px;}
#advanced h3.totalcc {margin-top:10px;padding-top:9px;border-top:1px dashed #999}
#advanced h3.totalcc span {font-size:12px;color:#333;margin-top:5px}
#advanced form {margin:5px 0 0 27px}
#advanced form fieldset{margin-bottom:10px}
#advanced form  h4{font:normal 11px arial;color:#666;margin:0px 0;height:20px}

.formAdv {padding-left:10px}
.formAdv input.adv {float:left;border:2px solid #CBCBCB;width:40px;height:19px;margin-right:1px;text-align:center;padding-top:5px}
.formAdv input.disabled {background-color:#E2E2E2;color:#000}
.formAdv label span {font-size:10px;color:#999}
.formAdv label  {float:left}
.formAdv label span {display:block}
#xtotalEnt {width:100px}


#advanced .divisa2, #advanced .porcentaje2 {
;padding-top:9px;float:left;display:block;width:15px;text-align:center;background-color:#ccc;height:19px;
position:relative;top:3px;left:-2px;
}
 #advanced .porcentaje2 {color:#333}

/*------ Titulares y textos ----------------------------------------*/
.txt1, .txt2 {font:normal 13px arial;color:#333}
.txt2 {color:#999}
.txt2 span{font-size:10px;color:#333}
h1.principal {font:normal 24px arial;color:#6699CC;border-bottom:10px solid #E5E5E5;margin-bottom:20px}

/*------ Cabecera ----------------------------------------*/
#wrapperheader{margin-top:10em;border:2px solid red;width:100%;text-align:center;;background-color:#333}
#contentheader{width:86em;text-align:left;margin:auto;padding:0 0 1em 0;background-color:#fff}
#header {width:86em;height:8.6em;background-color:#67C2EA;margin-top:4em;padding:15px 0 0 25px}
#header h2 {font:bold 40px arial;text-transform:uppercase;color:#fff  }

#header p {font-size:14px;color:#fff}
#header p span {background-color:#60ACCD;padding:3px 2px}
/*------ Layouts ----------------------------------------*/
#content {padding:20px 0;width:885px}
#core {float:left;width:27em;;padding-right:5em}
#advanced {float:left;width:290px;background-color:#EFEFEF}

#others{ clear:left;border-top:10px solid #E5E5E5;padding-top:10px}
#others .c1{width:245px;margin-right:25px;float:left;}
#others .c1 h3{font:bold 20px arial;color:#999;padding-top:10px}
#others .c2 {width:585px;height:475px;padding:10px 10px 10px 20px;float:left;background-color:#EFEFEF}
#others .c2 h3{font:bold 20px arial;color:#999}
#others .c2 h4{font:bold 14px arial;color:#509CC2;margin:5px 0}
#others .c2 p,#others .c2 ul {font:normal 12px arial;color:#999;margin-bottom:20px}
#others .c2 ul {padding-left:15px}
#others  p {font-size:12px;color:#999}


    /*--Recursos--*/
    .recursos p.intro {margin:10px 0 15px 0}
    .recursos p {margin:15px 0 }
    .recursos p strong a{color:#509CC2;display:block}


/*------ bloques de publicidad----------------------------------------*/
/*
 #publicity_adsense {float:left;background-color:#E6E6E6;width:150px;margin-right:22px;height:340px;padding:35px 0 0 30px}
*/

#publicity {float:left;;width:250px;margin-right:22px;height:360px;}

#publicity .claim1{font-size:12px;color:#000;padding-bottom:10px;font-weight:bold}
#publicity .claim2 {font-size:12px;color:#000;}
#publicity .claim2 a{font-weight:bold;color:#6699cc}
#publicityLinks {width:863px;clear:both;padding:5px 0 5px 20px; border:1px solid #67C2EA}


.publitext span{color:#666}
/*------ bloques de contenido----------------------------------------*/
.contenttxt h3 {font:normal 15px arial; padding:2px 0 2px 10px;color:#6699CC;margin-bottom:10px;background-color:#E5E5E5}
.contenttxt h4 {font:bold 13px arial; color:#666;margin-bottom:5px}
.contenttxt   {font:normal 12px arial; color:#666}

.contenttxt p , .help ul{margin-bottom:5px}
.contenttxt ul li {margin:0 0 2px 10px}
.contenttxt ul li span{color:#6699CC}
.contenttxt .moreimg {margin-top:10px}
.explain {font:normal 14px arial;padding-bottom:10px}

.contenttxt .grid1 em {color:#999}
.contenttxt .grid1 .dimg {margin-bottom:15px;float:left}
.contenttxt .grid1 .dimg img{border:1px solid #ccc;margin-right:20px}
.contenttxt .grid1 .gtxt{width:400px;float:left}

    .gadgetcontent {margin-top: 10px;}
    .gadgetcontent .imgG{float:left;margin-right:10px}
    .gadgetcontent .gtxt{float:left;margin-left: 15px; width: 150px;}
    .gadgetcontent p.last{margin-top: 15px; }

/*------ Pie ----------------------------------------*/
#footer {padding-left:2em;margin-top:20px;text-align:center;width:865px;height:31px;background-color:#DFE1DF}
#footer ul{padding:11px 0 0 185px;text-align:center;}
#footer li span{padding-right:0px;color:#000}
#footer li{font-size:1.1em;float:left;margin-right:1em}
#footer li a{color:#666}



/*------ Version Gadget ----------------------------------------*/

    
#gadgetAdvanced {position:absolute;left:-1000em;top:-1000em}
.gadget input.calc  {height:27px}
.gadget #desglose ul {padding-left:15px;*padding-top:10px}
.gadget #desglose ul li{text-align:center;font-size:11px;float:left;color:#999}
.gadget #desglose ul li a{color:#999}
.gadget #desglose ul li#aviso{width:80px}
.gadget #desglose ul li#legal{width:100px}
.gadget #desglose ul li#opciones{width:125px;text-align:right;*padding-left:0;*width:140px}
.gadget #desglose ul li#opciones a{color:#6699CC;font-size:12px}
.gadget #result {width:25.5em}
.headerGadget {border-bottom:3px solid #E5E5E5;margin-bottom:5px;padding:5px 0 10px 0;font-size:20px;color:#6699CC}
.headerGadget span {font-size:12px;color:#666;display:block}

    /*Publicidad Gadgets*/
    #publiGadget {padding:10px;margin:1px;font-size:11px;border:1px solid #f2f2f2;}
    #publiGadget a{ color:#6699CC}
    /*Hacs para los igoogle en IE*/
    .gadget #slider1,.gadget #slider2,.gadget #slider3 {*margin:0}
    .gadget #core,.gadget .playground {*width:27em;}
    .gadget #result {*margin-top:15px}
    .gadget .divisa {*height:28px}
    .gadget #bt11{*top:42px}
    .gadget #bt12{*top:47px}
    .gadget #bt21{*top:42px}
    .gadget #bt22{*top:47px}
    .gadget #resumen {*padding:16px 0 10px 0;}
    .gadget #opcionesAvanzadas {*padding-top:125px}