/*CSS

Verde oscuro: #007136;
Verde claro: #45c22f;

#004e2b ---> Oscuro hover
#54b02f ---> Claro hover
*/

*{font-family: 'Montserrat', sans-serif;}
body{background:#f5f5f5; padding-bottom:30px;}
header{background:url(../images/logo.png) 20px 2px #fff no-repeat; margin:0 20px; height:80px; border-bottom:none; margin-bottom:0;}

.hdrInfo{margin-top:10px; text-align: right;}
.hdrInfo p{font-size:13px; color:#888;}
.hdrInfo span{color:#007136; margin-right:4px;}
.cAmb{background:#45c22f; float:right; border-radius:3px; margin-top:6px; padding:2px 6px;}
.cAmb:hover{background:#54b02f;}
.cAmb a{color:white; font-size:12px;}
.cAmb a:hover{text-decoration: none;}

header h1{text-align:right; font-size:18px; color:#999; font-weight:normal; vertical-align:baseline;}
p, h1, h2{margin:0;padding:0;}
h3{font-size:18px; color:#007136;}
h1{font-size:12px; color:#007136; margin:10px 0;}

.subTitle{background:#45c22f; padding:6px;}
.subTitle h2{color:green; font-size:13px; color:white; font-weight:400;}

li{list-style:none; margin-bottom:20px; text-align:left;}

.panelImg, .panelMnt{border:1px #e5e5e5 solid; background:white; border-radius:4px;}

.icons li{text-align: center;}

.bttmLn{background:#ddd; padding:10px;text-align:right;}

.bttmLn button{background:white; text-transform:uppercase; font-size:12px !important; font-weight:bold;}
.bttmLn button:hover{box-shadow:0 0 5px #888;}

/*.btnCancel{background:#f99 !important;}*/
.btnSig{background:#45c22f !important; color:white; text-shadow:none;}
.btnSig:hover{color:white;}

.btnCancel{color:#666;}

label{font-weight:normal; font-size:12px; padding-top:4px; color:#666;}
.input-group div{text-align:right;}
.input-group label{padding-top:8px; margin:0;}

.passw{margin-bottom:20px;}
.passw span{font-size:12px; width:200px; text-align:left;}

.present{text-align:center; margin:40px 0;}
.present p{color:#888;}
.present span{font-family: arial, helvetica, sans-serif; font-size:12px;}

.present2{margin:40px 0;}
.present2 span{color:#999;}
.present2 .cc{color:#45c22f; font-size:16px;}

/*
No claro para qué se hizo ni donde funciona...

table thead{background:#ddd; font-weight:bold;}
table tr:nth-child(even){background:#f6f6f6;}
table tr:hover{background:#f0f0f0;}
table thead tr:hover{background:#ddd;}
table a{color:green;}
.spcl1 td:nth-child(3){width:60px; text-align:center;}
.spcl1 td:nth-child(4){width:60px; text-align:center;}
.spcl1 td:nth-child(5){width:60px; text-align:center; border-left:3px #999 solid;}
*/

.spcl2 td:last-child{width:160px;padding:4px;}
.sctr{overflow:visible;}

.nptRol li{margin-bottom:4px;}
.nptRol input{margin-bottom:12px;}

.modal-header, .modal-footer{background:#f5f5f5;}
.modal-header{border-radius:6px 6px 0 0; margin-bottom:20px;}
.modal-footer{border-radius:0 0 6px 6px; margin-top:20px;}

/* checkbox */

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 2em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}

@media only screen and (min-width : 0) and (max-width : 768px){
    header{
        height:110px;
        background-position: 20px 34px;
    }
}