@font-face{
	font-family:DINCond-Bold;
	src:url(../fonts/DINCond-Bold.otf);
	}

a:active,a:link{
	text-decoration:none !important;
	}
	
input,imput:focus{
	outline:none !important;
	}

.her_cont_herramientas{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	padding:15px;
	}
	
.her_cont_buscador{
	width:100%;
	box-sizing:border-box;
	border-radius:0px 0px 5px 5px;
	-ms-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	-o-border-radius:0px 0px 5px 5px;
	padding:10px 20px;
	
	border-left:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
	background:#fff1de;
	}
	
.her_h2{
	margin:0px !important;
	font-family:Arial !important;
	font-size:21px !important;
	font-weight:normal !important;
	color:#6db339 !important;
	text-align:left !important;
	padding-bottom:5px;
	border-bottom:#dddddd solid 1px !important;
	}
	
.her_buscador{
	float:right;
	}
	
#her_buscar_btn{
	font-family:Arial !important;
	font-size:14px !important;
	color:#FFF !important;
	font-weight:normal !important;
	text-align:center !important;
	height:29px;
	line-height:29px;
	padding:0px 10px;
	cursor:pointer;
	background:#6a829a;
	float:right;
	}
#her_buscar_btn:hover{
	background:#53697f;
	}
	
#her_buscador_input{
	margin:0px !important;
	box-sizing:border-box !important;
	float:left !important;
	width:200px !important;
	height:29px !important;
	border:#CCCCCC solid 1px !important;
	background:#FFFFFF !important;
	padding:5px 7px !important;
	
	box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.1) !important;
	-ms-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.1) !important;
	-moz-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.1) !important;
	-webkit-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.1) !important;
	-o-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.1) !important;
	
	font-family:Arial !important;
	font-size:15px !important;
	color:#666 !important;
	text-align:left !important;
	}

.her_cont_buscador p{
	margin:0px !important;
	font-family:Arial !important;
	font-size:16px !important;
	color:#666 !important;
	text-align:left !important;
	}
	
.her_cont_letras{
	width:100%;
	border-bottom:#CCCCCC solid 1px;
	height:39px;
	}
.her_cont_letras p{
	box-sizing:border-box;
	margin-top:0px !important;
	margin-bottom:0px !important;
	box-sizing:border-box !important;
	float:left;
	/*width:95%;
	width:calc(95% / 27);
	width:-moz-calc(95% / 27);*/
	padding:0px 7px;
	margin-left:3px;
	margin-right:3px;
	
	height:40px;
	background:#f0f0f0;
	border:#CCCCCC solid 1px;
	cursor:pointer;
	
	font-family:Arial !important;
	font-size:16px !important;
	text-align:center !important;
	color:#0088cc;
	line-height:40px !important;
	
	border-radius:2px 2px 0px 0px;
	-ms-border-radius:2px 2px 0px 0px;
	-moz-border-radius:2px 2px 0px 0px;
	-webkit-border-radius:2px 2px 0px 0px;
	-o-border-radius:2px 2px 0px 0px;
	
	transition:height 0.5s, margin-top 0.5s;
	-webkit-transition:height 0.5s, margin-top 0.5s;
	}
.her_cont_letras p:hover{
	height:50px;
	margin-top:-10px !important;
	}
	
.her_letra_selected{
	background:#FFFFFF !important;
	font-weight:bold !important;
	color:#333333 !important;
	border-top:#CCCCCC solid 1px !important;
	border-bottom:#FFFFFF solid 1px !important;
	border-left:#CCCCCC solid 1px !important;
	border-right:#CCCCCC solid 1px !important;
	}

.her_contenedor_herramientas{
	width:100%;
	border:rgba(0,0,0,0) solid 1px;
	position:relative;
	overflow:hidden;
	}
.her_contenedor_herramientas a{
	text-decoration:none !important;
	}
	
.her_invisible{
	opacity:0;
	position:absolute;
	width:270px;
	left:100%;
	left:calc(100% + 270px);
	left:-moz-calc(100% + 270px);
	top:0px;
	height:340px;
	border:#03C solid 1px;
	}
