@charset "utf-8";
/* CSS Document */


/* |||||||||||||||||||||||||||| GENERAL LAYOUT ||||||||||||||||||||||||||| */
#image_wrap_div {
    padding-right: 8%;
    padding-left: 8%;
}
#content_wrap_div {
	margin-left: 40%; /* It has to be the width of the #image_wrap_div. */
}
#content_div {
    margin-right: 70px;
    margin-left: 60px;
}

/* ||||||||||||||||||||||||||||||| COOKIES ||||||||||||||||||||||||||||||| */
#layout_cookies_div {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* ::::::::::::::::::::::::::::::: COOKIES ::::::::::::::::::::::::::::::: */

/* |||||||||||||||||||||||| SCROLL DOWN INDICATOR |||||||||||||||||||||||| */
.scroll_down_div {
    display: none;
}
/* :::::::::::::::::::::::: SCROLL DOWN INDICATOR :::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::: GENERAL LAYOUT ::::::::::::::::::::::::::: */




/* ||||||||||||||||||||||||||| PANEL FUNCTIONS ||||||||||||||||||||||||||| */
.panel_functions_div {
    grid-template-columns: repeat(auto-fill, minmax(45%,1fr));
}
#functions_wrap_div {
    padding-right: 10%;
	padding-left: 10%;
}
#system_form, .system_form_100 {
	width: 60%;
	margin-right: 20%;
	margin-left: 20%;
}
/* ::::::::::::::::::::::::::: PANEL FUNCTIONS ::::::::::::::::::::::::::: */