@font-face {
	font-family: "Glober";
    src: url("../fonts/Glober.eot");
    src: url("../fonts/Glober.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Glober.woff") format("woff"),
    url("../fonts/Glober.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;

@font-face {
	font-family: 'Dita';
	src: url('../fonts/Dita.woff2') format('woff2'), 
	     url('../fonts/Dita.woff') format('woff'), 
	     url('../fonts/Dita.ttf')  format('truetype');
}

body, html {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

/***************** стили для всех ссылок сайта */
a:link, a:visited {text-decoration:underline; color:#000; font-weight: bold;}
a:hover {text-decoration:none;}

/***************** Заголовки */
#both h1,
#only_left h1,
#only_right h1,
#no_sides h1 {
margin:10px 0;
font: bold 40px 'Glober', sans-serif;
color: #000;
}
#both h2,
#only_left h2,
#only_right h2,
#no_sides h2 {
margin:10px 0;
font: bold 30px 'Glober', sans-serif;
color:#000;
}
#both h3,
#only_left h3,
#only_right h3,
#no_sides h3 {
margin:10px 0;
font: bold 20px 'Glober', sans-serif;
color:#000;
}
#both .con_title,
#only_left .con_title,
#only_right .con_title,
#no_sides .con_title {
font-size:18px; 
}

/***************** Абзацы */
#both p,
#only_left p,
#only_right p,
#no_sides p {
font-size:13px;
line-height:1.7;
}

/**********************************/

#both .blog_moderate_no,
#only_left .blog_moderate_no,
#only_right .blog_moderate_no,
#no_sides .blog_moderate_no {color:red;}

#both input,
#only_left input,
#only_right input,
#no_sides input, 
#both .text-input,
#only_left .text-input,
#only_right .text-input,
#no_sides .text-input {border:1px solid #666;padding:2px;}

table td {
	padding:5px
}


@media (max-width: 720px){
#both h1,
#only_left h1,
#only_right h1,
#no_sides h1 {
font-size: 25px;
}
#both h2,
#only_left h2,
#only_right h2,
#no_sides h2 {
font-size: 22px;
}
#both h3,
#only_left h3,
#only_right h3,
#no_sides h3 {
font-size: 20px;
}
}