/*************** Layout ***************/

		*, ::before, ::after { box-sizing: inherit; }
		body, html{margin:0;padding:0;box-sizing:border-box;}
		body{
			font-family:'Work Sans',arial,sans-serif;color:#555;
		}
		
		a, b{color:#c44;text-decoration:none;}
		a:hover, a:focus-visible{text-decoration:underline;}
		
		/* page layout */
			body{margin: 0; display: flex; flex-direction: column; min-height: 100vh;}
			header{position:fixed; width:100%; z-index:50;}
			main{flex:1;}
			footer{}
		
		.a_c{text-align:center;}
		.wrapper{width:100%;max-width:1000px;margin:0 auto;}
		
		header {background-color:#fff; box-shadow: 0 0 15px 1px rgba(0,0,0,0.07);}
		header .logo{max-height:50px; margin:0.5rem; margin-top:1rem;}
		header .grid{display:grid; grid-template-columns:1fr 4fr; grid-gap:0 7rem;}
		header .wrapper_menu_desktop{ display:grid; justify-items:right; }
		header div.menu_desktop{ display:flex; align-items:center;}
		header div.menu_desktop a{
			padding:0.5em;
			text-transform:uppercase;text-decoration:none;
			letter-spacing:-1px; color:#555; font-size:0.9em;
		}
		header div.menu_desktop a span{border-bottom: 1px transparent solid;}
		header div.menu_desktop a:hover span{border-bottom: 1px #c32218 solid;}
		
		main{padding-top:8rem;}
		main .wrapper{padding:2rem;}
		
		footer{background-color: #1a1c20; color:#888; font-weight:lighter;}
		footer .wrapper{padding:3rem;}

		@media (max-width: 700px){
			header .grid{grid-template-columns:1fr;}
			header div.menu_desktop{margin:0 0.5rem 0.5rem;grid-template-columns:repeat(auto-fit, minmax(min(50px,100%), 1fr)); grid-gap:0.5rem 0.5rem;}
			header .logo{max-height:40px; margin:0.5rem; margin-bottom:0.2rem; margin-top:1rem;}
			header .wrapper_menu_desktop{ justify-items:center; }
			header div.menu_desktop a{font-size:0.7em;}
			main{padding-top:10rem;}
			main .wrapper{padding:1rem;}
			footer .wrapper{padding:2rem;}
		}

/*************** Forms ***************/

input.text-input,
input,
select,
textarea{
        padding: 3px 6px;
        margin: 5px 1px;
        font-size: 1.1em;
        background: #fff url('bg-form-field.gif') top left repeat-x;
        border: 1px solid #bbb;
        border-radius:3px;
	color: #333;
        }
input[type="checkbox"],
input[type="radio"] {
	padding: 0;
        background: none;
	border: 0;
        }
input[type="button"] {
	background-color:#444;
	color:#ddd;
	letter-spacing:1px;
	cursor:pointer;
	}
	
@media (max-width: 550px) {
	ul{padding: 1em 0 1em 1em;margin:0;}
	ul li{text-indent: -1em;}
}

/* ========= styles for alerted_field (error or missing data population forms) ======== */
    .alerted_field{background-color: yellow!important;background: yellow!important;}
    input[type=radio].alerted_field{box-shadow: 0px 0px 1px 4px yellow;}
    input[type=checkbox].alerted_field{box-shadow: 0px 0px 1px 4px yellow;}
	.disabled{background-color:#eee!important;}
	.valid_antispam{background-color:rgba(80,200,80,0.2)!important;border-color:rgba(80,200,80,0.7)!important;}
	.not_valid_antispam{background-color:rgba(200,80,80,0.2)!important;border-color:rgba(200,80,80,0.7)!important;}


/* ====== default style for buttons ===== */

a.bt{
    position:relative;
    display: inline-block;
    padding: 0.7em 1em;
    margin:3px;
    letter-spacing: 1px;
    background-color: #cc4444;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    border: none;
    border-radius: 2px!important;
}
a.bt:hover{
    text-decoration:none;
    color: white!important;
    background-color:black!important;
    text-decoration:none!important;
}
.bt.rss{float:right;}

.lazo, .lazo li {
    background: url(../../../UserFiles/Image/lazo.png) top left no-repeat;
    text-indent: 30px;
    list-style:none;
}
/* 
==============================
    SOCIAL ICONS BAR
==============================
*/

    .social ul{
        list-style: none;
        margin:0;
        text-align: right;
    }
    .social ul li{
        display:inline;
        padding-left:0;
    }
    .social ul li:before{
        display:none;
    }
    .social a{
        display:inline-block; padding: 0px 4px; margin:0px; 
        background-color: transparent; color: #666; border-radius: none;
        text-decoration:none; font-size: 1.5em; 
    }
    .social a:hover{
        color: #fff!important;
    }
    
/* ====== default style for div.block areas ===== */

.block{
    padding:0.7em 1.5em;
    padding-bottom:10px;
    width:98%;
    margin: 1rem auto;
    margin-bottom:30px;
    background: rgba(0,0,0,0.05);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
	@media (max-width: 550px) {
		.block{width:100%;padding:0.7em 0.7em;}
		.blog_post_body{padding:1em 1em;}
	}



/* ====== NO TOCAR ===== */

.clear{float:none;clear:both;}
.a_l{text-align:left;}
.a_c{text-align:center;}
.a_r{text-align:right;}
.a_t{vertical-align:top;}
.a_m{vertical-align:middle;}
.a_b{vertical-align:bottom;}
.c_b{color:#222;}
.n_w{white-space:nowrap;}
.nw{white-space:nowrap;}

.w50{width:50px;max-width:100%;}
.w100{width:100px;max-width:100%;}
.w150{width:150px;max-width:100%;}
.w200{width:200px;max-width:100%;}
.w250{width:250px;max-width:100%;}
.w300{width:300px;max-width:100%;}
.w350{width:350px;max-width:100%;}
.w400{width:400px;max-width:100%;}

.w50p{min-width:50%;max-width:100%;}
.w70p{min-width:70%;max-width:100%;}
.w80p{min-width:80%;max-width:100%;}
.w100p{min-width:100%;max-width:100%;}


/* === adjustaments for CONTACT FORMS === */

.control{margin:0.5em 0!important;}
.control label{padding-top:0.5em!important;line-height:1.5em!important;}