/*
    Main SCSS file
*/
@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/robotoslab-bold-webfont.eot');
    src: url('fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotoslab-bold-webfont.woff') format('woff'),
         url('fonts/robotoslab-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/robotoslab-regular-webfont.eot');
    src: url('fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotoslab-regular-webfont.woff') format('woff'),
         url('fonts/robotoslab-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/**/

body{
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Geneva, sans-serif;
	color:#333333;
}


.logo {
	width: 127px;
	height: 30px;
	display: block;
	background: rgba(255, 255, 255, 0.6) url("//auto.offnews.bg/design/logo_auto.png") no-repeat scroll 7px 7px / 110px auto;
	transition: all 0.2s ease-in-out 0s;
	position: absolute;
	left: 3px;
	top: 3px;
}

.logo a:hover {
	transition: all 0.2s ease-in-out 0s;
    background-position:10px 9px;
}


a { text-decoration: none; color: #333; }
a:hover { color: #a91c28;}

h1 { font-family: "Roboto Slab",serif; font-weight: normal;}

h3 {
    font-family: "Roboto",sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
}

/*********************************************************************/
/* column-03 */
/* NO LIMIT -> Recommended 1 */
.column-03 article { display:block; height:81px; position:relative; width:100%; float:left; background:#fff; margin-bottom:0px; overflow:hidden;}
.column-03 article:last-child { padding-top:2px; margin-bottom:0px;}
.column-03 article:last-child span { margin-top:-2px;}

.column-03 article time {position:absolute; display:block; background:#000; color:#fff; padding:1px 3px; font-size:10px; opacity:1;}
.column-03 article:hover time { background:#a91c28; opacity:1;}
.column-03 article img { width:150px; height:110px;}
.column-03 article:hover img {
    -webkit-box-shadow: 0 0 175px 120px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 175px 120px rgba(0,0,0,0.8);
    box-shadow: 0 0 175px 120px rgba(0,0,0,0.8);
}

.column-03 article span { display:none;}
.column-03 article h1 { margin: 10px 15px 10px 15px; font-weight:400; font-size:15px; }

.column-03 article:first-child { height:353px;}
.column-03 article:first-child time { padding: 1px 10px 2px 15px; margin-top: -17px;}
.column-03 article:first-child h1 { float: left; margin: 5px 15px 10px 15px; font-weight: 700; font-size: 17px; overflow:hidden; height:72px;}
.column-03 article:first-child span { display:block; width:100%; max-height:160px; overflow:hidden;}
.column-03 article:first-child img { width:100%; height:auto; min-height:165px;}

.column-03 article h3 { display:block; position:absolute; font-weight:normal; letter-spacing:1px; padding:2px 10px; margin:-17px 0 9px 85px; background:rgba(204,204,204,1); }
.column-03 article h3:hover { background:rgba(204,204,204,1); }

/**/
.column-03 article p {
    position: absolute;
    top: -3px;
    padding: 0px;
    margin: 0px;
    left: -3px;
}