.her_visible{
	opacity:1;
	float:left;
	width:270px;
	margin:20px 26px;
	}
	
.her_contenedor_herramienta{
	/*float:left;
	width:270px;
	margin:20px 15px;*/
	}
.her_contenedor_herramienta1{
	box-sizing:border-box;
	padding-top:30px;
	width:270px;
	height:340px;
	background-image:url(../images/plantilla_herramienta.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	-ms-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	}
	
.her_cont_cuadro{
	width:235px;
	height:230px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border:rgba(0,0,0,0) solid 1px;
	}
.her_cargando{
	width:235px;
	height:230px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border:rgba(0,0,0,0) solid 1px;
	}
/*.her_cargando{
	width:235px;
	height:230px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border:rgba(0,0,0,0) solid 1px;
	
	background-image:url(../images/cargador.gif);
	background-repeat:no-repeat;
	background-size:40px 40px;
	-ms-background-size:40px 40px;
	-moz-background-size:40px 40px;
	-webkit-background-size:40px 40px;
	-o-background-size:40px 40px;
	background-position:center center;
	}*/
	
.her_cont_cuadro img{
	
	}
.her_cargando img{
	/*visibility:hidden;*/
	}
	
.her_cont_cuadro_h6{
	margin:0px !important;
	padding:0px !important;
	font-family:Arial !important;
	font-size:10px !important;
	text-align:center !important;
	width:100% !important;
	color:#7cba4d !important;
	font-weight:normal !important;
	position:absolute;
	top:0px;
	left:0px;
	opacity:1;
	
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
	}
.her_cargando_h6{
	margin:0px !important;
	padding:0px !important;
	font-family:Arial !important;
	font-size:10px !important;
	text-align:center !important;
	width:100% !important;
	color:#7cba4d !important;
	font-weight:normal !important;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
	}
	
.her_cont_cuadro_p{
	margin:0px !important;
	padding:0px !important;
	font-family:Arial !important;
	font-size:20px !important;
	text-align:center !important;
	width:100% !important;
	color:#7cba4d !important;
	font-weight:bold !important;
	position:absolute;
	top:0px;
	left:0px;
	text-transform:uppercase;
	opacity:1;
	
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
	}
.her_cargando_p{
	margin:0px !important;
	padding:0px !important;
	font-family:Arial !important;
	font-size:20px !important;
	text-align:center !important;
	width:100% !important;
	color:#7cba4d !important;
	font-weight:bold !important;
	position:absolute;
	top:0px;
	left:0px;
	text-transform:uppercase;
	opacity:0;
	
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
	}

.her_descargar_btn{
	margin-top:10px;
	box-sizing:border-box;
	width:100%;
	border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	
	border:#CCCCCC solid 1px;
	background:linear-gradient(top, #fdfdfd, #f4f4f4);
	background:-ms-linear-gradient(top, #fdfdfd, #f4f4f4);
	background:-moz-linear-gradient(top, #fdfdfd, #f4f4f4);
	background:-webkit-linear-gradient(top, #fdfdfd, #f4f4f4);
	background:-o-linear-gradient(top, #fdfdfd, #f4f4f4);
	padding:7px 7px;
	}
.her_descargar_btn:hover{
	background:#f0f0f0;
	}
	
.her_descargar_btn img{
	float:left;
	margin-right:10px;
	}
.her_descargar_btn p{
	margin:5px 0px 0px 0px !important;
	
	font-family:Arial !important;
	font-size:15px !important;
	color:#666666 !important;
	text-align:left !important;
	font-weight:bold !important;
	text-decoration:none !important;
	}

#her_mensaje_nada{
	box-sizing:border-box;
	width:100%;
	
	border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	
	background:#ffdcae;
	padding:10px;
	}

#her_mensaje_nada p{
	margin:0px !important;
	font-family:Arial !important;
	font-size:15px !important;
	color:#666 !important;
	font-weight:normal !important;
	text-align:left !important;
	}
	
.her_mensaje_oculto{
	opacity:0;
	
	transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
	}
.her_mensaje_visible{
	opacity:1;
	
	transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
	}