@CHARSET "utf-8";

.tituloVideo{ 
	color:black;
	font-size: 25px;
    font-weight: bold;  
    margin-top: 10px;
    padding-bottom: 30px;  
}

#nom{
	width: 96%;
}

.colorTitulo{
	color: #003e60;
}

.borde{	
	margin: 10px;
	border: 2px solid #3D682C;
	border-radius: 10px;
}

.bordeResBien{
	margin: 10px;
	border: 4px solid #00ff00;
	border-radius: 10px;
}

.bordeResMal{
	margin: 10px;
	border: 4px solid #ff0000;
	border-radius: 10px;
}

.padd{
	padding-left: 40px;
	padding-top: 15px;
	width: 100%;
}

.divResp{
	padding-left: 80px;
}

.lblStyleRadio{
	font-size: 1.5em;
}

.modal-Mensaje{
	width: 60%;
	margin: auto;
	padding-top: 100px;
}

.txt-infografia{
	font-size: 1.5em;
	margin-bottom: 30px;
}

.info{
	font-size: 16px;
}
#tablaPreguntas{
	font-size: 16px;
}

.radio label {
	width: 90%;
	}
/********PARA EL RADIO BUTTON DE COLOR **************/

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
	  
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 10px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
      transform: scale(1, 1); }


.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }