@charset "UTF-8";

#cabecera {
	background-color: #FFFFFF;
}

#contenedor {
	background-color: #fafafa;
}

#central {
	float: left;
	margin: 0px auto;
	width: 100%;
	background-color: #FFFFFF;
}

#video {
	float: left;
	width: 100%;
	margin: 0px auto;
}

#enlace_video {
	margin: 0px auto;
	text-align: center;
}

#enlace_video img {
	width: 100%;
	text-align: center;
}

#leyenda_video {
	margin: 0px auto;
}

#tit_leyenda {
	font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	color: #3d3d3d;
	margin-bottom: 8px;
}

#txt_leyenda {
	font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	color: #727272;
}

#explicacion {
	margin-top: 20px;
}

#agentes {
	margin: 0px auto;
}

#usuarios {
	float: left;
}

#ico_usuarios {
	font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	color: #66d0ff;	
	text-align: center;
}

#txt_usuarios {
	margin-top: 5px;
	font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	color: #66d0ff;
	text-align: center;
}

#restauradores {
	float: left;
}

#txt_restauradores {
	margin-top: 5px;
	font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	color: #66d0ff;
	text-align: center;
}

#ico_restauradores {
	font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	color: #66d0ff;	
	text-align: center;
}

.a_img_izq img {
	display: table-cell;
    vertical-align: middle;
}

.a_img_der img {
	display: table-cell;
    vertical-align: middle;
}

.a_des_tit {
	font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	color: #3d3d3d;
}

.a_des_txt {
	font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	color: #727272;
}

#pie_cf {
	float: left;
	width: 100%;
	background-color: #66d0ff;
}

#capa_flecha {
	margin: 0px auto;
}

#flecha_hacia_abajo {
	width: 0; 
	height: 0; 
	margin: 0px auto;
}

#tit_txt_pie_cf {
	float: left;
	font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	color: #FFFFFF;
	margin-bottom: 5px;
}

#des_txt_pie_cf {
	float: left;
	font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	color: #FFFFFF;
}

@media all and (min-width: 995px) {

	#navegacion {
		width: 1005px !important;
	}

	#video {
		padding-top: 20px;
	}

	#enlace_video iframe {
		width: 720px;
		height: 405px;
	}	
	
	#leyenda_video {
		width: 72%;
		padding-top: 20px;
	}
	
	#tit_leyenda {
		font-size: 22px;
	}
	
	#txt_leyenda {
		font-size: 16px;
		margin-bottom: 50px;
	}
	
	#explicacion {
		margin-top: 45px;
	}
	
	#agentes {
		width: 72%;
	}
	
	#usuarios {
		width: 33%;
	}
	
	#ico_usuarios {
		font-size: 18px;
	}
	
	#txt_usuarios {
		font-size: 18px;
	}
	
	#lazo_relacion {
		float: left;
		width: 33%;
		text-align: center;
	}
	
	#restauradores {
		width: 33%;
	}
	
	#txt_restauradores {
		font-size: 18px;
	}
	
	#ico_restauradores {
		font-size: 18px;
	}
	
	#u_acciones {
		clear: both;
		float: left;
		width: 44%;
		padding: 25px;
	}
	
	#r_acciones {
		position: relative;
		float: left;
		width: 44%;
		padding: 25px;
	}
	
	#r_acciones:before{
	  content: "";
	  position: absolute;
	  top: 25px;
	  left: 7px;
	  right: -6px;
	  bottom: -6px;
	  z-index: 10;
	  background: -webkit-linear-gradient(left, #cccccc 70%, transparent 70%),
	              -webkit-linear-gradient(left, #cccccc 70%, transparent 70%),
	              -webkit-linear-gradient(top, #cccccc 70%, transparent 70%),
	              -webkit-linear-gradient(top, #cccccc 70%, transparent 70%);
	  background: linear-gradient(left, blue 70%, transparent 70%),
	              linear-gradient(left, blue 70%, transparent 70%),
	              linear-gradient(top, blue 70%, transparent 70%),
	              linear-gradient(top, blue 70%, transparent 70%); 
	  background-size: 0px 0px,
	                   0px 0px,
	                   1px 20px,
	                   0px 0px;
	  background-repeat: repeat-x,
	                     repeat-x,
	                     repeat-y,
	                     repeat-y;
	  background-position: 0 0,
	                       left bottom,
	                       0 0,
	                       right 0;
	  border-radius: inherit;
	}
	
	.accion {
		width: 100%;
		float: left;
		margin: 20px;
	}
	
	.a_img_izq {
		float: left;
		width: 30%;
	}
	
	.a_des_der {
		float: left;
		width: 70%;
	}
	
	.a_img_der {
		float: right;
		width: 30%;
	}
	
	.a_des_izq {
		float: left;
		width: 70%;
	}
	
	.a_des_tit {
		font-size: 18px;
		margin: 0px 10px 0px 10px;
	}
	
	.a_des_txt {
		font-size: 14px;
		font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
	    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		color: #727272;
		margin: 5px 10px 0px 10px;
		line-height: 22px;
	}
	
	#pie_cf {
		height: 130px;
	}
	
	#capa_flecha {
		width: 104px;
	}
	
	#flecha_hacia_abajo {
		position: absolute;
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		border-top: 25px solid #fff;
	}
	
	#texto_pie_cf {
		padding: 30px 130px 0px 130px;
	}
	
	#tit_txt_pie_cf {
		font-size: 20px;
	}
	
	#des_txt_pie_cf {
		font-size: 26px;
	}

}

