/* FORTEL - LAYOUT.CSS */

/* BASIC RULES */
html { background: #E3EAF0 url("img/body-grd.gif") repeat-x 0 0; height: 100%;}
body { background: url("img/body.gif") repeat-y 50% 0; color: black; margin: 0; padding: 0; text-align: center; height: 100%; }
hr, .none { display: none; }
#nav-main, .motive ul, #nav-context ul { margin: 0; padding: 0; list-style: none; }
.out, #nav-service { position: absolute; top: -2000px; left: -2000px; }
.cols:after, #footer:after, .gallery:after, .gallery-row:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.break { margin-top: -1px; clear: both; height: 1px; font-size: 1px; }

/* LAYOUT RULES */
#mother { margin: 0 auto; width: 934px; background: white; text-align: left; position: relative; }
#content { padding: 4.5em 15px 1em; position: relative; }

/* Logo */
#logo { margin: 0; padding: 45px 0 30px 17px; font-size: 200%; background: url("img/logo_bg.jpg") no-repeat 0 0; }
#logo a { font-weight: bold; }
#logo img { display: block; padding: 0; border: none; }

/* Main menu */
#nav-main { clear: both; width: 904px; position: absolute; top: 0px; left: 16px; }
#nav-main li { float: left; text-transform: uppercase; }
#nav-main li.last a { border: none; }
#nav-main li.lg { float: right; }
#nav-main li.first a { border: none; }
#nav-main a, #nav-main span { display: block; padding: 7px 13px; }
#nav-main a { color: black; text-decoration: none; border-left: 1px solid #BBCDE0; }
#nav-main a:hover { color: #C60000; }
#nav-main span, #nav-main a.active { float: left; background: #C60000; color: white; margin-right: -1px; border: none; position: relative; z-index: 2; }
#nav-main a.active:hover { background: #930000; color: white; }
#nav-main span { cursor: default; }

/*SOCIAL ICONS */
.socialni-ikony {position: absolute; right: -7px; top: 14px; width: 34px; z-index: 2;}
.img-socialni-ikona {width: 34px; height: 36px; margin-top: 2px; border-style: none;}

/* Columns */
.cols .spc { padding: 35px 30px; }
.cols .spc-text { padding: 0 30px 1.8em 13px; }
.col-right { width: 300px; float: right; }
.col-left { width: 593px; float: left; }
.cols-50 .col, .col-50 { width: 48%; }
.col-50 { margin: 0; }

/* Home */
.motive { background: #D2DCE6 none no-repeat 0 0; min-height: 271px; }
.motive h2, .motive ul { margin-left: 407px; }
.motive h2 { margin-bottom: 0; padding: 17px 12px 16px; background: #EFF3F6; font-size: 92%; font-weight: normal; cursor: default; }
.motive li { padding: 13px 12px; border-bottom: 1px solid white; line-height: 1.5em; }
.motive li.first { background:url("img/nav-home.gif") no-repeat 12px 0; }
.motive li.last { border: none; }
.motive a { padding-left: 18px; background: url("img/ico-link1.gif") no-repeat 0 48%; color: black; text-decoration: none; }
.motive a:hover { color: white; }
.motive#motive1 { background-image: url("img/motive1.jpg"); }
.cols#cols-home { margin: 12px 0 20px; padding: 8px 0; min-height: 265px; clear: both; background: url("img/cols-home.gif") repeat-y 603px 0; }
.cols#cols-home .col-right .spc { padding: 0 0 0 20px; }
.cols#cols-home .hl { font-size: 100%; text-transform: none; }

/* Claim */
#claim { margin: 0; height: 271px; background: #5B788D url("img/flash.png") no-repeat 0 0; }
#claim a img {border:none;}
/* Content */
.cols#cols-content { min-height: 450px; margin: 12px 0 20px; padding: 8px 0; clear: both; background: url("img/cols-home.gif") repeat-y 603px 0; }
.cols#cols-content .col-right .spc { padding: 0 0 0 20px; }
.cols#cols-content .hl { white-space: nowrap; }

/* Gallery */
.gallery { margin: 0 0 1.5em 0; }
.gallery span { display: block; text-align: center; }
.gallery span.thumb { width: 82px; float: left; margin-left: 20px; }
.gallery span.box { height: 82px; line-height: 82px; background: white; border: 1px solid #CCD8E4; }
.gallery span.tit { padding-bottom: 3px; background: #E2E9F0; color: #333; text-transform: uppercase; font-size: 92%; }
.gallery span.first { margin-left: 0; }
.gallery-row { padding-bottom: 20px; border-bottom: 1px solid #F4F4F4; }
.gallery img { border: none; vertical-align: middle; }
.gallery a { display: block; color: #333; text-decoration: none; }

/* Gallery (big fotos )*/
.gallery-big span.thumb { width: 286px; }
.gallery-big span.box { height: 194px; line-height: 194px; }

/* Gallery pick */
.gallery-small span.thumb { margin-left: 16px; }
.gallery-small span.first { margin-left: 0; }

/* Gallery crossroad */
.gallery-folder { padding: 0 30px 40px 13px; }
.gallery-folder span.thumb { margin-left: 0; }
.gallery-folder .hl, .gallery-folder p { margin-left: 100px; }
.gallery-folder .hl { width: 220px; margin-bottom: 13px; padding: 0; }
.gallery-folder .hl a { padding: 10px 12px; text-decoration: underline; }
.gallery-folder .hl a:hover { background: #930000; }
.gallery-folder p { font-size: 92%; margin-bottom: 0; line-height: 1.4em; }
.gallery-folder .gallery-row { clear: both; margin-bottom: 13px; padding-bottom: 13px; }

/* Crossroad */
#crossroad .item { padding: 10px 13px; }
#crossroad .item h4 { font-weight: bold; margin-bottom: 0.4em; }
#crossroad .item p { margin-bottom: 1em; font-size: 92%; }

/* Header */
#header { background: #7092A9; }
#header h2 { float: left; margin: 0; padding-left: 30px; color: white; font: 220% /80px "Trebuchet MS", Arial, sans-serif; }
#header p { margin: 0; padding: 0 15px; float: right; color: white; line-height: 80px; text-transform: uppercase; }
#header strong { padding-left: 15px; border-left: 1px solid #CEDAE2; font-weight: normal; }

/* Search */
#search { background: #C0CED9; height: 80px; }
#search .spc { padding: 18px 20px 0; }
#search label { text-transform: uppercase; font-size: 92%; }

/* Context navigation */
#nav-context { margin-bottom: 3em; }
#nav-context li { padding-top: 0.6em; padding-bottom: 0.6em; font-weight: bold; border-bottom: 1px solid #DAE2E9; background-position: 0 1em; }
#nav-context a { text-decoration: none; font-weight: normal; }
#nav-context li li { padding-top: 0; padding-bottom: 0; border: none; background-position: 0 0.5em; font-size: 92%; }

/* Footer */
#footer { margin: 6px 0 1em; padding: 8px 12px; clear: both; background: #CCD8E4; color: #333;  font-size: 92%; }
#footer p { margin: 0;  }
#footer .l { width: 37em; }
#footer a { color: #808080; }
#footer a.mail { color: #A94041; }


/* MISC RULES */
#perex { padding: 0 13px 1.8em; color: #333; font-weight: bold; border-bottom: 1px solid #E1E3E7; }
.hl { padding: 10px 12px; background: #C60000; color: white; font-size: 120%; text-transform: uppercase; }
.hl a, .hl a:hover { color: white; }
.hl span { margin: -10px 12px -10px -12px; padding: 10px 12px; float: left; display: block; background: #930000; color: white; font-weight: bold; border-right: 1px solid #EBA6A6; }
.butt { padding: 0 0.5em; width: 65px; height: 25px; background: #6C93AC; color: white; text-transform: uppercase; border: none; font-size: 92%; }
.inp { padding: 4px; color: #354F60; border: 1px solid #6C93AC; }
.l { float: left; }
.r { float: right; }

/* Sizes */
.s200px { width: 200px; }
.s180px { width: 180px; }
.s150px { width: 150px; }
.s120px { width: 120px; }
.s100px { width: 100px }
.s40px { width: 40px }
.s100 { width: 100%; }
.s80 { width: 79%; }
.s60 { width: 60%; }
.s50 { width: 50%; }
.s40 { width: 40%; }
.s35 { width: 35%; }
.s30 { width: 30%; }
.s20 { width: 20%; }
.s10 { width: 10%; }

/* Icons */
ul.ico { margin: 0; paddin: 0; list-style: none; color: #666; font-size: 92%; }
ul.ico a { font-size: 110%; }
ul.ico li { padding-left: 23px; background-position: 0 50%; background-repeat: no-repeat; }
.ico-pdf { background-image: url("img/ico/pdf.gif"); }
.ico-xls { background-image: url("img/ico/xls.gif"); }
.ico-zip { background-image: url("img/ico/zip.gif"); }
.ico-rar { background-image: url("img/ico/rar.gif"); }


/* Partners */
.logos { margin: 0; padding: 20px 0 0 0; }
.logos li { overflow: hidden; display: block; list-style: none; width: 100%; padding-bottom: 30px; }
.logos .img-wrapper { float: left; width: 124px; padding-right: 12px; }
.logos img { float: right; border: none; }
.logos dl { float: right; width: 390px; margin: 0; padding: 3px 0 10px 13px; border-left: 1px solid #dae2e9; }
.logos a { padding-left: 16px; font-size: 120%; font-weight: bold; background: url("img/ico-link.gif") 0 .3em no-repeat; }
.logos dd { margin: 5px 0 0 16px; }