@charset "utf-8";
/* CSS Document */
/*--Global Styles--*/
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display: block;}
h1, h2, h3, h4, h5, h6{padding:0; margin:0; font-weight:normal;}
p{padding:0; margin:0;}
ul, ol{padding:0; margin:0;}
li{list-style:none;}
input{outline:none;}
a, a:hover, a:focus{outline:none; text-decoration:none;}

label{font-weight:normal;}
label, span, a{display:inline-block;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
/*html, body{height:100%;}*/
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none; padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline: 1px dotted ButtonText;}
[type="checkbox"],[type="radio"]{box-sizing:border-box; padding:0;}
[type="search"]{-webkit-appearance:textfield; outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance:button; font:inherit;}
*{-webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out; -moz-transition:width 300ms ease-in-out, height 300ms ease-in-out; -o-transition:width 300ms ease-in-out, height 300ms ease-in-out; transition:width 300ms ease-in-out, height 300ms ease-in-out;}
a{-o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
	
body{font-family:'Roboto',sans-serif; font-size:14px; color:#636563; background:#fff;}
.tbl{display:table; width:100%;}
.cell{display:table-cell;vertical-align:top;}
header{padding:10px 0;}
.selectBox{padding:0; margin:0; border:1px solid #ccc; max-width:350px; border-radius:3px; overflow:hidden; background-color:#fff; background:url(../images/arrow.png) no-repeat 95% 54%; margin-top:15px;}
.selectBox select {padding:5px 8px; width:130%; border:none; box-shadow:none; background-color:transparent; background-image:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.selectBox select:focus{outline: none;}
h1.logo a{display:inline-block;}
.contents{padding:10px 0;}
.contentList .row{padding:20px 0; border-bottom:1px solid #9c9a9c;}
.contentList .row:last-child{border:0;}
.contentListTbl{display:table; width:100%;}
.date{width:90px; vertical-align:middle; color:#9c9a9c;}
.dateoranje
{
    width: 90px;
    vertical-align: middle;
    color: #FF6600;
}

.date span{display:block;}


.contentListImage
{
    width: 200px !important;
    padding-right: 20px;
    padding-bottom: 20px;
}

.contentListContents h3{font-size:18px; color:#636563; margin-bottom:10px;}
.contentListContents h3 a{color:#636563;}
.contentListContents h3 a:hover{color:#333;}
.contentListContents p{font-size:15px; font-weight:300; line-height:20px;}
.day{font-size:30px; line-height:30px;}
.month{font-size:20px;}
.dayoranje
{
    font-size: 30px;
    line-height: 30px;
    color: #009EE0;
}
.monthoranje
{
    font-size: 20px;
    color: #009EE0;
}


@media(max-width:640px){
	.day{font-size:22px; line-height:22px;}
	.month{font-size:16px;}
	.contentListContents h3{font-size:16px; margin-bottom:5px;}
	.contentListContents p{font-size:14px;}
	.contentListImage{padding:0 10px 0 0; width:70px;}
	.contentListImageReclame{padding:0 10px 0 0; width:80px;}	
	
	.contentList .row{padding:10px 0;}
	.date{width:70px; vertical-align:top;}
	.contents{padding:30px 0;}
	.dayoranje
{
    font-size: 22px !important;
    line-height: 22px!important;
    color: #009EE0!important;
}
.monthoranje
{
    font-size: 16px!important;
    color: #009EE0!important;
}

}
@media(max-width:480px){
	.date{width:50px;}
	.day{font-size:18px; line-height:18px;}
	.month{font-size:13px;}
	.contentListImage img{width:100px; height:70px;}
	.contentListImageReclame
    {
        padding: 0 20px 0 0;
        width: 80px;
    }	
	.contentListContents p{font-size:13px; line-height:15px; margin-bottom:5px;}
	.contentListContents p:last-child{margin:0;}
	.contents{padding:15px 0;}
	.dayoranje
{
    font-size: 18px;
    line-height: 18px;
    color: #009EE0;
}
.monthoranje
{
    font-size: 13px;
    color: #009EE0;
}	
}




.DataListReclame
{
    border: thin solid #FF6600;
    background-color: #F5F5F5;
}

.ItemStyleReclame
{
    background-color: #F5F5F5;
}
.ItemStyleReclame:hover
{
    background-color: #E9E9E9;
}





.ItemStyle
{
    background-color: #FFFFFF;
}


     
.ItemStyle:hover #createtopevent
{
     color: #FF9900 !important;
    font-weight: bold;
}

.ItemStyle:hover
{
    background-color: #F5F5F5;
}