@media all and (max-width: 994px) and (min-width: 768px) {

	#video {
		padding-top: 20px;
	}
	
	#enlace_video iframe {
		width: 560px;
		height: 315px;
	}	

	#leyenda_video {
		width: 72%;
		padding-top: 10px;
	}

	#tit_leyenda {
		width: 72%;
		font-size: 22px;
	}
	
	#txt_leyenda {
		font-size: 16px;
		margin-bottom: 30px;
	}
	
	#explicacion {
		margin-top: 45px;
	}
	
	#agentes {
		width: 72%;
	}
	
	#usuarios {
		width: 33%;
	}
	
	#ico_usuarios {
		font-size: 18px;
	}
	
	#txt_usuarios {
		font-size: 18px;
	}
	
	#lazo_relacion {
		float: left;
		width: 33%;
		text-align: center;
	}
	
	#restauradores {
		width: 33%;
	}
	
	#txt_restauradores {
		font-size: 18px;
	}
	
	#ico_restauradores {
		font-size: 18px;
	}
	
	#u_acciones {
		clear: both;
		float: left;
		width: 44%;
		padding: 15px 25px 15px 5px;
	}
	
	#r_acciones {
		position: relative;
		float: left;
		width: 44%;
		padding: 15px 35px 15px 15px;
	}
	
	#r_acciones:before{
	  content: "";
	  position: absolute;
	  top: 25px;
	  left: 7px;
	  right: -6px;
	  bottom: -6px;
	  z-index: 10;
	  background: -webkit-linear-gradient(left, #cccccc 70%, transparent 70%),
	              -webkit-linear-gradient(left, #cccccc 70%, transparent 70%),
	              -webkit-linear-gradient(top, #cccccc 70%, transparent 70%),
	              -webkit-linear-gradient(top, #cccccc 70%, transparent 70%);
	  background: linear-gradient(left, blue 70%, transparent 70%),
	              linear-gradient(left, blue 70%, transparent 70%),
	              linear-gradient(top, blue 70%, transparent 70%),
	              linear-gradient(top, blue 70%, transparent 70%); 
	  background-size: 0px 0px,
	                   0px 0px,
	                   1px 20px,
	                   0px 0px;
	  background-repeat: repeat-x,
	                     repeat-x,
	                     repeat-y,
	                     repeat-y;
	  background-position: 0 0,
	                       left bottom,
	                       0 0,
	                       right 0;
	  border-radius: inherit;
	}
	
	.accion {
		width: 100%;
		float: left;
		margin: 20px;
	}
	
	.a_img_izq {
		float: left;
		width: 35%;
	}

	.a_des_der {
		float: left;
		width: 65%;
	}
	
	.a_img_der {
		float: right;
		width: 35%;
	}
	
	.a_des_izq {
		float: left;
		width: 65%;
	}
	
	.a_des_tit {
		font-size: 18px;
		margin: 0px 10px 0px 10px;
	}
	
	.a_des_txt {
		font-size: 14px;
		font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
	    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		color: #727272;
		margin: 5px 10px 0px 10px;
		line-height: 22px;
	}
	
	#pie_cf {
		height: 130px;
	}
	
	#capa_flecha {
		width: 104px;
	}
	
	#flecha_hacia_abajo {
		position: relative;
		right: 7px;
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		border-top: 25px solid #fff;
	}
	
	
	#texto_pie_cf {
		padding: 0px 80px 0px 80px;
	}
	
	
	#tit_txt_pie_cf {
		font-size: 20px;
	}
	
	#des_txt_pie_cf {
		font-size: 26px;
	}

}

