/* Botón propio
-------------------------------------------------- */
/* Redefine los estilos de .btn */
/* Modificar el texto y el color de fondo en los tres estados
principales del botón: default, hover y active. */
.btn-ttc, 
.btn-ttc:hover,
.btn-ttc:active {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #007da7;
}
/* Aplicar gradientes de colores */
/* Nota: no se muestran aquí todos los gradientes que tendrás que
definir para los diferentes navegadores. */
.btn-ttc {
background-repeat: repeat-x;
background-image: linear-gradient(top, #009ED2 0%, #007DA7 100%);

}
/* Estilos del estado :hover del botón */
/* Uno de los estilos más sencillos y eficaces para el estado :hover
consiste en subir hacia arriba ligeramente la imagen de fondo del
botón, pero puedes definir otros estilos adicionales si quieres. */
.btn-ttc:hover {
background-position: 0 -15px;
}
.general{
font-size: 12px;
color: #FF0000;
font-weight: bold;
}
.Titulo1Rojo{
font-size: 22px;
color: #DF0101;
font-weight: bold;
}
.Titulo1Negro{
font-size: 22px;
color: #000000;
font-weight: bold;
}
.Titulo2Rojo{
font-size: 18px;
color: #DF0101;
font-weight: bold;
}
.Titulo2Negro{
font-size: 18px;
color: #000000;
font-weight: bold;
}
.Letra1Negro{
font-size: 12px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}
.show {
display: block !important;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.invisible {
visibility: hidden;
}
.cuadro {
height: 25px;
/* width: 150px;*/
border-radius: 5px;
background-color: #FF000F;
text-align: center;
color: #FFFFFF;
font-family: Verdana, Arial, Sans-Serif;
size:18px;
/*opacity: 0.5;*/
}
.color1{
background-color:red;
}
.color2{
background-color:#17E8BE;
}
.color3{
background-color:#826162;
}
.color4{
background-color:#6062C0;
}
.color5{
background-color:#946C6D;
}
.color6{
background-color:#7E7878;
}
.color7{
background-color:#1C7EF4;
}
.color8{
background-color:#973796;
}
.color9{
background-color:#ABE01F;
}
.color10{
background-color:#EAFCA7;
}
.color11{
background-color:#0029AD;
}
.body_header{
background: #000000;
}
.letra1_header{
font-size: 12px;
font-family: Arial;
color: #FFFFFF;
}
.body_footer{
background: #0AE000;
}
.letra1_footer{
font-size: 12px;
font-family: Arial;
color: #FFFFFF;
}
.letra1_blanca{
font-size: 12px;
font-family: Arial;
color: #FFFFFF;
}
.tamano_02{ font-size: 2px; }
.tamano_10{ font-size:10px; }
.tamano_12{ font-size:12px; }
.tamano_14{ font-size:14px; }
.tamano_15{ font-size:15px; }
.tamano_16{ font-size:16px; }
.tamano_18{ font-size:18px; }
.tamano_20{ font-size:20px; }
.tamano_30{ font-size:30px; }
.tamano_70{ font-size:70px; }
.color_negro{ color:#000000; }
.color_rojo{ color:#FF000F; }
.color_azul{ color:#0404B4; }
.color_blanco{ color:#FFFFFF; }
.color_gris_c3c3c3{ color:#c3c3c3; }
.color_amarillo_FF9933{ color:#FF9933; }
.letra_negrita{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-weight:2px;
}
.letra_normal{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
.cuadro-01{
/*
background-color: #E0E0E0;
border: 1px solid #bdbdbd;
height:auto;
padding:13px;
margin-bottom:10px;
*/
    height: auto;
    border: 1px solid #848484;   
    box-sizing: border-box;
	background:#E0E0E0;
	padding: 10px 10px 10px 10px;
	position: relative;
	top: -10px;
	left:0px;
	margin:5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.cuadro-02{
    height: auto;
    border: 1px solid #848484;
    box-sizing: border-box;
	background:#E0E0E0;
	padding: 10px 10px 10px 10px;
	position: relative;
	top: -10px; 
	left:0px;
	margin:5px 5px 10px 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.cuadro-03{
    height: auto;
    border: 1px solid #848484;
    box-sizing: border-box;
	background:#E0E0E0;
	padding: 10px 10px 10px 10px;
	position: relative;
	top: 42px;
	left:0px;
	margin:5px 15px 5px 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.cuadro-04{
    height: auto;
    border: 1px solid #bdbdbd;
    box-sizing: border-box;
	background:#00000;
	padding: 10px 10px 0px 10px; 
	position: relative;
	top:-15px;
	left:-7px;
	margin:5px 0px 0px 0px;
}

.cuadro-05{
    height: auto;
	padding: 10px 0px 10px 0px;
	position: relative;
	top: 10px;
	left:-20px;
	margin:5px 15px 0px 5px;
}


.cuadro-06{
    height: auto;
	padding: 0px 10px 0px 10px;
	position: relative;
	top: -45px;
	left:0px;
	margin:0px;

.cuadro_02{
border: 1px solid #bdbdbd;
height:auto;
padding:0px;
margin-bottom:10px;
}
.cuadro_03{
background-color: #FF0000;
border: 1px solid #FF0000;
height:auto;
margin-bottom:14px
}

.cuadro_generico{
height:auto;
margin-bottom:14px;
padding:10px;
}
.cuadro_folio{
height:35px;
padding:10px;
} 
.cuadro_formato{
height:auto;
padding:20px;
border: 1px solid #c3c3c3;

}

.letra_cursiva{ font-style: italic }
.fondo_gris_F2F2F2{ background-color:#F2F2F2; }
.fondo_gris{ background-color:#c3c3c3; }
.fondo_gris_oscuro{ background-color:#A4A4A4; }
.fondo_blanco{ background-color:#FFFFFF; }
.letra_verde_04B404{ color:#04B404; }
.cuadro_header_01{
background-color: #E0E0E0;
background-image: url(../../simulador-7/img/bg_header_grey.gif);
height:30px;
margin-top:-20px;
}
.cuadro_header_02{
background-color: #E0E0E0;
background-image: url(../img/fondo_header_01.png);
max-width: 100%;
}

.btn-hsbc {
color: #ffffff;
background-color: #C20000;
border-color: #D40000;
}
.btn-hsbc:hover,
.btn-hsbc:focus,
.btn-hsbc:active,
.btn-hsbc.active,
.open .dropdown-toggle.btn-hsbc {
color: #ffffff;
background-color: #EB2828;
border-color: FF0000; /*#D40000;*/
}
.btn-hsbc:active,
.btn-hsbc.active,
.open .dropdown-toggle.btn-hsbc {
background-image: none;
}
.btn-hsbc.disabled,
.btn-hsbc[disabled],
fieldset[disabled] .btn-hsbc,
.btn-hsbc.disabled:hover,
.btn-hsbc[disabled]:hover,
fieldset[disabled] .btn-hsbc:hover,
.btn-hsbc.disabled:focus,
.btn-hsbc[disabled]:focus,
fieldset[disabled] .btn-hsbc:focus,
.btn-hsbc.disabled:active,
.btn-hsbc[disabled]:active,
fieldset[disabled] .btn-hsbc:active,
.btn-hsbc.disabled.active,
.btn-hsbc[disabled].active,
fieldset[disabled] .btn-hsbc.active {
background-color: #C20000;
border-color: FF0000; /*#D40000;*/
}
.btn-hsbc .badge {
color: #C20000;
background-color: #ffffff;
}


#btn_pdf { 
  margin: 1em 0;
  color: #FFFFFF;
  float: left;
  clear: left;
  padding: 2px;
  height: 20px;
  background-color: #FF000F;
  text-decoration: none;
}
#btn_pdf:hover {
  text-decoration: none;
  background-color: #000000;
  color: #FFF;
}
#btn_pdf:visited {
  color: #CCC;
}