/*
rojo #e12028
gris claro #e7e8e9
gris medio #939598
gris oscuro #4E4E4F

azul oscuro #292934

*/

.colorRojo{
    color: #e12028;
}

.colorGrisClaro{
    color: #e7e8e9;
}
.colorGrisMedio{
    color: #939598;
}
.colorGrisMedioOsc{
    color: #68696B;
}
.colorGrisOscuro{
    color: #4E4E4F;
}
.colorAzul{
    color: #52718b;
}
.ib170{
    width: 170px;
}
.ib150{
    width: 150px;
}
.ib100{
    width: 100px;
}
.ib60{
    width: 60px;
}
.ib50{
    width: 50px;
}
.ib40{
    width: 40px;
}
.ib25{
    width: 25px;
}
.ib20{
    width: 20px;
}

.textAlignR{
    text-align: right;
}
.textAlignC{
    text-align: center;
}


/*---------------------------------------------------------------------------------------------------koneIndex*/
#koneIndex{
    position: relative;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}
.noMargin{
	
}
#koneIndex .indexTop{
	width: 100%;
	overflow: hidden;
	position: relative;
}
#koneIndex .indexTop img{
	display: block;
	width: 100%;
}

/*---------------------------------------------------------------------------------------------------koneRestore*/
#koneRestore{
    position: relative;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}
.noMargin{
	
}
#koneRestore .indexTop{
	width: 100%;
	overflow: hidden;
	position: relative;
}
#koneRestore .indexTop img{
	display: block;
	width: 100%;
}

#koneRestore .recoverbox{
    width: 500px;
    margin: 50px auto;
    background-color: #ddd;
    padding: 30px;
}


#koneRestore .recoverbox .error{
    color:#A80000;
    
}