@media all and (max-width: 767px) and (min-width: 481px) {

	#video {
		padding-top: 20px;
	}
	
	#enlace_video iframe {
		width: 400px;
		height: 225px;
	}	
	
	#leyenda_video {
		width: 80%;
		padding-top: 20px;
	}
	
	#tit_leyenda {
		font-size: 18px;
	}
	
	#txt_leyenda {
		font-size: 14px;
		margin-bottom: 20px;
	}
	
	#explicacion {
		margin-top: 25px;
	}
	
	#agentes {
		width: 80%;
	}
	
	#usuarios {
		width: 33%;
	}
	
	#ico_usuarios {
		font-size: 14px;
	}
	
	#ico_usuarios img {
		width: 45%;
	}
	
	#txt_usuarios {
		font-size: 14px;
	}
	
	#lazo_relacion {
		float: left;
		width: 33%;
		text-align: center;
	}

	#lazo_relacion img {
		position: relative;
		top: 10px;
		width: 60%;
	}

	#restauradores {
		width: 33%;
	}
	
	#txt_restauradores {
		font-size: 14px;
	}
	
	#ico_restauradores {
		font-size: 14px;
	}

	#ico_restauradores img {
		width: 45%;
	}

	#u_acciones {
		clear: both;
		float: left;
		width: 44%;
		padding: 15px 20px 15px 0px;
	}
	
	#r_acciones {
		position: relative;
		float: left;
		width: 44%;
		padding: 15px 5px 15px 5px;
	}
	
	#r_acciones:before{
	  content: "";
	  position: absolute;
	  top: 25px;
	  left: 7px;
	  right: -6px;
	  bottom: -6px;
	  z-index: 10;
	  background: -webkit-linear-gradient(left, #cccccc 70%, transparent 70%),
	              -webkit-linear-gradient(left, #cccccc 70%, transparent 70%),
	              -webkit-linear-gradient(top, #cccccc 70%, transparent 70%),
	              -webkit-linear-gradient(top, #cccccc 70%, transparent 70%);
	  background: linear-gradient(left, blue 70%, transparent 70%),
	              linear-gradient(left, blue 70%, transparent 70%),
	              linear-gradient(top, blue 70%, transparent 70%),
	              linear-gradient(top, blue 70%, transparent 70%); 
	  background-size: 0px 0px,
	                   0px 0px,
	                   1px 20px,
	                   0px 0px;
	  background-repeat: repeat-x,
	                     repeat-x,
	                     repeat-y,
	                     repeat-y;
	  background-position: 0 0,
	                       left bottom,
	                       0 0,
	                       right 0;
	  border-radius: inherit;
	}
	
	.accion {
		width: 100%;
		float: left;
		margin: 20px;
	}
	
	.a_img_izq {
		float: left;
		width: 20%;
	}
	
	.a_img_izq img {
	    width: 40px;
	}

	.a_des_der {
		float: left;
		width: 75%;
	}
	
	.a_img_der {
		float: right;
		width: 20%;
	}
	
	.a_img_der img {
	    width: 40px;
	}
	
	.a_des_izq {
		float: left;
		width: 75%;
	}
	
	.a_des_tit {
		font-size: 15px;
		margin: 0px 10px 0px 10px;
	}
	
	.a_des_txt {
		font-size: 12px;
		font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
	    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		color: #727272;
		margin: 5px 10px 0px 10px;
		line-height: 20px;
	}
	
	#pie_cf {
		height: 100px;
	}
	
	#capa_flecha {
		width: 104px;
	}
	
	#flecha_hacia_abajo {
		position: absolute;
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		border-top: 25px solid #fff;
	}
	
	#texto_pie_cf {
		padding: 25px 10px 0px 20px;
	}
	
	#tit_txt_pie_cf {
		font-size: 14px;
	}
	
	#des_txt_pie_cf {
		font-size: 16px;
	}


}

