@CHARSET "UTF-8";
/*
  verde = #9C0
  negro = #222
*/


body
{
  background-color:#4C4E5B;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4C4E5B), to(#29282e), color-stop(.6,#333333));
}
footer
{
  text-align:center;
}
.well
{
	border-radius:3px;
}

.well .header
{
    text-transform:uppercase;
    font-size:1.2em;
    color:#9dc447;
  	border-top: 1px solid #eeeeee;
  	border-bottom: 2px solid #9dc447;
    background-color: #222;
    padding: 5px 20px 5px;
    margin: -20px -20px 20px;
}
.well .content
{
  background-color:#fff;
  margin: -20px -35px 0px;
  padding: 10px 0px 5px 35px;
  border-bottom: #EEE 1px solid;
}
.well .content img
{
  margin: 0px 0px 0px -5px;

}
.well hr
{
  margin: 10px -35px 10px;
}

.well .content li
{
  color:#444;
}

.well .content li a 
{
  text-decoration:none;
  color:#777;
}
.navActive
{
  background-color:red;
}

.navDeactive
{
  background-color:white;
}

.navbar-inner 
{
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4C4E5B), to(#29282e), color-stop(.6,#333333));
}

.index {
  width: 90%;
  margin-left:2%;
  margin-right:2%;
}

.index .box {
  background-color: #fff;
  padding: 20px;
  margin: 0 -20px;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

.index .page-header {
  background-color: #f5f5f5;
  padding: 20px 20px 10px;
  margin: -20px -20px 20px;
}

.index .box img
{
  margin-left:12%;
  text-align:center;
}
.index .page-footer {
  border-top:1px solid #f3f3f3;
  background-color: #f5f5f5;
  margin: 20px -20px -20px -20px;
  padding: 20px;
  text-align: center;
}


.minibox {
  background-color: #fff;
  padding: 20px;
  margin: 0 -20px;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

.minibox .page-header {
  background-color: #f5f5f5;
  padding: 20px 20px 10px;
  margin: -20px -20px 20px;
}

.minibox img
{
  margin-left:12%;
  text-align:center;
}
.minibox .page-footer {
  border-top:1px solid #f3f3f3;
  background-color: #f5f5f5;
  margin: 20px -20px -20px -20px;
  padding: 20px;
  text-align: center;
}

.groupbox {
  width: 90%;
  background-color: #fff;
  padding: 20px;
  margin: 0 -20px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 0 2px rgba(0,0,0,.15);
          box-shadow: 0 0 2px rgba(0,0,0,.15);
  text-align: center;
}

.groupbox .page-header {
  background-color: #f5f5f5;
  padding: 0.1px 20px 10px;
  margin: -20px -20px 20px;
}

.groupbox .course
{
  width:20%;
}
.groupbox .course img
{

  margin-bottom:10%;
}
.groupbox .course h4
{
  background-color:#EDEDED;
  font-size:0.9em;
  
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);

}


.groupbox .description
{
  width:50%;
  text-align:left;
}

.groupbox .description h3
{
  font-size:1.8em;
  color: #F36C21;
  margin-bottom:5%;
}
.groupbox .description .row p
{
  color:#777;
  margin:1% 1% 1% 12%;
}
.groupbox .total
{
  width:20%;
}

.groupbox .total {
  background-color: #fff;
  padding: 20px;
  margin: 2;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

.groupbox .total .page-header {
  background-color: #f5f5f5;
  padding: 5px;
  margin: -20px -20px 20px;
}
.groupbox .total .page-header  h3
{
  font-size:1em;
  color: #000;
}

.groupbox .total .page-content  p
{
  padding-top: 10%;
  font-size:5em;
  color: #000;

}

.groupbox .page-footer {
  border-top:1px solid #f3f3f3;
  background-color: #f5f5f5;
  margin: 20px -20px -20px -20px;
  padding: 1% 9%;
  text-align: right;
}

#cuestionario
{
  margin-left:1%;
  background-color: #ededed;
  padding: 5%;

}

#cuestionario .num
{
  margin-right:1%;
  background-color: #ffffff;
  padding:3px;

}
#cuestionario .btn-group
{
  margin-left:10%;
}

.post-it 
{
  background:#e7f1c8;
  padding:15px;
  font-size:15px;
  color: #000;
  width:200px;
   
  -moz-transform: rotate(0.5deg);
  -webkit-transform: rotate(0.5deg);
  -o-transform: rotate(0.5deg);
  -ms-transform: rotate(0.5deg);
  transform: rotate(0.5deg);
   
  box-shadow: 0px 2px 3px #222;
  -moz-box-shadow: 0px 2px 3px #222;
  -webkit-box-shadow: 0px 2px 3px #222;
}
