@import url("nav-horizontal.css");

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 0px 0px 60px 0px;
        
        background: #072B5C;
              
        text-align: center;
    }
    div#page {
        width: 780px;
        
        margin:  0 auto;
        padding: 0;
        
        background: white;
        text-align: center;
    }
    
    /* HEADER */
        div#header {
            margin:0px;
            padding:0px 0px;
            height:90px;
            background:#072B5C;
            color: #BCE1F2;
            
            position:relative;
            text-align: left;
        }
        div#branding {
        
	        position:absolute;
	        top:10px;
	        left:30px;

/*
            width: 40%;
            
            margin: 0;
            padding: 10px 0 10px 20px;
            
            text-align: left;
            */
        }
        div#branding img { display:block; }
        div#branding a { background:transparent; }
        div#branding a:hover { background:transparent; }
        div#iso {
	        font-size:0.8em;
            float: right;
            width: 49%;
            
            margin: 0;
            padding: 9px 30px 0 0;
            
            text-align: right;
        }
    /* END HEADER */
    
    
    /* CONTENT */
        div#content {
	        position: relative;
	        /*width: 700px;*/
			padding: 0px 0px 0px 0px;
			margin:0px;
	        
	        text-align: left;
	        background:#EDF7FB url('../img/bg_content.jpg') top left no-repeat;
        }
        
        div#content_inner {
	        margin:0px;
	        padding:80px 0px 0px 0px;
	        background:url('../img/bg_content2.gif') bottom right no-repeat;
	        position:relative;
        }
        
        div.pullquote {
			width:240px;
	        float:right;
	        margin:20px 50px 10px 30px;
	        font-size:18px;
	        line-height:20px;
	        color:#5A5A5A;
        }
        div.pullquote p { margin:0px; padding:0px;}
        div.pullquote p.author { font-size:13px; margin:15px 0px 0px 0px; padding:10px 0px 0px 0px; text-align:right; border-top:1px solid #5a5a5a; }
        
        /* MAIN */
            div#main {
		        /*width: 500px;*/
		        padding:0px 50px 40px 0px;
		        display: block;
		        background:url('../img/bg_main.jpg') 0px 30px no-repeat;
            }
        
	        div#main h3 span { font-size:25px; }
	        div#main h3 { margin-bottom:30px; }
			
	        div#main p {
		        margin:0px; padding:0px 0px 20px 60px;
				font-size:24px;
	        }
	        
	        img#budova { float:left; margin-top:0px; margin-right:40px; margin-left:50px; margin-bottom:20px; border:5px solid #fff; }
	        img#orteza { float:right; margin-top:-10px; margin-right:20px; margin-left:10px; margin-bottom:10px; }
        /* END MAIN */
        
        /* NEWS BOX */
            div#news {
		        float: right;
		        display: inline;
                width:236px;
                padding:0px;
                line-height:1.4em;
                margin:20px 30px 0px 0px;
            }
		    div#news a,
		    div#news a:link,
		    div#news a:visited,
		    div#news a:active {
			    color:#000;
			    text-decoration:none;
			    font-size:0.9em;
			    background:transparent;
			    line-height:1.1em;
			    margin:0px 0px 20px 0px;
		    }
		    div#news a:hover {
			    color:#23a2ed;
			    background:#fff;
		    }
            div#news img { display:block; }
            div#news h3 {
	            font-size:1em;
	            color:#354F72;
	            text-align:right;
	            margin:0px 0px 5px 0px;
	            /*text-transform: lowercase;*/
            }
            .datum { border-left:2px solid #DCE7EB; margin-left:-7px; padding-left:5px; display:block;  }
            div#news h4 {
	            font-size:1em;
	            text-align:left;
	            margin:0px 0px 5px 0px;
	            
	            /*text-transform: lowercase;*/
            }
            div#news .news_content {
	            margin:0px;
	            padding:0px 18px 5px 18px;
                background:#fff url('../img/news_bg.gif') 0px 10px repeat-y;
            }
            div#news .p {
	            padding:0px 0px 5px 0px;
            }
            
            /* news stranka */
            .date { border-left:2px solid #DCE7EB; margin-left:50px; padding-left:5px; display:block;  }
            .article { margin-bottom:50px; }
        /* END NEWS */
            
        /* regular content */
        .txt { padding:0px 0px 40px 0px; }
        .txt p { padding:0px 50px 20px 50px; margin:0px; font-size:16px; }
		.txt h3 span { font-size:25px; }
        .txt ul { padding:10px 60px 0px 60px; margin:0px; }
        .txt table { margin:0px 60px 0px 60px; }
		
		/* about */
		#about p { font-size:18px; margin-bottom:40px; }
		#about h3 { margin-bottom:30px; }
		img#img2 { float:right; margin-top:0px; margin:0px 50px 20px 50px; border:5px solid #fff; }
		img#img3 { float:left; margin-top:0px; margin:0px 50px 20px 50px; border:5px solid #fff; }
		img#img4 { float:right; margin-top:0px; margin:0px 50px 50px 50px; border:5px solid #fff; }
		
		/* downloads */
		#downloads { padding:30px 50px; }
		.ico { display:block; padding:15px 0px 15px 70px; font-size:20px; font-weight:bold; margin-bottom:15px; }
		.ico  span { font-size:16px; }
		.pdf { background:url('../img/pdf_icon.png') 0px 0px no-repeat; }
        
        /* categories */
        .categories { position:absolute; top:130px; left:380px; }
        .categories h3 { text-align:left; font-size:14px; margin:0px 0px 15px 0px; }
        .categories a { color:#535353; font-weight:bold; padding:0px; display:block; background:transparent; text-decoration:none; }
        .categories a:hover { color:#000; }
        .categories span { display:block; padding:5px 0px 5px 0px; margin:0px; }
        .categories span.number { float:left; width:27px; color:#fff; margin-right:20px; text-align:center; }
        table.items { margin:20px 60px 0px 60px; }
        table.items td { vertical-align:top; }
        table.items img { border:1px solid #838E98; }
        table.items a { font-size:10px; color:#535353; display:block; width:102px; padding-bottom:5px; border-bottom:1px solid #838E98; background:#E2F3F9; }
        table.items a:hover { color:#000; background:#fff; border-bottom:1px solid #535353; }
        a.item { margin:0px 15px 40px 0px; padding:0px; width:150px; background:transparent; text-decoration:none; }
        a.item p { margin:5px 0px 0px 0px; padding:0px 5px; }
        p.item_nav { position:relative; }
        a.next { position:absolute; right:80px; z-index:5; }
        .item_nav a { font-size:12px; /*text-transform:lowercase;*/ }
        #links_image { padding-top:50px; padding-bottom:50px; }
        
        /* items */
        #item { padding:20px 60px 50px 60px; font-size:12px; position:relative; }
        #item img { border:1px solid #838E98; float:left; margin:0px 20px 20px 0px; cursor: pointer; cursor: hand; }
        #item .panCode { position:absolute; z-index:10; left:61px; top:21px; font-size:11px; background:#fff; color:#000; font-weight:bold; padding:2px 2px; }
        #item .kids { position:absolute; z-index:10; left:235px; top:23px; width:50px; height:50px; }
        .item { position:relative; }
        .item .kids { position:absolute; z-index:10; left:3px; top:24px; width:25px; height:25px; }
        .item .kids img { border:0px; }
        #item .kids img { border:0px; }
        #item h4 { font-size:18px; color:#000; }
        #item .code1 { margin:0px; padding:0px; font-size:13px; }
        #item .code2 { margin:0px; padding:0px; font-size:13px; }
        #item .price { margin:5px 0px 0px 0px; padding:0px; font-size:13px; }
        #item .text { margin:0px; padding:15px 0px; }
        #item .indication { margin:0px; padding:0px 0px; }
        h4#all_products { clear:both; margin:0px 60px 0px 60px; padding:15px 0px 0px 0px; font-size:12px; }
            
        #item table { margin:40px 0px 0px 0px; padding:0px; }
        #item table td.head { font-weight:bold; background:#E0E0E0; }
        #item table td { padding:3px 10px; }
        
        /* contacts */
        #mapa { position:absolute; left:300px; top:40px; z-index:10; }
        #contacts { position:relative; }
        #contacts h3 { margin:30px 0px 0px 60px; font-size:14px; padding:0px; color:#072B5C; }
        #contacts p { margin:0px 0px 10px 60px; font-size:12px; padding:0px; }
        #contacts p span { background:#fff; font-weight:bold; }
        .contacts_rcol { position:absolute; left:260px; margin-top:-123px; }
        .contacts_rcol2 { position:absolute; left:490px; margin-top:-123px; }
        .zastupci { position:relative; }
        .fasner { position:absolute; left:230px; top:18px; width:170px; }
        .fasner2 { position:absolute; left:230px; top:78px; width:170px; }
        .stepanik { position:absolute; left:460px; top:18px; width:170px; }
        #contacts_rcol2 { position:absolute; left:220px; }
        #panop_contact { line-height:15px; position:relative; margin:0px 60px 0px 60px; border-bottom:1px solid #A5CAD7; padding:0px 0px 60px 0px; }
        #GL800 { position: absolute; right:350px; top:900px; }
		
        /* messages */
        #msg { position:relative; background:red; color:#fff; font-weight:bold; padding:15px 20px 15px 60px; margin:20px 0px 0px 0px; line-height:10px; display:block; clear:both; }
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {
            color: #204F6F;
            background: #D3E6ED url('../img/footer_bg.jpg') bottom left no-repeat;
            border-top:1px solid #A5CAD7;
            text-align:left;
            padding: 0px 30px;
            position:relative;
            margin:0px;
            height:57px;
        }
        div#footer p {
            font-size: 0.8em;
            margin: 0;
            
        }
        
        div#nav2 {
	        margin-top:13px;
	        padding:0px 0px 5px 0px;
        }
	    div#nav2 a,
	    div#nav2 a:link,
	    div#nav2 a:visited,
	    div#nav2 a:active {
		    font-weight:bold;
		    text-transform:uppercase;
		    color:#204F6F;
		    text-decoration:none;
		    font-size:0.8em;
		    background:#fff;
	    }
	    div#nav2 a:hover {
		    color:#000;
	    }
	    
        div#lang_nav {
	        font-size: 0.8em;
		    position:absolute;
		    right:30px;
		    top:16px;
        }
        div#lang_nav img {
	        margin:0px; padding:0px; border:0px;
		}
	    div#lang_nav a,
	    div#lang_nav a:link,
	    div#lang_nav a:visited,
	    div#lang_nav a:active {
	        font-weight:bold;
		    color:#000;
		    text-decoration:none;
		    background:transparent;
        }
        div#lang_nav a:hover {
		    color:#23a2ed;
		    background:#transparent;
        }
        div#lang_nav strong {
		    color:#fff;
		    background:#000;
        }
    /* END FOOTER */
/* END LAYOUT */

/* cakeDebug */
#cakeDebug {
	text-align:left;
	width:700px;
	margin:0px auto; 
	display:none;
}

/* END cakeDebug */


/* UL.SUBNAV */
    ul.subnav {
        margin: 0;
        padding: 0;
        
        font-size: 0.8em;
        list-style: none;
    }
    ul.subnav li {
        margin: 0 0 1em 0;
        padding: 0;
        list-style: none;
    }
    ul.subnav li a,
    ul.subnav li a:link,
    ul.subnav li a:visited,
    ul.subnav li a:active {
        text-decoration: none;
        font-weight: bold;
        color: black;
    }
    ul.subnav li a:hover {
        text-decoration: underline;
    }
    ul.subnav li strong {
        padding: 0 0 0 12px;
        background: url("../i/subnav-highlight.gif") left top no-repeat transparent;
    }
    ul.subnav li strong a,
    ul.subnav li strong a:link,
    ul.subnav li strong a:visited,
    ul.subnav li strong a:active {
        color: white;
        background-color: black;
    }
/* END UL.SUBNAV */