﻿.container-calc-prod { display:table; margin:20px 0px;}
.container-calc-prod p { line-height:1.6em; }
.container-calc-prod h4 { color:#333; margin:5px 0px 10px 0px;}

/* TABS */


ul.tabs {padding: 7px 0; font-size: 0; margin:0; list-style-type: none; text-align: left;}
        
ul.tabs li {display: inline; margin:0px 1px;}
        
ul.tabs li a {height:40px; font-size:14px; text-decoration: none; position: relative; padding: 7px 16px; border:none; color: #fff; background: #006bb3; outline:none; padding:12px;}
        
ul.tabs li a:visited { color: #000;}
        
ul.tabs li a:hover {color:#fff; background:#0675d6 url(/images/Calculadora/bg-sel-calc-hover.jpg) repeat-x bottom; }

ul.tabs li.selected a, ul.tabs li.selected a:hover  
{
    color:#ffffff; 
    position: relative; 
    top: 0px;
    background: border:0;
    background:#0675d6 url(/images/Calculadora/bg-sel-calc.jpg) repeat-x top;
 }
       
ul.tabs li.selected a:hover {text-decoration: none;}
     
div.tabcontents { border: 1px solid #dddddd; padding:10px 10px; background-color:#FFF; border-radius: 0 3px 3px 3px; margin-top:5px; width:650px; min-height:300px;}

.buttonFormCalc-step1{
	font-family: Verdana;
	font-size: 14px;
	height: 34px;
	border:0px;
	text-align:center;
	padding:8px 20px 8px 20px;
	color:#FFFFFF;
	background:#43a8c7;
	outline: none;
	cursor:pointer;
}
.buttonFormCalc-step2{
	font-family: Verdana;
	font-size: 14px;
	height: 34px;
	border:0px;
	text-align:center;
	padding:8px 20px 8px 20px;
	color:#676767;
	background:#d8d8d8;
	outline: none;
	cursor:pointer;
}

.buttonFormCalc-step1:hover, .buttonFormCalc-step2:hover {
	cursor:pointer;
	color:#FFFFFF;
	background:#333333;
}

/** Estilos Calculadora ***/

.lbl-description
{
    color:#888;
    font-size:13px;
    font-family:Verdana;
}
.info-per 
{
    padding-left:40px;
}
.info-pertd
{
    width:115px;
    padding:20px 5px 0px 0px;
    text-align:left;
}
.tbl-calculadora tr td
{
    padding:4px;
}
.tbl-calculadoraTarjetas 
{
    border-spacing:20px;
}

#rblDeudores td, #rdoSegVida td, #rdoSegVivienda td, #rdoSegVehiculo td, #rdoSegVidaVehiculo td
{
    padding:0px;
}
.tbl-sliders
{
   width:310px;
}
.tbl-sliders td
{
    vertical-align:top;
    text-align:left;
}
.tbl-sliders td.tbl-pasos
{
    width:32px !important;
    vertical-align:middle !important;
}

.buttonFormCalc-step1{
	font-family: Verdana;
	font-size: 14px;
	height: 34px;
	border:0px;
	text-align:center;
	padding:8px 20px 8px 20px;
	color:#FFFFFF;
	background:#43a8c7;
	outline: none;
	cursor:pointer;
}
.buttonFormCalc-step2{
	font-family: Verdana;
	font-size: 14px;
	height: 34px;
	border:0px;
	text-align:center;
	padding:8px 20px 8px 20px;
	color:#676767;
	background:#d8d8d8;
	outline: none;
	cursor:pointer;
}

.buttonFormCalc-step1:hover, .buttonFormCalc-step2:hover {
	cursor:pointer;
	color:#FFFFFF;
	background:#333333;
}
.td-dato-sel 
{
    text-align:right !important;
}
.dato-sel-cal-slider
{
    color:#333333;
    font-size:14px;
    font-family:Verdana;
    letter-spacing:-1px;
}
.lbl-limites 
{
    font-size:9px;
    color:#43a8c7;
    letter-spacing:-1px;
    line-height:0px;
    padding:0px;
    margin:0px;
}
.bar-botones
{
    border-top:1px #a4a4a4 dashed;
    text-align:right;
    padding:10px 10px 10px 0px;    
}
.tlb-det-calc 
{
     width:100px;
     margin:10px;
     border-collapse:collapse;
}
.bar-botones
{
    border-top:1px #a4a4a4 dashed;
    text-align:right;
    padding:10px 10px 10px 0px;    
}
.head-det-cal
{
    background:#6f7c7d; 
    border-top:1px dashed #cacaca; 
    border-left:1px dashed #cacaca; 
    border-right:1px dashed #cacaca; 
    color:#fff; 
    font-size:12px; 
    text-align:center;
    padding:12px 2px;
    height:42px;
    vertical-align:middle;
    border-collapse:collapse;
}
.info-det-cal
{
    background:#f1f1f1; border:1px dashed #cacaca; color:#333; font-size:13px; text-align:center; height:40px; vertical-align:middle;
}
.info-det-cal span
{
    border-bottom:1px solid 43a8c7;
}

.modal_background {
    background-color: #40748e;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.ajax__validatorcallout_callout_cell
{
    display:none !important;
}
.ajax__validatorcallout_popup_table
{
  border:1px solid #3297b6 !important;
  border-radius:6px !important;
  box-shadow: 4px 4px 4px #ecebeb !important;
}
        
.ajax__validatorcallout_icon_cell
{
     display:none !important;
}
.validator_callout div, .validator_callout td
{
     background-color: #f0f0f0 !important;
     color:#333;
     font-family:Verdana;
     font-size:12px;
     padding:10px;
}
.validator_callout-captcha div, .validator_callout-captcha td
{
     background-color: #f0f0f0 !important;
     color:#333;
     font-family:Verdana;
     font-size:12px;
     padding:10px;
    }
  .validator_callout-captcha  .ajax__validatorcallout_callout_arrow_cell_bottomrightpos
  {
      display:none;
  }


.bar-buttons { text-align:left; border-bottom:1px dashed #a7a7a7; padding-bottom:4px;}
.bar-buttons img { cursor:pointer;}
.notas-productos {  font-size:11px; font-family:Verdana; color:#888986; padding:0px 0px 0px 16px;}
.notas-productos li{ margin:8px 0px; letter-spacing:-1px;list-style-type:decimal !important;}


/* Control de POP de Mensajes */
.body_message {
    margin: 20px 10px 10px 10px;
    background:#fafafa;
}
.title_message {
    font-size: 16px;
    color: #fff;
    min-height: 26px;
    padding-top: 5px;
    margin: 0px;
    text-align: center;
    border-bottom: 1px dashed #FFF;
    background: #006bb3;
    letter-spacing: -1px;
}
.lbl_message_pop {
    font-family: Verdana, sans-serif;
    font-size: 13px;
    color: #333;
    text-align:justify;    
}

.buttons_message {
    text-align: center;
    padding-bottom:15px;
}

.modalPop {
    background: #fff;
    min-width: 460px;
}