*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
    font-family: 'fsalbert';
    src: url('../fonts/FSAlbert-Bold.otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'fsalbert';
    src: url('../fonts/FSAlbert.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {

    font-family: 'fsalbert';
    src: url('../fonts/FSAlbert-Light.otf');
    font-weight: 100;
    font-style: normal;
}


body {
	background-color: #B2B2B2;
}

/*cerrar pop up*/

.cerrar {
	text-align: right;
	margin-bottom: 10px;
	padding: 0;
}

.cerrar_icon {
	width: 26px;
	padding: 6px;
	background-color: #FF8200;
	border-radius: 50%;
	vertical-align: middle;
}

/*Fin cerrar pop up*/


/*titular pop up*/

.titulo_popup {
	text-align: center;
	background-color: #93278F;
	border-radius: 20px 20px 0px 0px;
	height: 45px;
	vertical-align: middle;
	padding: 10px 20px 0 20px;
}

.popup h3{
	background-color: ;
	color: #FFF;
	font-size: 16px;
	padding: 0;
	margin: 0;
	line-height: 0;
}


.icon_titulo_popup {
	vertical-align: middle;
	width: 25px;
	margin: 0;
	margin-right: 5px;
}

.icon_titulo_popup_png{
	vertical-align: middle;
	padding:0;
	padding-right: 3px;
}

.icon_titulo_popup_png img{
	vertical-align: middle;
}

.popup h6{
	display: block;
	clear: both;
	text-align: center;
	font-size: 14px;
	padding: 10px 0;
}

/*Fin titular pop up*/



legend{
	border: none;
	color: #666666;
	font-size: 17px;
	margin-bottom: 0;
}

.formulario_index legend {
		color: white;
		margin-top: 10px
}

.numero {
  background-color: #FF8200;
  color: #fff;
  height: 25px;
  width: 25px;
  display: inline-block;
  font-size: 0.8em;
  margin-right: 10px;
  line-height: 25px;
  text-align: center;
  border-radius: 100%;
  font-weight: normal;
  font-style: normal;
}


.instruccion{
	display: block;
	padding-top: 10px
}

.top {
	z-index: 5;
}

.bottom {
	z-index: 1;
}


.popup_datos {
	border-radius: 30px 0 30px 30px;
	color: #666666;
	font-size: 17px;
	background-color: #EBEBEB;
	padding: 35px 35px
}

form {
	font-weight: 100;
}

label {
	font-weight: 100;
	padding-top: 10px
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea
 {
	font-weight: 100;
	color: #0F5188;
	font-size: 15px;
	border: none;
	outline: 0;
	padding: 6px 6px;
	width: 100%;
	margin-top: 2px
}

label.light {
	font-size: 14px;
	padding-left: 10px;
	padding-top: 0px
}

.test:focus {
	background-color: #93278F;
	color: #FFF
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus {
	color: #FFF;
	background-color: #93278F
}

textarea{
	border: none;
	width: 100%;
	min-height: 100px;

}

.divisor_derecha,
.divisor_derecha_b
 {
	border-right: 1.1px solid #FF8200;
}

label.semititulo{
	color: #FF8200
}


.borde {
	border: 1.1px solid #FF8200;
	padding: 20px;
	border-radius: 20px 0 20px 20px;
}

.borde_azul {
	border: 1.1px solid #0f5188;

}

.scrolliconos{
	overflow: auto;
	height: 200px;
	padding: 10px 10px;
	text-align: center;
}

.scrolliconos_azul{
	height: 150px;
}

.middle {
	width: 80px;
	display:block;
	float: left;
	text-align:center;
	background-color:;


}


.scrolliconos img,
.centrar_icons img{
	padding: 5px;
}

.centrar_icons {
	text-align: center;
}


.seleccion{
	border: 2px solid #93278F;
	border-radius: 20px;

}



img a:hover{
	border: 1.1px solid #FFF;
}

.actividad {
	margin-top: 20px;
}

.actividad img {
	padding-right: 5px
}

.usuario{
    margin: 0px;
}

.usuario button {
    background-color: #FF8200;
    padding: 0.5% 3%;
}

.usuario button:hover {
    background-color: #93278F ;
}


/*botones atras adelante*/

button.siguiente {
	width: 130px;
	height:40px;
	border-radius: 0 20px 20px 0px;
	float: none;
}

button.atras {
	width: 130px;
	height:40px;
	border-radius: 20px 0px 0px 20px;
}

.back{
	padding-right: 3px
}

.forward{
	padding-left: 3px
}

/*Mapa google*/

.mapa_google {
	padding-top:
}

.subnumero {
	background-color: #0f5188;
	height: 20px;
  	width: 20px;
  	line-height: 20px;
}

.guia_mapa p{
	font-size: 14px;
	font-weight: 100;
}


button.disable {
	background-color: #CCCCCC
}




/*media queries resposividad*/


@media screen and (max-width : 1199px) {


.datos_b {
	margin-top: 15px
}

label.semititulo{
	margin: 10px 0;
}

.divisor_derecha_b {
	border-right: none;
	border-bottom: 1.1px solid #FF8200;
	padding-bottom: 35px

}

.scrolliconos_azul{
	height: 100px;
}

}

@media screen and (max-width : 992px) {

	.martop_m{
	margin-top: 20px

}

}

@media screen and (max-width : 768px) {



	.divisor_derecha {
		border-right: none;
		border-bottom: 1.1px solid #FF8200;
		padding-bottom: 35px
	}


	.popup {
		margin-left: 0px;
		margin-right: 0px;
	}


	.titulo_popup {
		border-radius: 0;
		padding: 5px 0;
		width: 100%
	}

	.popup_datos {
		border-radius: 0;
		padding: 30px 20px 0px 20px;

	}

	.icon_titulo_popup {
		width: 30px
	}

	.popup h3{
		font-size: 19px
	}

	.divisor_derecha {
		border-right: none;
	}

	.usuario button {
	width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0;
    margin-right: 0;
    margin-left: 0;
	}

.back{
	padding-right: 15px
}

.forward{
	padding-left: 15px

}

.martop{
	margin-top: 20px

}



}