@media all and (max-width: 480px) {

	#video {
		padding-top: 10px;
	}
	
	#enlace_video iframe {
		width: 288px;
		height: 162px;
	}
	
	#leyenda_video {
		width: 90%;
		padding-top: 10px;
	}
	
	#tit_leyenda {
		font-size: 14px;
	}
	
	#txt_leyenda {
		font-size: 12px;
		margin-bottom: 15px;
	}
	
	#explicacion {
		margin-top: 20px;
	}
	
	#agentes {
		width: 90%;
	}
	
	#usuarios {
		width: 100%;
	}
	
	#ico_usuarios {
		font-size: 12px;
		text-align: center;
	}

	#ico_usuarios img {
		width: 75px;
	}

	#txt_usuarios {
		font-size: 12px;
	}
	
	#lazo_relacion {
		display: none;
	}
	
	#restauradores {
		width: 100%;
		position: relative;
		top: 460px;
	}
	
	#txt_restauradores {
		font-size: 12px;
	}
	
	#ico_restauradores {
		font-size: 12px;
	}

	#ico_restauradores img {
		width: 75px;
	}

	#u_acciones {
		clear: both;
		float: left;
		width: 295px;
		padding: 10px;
		position: relative;
		top: -110px;
	}
	
	#r_acciones {
		position: relative;
		float: left;
		width: 295px;
		padding: 10px 10px 0px 10px;
	}
	
	.accion {
		width:  100%;
		float: left;
		margin: 12px 5px 12px 5px;
	}
	
	.a_img_izq {
		float: left;
		width: 40px;
	}
	
	.a_img_izq img {
	    width: 30px;
	}
	
	.a_des_der {
		float: left;
		width: 240px;
	}
	
	.a_img_der {
		float: right;
		width: 40px;
		padding-right: 5px;
	}
	
	.a_img_der img {
	    width: 30px;
	}
	
	.a_des_izq {
		float: left;
		width: 240px;
	}
	
	.a_des_tit {
		font-size: 14px;
		margin: 0px 0px 0px 0px;
	}
	
	.a_des_txt {
		font-size: 12px;
		font-family: 'Source Sans Pro', 'Helvetica', 'sans-serif' !important;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
	    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		color: #727272;
		margin: 5px 0px 0px 0px;
		line-height: 12px;
	}
	
	#pie_cf {
		height: 100px;
	}
	
	#capa_flecha {
		width: 81px;
	}
	
	#flecha_hacia_abajo {
		position: absolute;
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-top: 20px solid #fff;
	}
	
	#texto_pie_cf {
		padding: 25px 40px 0px 40px;
	}
	
	#tit_txt_pie_cf {
		font-size: 12px;
		margin-bottom: 5px;
	}
	
	#des_txt_pie_cf {
		font-size: 14px;
	}

}