﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
    
    
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}
.OpcionMiCuenta {
    padding:3px;
    color:blue;
    cursor:pointer;
}
.tablaMiPlan td{
    padding:5px;
    text-align:center;
}
.tituloTabla {
    font-weight:bold;
}
.columnaIzqTblMiPlan{
    font-weight:lighter;
    font-family:cursive;
}
.bodyMain{
    background-image:url('../Content/Images/Relleno3.png');
}
.bodyMain2{
    background-image:url('../Content/Images/Relleno3.png');
}
.bodyMain3{
    background-color:rgb(216,216,216);
}
.divComoF {
    width:100%; 
    text-align:center;
    font-size:16px;
    color:white;
    min-height:150px;
    height:auto;
}
 
.divNoticiasMain {
    width:95%;
    background-color:transparent; 
    border-radius:10px;
    border:solid; 
    border-color:#3385ff;
    height:160px;
    padding-left:10%;
    margin-top:10px;
    
}
.textoAbajoJumbo {
     margin-top:15px;
     margin-bottom:15px;
     font-family:sans-serif;
     font-size:16px;
     font-style: italic;
     text-align:justify;
     padding-left:5%;
     padding-right:5%;
     font-weight:bold;
}
.divComoFunPre {
    min-height:150px;
    border-radius:15px;
    background-color:#22c1c6;
    background-size:150px 150px;
    background-repeat:no-repeat;
    background-position: 50% 10px;
    padding-top:5px;
    font-family:Calibri;
    font-size:18px;
    box-shadow: 10px 15px 10px lightgray;
}
.divComoFunPre2 {
    min-height:150px;
    border-radius:15px;
    background-color:#c2eaee;
    background-size:150px 150px;
    background-repeat:no-repeat;
    background-position: 50% 10px;
    padding-top:5px;
    font-family:Calibri;
    font-size:18px;
    box-shadow: 10px 15px 10px lightgray;
    color:#083c9a;
    font-weight:bold;
}
.divComoFunPre2:hover {
    border-style:solid;
}
.divComoFunPre3 {
    min-height:150px;
    border-radius:15px;
    background-color:#2a4f9c;
    background-size:150px 150px;
    background-repeat:no-repeat;
    background-position: 50% 10px;
    padding-top:5px;
    font-family:Calibri;
    font-size:18px;
    box-shadow: 10px 15px 10px lightgray;
     color:#ffffff;
    font-weight:bold;
}
.divComoFunPre3:hover {
    border-style:solid;
    border-color:black;
}
.divComoFunDetalle {
    display:none;
    text-align:left;
    background-image:url('../Content/Images/Relleno3.png');
    color:black; 
    border:solid;
    border-color:#3385ff;
    border-radius:15px;
    padding:5%;
    font-size:16px;
    font-family:Calibri;
}
.palabraCloudStore {
    color:#3385ff;
    font-weight:200;
}
.divTotales {
    float:left;
}
.divTotal{
    float:right;
}
.tablaDialog td{
    text-align:center;
    font-family:Helvetica;
    font-size:15px;
    padding:4px;
}
tablaDialog{
    border-spacing:0px;
    border-collapse:separate;
}
.btnAceptarDialogo{
    width:100px;
    height:30px;
    cursor:pointer;
}
.divParametros{ 
    width:140px;
}
.divSugerenciaOpcion{
    text-align:justify;
    margin-top:20px;
    /*border-style:double;
    border-radius:10px;
    padding:10px;
    border-color:navy;*/
    width:140px;
}
.lblLink {
   text-decoration:underline;
   color:blue !important;
}
.tituloSeccion {
    font-family:Calibri;
    font-size:40px;
    color:#4d94ff;
    text-shadow: 1px 1px 0 black;
}

/*@font-face {
  font-family: Coneria;
  src: url(Fabulous_PERSONAL_USE.ttf);
}*/