@CHARSET "UTF-8";




body
{

}
footer
{
  text-align:center;
}
.well
{
	border-radius:3px;
}

.well .header
{
    text-transform:uppercase;
    font-size:1.2em;
    color:#f9f9f9;
  	border-top: 1px solid #eeeeee;
  	border-bottom: 1px solid #ffffff;
    background-color: #c5c5c5;
    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-linear-gradient(top, #ffffff, #ffffff);
}

.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;
}



.post-it 
{
  background:#EDEDED;
  padding:1em;
  font-size:1em;
  color: #000;
  width:10em;
   
  -moz-transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
  -o-transform: rotate(0.5deg);
  -ms-transform: rotate(0.5deg);
  transform: rotate(0.5deg);
   
  box-shadow: 0px 4px 6px #333;
  -moz-box-shadow: 0px 4px 6px #333;
  -webkit-box-shadow: 0px 4px 6px #333;
}

/***********Cuestionario*****************/

.cuestionario{

      padding: 0;
      margin-bottom: 4em;
      text-shadow: 0 1px 0 rgba(255,255,255,.5);
}


.cuestionario .pregunta
{
    padding: 2.5em;
    border-bottom: 1px dashed #ccc;
}

.cuestionario h2
{
    position: relative;
    margin: 0;
}
.cuestionario h3
{
    position: relative;
    margin-left: 4%;
    text-align: justify;
}
.cuestionario .btn-group{
    margin-left: 10%;

}

.cuestionario .num {

    position: absolute;    
    z-index: -1;
    left: -1.3em;
    top: -.8em;
    height: 1.5em;
    width: 1.5em;
    border: .1em solid rgba(0,0,0,.05);
    text-align: center;
    font: italic bold 1em/1.5em Georgia, Serif;
      -moz-border-radius: 1.5em;
      -webkit-border-radius: 1.5em;
    border-radius: 1.5em;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -ms-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out;    
    background-color: #ffd797;
    border-color: #F36C21;
    border-width: .2em;
    text-shadow: 0 1px 0 #fff;

    color: #222;
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
}


input[type="radio"]
{
 margin-left: -10px; 
  cursor: pointer;
  visibility: hidden;
}

input[type="checkbox"]
{
 margin-left: -10px; 
  cursor: pointer;
  visibility: hidden;
}
