/*
    ----------------------------------------------------------
    Description: styles & layout
    Author: NOTIF s.r.o.
    ----------------------------------------------------------
*/

@import url("default.css");


div {-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;}

html {}

body {color:#ceeefb; background:#00225f url('../img/bg_dark.jpg') top center no-repeat;}
h1, h2, h3 {color:#a0dbfc; font-weight:normal;font-family: 'Roboto', sans-serif;}
h1, h2 {text-transform: uppercase;}
h2 { font-size: 200%; font-weight: 300; }
h3 { font-size: 120%; }
h3, h4, a, h1 a, h2 a, h3 a {color:#FFFFFF;}

a { text-decoration: none; }
a:hover { text-decoration: underline;}
.ov {width:100%; overflow:hidden;}
.image {position:relative; display:block;}

#main {position:relative; min-width:980px;}
    .in {position:relative; width:980px; margin:auto;}
    

#header {}
	#header .in {padding:42px 0 18px 0; overflow:hidden;}
		#header .logo {float:left;}
		#header .menu {float:right; padding-top:20px; font-size:14px; text-transform:uppercase;}
			#header .menu li {float:left; display:inline; margin-left:5px;}
				.menu li a {color:#124496; text-decoration:none; padding: 0 15px; height:40px; line-height:40px;display:inline-block;}
				.menu li a:hover {color:#FFFFFF !important;}
				.menu li.active > a {color:#fff !important; background:#00225f !important;}

#maincontent {max-width:1030px; margin:auto; padding:25px 0;}
.not-front #maincontent {background:url('../img/bg.png');}

	#column {float:left; display:inline; width:650px; min-height:10px;}
	.not-front #column {width:247px;}
		
		.front #column .block { width: 314px; height: 248px; display: block; float:left; overflow: hidden; margin-bottom: 15px; }
		.front #column .block:nth-child(2n+2) { margin-left: 15px; }
			.front #column .block-block1 { background: url('../img/vdglass/motive_izolace.jpg') }
			.front #column .block-block2 { background: url('../img/vdglass/motive_stavebni.jpg') }
			.front #column .block-block3 { background: url('../img/vdglass/motive_kovani.jpg') }
			.front #column .block-block4 { background: url('../img/vdglass/motive_opracovani.jpg') }
			.front #column .block h2 {}
				.front #column .block h2 a { padding: 22px; color: #fff; display: inline-block; width: 271px; height: 204px; overflow:hidden; }
				.front #column .block h2 a:hover { color:#00225F; text-decoration: none; background: url('../img/bg.png') }
		
		#column .column-title {line-height:30px; font-size:18px;color:#00225f;}
		#column .news {}
			.front .news .row { margin-bottom: 20px; padding-top: 15px; }
			#column .news .row {width:100%; overflow:hidden; margin-bottom: 20px; padding-top:15px; }
			#column .news .row:first-child {}
			#column .news .row:hover {border-color:#00225f;}
				#column .news .row:hover * {color:#00225f;}
				#column .news .row a {text-decoration:none;}
				#column .news .row .image {float:left; display:inline; width:130px; overflow:hidden;}
				.not-front #column .news .row .image {width:104px;}
				#column .news .row .content {float:right; display:inline; width:185px; padding:0 10px; font-size:10px;}
				.not-front #column .news .row .content {width:140px;}
					#column .news .row .content .title {margin-bottom:5px; font-size:14px;}
					.not-front #column .news .row .content .title {font-size:12px;}
		#column .submenu-title {line-height:37px; margin-bottom:20px; padding:0 10px; color:#fff; background: #36abe1; font-size:13px;}
		#column .menu {margin-bottom: 30px;}
			#column .menu ul { font-size: 13px; text-transform: uppercase;}
				#column .menu ul ul {font-size: 12px; text-transform: none; padding-left: 10px;}
				#column .menu li {line-height:2;}
					#column .menu a {text-decoration: none;}
	
	#content {float:left; display:inline; width:315px; margin-left:15px;}
	.not-front #content {width:715px;}
		#content img { height: auto; width:100%; }
		#content .breadcrumbs {line-height:30px;}
			#content .breadcrumbs .page-title {display: inline; color:#00225f; font-size:12px; margin-bottom:0;}
			#content .breadcrumbs, #content .breadcrumbs * {color:#00225f; font-size:12px; text-transform:lowercase;}
			#content .breadcrumbs a {text-decoration:none;}
			#content .breadcrumbs a:hover {text-decoration:underline;}
		#content .mainimage {position:relative; height:335px; margin: 10px 0 20px;}
			#content .mainimage img {}
			#content .mainimage span {position:absolute; top:15px; right:15px; width:22px; height:22px; background:url('../img/ico-show.png') 0 0 no-repeat;}
		#content .page-title {font-size:30px; margin-bottom: 20px;color: #00225f;}
		#content .text {}
			.text p {margin-bottom:20px;}
			
		#content .gall-wrap {margin-top: 15px;}
		.front #content .gall {width:100%; overflow:hidden; margin-top:20px; padding-top:15px; border-top:3px #f1f1f1 solid; }
			#content .gall .row {float:left; display:inline; margin-right:22px;}
			.not-front #content .gall .row {margin:0 20px 20px 0; width:225px !important; height:140px; overflow:hidden;}
			#content .gall .row:nth-child(3n+3) {margin-right:0px;}

		#content .files-wrap {float:right; width:35%; margin-top:70px;}
			#content .files-wrap * {color:#ceeefb;}
			#content .files-wrap .title {margin-bottom:10px; font-size:16px;}
				#content .files .row {line-height:2; padding-left:20px; background: url('../img/ico-file.png') 0 6px no-repeat;}
			
		#content .page-content {float:left; width:60%;}
		#content .page-content.full {float:none; width:100%;}
			.front #content .page-content .block { width: 315px; height: 248px; overflow: hidden; background: url('../img/vdglass/bg_news.png') top left no-repeat; padding: 22px; margin-bottom: 15px; }
			
		#content .page-category {}
			#content .category-list {width:100%; overflow:hidden;}
				#content .category-list .row {float:left; display:inline; width:345px; margin-bottom: 20px;}
				#content .category-list .row.odd {float:left; display:inline; clear:both; margin-right:25px;}
					#content .category-list .image {display: block; overflow:hidden; margin-bottom:10px;}
					
			#content .product-list {width:100%; overflow:hidden;}
				#content .product-list .row {float:left; display:inline; width:345px; margin-bottom:20px;}
				#content .product-list .row.odd {clear:both; margin-right:25px;}
					#content .product-list .row .image {overflow:hidden;margin-bottom:10px;}
					#content .product-list .row .image:hover span {position:absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(255,255,255,0.45)}
					

#footer {padding:20px;}
	#footer .cols {margin-bottom:0;}
		#footer .col25 {padding-right:20px;}
		
/* CONTENT */

.cols {position:relative; overflow:hidden; width:100%; margin-bottom:20px;}
    .col25, .col33, .col50, .col66, .col20, .col1, .col2, .col3, .col4, .col5, .block-footer {float:left; display:inline;}
    .col50 {width:49%;}
    .col66 {width:66%; padding:10px 1% 0 0;}
    .col33 {width:30%;}
    .col33.center {padding:0 5%}
    .col25, .block-footer {width:25%;}
    .col20 {width:20%;}

    

img.l {margin-right:15px;}
img.r {margin-left:15px;}

address {margin-bottom:20px;}

.button {display:inline-block; }
.button:hover {}

.nm {margin:0 !important;}
.np {padding:0 !important;}
.nb {border:none !important;}
.padd {padding-top:14px;}


/* List */
.list, .text ul {margin:0 0 20px 20px;}
    .list li, .text li { padding-left:5px; list-style-type:disc;}

/* Table */
table {}
.text table {margin-bottom: 20px; border: 2px #ceeefb solid; border-spacing: 0;}
	.text table td, .text table th {border: 1px #ceeefb solid; padding: 3px 5px;}

/* CSS3 */
.button {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

/* .button {position:relative; behavior: url(./css/PIE.htc);} */