header{
  background-color:#337ab7;
  color:white;
  width:100%;
}


form {
  border-radius: 5px;
  font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
  width: 100%;
  font-size:11px;
  font-weight:bold;
}

table{
border:1px solid #fff;
padding:3;
border-spacing:0;
border-collapse: separate;
horizontal-align:left;
border-radius:5px;
background-color:white;
color:black;
font-family:Verdana;
font-size:12px;
font-weight:bold;
position:relative;
box-shadow:2px 2px 5px #999;
}

input {
  border-radius: 5px;
  font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
}
.account-info {
  padding: 20px 20px 0 20px;
}
.account-info label {
  color: #395870;
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
}
.account-info input {
  background: #fff;
  border: 1px solid #c6c7cc;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  color: #636466;
  padding: 6px;
  margin-top: 6px;
  width: 100%;
}

#sectionl{
background: rgb(240, 242, 243);
background: -moz-linear-gradient(-45deg, rgb(192, 218, 240) 0%, rgba(19,58,84,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(51,122,183,1)), color-stop(100%, rgba(19,58,84,1)));
background: -webkit-linear-gradient(-45deg, rgba(51,122,183,1) 0%, rgba(19,58,84,1) 100%);
background: -o-linear-gradient(-45deg, rgba(51,122,183,1) 0%, rgba(19,58,84,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(51,122,183,1) 0%, rgba(19,58,84,1) 100%);
background: linear-gradient(46deg, rgba(51,122,183,1) 0%, rgba(19,58,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#337ab7', endColorstr='#133a54', GradientType=1 );
border-radius:5px;
color:white;
width:100%;
font-family:Verdana;
font-size:14px;
font-weight:bold;
position:relative;
box-shadow:2px 2px 5px 5px #999;
padding: 15px;
}

#sectionf{
padding-left:5px;
border:1px solid #fff;
text-align:left;
border-radius:5px;
background-color:white;
color:black;
width:300px;
font-family:Verdana;
font-size:10px;
font-weight:bold;
box-shadow:2px 2px 5px #999;
}

#sectioni{
padding-left:5px;
border:1px solid #fff;
text-align:left;
border-radius:5px;
background-color:White;
overflow:scroll;
width:90%;
height:400px;
color:#337ab7;
font-family:Arial;
display: block;
font-size:14px;
font-weight:bold;
box-shadow:2px 2px 5px #999;
}

.boton{
        font-size:14px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        font-color:white;
        color:white;
        background-color:#337ab7;
        border:0px;
        width:110px;
        height:110px;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
		border-radius: 5px;
       }
	   
.boton:hover{
	background:#286090;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	border-radius: 5px;
}	
caption{
	display:form-caption;
	text-align:center;
	font-size:16px;
	font-weight:bolder;
}   

.dropdown-menu>li /* Para evitar la selección de texto */
{   position:relative;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Las reglas a continuación no están implementadas en los navegadores todavía */
    -o-user-select: none;
    user-select: none;
    cursor:pointer;
}
.dropdown-menu .sub-menu 
{
    left: 100%;
    position: absolute;
    top: 0;
    display:none;
    margin-top: -1px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-left-color:#fff;
    box-shadow:none;
}
.right-caret:after,.left-caret:after
 {  content:"";
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
    margin-left:5px;
}
.right-caret:after
{   border-left: 5px solid #ffaf46;
}
.left-caret:after
{   border-right: 5px solid #ffaf46;
}