.sombra {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15), 0 4px 4px 0 rgba(0, 0, 0, 0.15);
}
.contenedor_progreso {
    border-radius: 25px;
    padding: 5px;
    background: #eaeaea;
}
.progreso_inicial{
	border-radius: 25px 0px 0px 25px;
}
.progreso_intermedio{
	/*padding: 5px;*/
}
.progreso_final{
	border-radius: 0px 25px 25px 0px;
}
.inline{
	display:inline-block;
}
.numero_previo{
	text-align: center;
	display:inline-block;
	width:2.5em;
	height:2.5em;
	font-size:1em;
	color:#FFF;
	font-weight:bold;
	background: #04c632; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#04c632, #08a722); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#04c632, #08a722); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#04c632, #08a722); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#04c632, #08a722); /* Standard syntax */
	padding:5px;
	border:#FFF solid 3px;
	border-radius: 30px;
}
.numero_actual{
	text-align: center;
	display:inline-block;
	width:2.5em;
	height:2.5em;
	font-size:1em;
	color:#FFF;
	font-weight:bold;
	background: #049bc6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#049bc6, #0087b7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#049bc6, #0087b7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#049bc6, #0087b7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#049bc6, #0087b7); /* Standard syntax */
	padding:5px;
	border:#FFF solid 3px;
	border-radius: 30px;
}
.numero_futuro{
	text-align: center;
	display:inline-block;
	width:2.5em;
	height:2.5em;
	font-size:1em;
	color:#FFF;
	font-weight:bold;
	background: #bcbcbc; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#bcbcbc, #9a9a9a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#bcbcbc, #9a9a9a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#bcbcbc, #9a9a9a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#bcbcbc, #9a9a9a); /* Standard syntax */
	padding:5px;
	border:#FFF solid 3px;
	border-radius: 30px;
}
.video{
	text-align: center;
	border:#eee solid 5px;
	border-radius: 20px;
	webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	width:560px;
	margin:0 auto;
	overflow:hidden;
}
.div_titulo{
	margin: 40px;
	text-align: center;
}
.centrar{
	/*text-align: center;*/
	position: relative;
}
.mini_linea_divisora{
	background-color:#66cbff;
	width: 150px;
    height: 5px;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.altura_20px{
	height: 20px;
}
.altura_100px{
	height: 100px;
}
.contenedor_opciones{
	background-color: #eee;
	color:#676767;
}
.titulo_caracteristica{
	font-size:25px;
	padding:0px 0px 10px 40px;
}
.descripcion_caracteristica{
	text-align:justify;
	padding:0px 0px 40px 40px;
}
.img_caracteristica{
	font-size:100px;
	color:#0199cb;
	text-align:center;
	padding:0px 0px 0px 10px;
}
.botonCaracteristicas{
	text-align:center;
    background:#0199cb;
    padding:12px;
    margin:10px 0px 0px 0px;
    color: #fff;
	border-radius: 15px;
    cursor:pointer;
	-webkit-transition: 
		background-color 0.4s linear;
	-moz-transition: 
		background-color 0.4s linear;
	-o-transition: 
		background-color 0.4s linear;
	-ms-transition: 
		background-color 0.4s linear;
	transition: 
		background-color 0.4s linear;
		
}
.botonCaracteristicas:hover{
    background:#02749a;
}
.botonProduccion{
	text-align:center;
    background:#666;
	display:inline-block;
	font-size:2em;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding:12px;
    color: #fff;
	border-radius: 15px;
    cursor:pointer;
	-webkit-transition: 
		background-color 0.4s linear;
	-moz-transition: 
		background-color 0.4s linear;
	-o-transition: 
		background-color 0.4s linear;
	-ms-transition: 
		background-color 0.4s linear;
	transition: 
		background-color 0.4s linear;
		
}
.botonProduccion:hover{
    background:#ed7c14;
}
.codigo_agente {
  text-align:center;
  font-weight:bold;
  padding:12px;
  margin:10px 0px 0px 0px;
  border-radius: 15px;
  border:3px solid #ed7c14;
  background-color:#fff;
  font-size:1.5em;  
}



/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #a94442;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
    background-color:#f2dede;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #a94442;
}

/* styles for validation helpers */
.field-validation-error {
    color: #a94442;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #ebccd1;
    background-color:#f2dede;
}

select.input-validation-error {
    border: 1px solid #ebccd1;
    background-color:#f2dede;
}



input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #a94442;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}