#image-repository-errors
{
    height: 300px;
    background-image:url("http://resources.unimeta.edu.co/images/background/UNIMETA_error_header_766x300.png"), url('http://resources.unimeta.edu.co/images/background/error_funny_pic_600x196.png');
    background-color: #d50607;
    background-position: left center, center center;
    background-repeat: no-repeat, no-repeat;
}


.handled_error_message
{
    padding: 2%;
}

.error_header
{
    font-weight: bold;
    margin-bottom: 20px;
}

.error_text
{ 
    padding:2%;
    text-align: center;
    color: #ff0000;
    margin-bottom: 20px;
    font-weight: bold;
    border: 2px solid #000;
    background-color: #ffd800;
}

.error_contact_data
{
    color: #000;
}

.error_contact_data_header
{
    display: block;
    font-weight: bold;
    padding-top: 20px;
}

.error_contact_data_item
{
    display: block;
}

.error_link
{
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
    color: #7c7c7c;
    text-decoration: none;
}


.error_link:after 
{
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

.error_link:hover:after 
{
	width: 100%;
	background: #c30000;
}

.handled_error_message
{
    background-image: url("http://resources.unimeta.edu.co/images/background/UNIMETA_red_newLslogan_120x435.png");
    background-repeat: no-repeat;
    position: relative;
    background-position: 98% 90%;
}

@media only screen and (max-width: 800px) 
{
    #image-repository-errors
    {
        height: 300px;
        background-image:url("http://resources.unimeta.edu.co/images/background/UNIMETA_red_error_header_300x300.jpg");
        background-color: #d50607;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50%;
    }

    .handled_error_message 
    {
         background-image: none;
    } 
}