@CHARSET "UTF-8";
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
.clear { clear: both; width: 100%; height: 1px; line-height: 1px; visibility: hidden;}
.quotation {background: #ebeeef; margin: 25px 0 15px;padding: 22px 25px 10px 160px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; font-style: italic; font-weight: bold; font-size: 18px; z-index: 10; position: relative; display: block;
}
.quotation p { line-height: 28px; }
.img_left {float:left; position:absolute; left:0px; top:0px;}
body{background: url(../images/bg-body2.png) repeat-x; color: #646567; text-align: center; font: 12px Arial, sans-serif; margin: 0;}
body.indexova{background: url(../images/bg-body.png) repeat-x;}
@font-face {
font-family: 'CenturyGothicCE';
src: url('gothce-webfont.eot');
src: url('gothce-webfont.eot?#iefix') format('eot'),
url('gothce-webfont.woff') format('woff'),
url('gothce-webfont.ttf') format('truetype'),
url('gothce-webfont.svg#webfontRSmgPJnG') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CenturyGothicCEBold';
src: url('gothceb-webfont.eot');
src: url('gothceb-webfont.eot?#iefix') format('eot'),
url('gothceb-webfont.woff') format('woff'),
url('gothceb-webfont.ttf') format('truetype'),
url('gothceb-webfont.svg#webfont4jD5eGZQ') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CenturyGothicCEBoldItalic';
src: url('gothcebi-webfont.eot');
src: url('gothcebi-webfont.eot?#iefix') format('eot'),
url('gothcebi-webfont.woff') format('woff'),
url('gothcebi-webfont.ttf') format('truetype'),
url('gothcebi-webfont.svg#webfontPuIDhLlQ') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CenturyGothicCEItalic';
src: url('gothcei-webfont.eot');
src: url('gothcei-webfont.eot?#iefix') format('eot'),
url('gothcei-webfont.woff') format('woff'),
url('gothcei-webfont.ttf') format('truetype'),
url('gothcei-webfont.svg#webfontjAMWHqav') format('svg');
font-weight: normal;
font-style: normal;
}
h1 { font-size: 36px; font-weight: bold; letter-spacing: -.03em; margin: 20px 0 5px 0; font-family: "CenturyGothicCE", "Century Gothic", Arial, sans-serif;}
h2 { font-size: 20px; font-weight: normal; margin: 35px 0 8px 0; font-family: Arial, sans-serif;}
h3 { font-size: 20px; font-weight: normal; margin: 10px 0 5px 0; font-family: "CenturyGothicCE", "Century Gothic", Arial, sans-serif; letter-spacing: 1px;}
#content #incontent hr{border:0px; border-bottom: 1px solid #dedede; margin: 25px 0 15px 0;}
#content #incontent hr.left{margin: 60px 0px 20px 0px; width: 214px;}
#content #incontent hr.right{margin: 12px 0px 5px 15px; width: 445px;}
.mainbox strong{display: inline;}
/*.mainbox {float: left; width: 485px; clear: left; margin-bottom: 30px}
.infobox {float: right; width: 200px; margin-top: 40px; font-size: 11px; color: #aaa; font-family: "Arial Narrow", sans-serif; letter-spacing: .1em;}
.infobox li { margin: 0 0 10px 12px; line-height:18px; }*/
a {color: #e95d0f;}
p {line-height: 22px; margin: 0 0 10px 0;}
ul {margin: 10px 0; padding:0;}
ul li { background: url(../images/li.png) 0 6px no-repeat; padding-left: 20px; line-height: 20px; vertical-align: top; margin: 15px 0;}
ul li strong {display: block;}
ol{ margin: 32px 0 20px 0;}
ol li { margin-bottom: 20px; }
ol li .iterator {/*background: url(../images/ol.png) no-repeat;*/ width: 20px; height: 23px; float: left; padding: 0; color: #fff;
font-weight: bold; padding: 4px 0 0 9px; font-size: 13px; margin-top:3px; display: none;}
ol li p { line-height: 19px !important; font-style: italic;}
ol li h4 {color: #e95d0f; margin-bottom: 3px; font-size: 15px; font-weight: normal;font-family: Arial, sans-serif;}
#container {width: 966px; margin: auto; text-align: left; position: relative; min-height:800px;}
.indexova #container {width: 970px;}
#container #top {position: relative; height: 80px;}
#container #top #logo {display: block; width:203px; height:107px; margin-left:0;}
#container #top #top_menu {position: absolute; right:18px; top:30px; margin:0;}
#container #top #top_menu li {display: block; float: left; padding: 0px 0 22px 40px; margin: 0; line-height: 14px; background: none;}
#container #top #top_menu li a {color: #e2e2e2; text-decoration: none; margin-top: 10px; display: block;}
#container #top #top_menu li a.reference {background: url(../images/top-menu-refe.png) no-repeat; width: 126px; height: 39px; display: block; margin-top: 0px;}
#container #top #top_menu li a.reference:hover {background: url(../images/top-menu-refe-ac.png) no-repeat;}
#container #top #top_menu li a.reference.active {background: url(../images/top-menu-refe-ac.png) no-repeat;}
#container #top #top_menu li a.reference span {visibility: hidden;}
#container #top #top_menu li a:hover.reference span {display: none;}
#container #top #top_menu li a:hover { text-decoration: underline;}
#container #content {clear: both; padding: 0 0 28px 0; }
#content .slideshow {margin-top:28px;}
#content .homepage_box {float: left; width: 194px; background: url(../images/homepage_box_1.png) no-repeat; height: 322px; margin: 0px 0px 25px 0; padding: 0;}
#content .homepage_box h2 {margin: 0 0 65px 0; padding: 0; font-size: 14px;}
#content .homepage_box a {display:block; text-decoration: none; color:#717679;}
#content .homepage_box a:hover {color:#414649; }
#content .homepage_box li {background:none; line-height: 17px; padding:12px 10px 0 45px; margin: 0px; margin-top: 6px;}
#content .homepage_box.b1 {}
#content .homepage_box.b2 {background-image: url(../images/homepage_box_2.png);}
#content .homepage_box.b3 {background-image: url(../images/homepage_box_3.png);}
#content .homepage_box.b4 {background-image: url(../images/homepage_box_4.png);}
#content .homepage_box.b5 {background-image: url(../images/homepage_box_5.png);}
#content .homepage_box.last {margin-right: 0;}
#content .homepage_box h2.hidden { visibility:hidden; }
#content .homepage_box h2 a {color: #fff; text-decoration: none; text-transform: uppercase;}
#content .column_half {float:left; width: 493px;}
#content .column_half h2 {font-size: 36px; font-weight: bold; font-family: "CenturyGothicCE"; letter-spacing: -.03em; margin-bottom: 25px; /*text-shadow: #f3f3f3 0px 0px 1px;*/}
#content .column_half.r {float:right; width: 441px; padding-left: 30px; padding-right: 6px; background: url(../images/column-r.png) 0px 20px no-repeat;}
#content .column_half.r span{color: #e95d0f; font-size: 15px;}
#content .column_half.r #myty {margin: 25px 0px -10px 0px; }
#content .column_half ol p{line-height:22px;}
#content .column_half #podpis{float:right;}
#content .reference {background: url(../images/bg_reference.png) bottom no-repeat; width: 225px; height: 272px; margin: 0 0 25px 0; float: left; font-size: 12px; font-weight: normal; position: relative;}
#content .reference.odd { margin-right: 22px;}
#content .reference a {display: block; background-repeat: no-repeat; text-decoration: none;}
#content .reference img {border-bottom: 3px solid #dedede; position:absolute; top:0px;}
#content .reference img.c1 {border-color: #e42874;}
#content .reference img.c2 {border-color: #f7a500;}
#content .reference img.c4 {border-color: #ed5300;}
#content .reference img.c5 {border-color: #88af0b;}
#content .reference img.c6 {border-color: #08a4e9;}
#content .reference a:hover img {opacity: .8;}
#content .reference {overflow: hidden;}
/*#content .reference div {width: 100%; height: 200px; background: url(../images/reference_rohy_transparent.png) no-repeat;}*/
#content .reference hr {margin: 0px !important; border-top: 3px solid #dedede !important;}
#content .reference h3 a{font-size: 15px; color: #646567; line-height: 18px; font-weight: bold; margin-left: 15px; margin-top: 220px; font-family: Arial;}
#content .reference p a{font-size: 12px; color: #646567; line-height: 10px; margin-left: 15px;}
#content .reference img.second {display: none;}
/*paginator*/
#incontent .paginator .next{background: url(../images/next.png) 100% 0px no-repeat; float:right; height: 35px; width: 17px; margin: 0px;}
#incontent .paginator .button.next {background: url(../images/next-un.png) no-repeat; height: 45px; width: 50px;}
#incontent .paginator .next:hover {background: url(../images/next-ac.png) 100% 0px no-repeat; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#incontent .paginator .next.previous:hover {background: url(../images/back-un.png) no-repeat;}
#incontent .paginator .previous{background: url(../images/back.png) no-repeat; float:left; height: 35px; margin: 0px; width: 16px;}
#incontent .paginator .button.previous {background: url(../images/back-un.png) no-repeat; height: 45px; width: 50px;}
#incontent .paginator .previous:hover {background: url(../images/back-ac.png) no-repeat; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#incontent .paginator .button.previous:hover {background: url(../images/back-un.png) no-repeat;}
#incontent .paginator {background: #f7f8f9; border-bottom: 1px solid #ccc; height: 44px; text-align: center;}
#incontent .paginator a, #incontent .paginator .current {font-size: 18px; line-height: 45px; vertical-align: bottom; color: #646567; text-decoration: none; font-family: "CenturyGothicCE";
width: 47px; height: 44px; display: inline; text-align: center; margin-right: 3px; margin-right: 3px; padding: 10px 17px;}
#incontent .paginator a:hover, #incontent .paginator .current {background-color: #e95d0f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff;}
#incontent .paginator .previous, #incontent .paginator .next { padding-top: 0;}
#incontent .paginator .current {}
#incontent ul.infobox li.marketing{background: url(../images/illust/li-marketing.png) 6px 6px no-repeat;}
#incontent ul.infobox li.grafika{background: url(../images/illust/li-grafika.png) 6px 6px no-repeat;}
#incontent ul.infobox li.weby{background: url(../images/illust/li-weby.png) 6px 6px no-repeat;}
#incontent ul.infobox li.eshopy{background: url(../images/illust/li-eshopy.png) 6px 6px no-repeat;}
#incontent ul.infobox li.maloobchod{background: url(../images/illust/li-maloobchod.png) 6px 6px no-repeat;}
#content #menu {float: left; width: 206px; background: #fff url(../images/left_menu_bg.png) 100% 10px no-repeat; margin:0; margin-top: 20px !important; padding:0; padding-bottom: 550px;}
#content #menu li { background: #fff url(../images/bg_menu_01.png) no-repeat; display: block;
margin: 0 0 10px 0; padding: 0; line-height: 14px;}
#content #menu li.m1 {margin-top: 10px;}
#content #menu li.m2 {background-image: url(../images/bg_menu_02.png)}
#content #menu li.m3 {background-image: url(../images/bg_menu_03.png)}
#content #menu li.m4 {background-image: url(../images/bg_menu_04.png)}
#content #menu li.m5 {background-image: url(../images/bg_menu_05.png)}
#content #menu li a {color: #fff; padding: 12px 12px 12px 18px; display: block; text-decoration: none; font-size: 15px; font-family: "CenturyGothicCE", "Century Gothic", Arial, sans-serif;}
#content #menu li a.active { color: #e95d0f !important; background-image: url(../images/arrow_active.png) no-repeat;}
#content #menu .active * {background-repeat: no-repeat !importat;}
#content #menu .active ul {background: #fff url(../images/bg_menu_01_a.png) no-repeat; display: block; font-family: "CenturyGothicCE", "Century Gothic", Arial, sans-serif; padding-bottom: 12px;}
#content #menu .active ul li.active a {padding: 0; background: none; text-decoration: none; font-size: 22px; font-family: "CenturyGothicCE", "Century Gothic", Arial, sans-serif; color: #fff !important; line-height: 25px;}
#content #menu .active ul li.active a:hover { background: none; text-decoration: none;}
#content #menu li.active.m2 ul{background-image: url(../images/bg_menu_02_a.png);}
#content #menu li.active.m3 ul{background-image: url(../images/bg_menu_03_a.png);}
#content #menu li.active.m4 ul{background-image: url(../images/bg_menu_04_a.png);}
#content #menu li.active.m5 ul{background-image: url(../images/bg_menu_05_a.png);}
#content #menu .active ul li {background: none;}
#content #menu .active ul li.active {padding: 20px 18px; margin:0 0 8px 0; font-size: 20px; text-transform: uppercase; color: #fff; line-height: 24px; background: none; }
#content #menu .active ul li a {color: #717679; padding: 2px 18px 1px 30px ; font-size: 12px;
background: url(../images/arrow.png) 19px 7px no-repeat; line-height: 15px; font-family:Arial;}
#content #menu .active ul li a:hover {color: #e95d0f; text-decoration: underline; background-image: url(../images/arrow_active.png);}
#content #menu-reference {float: left; width: 206px; background: #fff url(../images/left_menu_bg.png) 100% 15px no-repeat; margin:0; margin-top: 30px !important; padding:0; padding-bottom: 550px;}
#content #menu-reference li {background-image: url(../images/reference/b01.png); width: 167px; height: 56px; display: block;
padding-left: 16px; font-size:11px; background-position: -206px 0; margin-left: 23px; margin-top: 0px; }
#content #menu-reference li.active {background-position: 0px; margin-left: 0px; width: 190px; height: 71px; margin-top: 0px; margin-bottom: 5px;}
#content #menu-reference li:hover {background-position: 0px; margin-left: 0px; width: 190px; height: 71px; margin-top: 0px; margin-bottom: 5px;}
#content #menu-reference li.m1 {}
#content #menu-reference li.m2 {background-image: url(../images/reference/b02.png)}
#content #menu-reference li.m3 {background-image: url(../images/reference/b03.png)}
#content #menu-reference li.m4 {background-image: url(../images/reference/b04.png)}
#content #menu-reference li.m5 {background-image: url(../images/reference/b05.png)}
#content #menu-reference li a {color: #fff; display: block; text-decoration: none; font-size: 15px; font-family: "CenturyGothicCE", "Century Gothic", Arial, sans-serif; padding: 18px 0px 34px 0px;}
#content #menu-reference li a.active {text-transform: uppercase;}
#content li#all {background-image: url(../images/reference/all-btn.png); width: 167px; height: 56px; display:block;
padding-left:16px; font-size:11px; background-position: -206px 0;}
#content li#all .active{background-position: 389px; width: 190px; text-transform: uppercase;}
/*detail reference*/
#detail-left {float: left; width: 191px; display: block; text-align: right; background: #fff url(../images/left_menu_bg.png) 100% 40px no-repeat; padding-right: 15px;}
#back-to-search {background: url(../images/back-to-search.png) no-repeat; width: 175px; height: 52px; display: block; float: left; font-family: "CenturyGothicCE", "Century Gothic", Arial, sans-serif;
padding: 17px 0 0 33px; color: #fff; text-decoration: none; font-size: 20px; text-transform: uppercase; margin-top: 30px; text-align: left; margin-bottom: 30px;}
#detail-left p {margin-bottom: 20px;}
#detail-left li {font-size: 11px; line-height: 17px; border-top: 1px dotted #c1cacf; letter-spacing: .01em; margin: 0; border-collapse: collapse;
background: url(../images/illust/li-grafika.png) no-repeat; background-position: 180px; }
#detail-left li a {color: #646567; text-decoration: none; display: block; padding: 15px 5px 15px 0; margin-right: 20px;}
#detail-left li a:hover {color: #000; background: #fafafa;}
#detail-left li.last {border-bottom: 1px dotted #c1cacf;}
#detail-left li strong {font-size: 12px;}
#incontent.reference_content h1 {line-height: 26px; margin-top: 40px; font-size: 20px; font-weight: normal;}
#incontent.reference_content h1 strong{color: #e95d0f; font-weight: bold; font-size: 36px;}
#detail-right{float:right;}
#detail-right .quotation {position: relative; margin-bottom: 50px;}
#quo-name{background: url(../images/quo-name-bg.png) no-repeat; width: 309px; height: 18px; font-size: 15px; padding: 20px 30px; display: block; z-index: 1000 !important;
font-style: normal; font-weight: normal; float: left; position: absolute; top: 105px; left: 60px;}
#quo-name strong{font-size:18px;font-family: "CenturyGothicCE", "Century Gothic", Arial, sans-serif;}
#content #incontent { width: 722px /*100%*/; float: right;}
#content #incontent.reference_content { }
#incontent .breadcrumb {font-size:11px; }
#incontent .breadcrumb a{background: url(../images/arrow.png) 91% 5px no-repeat; padding-right:25px;}
#incontent .navigation {background: url(../images/bg_navigation.png) 0px 28px no-repeat; width: 225px; height: 150px; float: left; margin: 25px 23px 16px 0;}
#incontent .navigation a {text-decoration: none !important; display: block; color: #fff;height: 150px;}
#incontent .navigation.last {margin-right: 0;}
#incontent .navigation:hover {opacity: .92; filter: alpha(opacity=92); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
#incontent .navigation h2 {font-size: 16px; color:#fff; display: block; margin: 0;height:63px; display:block; padding:10px; padding-left:15px; text-decoration: none !important;}
#incontent .navigation p { color: #5c707c; font-size: 11px; line-height: 17px;}
#incontent .navigation * {text-decoration: none !important;}
#incontent .navigation.graficke-prace-a-tisk h2{background: url(../images/subkategorie_tiskoviny_top.png) no-repeat;}
#incontent .navigation.marketing-a-reklama h2{background: url(../images/subkategorie_marketing_top.png) no-repeat;}
#incontent .navigation.webove-prezentace h2{background: url(../images/subkategorie_web_top.png) no-repeat;}
#incontent .navigation.elektronicke-obchody h2{background: url(../images/subkategorie_eshop_top.png) no-repeat;}
#incontent .navigation.analyzy-a-skoleni h2{background: url(../images/subkategorie_maloobchod_top.png) no-repeat;}
#incontent.graficke-prace-a-tisk li{background-image: url(../images/li2.png);}
#incontent.webove-prezentace li{background-image: url(../images/li3.png);}
#incontent.elektronicke-obchody li{background-image: url(../images/li4.png);}
#incontent.analyzy-a-skoleni li{background-image: url(../images/li5.png);}
#content .left {float: left; width: 465px;}
#content .right { float: right; width: 230px;}
#content .right li {font-size: 11px; line-height: 17px; border-top: 1px dotted #c1cacf; letter-spacing: .01em; margin: 0; border-collapse: collapse; background-position: 0 19px; padding-left: 13px;}
#content .right li a {color: #646567; text-decoration: none; display: block; padding: 15px 0 15px 7px; }
#content .right li a:hover { color: #000; background: #fafafa;}
#content .right li.last {border-bottom: 1px dotted #c1cacf;}
#content .right li strong {font-size: 12px;}
#content #incontent.marketing-a-reklama h2, #content #incontent.marketing-a-reklama h1{ color: #e42874;}
#content #incontent.graficke-prace-a-tisk h2, #content #incontent.graficke-prace-a-tisk h1{ color: #f05a00;}
#content #incontent.webove-prezentace h2, #content #incontent.webove-prezentace h1{ color: #f7a500;}
#content #incontent.elektronicke-obchody h2, #content #incontent.elektronicke-obchody h1{ color: #88af0b;}
#content #incontent.analyzy-a-skoleni h2, #content #incontent.analyzy-a-skoleni h1{ color: #08a4e9;}
/*kontaktujte nas*/
#content #incontent .kontakty-left {width: 240px; float: left;}
#content #incontent .kontakty-right {width: 467px; float: right; margin-right:15px;}
#content #incontent .formular-box {padding-left:20px; background: url(../images/vertical-line.png) -2px 0px repeat-y; height: 430px;}
#content #incontent .mapa-box {padding-left:20px; background: url(../images/vertical-line.png) -2px 0px repeat-y; margin-top: 20px;}
#kontakty-box { float: left;}
#najdete-box { float: left;}
/*formular pro zakazniky*/
#frm-loginForm{}
#frm-loginForm th{padding:8px; color:#666666; float: left;}
#frm-loginForm td .text{border: 1px solid #e5e5e5;padding:2px; float: left;}
/*///////FORMULAR//////////*/
#frm-contactForm-form {background: #ebeeef; margin: 20px 0; padding: 18px 14px; border: 1px solid #dbdedf; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding-left:30px;}
#frm-contactForm-form label {width:105px; display:block;}
#frm-contactForm-form table th {border:none; background:none; width:80px; display:block; padding-top:15px; text-align:left; vertical-align: top;}
#frm-contactForm-form table td {border:none; background:none; width:50px; display:block; margin-left:120px; margin-top:-17px;}
#frm-contactForm-form textarea {width:250px; height:70px; border: 1px solid #dbdedf; padding:2px;}
#frm-contactForm-form .text { width:250px; border: 1px solid #dbdedf; padding:2px;}
#frm-contactForm-form .imagebutton {margin-left:95px; margin-top:1px;}
#foot {width:100%; background: url(../images/foot.jpg); height:245px; margin-bottom: 40px;}
#infoot{width:966px; margin:auto; text-align:left; color:#dadada; padding-top:30px; position:relative;}
#infoot {color:#dadada; font-size:14px;}
#infoot a{color:#dadada;}
#infoot a:hover{ text-decoration: none;}
.infoot-box {width: 215px; float: left; margin-right: 34px;}
#infoot .first {padding-left: 20px; width: 206px;}
#infoot .last {margin-right: 0px; width: 206px;}
#f-menu li{background: url(../images/arrow-white.png) 0px 13px no-repeat; padding:0px 15px; margin:0px; line-height:30px;}
#f-menu li a{text-decoration:none;}
#f-menu li a:hover{text-decoration:underline;}
#f-menu li.mark {background: url(../images/reference/b-foot-01.png) 0px 8px no-repeat; padding-left: 25px;}
#f-menu li.graf {background: url(../images/reference/b-foot-02.png) 0px 8px no-repeat; padding-left: 25px;}
#f-menu li.webo {background: url(../images/reference/b-foot-04.png) 0px 8px no-repeat; padding-left: 25px;}
#f-menu li.elek {background: url(../images/reference/b-foot-05.png) 0px 8px no-repeat; padding-left: 25px;}
#f-menu li.skol {background: url(../images/reference/b-foot-06.png) 0px 8px no-repeat; padding-left: 25px;}
#f-table{ line-height:30px; margin-top:4px;}
#f-table td{width:48px;}
#float-foot {width:100%; height:45px; background: url(../images/float-foot.png) repeat-x; position: fixed; bottom: 0; left: 0; display: block; padding-top: 7px;}
#float-foot-innner {width:970px; margin:auto;}
#foot-phone {background: url(../images/float-foot-phone.png) no-repeat; font-size: 20px; float: left; line-height: 30px; padding-left: 40px; margin-left: 20px; font-family: "CenturyGothicCE"; font-weight: bold;}
#foot-mail a{background: url(../images/float-foot-mail.png) no-repeat; font-size: 20px; color: #646567; float: left; line-height: 30px; padding-left: 40px; text-decoration: none; margin-left: 86px; font-family: "CenturyGothicCE"; font-weight: bold;}
#foot-mail a:hover{color: #E95D0F;}
#zeptejte-se {position: fixed; bottom: 0; right: 0; display: block; float: right; margin-right: 20px;}
.orange {color: #e95d0f;}
.breadcrumb {position: absolute; top: 283px; left: 0; font-size:11px;}
.breadcrumb a{background: url(../images/arrow.png) 91% 2px no-repeat; color: #5c707c; padding-right:20px;}