/**********************************/
/********** CSS Document **********/
/**********************************/
body { font-family: Arial; font-size: 13px; line-height: 1.6; margin: 0px; background: #FFFFFF; }
p { margin: 12px 0px; }
.clr { clear: both; }
h1, h2, h3, h4, h5 { margin: 0px; color: #464646; }
h1 { font-size: 23px; }
h2 { font-size: 21px; }
h3 { font-size: 19px; }
h4 { font-size: 17px; }
h5 { font-size: 15px; }
img { border: none; margin: none; }
ul, li, .menu { list-style: none; padding: 0; margin: 0; }
a.link { color: #000000; text-decoration: none; }
input { font-size: 13px; }
/**********************************/
/********** CSS Document **********/
/**********************************/
.blocks { margin: 10px 0px; }
.block_bg { border: 1px solid #dedede; padding: 10px; height: 130px; overflow: hidden; }
@media screen and (min-width:480px){
.blocks { float: left; width: 44%; margin: 1% 3%; }
}
@media screen and (min-width:768px){
.blocks { float: left; width: 225px; margin: 5px 10px; }
}
@media screen and (min-width:1200px){
.blocks { float: left; width: 228px; margin: 5px 10px; }
}
/**********************************/
/********** CSS Document **********/
/**********************************/
.advert1 { margin: 0px 0px 10px 0px; }
.advert2 { margin: 0px 0px 10px 0px; }
.advert3 { margin: 0px 0px 10px 0px; }
.advert4 { margin: 0px 0px 10px 0px; }
.advert5 { margin: 0px 0px 10px 0px; }
@media screen and (min-width:480px){
.advert1 { float: left; width: 49%; margin: 0px 0px 10px 0px; }
.advert2 { float: right; width: 49%; margin: 0px 0px 10px 0px; }
.advert3 { float: left; width: 49%; margin: 0px 0px 10px 0px; }
.advert4 { float: right; width: 49%; margin: 0px 0px 10px 0px; }
.advert5 { float: left; width: 49%; margin: 0px 0px 0px 0px; }
.advert6 { float: right; width: 49%; margin: 0px 0px 0px 0px; }
}
@media screen and (min-width:768px){
.advert1 { float: left; width: 310px; margin: 0px 0px 10px 0px; }
.advert2 { float: left; width: 310px; margin: 0px 0px 10px 15px; }
.advert3 { float: right; width: 310px; margin: 0px 0px 10px 0px; }
.advert4 { float: left; width: 310px; margin: 0px 0px 0px 0px; }
.advert5 { float: left; width: 310px; margin: 0px 0px 0px 15px; }
.advert6 { float: right; width: 310px; margin: 0px 0px 0px 0px; }
}
@media screen and (min-width:1200px){
.advert1 { float: left; width: 195px; margin: 0px 0px 0px 0px; }
.advert2 { float: left; width: 195px; margin: 0px 0px 0px 10px; }
.advert3 { float: left; width: 195px; margin: 0px 0px 0px 10px; }
.advert4 { float: left; width: 195px; margin: 0px 0px 0px 10px; }
.advert5 { float: left; width: 195px; margin: 0px 0px 0px 10px; }
.advert6 { float: right; width: 195px; margin: 0px 0px 0px 0px; }
}