* {
margin:0;
border:0;
padding:0;
}

html {font-size: 100%;}

body {
background:#f1f1f1;
font-size:18px;
}
/* header {width:100%;} */
footer {
width:100%;
height:60px;
text-align:center;
background-color:cornflowerblue;
opacity:0.8;
color:white;
}

#wrap {
width:80%;
margin:0 auto;
padding-top:25px;
position:relative;
}

@media screen and (max-width: 1500px) {
#wrap {width:100%;}
}


#popular {
width: 80%;
height:300px;
background-color:Lavender;
margin:10px auto;
}

/* .m_pic  img {float:left;} */

/* цвета больших блоков */

/* c1 - бледно голубой */
.razdel.c1 .razdel_head {border-bottom-color:cornflowerblue;}
.razdel.c1 	h2 a {background-color:cornflowerblue;}
.razdel.c1 .art_info h3 a:link{color:#3465bd;}
.razdel.c1 .art_info h3 a:visited {color:cornflowerblue;}
.razdel.c1 .art_info h3 a:hover {color:cornflowerblue;}

/* кораловый */
.razdel.c2 .razdel_head {border-bottom-color:coral;}
.razdel.c2 	h2 a {background-color:coral;}
.razdel.c2 .art_info h3 a:link {color:#cf4f20;}
.razdel.c2 .art_info h3 a:visited {color:coral;}
.razdel.c2 .art_info h3 a:hover {color:coral;}

/* фиолетовый * DarkViolet */
.razdel.c3 .razdel_head {border-bottom-color:#cc38ff;}
.razdel.c3 	h2 a {background-color:#cc38ff;}
.razdel.c3 .art_info h3 a:link {color:darkviolet;}
.razdel.c3 .art_info h3 a:visited {color:#cc38ff;}
.razdel.c3 .art_info h3 a:hover {color:#cc38ff;}

/* кирпичный */
.razdel.c4 .razdel_head {border-bottom-color:#ea5a5a;}
.razdel.c4 	h2 a {background-color:#ea5a5a;}
.razdel.c4 .art_info h3 a:link {color:firebrick;}
.razdel.c4 .art_info h3 a:visited {color:#ea5a5a;}
.razdel.c4 .art_info h3 a:hover {color:#ea5a5a;}

/* зеленый */
.razdel.c5 .razdel_head {border-bottom-color:mediumseagreen;}
.razdel.c5 	h2 a {background-color:mediumseagreen;}
.razdel.c5 .art_info h3 a:link{color:#148b49;}
.razdel.c5 .art_info h3 a:visited {color:mediumseagreen;}
.razdel.c5 .art_info h3 a:hover {color:mediumseagreen;}

/* цвета блоков конец  */


/* большой блок */
.razdel {width:100%; margin-bottom:40px;}

.razdel_head {
width:100%;
height:30px;
border-bottom:3px solid;
margin-bottom:15px;
}

.razdel_main { width:100%; overflow:auto;}

.left_col {float:left; width:400px;}
.right_col {margin-left:410px; overflow:auto;}

.b_pic {
position: relative;
width:auto;
margin-top:5px;
z-index:0;
}

.plashka {
background-color:black;
width:100%;
height:auto;
color:white;
position: absolute;
bottom:4px;
opacity:0.7;
z-index:0;
}

.plashka h3 {padding:15px;}
.plashka a {text-decoration:none;}
.plashka a:link {color:white; text-decoration:none;}
.plashka a:visited {color:white;}
.plashka a:hover {text-decoration:underline;}


.inner_1, .inner_2 { width:50%;}
.inner_1 {float:left;}
.inner_2 {float:right;}

.art_info {
height:150px;
width:100%;
box-sizing:border-box;
margin-bottom:10px;
font-size:1.1em;
position:relative;
overflow:hidden;
z-index:0;
}

.art_info img {float:left; margin-right:5px;}
.art_info h3 {margin-bottom:5px;font-size:1.2em;}
.art_info p {color:dimgray;}


.razdel h2 a:link, .razdel h2 a:visited {
color:white;
padding-left:5px;
padding-right:10px;
text-decoration:none;
}

.razdel h2 a:hover {text-decoration:underline; color:white;}


/* заголовки статей */
.art_info h3 a:link,.art_info h3 a:visited  {text-decoration:none;}
.art_info h3 a:hover {text-decoration:underline;}


.cat_name {
position:absolute;
left:0;
top:0;
z-index:0;
}

.cat_name a{
padding:5px;
color:white;
font-weight:bold;
font-size:1em;
text-decoration:none;
}

.cat_name a:link {

}

.cat_name a:visited {color:white;}
.cat_name a:hover {text-decoration:underline;}

/* теги */
a.tag.one {background-color:darkgreen;}
a.tag.one:hover {background-color:green;}

.tag.two a{background-color:indianred;}
.tag.two a:hover {background-color:#ff9c9c;}

.tag.three a{background-color:dodgerblue;}
.tag.three a:hover {background-color:deepskyblue;}

.tag.four a{background-color:darkslateblue;}
.tag.four a:hover {background-color:darkorhid;}

.tag a:visited {color:white;}

/* теги_конец */

.dop_info {
width:80%;
height:200px;
margin:10px auto;
background-color:cornflowerblue;
}

/* облако тегов */

#tags_cloud {
width:80%;
margin:0 auto;
}

#tags_cloud a {
display:inline-block;
padding:2px 5px;
margin:2px 4px;
text-decoration:none;
}

#tags_cloud a:link {
background-color:cornflowerblue;
color:white;
}

#tags_cloud a:visited {
background-color:darkgray;
color:white;
}

#tags_cloud a:hover {
background-color:#2455ad;
text-decoration:underline;
}




@media screen and (max-width: 1400px) {
.art_info h3 {
font-size:0.9em;
}

}




@media screen and (max-width: 1200px) {

.razdel {width:830px;margin:0 auto;}
.art_info p {display:none;}

.art_info h3 {
position:absolute;
font-size:0.9em;
box-sizing:border-box;
width:200px;
background-color:black;
opacity:0.7;
color:white;
padding:5px;
left:0;
bottom:0;
}

.art_info h3 a:link, .art_info h3 a:visited {color:#fff !important;}
.art_info h3 a:hover {text-decoration:underline;}
}

@media screen and (max-width: 850px) {
.razdel {width:800px;margin:0 auto;}
.art_info {margin-bottom:0;}
.right_col {margin-left:400px;}
.b_pic {margin-top:0px;}
}

@media screen and (max-width: 600px) {
	
#top-menu ul {position:static; display:none;}	
#top-menu ul li.right, #top-menu ul li {float:none;}
	
.left_col {float:none;width:400px;}
.b_pic {margin-left:3px;}
.right_col {margin-left:0px; overflow:auto;}

.razdel {width:410px;margin:0 auto;}
.art_info {margin-bottom:5px;}
}

@media screen and (max-width: 400px) {
.razdel {width:100%;}
.art_info {margin:0px;}
}