@charset "utf-8";* {    /*nastavený box model pro všechny prvky*/    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */    -moz-box-sizing: border-box; /* FF1+ */    box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/}
/* CSS Document */@font-face {    font-family: 'Aller';    src: url('allerrg.eot');    src: url('allerrg.eot?#iefix') format('embedded-opentype'),	url('allerrg.woff') format('woff'),	url('allerrg.ttf') format('truetype'),	url('allerrg.svg#allerrg') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'AllerBold';    src: url('allerbd.eot');    src: url('allerbd.eot?#iefix') format('embedded-opentype'),	url('allerbd.woff') format('woff'),	url('allerbd.ttf') format('truetype'),	url('allerbd.svg#allerbd') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'allerbold_italic';    src: url('aller_bdit-webfont.eot');    src: url('aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),         url('aller_bdit-webfont.woff') format('woff'),         url('aller_bdit-webfont.ttf') format('truetype'),         url('aller_bdit-webfont.svg#allerbold_italic') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'aller_lightregular';    src: url('aller_lt-webfont.eot');    src: url('aller_lt-webfont.eot?#iefix') format('embedded-opentype'),         url('aller_lt-webfont.woff') format('woff'),         url('aller_lt-webfont.ttf') format('truetype'),         url('aller_lt-webfont.svg#aller_lightregular') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'alleritalic';    src: url('aller_it-webfont.eot');    src: url('aller_it-webfont.eot?#iefix') format('embedded-opentype'),         url('aller_it-webfont.woff') format('woff'),         url('aller_it-webfont.ttf') format('truetype'),         url('aller_it-webfont.svg#alleritalic') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'aller_lightitalic';    src: url('aller_ltit-webfont.eot');    src: url('aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),         url('aller_ltit-webfont.woff') format('woff'),         url('aller_ltit-webfont.ttf') format('truetype'),         url('aller_ltit-webfont.svg#aller_lightitalic') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'aller_lightregular';    src: url('aller_lt-webfont.eot');    src: url('aller_lt-webfont.eot?#iefix') format('embedded-opentype'),         url('aller_lt-webfont.woff') format('woff'),         url('aller_lt-webfont.ttf') format('truetype'),         url('aller_lt-webfont.svg#aller_lightregular') format('svg');    font-weight: normal;    font-style: normal;}
.cleaner {    clear:both !important;    display: block !important;    float: none !important;    height: 0 !important;    font-size: 0 !important;    line-height: 0 !important;    margin: 0 !important;    padding: 0 !important;    width: auto !important;}
body {    margin: 0;    padding: 0;    text-align: left;    font: 100% Aller, Arial, sans-serif;    line-height: 1.4;    background: url(../img/promo-bg.jpg) top center no-repeat;}
h1 {    font-size: 16px;    margin: 2px 0px 0px 0px;    display: block;    color: #c20c13;    font-weight: normal;    font-family: AllerBold;}
h2 {    font-size: 16px;    margin: 2px 0px 6px 0px;    display: block;    color: #c20c13;    font-family: AllerBold;    text-decoration: none;}
h3, h4, h5, h6 {    font-size: 12px;    margin: 1px 0px 4px 0px;    display: block;     color: #222;}
p {    font-size: 12px; }
a {    text-decoration: none;    color: #C30000; }
a:hover {    text-decoration: underline;}
a:link, a:visited, a:active {}
li {    font-size: 12px;}
.fl-left{    float: left;}
.fl-right{    float: right;}
.red{    color: #C30000;}
/* WRAPPER */#wrapper{    width: 960px;    width: 1032px;    margin: auto;    border: 0px solid red;}
/* HEADER */#header {    width: 960px;    margin: auto;    height: 126px;    text-align: center;    border: 0px solid red;}
#header .logo {    float: left;    margin: 15px 0 0 0;}
#header .logo img{}
.flags{    float: right;    width: 520px;    height: 50px;    margin-top: 50px;    text-align: right;}
.flags span{    display: block;    float: left;    font-size: 12px;    color: #666;    margin: 6px 0 0 0;}
/* HEADER end */
/* MENU */
table.menu {    width: 960px;    margin: auto;    height: 40px;}
table.menu td {    background: url("../img/oddelovnik.png") right 4px no-repeat;}
table.menu td a {    display: block;    height: 40px;    width: 100%;    line-height: 30px;    font-size: 12px;    color: #1B1B1B;    padding: 0 15px;    text-align: center;    text-transform: uppercase;    font-family: AllerBold;    border: 0px solid red;}
table.menu td a:hover, table.menu td a.active {    background: url(../img/menu-hover.png) no-repeat top center;    color: #fff;    text-decoration: none;}
/* MENU end */
/* PROMO */#over-promo{    position: relative;    width: 1032px;    border: 0px solid red;}
#promo{    position: relative;    width: 960px;    margin: auto;    height: 470px;    margin-top: 5px;    border: 0px solid red;}
#over-promo #slider-arrow-left{    position: absolute;    top: 127px;    left: 0px;     width: 36px;    height: 50px;    /*background: url(../img/slider-bila-dvojsipka-vlevo.png) no-repeat top center;*/     border: 0px solid red;}
#over-promo #slider-arrow-left:hover{    /*background: url(../img/slider-bila-dvojsipka-vlevo-hover.png) no-repeat top center;*/ }
//iweorwhtoie#over-promo #slider-arrow-right{    position: absolute;    top: 127px;    right: 0px;    width: 36px;    height: 50px;    /*background: url(../img/slider-bila-dvojsipka-vpravo.png) no-repeat top center;*/    border: 0px solid red;}
#over-promo #slider-arrow-right:hover{    /*background: url(../img/slider-bila-dvojsipka-vpravo-hover.png) no-repeat top center;*/ }
#promo .slider-red{    position: absolute;    z-index: 100;    top: 100px;    left: 0;    width: 960px;    height: 100px;    background: url(../img/slider-red.png) no-repeat top center;    border: 0px solid red;      }


#promo .slider-red p {  
	  font-size: 28px;    
	  	color: #fff;    
	  /*		font-style: italic;  */  
	  		line-height: 100px;   
	  		 margin-left: 45px;    
	  		/* font-family: 'aller_lightitalic'; */

	  	}


#promo .slider-white{    position: absolute;    z-index: 99;    top: 0;    left: 0;    width: 960px;    height: 247px;    background: url(../img/slider-white.png) no-repeat top center;    border: 0px solid red;        }
/* PROMO end *//* ROZCESTNIK */.directory{    position: relative;    z-index:101;    width: 960px;    margin: auto;    height: 244px;    margin-top: -151px;/**/    border: 0px solid red;}
.directory .item {    float: left;    width: 235px;    height: 244px;    margin-right: 5px;    text-align: center;    color: #fff;    font-style: italic;    border: 0px solid red; }
.directory .item h2 {    margin-top:  160px;    color: #fff;    text-transform: uppercase;    text-decoration: none;    font-family: 'aller_lightregular';    font-style: normal;     font-weight: normal;    font-size: 21px; }
.directory .item p {    padding: 0 5px;}
.directory .o-nas{    background: url(../img/item-o-nas.png) no-repeat top center;}
.directory .technika{    background: url(../img/item-technika.png) no-repeat top center;}
.directory .park{    background: url(../img/item-park.png) no-repeat top center;}
.directory .system{    margin-right: 0;    float: right;    background: url(../img/item-system.png) no-repeat top center;}
.directory .o-nas:hover {    color: #292929;    background: url(../img/item-o-nas-hover.png) no-repeat top center;}
.directory .o-nas:hover h2 {    color: #C30000;    text-decoration: underline;}
.directory .technika:hover {    color: #292929;    background: url(../img/item-technika-hover.png) no-repeat top center;}
.directory .technika:hover h2 {    color: #C30000;    text-decoration: underline;/**/    /*border-bottom: 1px solid #C30000;/**/}
.directory .park:hover {    color: #292929;    background: url(../img/item-park-hover.png) no-repeat top center;}
.directory .park:hover h2 {    color: #C30000;    text-decoration: underline;}
.directory .system:hover {    color: #292929;    background: url(../img/item-system-hover.png) no-repeat top center;}
.directory .system:hover h2 {    color: #C30000;    text-decoration: underline;}
/* ROZCESTNIK end */
#left-box{    float: left;    width: 246px;    margin: 20px 0 30px 0;;    border: 0px solid red;    border-right: 1px solid  #D3D3D3;}
#left-box ul{    border-bottom: 1px solid #CFCFCF;    padding: 0 0  20px 0;    margin: 0 0 20px 0;}
#left-box ul li {}
#left-box ul li a {    display: block;    color: #393939;    font-size: 13px;    font-weight: bold;    padding: 4px 0 5px 25px;    background: url("../img/menu-sipka-cervena.png") left 5px no-repeat; }
#left-box ul li a:hover {    color: #fff;    text-decoration: none;    background: #C30000 url("../img/menu-sipka-bila.png") left 5px no-repeat; }
#left-box ul li ul{
	border-bottom:0px transparent;
	margin-bottom:0px;
	padding-bottom:0px;
}
#left-box ul li ul li a {
	width:225px; margin-left:20px; padding-left:25px;
}

#left-box .demand form {    margin-top: 20px;}
#left-box .demand input, #left-box .demand textarea {    width: 200px;    color: #636363;    font-family: 'alleritalic';    padding: 5px;    margin: 2px 0;    border: 1px solid #BABABA;}
 #left-box .demand textarea{    height: 180px;}
#left-box .demand input.sbmt {    width: 200px;    padding: 5px;    color: #fff;    font-size: 12px;    font-style: italic;    background: #C30000;    border: 0;}
#left-box .demand input.sbmt:hover {    background: #1A1A1A;}
/* CONTENT */#promo{    height: 381px;    }
#promo .blok{    width: 302px;    height: 302px;    float: left;}
#promo a{    display: block;    height: 302px;     color: white;     }
#content {    width: 960px;    margin: auto;}
#page{    float: right;    width: 714px;    padding: 20px 0px 20px 30px;    line-height: 1.8;    color: #535353;    font-size: 12px;    border: 0px solid red;}
#page .page-block {    /* float: left; /**/    width: 684px;    margin: 20px 0px 5px 0;    padding: 0 0 25px 0;    border: 0px solid red;}
#page  .bottom-border{    border-bottom: 1px solid #CFCFCF;}
#page p{    line-height: 1.8;    font-size: 12px;    color: #535353;}
.breadcrumb {    float: left;    width: 100%;    margin: 0px 0 20px 0px;    border: 0px solid red;}
.breadcrumb a, .breadcrumb span {    display: block;    float: left;    padding: 5px 10px;    margin-right: 1px;    font-size: 10px;    color: #fff;    background: #828282;}
.breadcrumb a {    text-decoration: underline;}
.breadcrumb a.active {    background: #C30000;    text-decoration: none;}
.breadcrumb a:hover {    background: #C30000;    text-decoration: underline;}
#page .first {    float: left;    margin: 0 20px 0 0;}
#page .second {    float: left;    margin: 0 20px 0 0;}
#page .third {    float: right;    padding: 15px 20px;    font-size: 14px;    background:  #C30000;    color: #fff;    /*font-family: 'aller_lightitalic';/**/    font-family: 'alleritalic'; }
#page .third a {    color: #fff;}
#page ul li {    background: url(../img/mala-cervena-sipka.png) left 6px no-repeat;    padding: 0 0 0 20px;}
/* SLIDER */#slider-gal {    display: block;    width: 100%;    margin-top: 20px;    overflow-y: hidden;    border: 0px solid red;}
#slider1100 {    width: 680px;    margin: 0px auto 0px auto;    /*background: #3766AC;/**/      border: 0px solid blue;}
#slider-gal .left_arrow {    display: block;    float: left;    width: 27px;    height: 200px;    background: url(../img/slider-cervena-sipka-vlevo.png) no-repeat left center;    border: 0px solid red;}
#slider-gal .left_arrow:hover {    background: url(../img/slider-cervena-sipka-vlevo.png) no-repeat right center;}
#slider-gal .right_arrow {    display: block;    float: right;    width: 27px;    height: 200px;/**/    background: url(../img/slider-cervena-sipka-vpravo.png) no-repeat right center;    border: 0px solid red;}
#slider-gal .right_arrow:hover {    background: url(../img/slider-cervena-sipka-vpravo.png) no-repeat left center;}
#slider-gal .images{    display: block;    /*width: 630px;/**/    width: 590px;/**/    margin: auto;    height: 250px; /**/    overflow: hidden;    padding: 0px 0 5px 0;     border: 0px solid green;}
#slider-gal table {}
#slider-gal td {    padding: 3px;    text-align: left;    /*background: #3766AC;/**/}
#slider-gal td p {    text-align: left;    line-height: 1.2;    font-weight: bold;}
#slider-gal td p.red {    color: #C30000;}
#slider-gal td.wht {    padding: 3px;    /*border-right: 3px solid #3766AC;/**/    background: #fff;    text-align: center;    width: 142px;    height: 201px;    vertical-align: middle;    border: 0px solid black;    background: url("../img/pozadi-galerie.png") center 3px no-repeat;}
#slider-gal td.wht img:hover{    -webkit-filter: opacity(32%);}
#slider-gal td:first-child {    padding-left: 5px;}
#slider-gal a {    display: block;    color: #FFF;    font-size: 14px;    font-weight: normal;    text-align: center;}
#slider-gal a span {    display: block;    width: 100%;    margin-top: -5px;    padding: 6px 0;    color: #FF8922;    font-size: 16px;    font-family: 'allerbold_italic';}
#slider-gal a:hover,#slider-gal a:hover span {    text-decoration: none;}
/* SLIDER end */#page .news-box{    width: 684px;    margin: 20px 0px 10px 0;    padding: 0 0 0px 50px;    /*font-weight: bold;/**/    font-family: 'AllerBold';    color: #565656;    border: 0px solid red;    border-bottom: 0px solid #CFCFCF;    background: url("../img/kalendaricek.png") left 6px no-repeat;}
#page .news-box .datum{    display: block;    float: left;    margin-right: 15px;    font-weight: bold;    font-size: 12px; }
#page .news-box h2 {    display: block;    float: left;    font-size: 14px;    margin: -2px 0 0 5px; }
#page .news-box a {    color: #C30000;    text-decoration: underline;}
#page .news-box a:hover {    text-decoration: none;}
/* CONTENT end*//* FOOTER */#footer {    width: 960px;    height: auto;    margin: 0 auto 50px auto;    border-top:#c30000 solid 14px;}
#footer>a {position:relative; display:block; float:left; margin-right:55px; margin-top:20px; border:none; height:50px; line-height:100px; vertical-align:bottom;}
#footer>a>img {position:relative; display:block; height:50px; }
#footer .footer-text{    postion:relative;    width:960px;    height:86px;    padding:35px 30px;    background:url('../img/footer-btm.png') 0px bottom no-repeat;}
#footer p {    font-size: 12px;    color: #fff;}
#footer a {    color: #fff;    text-decoration: none;}
/* FOOTER end */.picture-galery {    float: left;    margin-right: 4px;    margin-top: 3px;    margin-bottom: 3px;}
.picture-galery img{    padding: 1px;    border: solid 1px #ddd;}
.document-text  {    margin-top: 20px;}
.youtube  {    margin-top: 10px;    margin-bottom: 10px;}
.pdf p  {    background: url(../img/pdf_ico.png) no-repeat 3px 0px;    padding-left: 30px;    padding-top: 3px;    margin-left: 3px;    margin-top: 0px !important;    margin-bottom: 11px !important;}
.galerie {    margin-top: 20px;    margin-bottom: 20px;}
.odkaznalogo  {    position: relative;    top: 109px;    left: -354px;    padding: 56px 81px;    z-index: 999;}
img.logoimage {    position: relative;    top: 117px;    left: 117px;}
.komentareForm input {    border: 1px solid #cdcdcd;}
.komentareForm input.butt {    padding: 4px 7px 4px 7px;    cursor: pointer;    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;}
.komentare  {    margin-top: 20px;}
.komentar span{    font-size: 13px;}
.komentar span strong {    color: #ee2e24;}
ul.partneriIMPnet {    font-size: 13px;    list-style: disc;    margin-left: 20px;}