@import url("../vendor/bootstrap/css/bootstrap.min.css");
html,button,input,select,textarea{color:#3f3f3f;}

/* body{font-size:1em;line-height:1.4;}
*/

/*
* Remove text-shadow in selection highlight:h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}

/*
* A better looking default horizontal rule
*/
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

/*
* Remove the gap between images and the bottom of their containers:h5bp.com/i/440
*/
img{vertical-align:middle;}

/*
* Remove default fieldset styles.
*/
fieldset{border:0;margin:0;padding:0;}

/*
* Allow only vertical resizing of textareas.
*/
textarea{resize:none;}
iframe{border:none;}

/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
.disabled{opacity:0.5;filter:alpha(opacity=50);}
.no_disabled{opacity:1;filter:alpha(opacity=100);}
input,div,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;}
.clear{clear:both;}
.right{float:right!important;}
.right10{padding-right:10px;}
.left10{padding-left:10px;}
.left{float:left!important;}
.display-none{display:none;}
.red-color{color:#f00;}
.txt_center{text-align:center;}
.width100{width:100%;}
.no-display{display:none;}

.row { padding: 0;margin: 0; }

/* ==========================================================================
Author's custom styles
========================================================================== */
body { background: #f4f4f4; font-family: 'Roboto', sans-serif;}
header .banda1 { background-color: #16699e; color:#fff; padding: 0 20px; }
header .banda1 .nuevologo { height:50px; margin: 10px; }
header .banda1 ul { list-style-type: none; padding: 0;margin: 0; }
header .banda1 li { height: 70px;float: left; line-height: 70px; padding: 0 30px; }
header .banda1 li.borde { border-right:1px solid #0d4569; }
header .banda1 li a { color:#fff; display: block;}
header .banda1 li.person { float:right;padding-right: 100px; }
header .banda1 li.person img { height: 60px;float:left;margin-top: 5px;margin-right:20px;border:1px solid #0d4569;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
header .banda1 a:hover { color:#000; text-decoration: none; }
header .banda1 .borde.active { background: #0d3f5f; }
header .banda1 .dropdown-menu a { color:#000; }
header .banda1 .dropdown-item { line-height: 40px; }
.mitabla td { vertical-align: middle !important; }


header .banda2 .ap { text-align: center; color:#fff; height: 180px; font-size: 12pt; padding-top: 40px; cursor:pointer;}
header .banda2 .ap1 { background-color:#d06508; }



header .banda2 .ap1:hover { background-color:#a24d04; }
header .banda2 .ap2 { background-color:#e79320; }
header .banda2 .ap2:hover { background-color:#b67318; }
header .banda2 .ap3 { background-color:#168fb9; }
header .banda2 .ap3:hover { background-color:#0d5a75; }
header .banda2 .ap4 { background-color:#16699e; }
header .banda2 .ap4:hover { background-color:#0d4569; }
header .banda2 .ap5 { background-color:#1a3645; }
header .banda2 .ap5:hover { background-color:#102029; }
header .banda2 .ap6 { background-color:#102029; }
header .banda2 .ap6:hover { background-color:#152835; }

header .banda2 .sub { height: 47px; font-size: 12pt; }
header .banda2 .sub1 { background-color:#d06508;}
header .banda2 .sub2 { background-color:#e79320;}
header .banda2 .sub3 { background-color:#168fb9;}
header .banda2 .sub4 { background-color:#16699e;}
header .banda2 .sub5 { background-color:#1a3645;}
header .banda2 .sub6 { background-color:#102029;}
header .banda2 .sub6 .subap:hover { color:#ccc; }
header .banda2 .subap { float:left; line-height: 47px; padding: 0 25px; color:#fff; cursor:pointer;}
header .banda2 .subap:hover { color:#000; }

header .banda2 .circulo {
     width: 40px;
     height: 40px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: rgba(255,255,255,0.6);
     margin:0 auto;
     padding: 10px 0 0 0;
     text-align: center;
     margin-bottom: 64px;
}

header .sub { display: none; }

.info { margin-top: 30px; }
.info .panel-heading .btn.right { margin-top:-7px; }
.info .table td { line-height: 33px; }

.form-club .col-pic { padding: 0 30px 0 0; }
.form-club .col-pic .pic,.form-club .col-pic .pic2 { border: 1px solid #ccc; min-height: 132px; margin-bottom: 5px; text-align: center; padding-top: 2px; }
.form-club .col-pic .pic img { height: 128px; }
.form-club .col-pic .pic2 img { width:90%; }

.modal .close { margin-top: -12px; }
select { height: 34px !important; }

.ins-remero { border: 1px solid #ccc; height: 100px;}
.ins-remero .cab{ background: lightblue; padding: 0 0 0 5px; }
.ins-remero .pic { height: 80px;border-right:1px solid #ccc;}

.menuconfig { margin:40px 0; }
.menuconfig ul { list-style-type: none; padding: 0; margin: 0; }
.menuconfig li { float: left; line-height: 40px; font-weight: bold; }