/*
 tohle je Theme závislé CSS neboli projektové, šablonové

 !!!!
 Všechny cesty by měli jít udělat relativně o adresáři obrázků -
 pro možné zkopírování kvůli individuálním pjt úpravám

*/
/*
	Klíčová slova jednotlivých sekcí:
	------------------------------------------------------------------------
	*default -> základní nastavení
	*zahlavi -> záhlaví webu
	*leve_menu -> levý sloupec
	*stred -> hlavní obsah stránky
		*vypis -> výpis eshopu
		*classic_list -> standartní výpis článků, referencí, ...
		*tabs -> jQuery tabs
	*footer -> patička
*/

/* ------------------------------------------------------------------------- */
/* *default - základní nastavení >>> */
/* ------------------------------------------------------------------------- */

html {
    height: 100.5%;
    margin-bottom: 1px;
}

body {
    color: #222;
    font: 0.75em/130% "helvetica neue",Helvetica,Arial,Verdana,sans-serif;
    margin: 0;
    min-width: 1003px;
    background: none repeat scroll 0 0 #F4F4F2;
}

a:link {
    color: #5A7C87;
    text-decoration:underline;
}

a:visited {
    color: #5A7C87;
}

a:hover, a:active { text-decoration:none; }
a:focus, a:active { outline: none; }

p, ul, ol, li {
    line-height:150%;
    margin:0; padding:0;
}

h1, h2, h3, h4, h5 {
    font-size:120%;
}

hr {
    background: url(media/images/separator3.gif) repeat-x 0 0;
    border: none;
    height: 2px;
}

img {
    margin:0;
    border-width:0px;
}

#prave_menu img, #leve_menu img {
    padding:0;
}

p.anchor, .nodisplay { display:none; }

.cleaner {
    clear:both;
    margin:0; padding:0;
    height:1px;
    font-size:1px;
    border:none;
    background: transparent;
}

.std img.obsah_pic, .std img.rounded {
    margin:5px;
}

.std img.obsah_pic._orig {
    margin: 5px 0;
}

.std img.obsah_pic_no_padding {
    padding:0 !important;
}
.container_24, .container_24 .grid_24 {
    width: 980px;
}

#headerTop {
    width: 100%;
    background: #19292E;
    height: 28px;
    float: left;
    clear: both;

}

#headerWrap {
    width: 100%;
    background: url("media/images/bg-header-holder.jpg") repeat-x scroll 0 0 #19292E !important;
    height: 134px;
    position: relative;
    float: left;
}

#headerWrapIn {
    background: url("media/images/rays.png") no-repeat scroll 50% 0 transparent;
    /*background: url("media/images/rays-big.png") no-repeat scroll 50% 0 transparent;*/
    width: 100%;
    height: 134px;
}

#contentWrap {
    background: url("media/images/bg-div-main.jpg") repeat-x scroll 0 0 transparent;
    clear: both;
    width: 100%;
    float: left;
}

.shadowTop {
    height: 11px;
    left: 0;
    position: absolute;
    top: 86px;
    width: 100%;
}

.shadowBottom {
    height: 11px;
    left: 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#obsah {
    padding-top: 43px;
}

#grey_strip {
    width: 100%;
    float: left;
    clear: both;
}

#grey_strip > div {
    padding: 20px 0;
}

#grey_strip > div > h3 {
    color: #2D2D2D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 170%;
    font-weight: normal;
    height: auto;
    padding-left: 38px;
    position: relative;
    top: 10px;
}

#grey_strip > div > h3 a {
    text-decoration: none;
}

#grey_strip > div > h3 a:hover {
    text-decoration: underline;
}

#admin_lista {
    position: absolute;
}

/*	<<< default - základní nastavení   */

/* ------------------------------------------------------------------------- */
/* *zahlavi - záhlaví webu >>> */
/* ------------------------------------------------------------------------- */
#zahlavi {
    position: relative;
}


#hlavicka {
    /*height: 120px;*/
}

#zahlavi h1 {
    display:none;
}

#logo span {
    display:none;
}

/* kvůli proklikávacímu logu zpět, ktere prekryje jen castecne */
#logo, #logo .logo_block {
    width:210px;
    float:left;
    display:block;
    height:134px;
}

#logo {
    background:transparent url(media/images/logoStd.png) no-repeat left 20px;
}

#hlavicka_grafika {
}

.home #hlavicka_grafika {
    float: left;
    width: 952px;
    height: 392px;
    margin: 73px 0 0 4px;
}

/*	<<< zahlavi - záhlaví webu   */

/* >> #zahlavi_menu */
#zahlavi_menu {
    position:absolute;
    top:45px;
    right:0px;
    z-index: 10;
    width: 75%;
}

#zahlavi_menu ul {
    list-style:none;
}

#zahlavi_menu1 > ul > li {
    float: left;
    position: relative;
    margin-right: 2px;
}
#zahlavi_menu1 > ul > li > a, #zahlavi_menu1 > ul > li > span {
    background: url("media/images/seperator-main-nav.png") no-repeat scroll 0 50% transparent;
    display:block;
    text-decoration:none;
    color:#fff;
    padding: 10px 8px 10px 8px;
    font-weight: 800;
    font-size: 110%;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}
#zahlavi_menu1 > ul li a:hover, #zahlavi_menu1 > ul li:hover a, #zahlavi_menu1 > ul li.active a, #zahlavi_menu1 > ul li.active span {
    background: #111C20;
    color:#fff;
    border-radius: 5px;
}

#zahlavi_menu ul ul {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 36px;
    width: 236px;
    background: #111C20;
    z-index: 10;
    padding: 10px 0 8px;
    border-radius: 5px;
    border-radius: 0px 5px 5px 5px;
    z-index: 99999;
}

#zahlavi_menu ul li:hover ul {
    visibility: visible;
}

#zahlavi_menu ul li ul li {
    clear: both;
    margin: 0;
    padding: 0 8px;
    margin-top: 1px;
}

#zahlavi_menu ul li ul li a, #zahlavi_menu ul li ul li span {
    display: block;
    padding: 7px 18px;
    text-decoration: none;
    color: #fff !important;
    font-size: 100%;
    font-weight: normal;
    height: auto;
    line-height: 120%;
}

#zahlavi_menu ul li ul li a:hover, #zahlavi_menu ul li ul li.active a, #zahlavi_menu ul li ul li.active span {
    background: #435961;
    color: #fff !important;
}

/*	<<< #zahlavi - záhlaví webu	 */

/* ------------------------------------------------------------------------- */
/* *leve_menu - levý sloupec >>> */
/* ------------------------------------------------------------------------- */
#leve_menu {
    overflow: hidden;
    width: 220px;
    float: left;
    margin-top: 10px;

}

.home #leve_menu {
    margin-top: 25px;
}

#leve_menu .wrap.top {
    padding-bottom: 30px;

}

#leve_menu .wrap.bottom {
    min-height: 400px;
}

#leve_menu .lmenu {
    background: url(media/images/bg-sidebar.gif) repeat-y 206px 0;
    margin-bottom: 15px;

}

#leve_menu .box_title {
    padding-top: 5px;
    padding-bottom: 5px;
    background: url("media/images/separator3.gif") repeat-x scroll 0 bottom transparent;
}

#leve_menu .lmenu ul {
    padding: 0;
}

#leve_menu .lmenu ul li {
    list-style: none;
    padding-left: 0px;
}

.lmenu ul li a, .lmenu ul li span {
    background: url("media/images/separator3.gif") repeat-x scroll 0 100% transparent;
    color: #666666;
    display: block;
    height: 1%;
    margin: 0 13px 0 0;
    padding: 5px 0 6px 20px;
    position: relative;
    text-decoration: none;
}

.lmenu > ul > li > span, .lmenu > ul > li > a:hover, .lmenu > ul > li.active > a {
    color: #fff;
    background: url("media/images/sprite.png") repeat-x scroll 0 0 transparent;
    margin-right: 0;
}

.lmenu ul ul li {
    background: url("media/images/separator3.gif") repeat-x scroll 0 100% transparent;
    margin-right: 13px;
    padding-bottom: 2px;
}

.lmenu ul ul li a, .lmenu ul ul li span {
    padding: 3px 10px 3px 35px;
    font-size: 105%;
    margin-right: 0;
    background: url("media/images/gray_arrow.png") no-repeat scroll 22px 9px #e8e8e8;
}

.lmenu ul ul li a:hover, .lmenu ul ul li span, .lmenu ul ul li.active a {
    background: url("media/images/gray_arrow.png") no-repeat scroll 22px 9px #d8d8d8;
    color: #666666;
}

/* defaultni styly boxu */
.box {
    padding-bottom: 3px;
    clear: both;
}

.box_header {
    font-size:120%;
    line-height:25px;
    height:25px;
}

.box .box_obsah .box_obsah_in {
    /*background:#fff;*/
}

.box.menu .box_obsah_in {
    padding:0;
}

.box.last, .box.last .box_obsah {
    padding-bottom:0;
}

#lmenu1_last a, #lmenu1_last span {
    border:none;
}

.box.last .box_obsah_bot {
    padding-bottom:0;
}

.box_header {
    font-size: 120%;
    height: 25px;
    line-height: 25px;
}

#lmenu_box1 .box_header {
}

#leve_menu #hledani_form .hledani_napd {
    display: none;
}

#leve_menu #hledani_form {
    background: #c8c8c8;
    margin-bottom: 4px;
}

#leve_menu #hledani_form #q {
    margin: 5px;
    width: 146px;
    border-radius: 2px;
}

#leve_menu #hledani_form .button {
    width: 27px;
    margin: 6px 5px 5px 0;
    border: none;
    height: 22px;
    text-indent: -9999px;
    padding-left: -10000px;
    border-radius: 2px;
}

/* spolecne styly pro vsechny urovne menu, default 1.uroven */
.menu a {
    text-decoration:none; /* pokud nechci podtržené odkazy v menu */
    color:#fff;
}

/* defaultni sirka a zaroven pro 0.uroven */
.menu  ul {
    padding:0; margin:0;
    width:100%;
    clear:left;
}

.menu  ul li {
    padding:0; margin:0;
    float:left;
    list-style-type:none;
    border-top:1px solid #fff;
}

.menu ul li a {
    padding:5px 5px 5px 25px; /* A/SPAN_LRpadding  */
    width:166px; /* LM(200px) - A/SPAN_LRpadding */
    margin:0;
    display:block;
    color:#1e1e1e;
    font-weight:bold;
}

.menu  ul li#lmenu1_last{
    /*border-bottom:1px solid #c8c8c8;*/
}

.menu ul li span,.menu ul li a:hover,.menu ul li a.active  {
    /*background:#fff !important;*/
    color:#fff !important;
    padding:5px 5px 5px 25px;
    width:167px;
    display:block;
    /*	font-weight:bold;*/
}
.menu ul li ul li a {
    padding:5px 5px 5px 35px;
    color:#323232;
    font-size:92%;
    font-weight:normal;
    width:157px;
}
.menu ul li ul li span,.menu ul li ul li a.active{
    padding:5px 5px 5px 35px;
    font-weight:normal;
    width:157px;
}
.menu ul li ul li ul li a {
    padding:5px 5px 5px 45px;
    color:#323232;
    width:147px;
}
.menu ul li ul li ul li span,.menu ul li ul li ul li a:hover,.menu ul li ul li ul li a.active {
    padding:5px 5px 5px 45px;
    color:#fff;

    width:147px;
}

/*	<<< #leve_menu - levý sloupec	 */

/* ------------------------------------------------------------------------- */
/* *stred - hlavní sloupec s obsahem >>> */
/* ------------------------------------------------------------------------- */

#stred {
    float: right;
    min-height: 500px;
    width: 720px;
    padding-bottom: 15px;
}

.home #stred {
    width: 980px;
}

.stred_no_cesta {
    padding: 0 20px 20px 0;
}

.home .stred_no_cesta {
    padding: 0 20px 20px 20px;
}

.std ul {
    list-style: disc;
    padding-left: 15px;
}

.std ul li {
}

.std ol {
    padding-left: 18px;
}

.std b, .std strong {
    font-weight: bold;
}

.std p {
    margin: 0;
    padding: 3px 0 5px;
}

.mainTitle {
    background: url("media/images/bg-tools-c.jpg") repeat-y scroll 0 0 transparent;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.mainTitle .top {
    background: url("media/images/bg-tools-t.jpg") no-repeat scroll 0 0 transparent;
}

.mainTitle .bottom {
    background: url("media/images/bg-tools-b.jpg") no-repeat scroll 0 bottom transparent;
    padding: 12px 22px 0px 20px;
    height: 1%;
    overflow: hidden;
}
/*
.mainTitle, .mainTitle .top, .mainTitle .bottom {
    float: left;
}

.mainTitle, .mainTitle .top {
    width: 100%;
}
*/
.mainTitle h2 {
    color: #fff;
    float: left;
}

.std h2, .mainTitle h2 {
    font-size:200%;
    margin:0 0 0px 0;
    font-weight:400;
    font-family: 'Droid+Sans',Arial,sans-serif;
}

.std h2, .std h3, .std h4, .std h5 {
    text-shadow: 1px 1px 1px #FFFFFF;
}

.std h2 {
    color:#222222;
    padding:10px 0px 5px 10px;
}

.std .stred_no_cesta h2 {
    padding-left: 0;
    font-size: 170%;
    height: auto;
}

.std h3 {
    color: #222222;
    font-size: 150%;
    margin: 0;
    padding: 15px 0 5px;
    font-weight: 400;
}

.std h4 {
    font-size:105%;
    padding:10px 0px 5px 0px;
    color:#1f1f1f;
    margin:0;
    font-weight: bold;
}

.std h5 {
    padding:5px 0px;
    margin:0;
    font-size: 100%;
}

.std li h3 {
    padding: 0;
}

.std .stred_no_cesta h2 a {
    text-decoration: none;
}

#novinky_stred .utitle a {
    font-size:200%;
    padding:30px 0px 5px 0px;
    color:#1f1f1f;
    margin:0 0 0px 0;
    font-weight:normal;
    display: block;
    text-decoration: none;
    margin-top: 20px;
}

/* *classic_list - výpis článků, referencí */

.std .classic_list .polozka {
    background: url(media/images/separator3.gif) repeat-x 0 bottom;
    padding-bottom: 20px;
}

.std .classic_list .polozka.last {
    background: none;
    padding: 0;
}

.std .classic_list .polozka .obr {
    float: left;
    margin: 2px 15px 7px 0;
}

.std .classic_list .polozka .anotace img {
    text-align: left;
}

.std .classic_list .vice {
    clear: both;
}


.std .classic_list .vice a, a.more_btn {
    font-weight: bold;
}

.std .classic_list .vice a:hover, a.more_btn:hover {

}

.std h2 a, .std h3 a, .std .classic_list h3 a {
    text-decoration: none;
    color: #222222 !important;
}

.std h2 a:hover, .std .classic_list h3 a:hover {
    text-decoration: underline;
}

.std .cl_category_list.listNoImg li {
    padding-right: 3%;
    float: left;
}

.std .cl_category_list.listNoImg li a {
    text-decoration: none;
}

.std .cl_category_list.listNoImg li a:hover {
    text-decoration: underline;
}

.std .datum {
    background: url(media/icons/icon_date.png) no-repeat 0 2px;
    padding-left: 25px;
    font-size: 90%;
    overflow: hidden;
    zoom: 1;
}

.vsechny_novinky {
    text-align: right;
}

#stred .fotogalerie .obr {
    margin-left: 0;
}

.std .obr {
    background: url("media/images/image-frame-sprite-2.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 6px;
    background-position: -2px -465px !important;
    height: 140px;
    width: 208px;
    display: block;
}

.std .obr a {
    margin: 8px 0 0 9px;
    overflow: hidden;
    display: block;
    text-align: left;
    height: 111px;
    width: 190px;
}

.std .obr img {
}

.std .obr a:hover img {
}

/* *fotogalerie >>> */

#stred .fotogalerie .obr {
    display:inline; /*  ie6 hack double margin */
    float:left;
    margin:0 15px 13px 0px;
    text-align:center;
}
.home #stred .fotogalerie {
    margin-top: 15px;
}
.home #stred .fotogalerie .obr{
    margin-right: 35px;
}

#stred .fotogalerie .obr a {
    background: url("media/images/preload-small.gif") no-repeat scroll center center transparent;
    position: relative;
}

#stred .fotogalerie .obr a .overlay {
    width: 190px;
    height: 111px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("media/images/img-zoom-4.png") no-repeat scroll center center transparent;
    opacity: 0.9;
    filter: aplha(opacity=90);
    display: none;
}

#stred .fotogalerie .obr a:hover .overlay {
    display: block;
}

#stred .fotogalerie.fotog2 .obr {
    display:inline; /*  ie6 hack double margin */
    float:left;
    margin:0 15px 13px 15px;
    text-align:center;
}

#stred .fotogalerie a:hover {
    text-decoration:none;
}

#stred .fotogalerie .rowFirst {
    clear:left;
}
#stred .fotogalerie .rowLast {
    margin-right: 0px !important;
    }


#stred .fotogalerie .description {
    font-weight:bold;
}
/* <<< fotogalerie */

/* stránkování */

#pages {
    clear: both;
    float: left;
    width: 100%;
    padding-top: 15px;
    margin-top: 20px;
}

#pages .pt, #pages .next, #pages .prev {
    float: left;
    margin-right: 7px;
}

#pages .pt, #pages .pt a,
#pages .next, #pages .next a,
#pages .prev, #pages .prev a {
    display: block;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
}

#pages .pt a, #pages .next a, #pages .prev a, #pages span.t-red, #pages span.b-red {
    padding: 0 0.91em;
}

#pages .pt, #pages .next, #pages .prev {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: -moz-linear-gradient(center top , #FFFFFF 0pt, #E0E0E0 100%);
    border-color: #CCCCCC #CCCCCC #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px #FFFFFF inset;
    color: #555555;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
    display: block;
    progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#e0e0e0);
    background-color: rgb(246, 246, 246);
}

#pages span.t-red, #pages span.b-red {
    background-image: -moz-linear-gradient(center top , #E6E6E6 0pt, #DCDCDC 100%);
    box-shadow: 0 1px 2px #AAAAAA inset;
    border-color: #aaaaaa;
    progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#e6e6e6,EndColorStr=#dcdcdc);
    background-color: #e1e1e1;
}

#pages .pt:hover, #pages .prev:hover, #pages .next:hover {
    border: 1px solid #8e8e8e;
    box-shadow: 0 1px 2px rgba (0,0,0,0.25), 0 0 3px #fff inset;
    }

/* ------------------------------------------------------------------------- */
/* *catalog - Katalog, reference >>> */
/* ------------------------------------------------------------------------- */

.tabled_data {
    border-bottom: 1px solid #D9D9D9;
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 50%;
}

.tabled_data tr {
    background: #8C8B8B;
}

.tabled_data tr.licha {
    background: #F0F0F0;
}

.tabled_data tr th, .tabled_data tr td {
    padding: 7px 10px;
    border-left: 1px solid #D6D6D7;
    color: #fff;
}

.tabled_data tr > td:last-of-type {
    border-right: 1px solid #D6D6D7;
}

.tabled_data tr th {
    text-align: right;
}

.tabled_data tr.licha th, .tabled_data tr.licha td {
    color: #8C8B8B;
}

/* cat_classic_detail - Katalogový detail s tabulkou v pravé části, fotogalerií dole */
#stred .cat_classic_detail .popis_zbozi .popis {
    float: left;
    width: 47%;
    padding-right: 3%;
}

#stred .cat_classic_detail .param {
    float: right;
}

#stred .cat_classic_detail.size_s .fotogalerie .obr {
    width: 295px;
}

/* cat_right_gallery_detail - Katalogový detail s galerií v pravém sloupci */
#stred .cat_right_gallery_detail .popis_zbozi {
    float: left;
    width: 429px;
}

#stred .cat_right_gallery_detail.size_s .popis_zbozi {
    width: 289px;
}

#stred .cat_right_gallery_detail .fotogalerie {
    float: right;
    width: 160px;
}

#stred .cat_right_gallery_detail.size_s .fotogalerie {
    width: 301px;
}

#stred .cat_right_gallery_detail .param {
    margin-top: 20px;
    width: 100%;
}

/* katalog - tabulkový výpis */

.table_list table {
    width: 100%;
    box-shadow: 2px 2px 2px #b9b9b9;
    border-left: 1px solid #ededed;
}

.table_list table thead tr {
    background: #494949;
}

.table_list table td {
    padding: 10px 10px;
    color: #000;
    text-align: left;
}

.table_list table thead tr td {
    color: #fff;
    font-weight: bold;
}

.table_list table td.first {
    /*padding-left: 0;*/
    width: 80px;
}

.table_list table td.title {
    text-align: left;
    width: 180px;
}

.table_list table td h3 {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
}

.table_list table tbody tr {

}

.table_list table tbody tr.licha {
    background: #cbcbcb;
}

.biggerImg {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #8b8b8b;
}

/* katalog - tabulkový výpis */

.table_list table {
    width: 100%;
    box-shadow: 2px 2px 2px #b9b9b9;
    border-left: 1px solid #ededed;
    margin-top: 15px;
}

.table_list table thead tr {
    background: #494949;
}

.table_list table td {
    padding: 10px 10px;
    color: #000;
    text-align: left;
}

.table_list table thead tr td {
    color: #fff;
    font-weight: bold;
}

.table_list table td.first {
    /*padding-left: 0;*/
    width: 80px;
}

.table_list table td.title {
    text-align: left;
    width: 180px;
}

.table_list table td h3 {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
}

.table_list table tbody tr {

}

.table_list table tbody tr.licha {
    background: #cbcbcb;
}

.biggerImg {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #8b8b8b;
}

.table_list .obr {
    width: 80px;
    display:block;
    border:4px solid #fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
    -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
    behavior: url(js/PIE.htc);
    background: #fff;
    text-align: center;
    overflow: hidden;
}

.table_list .obr img, .table_list .obr a:hover img {
    border:0;
    border-radius:0;
    -moz-border-radius:0;
    -khtml-border-radius:0;
    -webkit-border-radius:0;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    display: inline;
}


/*	<<< stred - hlavní obsah stránky   */

/* ------------------------------------------------------------------------- */
/* *prave_menu - pravé sloupec >>> */
/* ------------------------------------------------------------------------- */

#prave_menu {
    width: 220px;
    float: right;
    margin-top: 10px;
}

.home #prave_menu {
    margin-top: 25px;
}

#prave_menu .wrap.top {
    padding-bottom: 30px;
}

#prave_menu .wrap.bottom {
    padding: 0 0px 0 0px;
    min-height: 400px;
}

.col_prave_menu .stred_leva {
    width: 760px;
    float: left;
}

.col_prave_menu #stred {
    width: 510px;
}

.float_prave_menu #prave_menu {
    margin-top: 10px;
    margin-left: 20px;
}

/*	<<< #prave_menu - pravý sloupec	 */

/* ------------------------------------------------------------------------- */
/* *footer - hlavní sloupec s obsahem >>> */
/* ------------------------------------------------------------------------- */

#footerWrap {
    background: url(media/images/bg-footer.png) repeat-x 0 0;
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    padding-top: 46px;
}

#footerWrap > div {
    background: url(media/images/bg-footer-bottom.jpg) repeat-x 0 0;
    width: 100%;
    float: left;
}

#footerWrap .patka_iniv_in {
    /*min-height: 100px;*/
}

#patka_pod {
    height: 88px;
    color: #BCBCBC !important;
}

#patka_pod a {
    color: #BCBCBC;
}

#patka_pod .patka_leva {
    float: left;
    width: 50%;
    padding: 36px 0 0 0;
    font-size: 90%;
}

#patka_pod .patka_prava {
    float: right;
    width: 50%;
    padding: 20px 0 0 0;
    text-align: right;
}

/*	<<< footer - paticka   */

/* FAQ */
#faq_form input[type='text'], #faq_form textarea {
    width: 90%;
}

#faq_form textarea {
    min-height: 100px;
    height: 100px;
}

.items_box ul li {
    float: left;
    margin-right: 3%;
}


/* Styly tabulek */
.text_table td {
    padding: 0 18px;
}

.text_table tr td:first-child {
    padding-left: 0;
}

.text_table tr td:last-child {
    padding-right: 0;
}

/* ------------------------------------------------------------------------- */
/* *admin_lista - Administrační lišta  >>> */
/* ------------------------------------------------------------------------- */

.adminLista #mainWrap {
    padding-top: 0px;
}

#admin_lista {
    background:transparent url(media/images/adminer_bck.png);
    font-size: 110%;
    position:fixed;
    width:100%;
    z-index:1000;
    left:0; /*ie7*/
}

#admin_lista table {
    margin: 5px 20px;
    width: 98%;
}

#admin_lista a.edit_page, #admin_lista a.new_page {
    border: 1px solid #b9b9b9;
    background: #fff;
    text-decoration: none;
    height: 20px;
    display: inline-block;
    padding-right: 5px;
    line-height: 20px;
}

#admin_lista a.admBoxLink {
    margin-right: 5px;
}

#admin_lista a.edit_page span.act_ico, #admin_lista a.new_page span.act_ico  {
    background: #fff url(media/icons/icon_sprites.gif) -12px top;
    height: 16px;
    width: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 3px;
}

#admin_lista a.new_page span.act_ico {
    background: #fff url(media/icons/icon_sprites.gif) left top;
    width: 13px;
}

#admin_lista a:hover span {
    text-decoration: underline;
}

#admin_lista a:hover span.act_ico {
    text-decoration: none;
}

#admin_lista #logout {
    float: right
}

#admin_lista #admin_nadpis {
    font-size: 16px;
    font-weight: bold;
    padding-right: 20px;
}

#admin_lista td.adm_out {
    text-align:right;
}
/* <<< Administrační lišta */

/* ------------------------------------------------------------------------- */
/* *cesta = drobečková nápověda */
/* ------------------------------------------------------------------------- */
#cesta {
    padding:10px 0px 0px 10px;
    color:#fff;
    margin-bottom:0px;
    font-size: 90%;
    float: right;
}

#cesta span, #cesta a {
    color: #fff;
    padding-right: 15px;
    padding-bottom: 23px;
}

#cesta a {
    text-decoration: underline;
}

#cesta a:hover {
    color: #CCC;
}

.no_prave_menu #cesta {
}

#cesta hr {
    display:none;
}

#stred .t_doleva {
    text-align:left;
}

#cesta a, #cesta span.last{
     display:inline-block;
 }

#cesta span.last{
    font-weight: 700;
    padding-right: 0;
    background: url("media/images/arrow-up.png") no-repeat scroll 64% bottom transparent;
}
/* <<< cesta = drobečková nápověda */

/* ------------------------------------------------------------------------- */
/* *form - formulářové prvky  >>> */
/* ------------------------------------------------------------------------- */
.forms_base form {}

.forms_base form, .forms_base label, .forms_base input, .forms_base fieldset, .forms_base textarea {
    padding:0;
    margin:0;
}

.forms_base label {
    color: #555555;
    display: block;
    float: none;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 5px;
}


.forms_base .box {
    padding:10px 0;
}

/* VSTUPNI FORMULAR PRO uchazece */
.forms_base fieldset {
    margin-top:20px;
    padding:15px;
    /*border:auto;*/
    border: 1px solid #BCBCBC;
    border-radius: 4px 4px 4px 4px;
}
.forms_base .last { margin-bottom:20px;}

.forms_base input[type=text], .forms_base textarea {
    padding: 8px;
    width:300px;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
}

.forms_base textarea {
    width: 430px;
}

.forms_base input.error  {
    border:1px solid red;
}

.forms_base .width_short {
    width:150px;
}

.forms_base .pozn_pod_fieldset, .forms_base span.item_note {
    padding:0px 15px;
    color:#aaa;
    font-size:90%;
}
.forms_base label, .forms_base span.item_note {display:block;}

.forms_base span.mandatory {
    color:red;
    padding:0 3px;
}

.forms_base span.item_note {
    padding:0;
}


.forms_base textarea {
    /*width:600px;*/
}

.forms_base textarea {  min-height:150px;}
* html .forms_base textarea { height:150px;}


.forms_base .chckbox {
    float:left;
    width:25px !important;
    height:19px;
}


.forms_base legend {
    background:transparent url(media/icons/ik_form.gif) no-repeat center right;
    font-weight:bold;
    margin:0;
    padding:0.1em 30px 0.1em 4px;
}

.forms_base .msg {
    padding:10px;
    margin:5px 0;
}

.forms_base .msg p {
    padding: 3px !important;
}

.forms_base .error {
    color:#fff;
    background:red;
}

.forms_base .ok {
    color:#fff;
    background:green;
}

.forms_base .warning {
    color:#222;
    background:orange;
}

.forms_base .error, .forms_base .ok, .forms_base .warning {
    padding:10px;
}

.forms_base .spamCheck input {width:80px;}

/* overlib napoveda u formularu >> */
.fontClass {
    padding:5px; /* text */
    border:1px solid #444;
}
.capfontClass { /* nadpis */
    font-size:12px;
    font-weight:bold;
    color:#fff;
    padding:2px 5px;
}
.capfontClass a {
    color: #fff;
}
.fgClass { background: #eee; } /* pozadi textu */
.bgClass { background: #444;} /* pozadi nadpisu */
/* <<< form - formulářové prvky */


/* ------------------------------------------------------------------------- */
/* *prilohy - přílohy >>> */
/* ------------------------------------------------------------------------- */
/* *********************************** */
/* radkove prilohy downloadable */
/* *********************************** */
.priloha_download a {
    line-height:16px;
    padding-left:25px;
}

.priloha_download a.pdf {background:transparent url(media/icons/prilohy/ico-pdf.gif) no-repeat left center;}
.priloha_download a.doc, .priloha_download a.docx {background:transparent url(media/icons/prilohy/ico-doc.gif) no-repeat left center;}
.priloha_download a.xls, .priloha_download a.xlsx {background:transparent url(media/icons/prilohy/ico-xls.gif) no-repeat left center;}
.priloha_download a.jpg, .priloha_download a.jpeg {background:transparent url(media/icons/prilohy/ico-jpeg.gif) no-repeat left center;}
.priloha_download a.png {background:transparent url(media/icons/prilohy/ico-png.gif) no-repeat left center;}


/* *********************************** */
/* std  old prilohy */
/* *********************************** */
.priloha {
    width:120px;
    margin-top:10px;
    text-align:center;
    float:left;
    word-wrap: break-word;
    white-space: -moz-pre-wrap !important;
}

.priloha p {
    text-align:center;
    font-size:90%;
}

/* <<< přílohy */


/* *********************************** */
/* error a form. hlášky */
/* *********************************** */
.std .ok, .std .error, .std #error, #ok, .std .warning, .std #warning {
    background: none repeat scroll 0 0 red;
    margin: 5px 0;
    padding: 5px 10px;
}

.ok, #ok {
    background: green !important;
}

.ok a, .error a, #error a, #ok a, .warning a, #warning a, .ok, .error, #error, #ok, .warning, #warning {
    color: #FFFFFF !important;
}
/* <<< error a form. hlášky */

/* *********************************** */
/* Diskuse >>> */
/* *********************************** */

#diskuse {
    /*
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
        width:470px;
        clear:left;
        margin-left:8px;
    */
}
#diskuse h3 {
    /*
        margin:5px 0px 0px 0px;
        padding:3px;
        border: 1px solid #999999;
        font-size: 14px;
        background-color: #09316F;
        color: #FFFFFF;
    */
}
#diskuse h4 {
    margin:5px 0px 0px 0px;
    padding:5px 3px;
    /*border: 1px solid #999999;*/
    /*font-size: 12px;*/
    background-color: #1F71B2;
    color:#fff;
}

#diskuse label {
    display:block;
    padding-top:5px;
}

#diskuse p {
    margin:3px 0px;
}
#diskuse .sirka_submit1 {
    /*width:150px;*/
}
#diskuse .sirka_submit2 {
    /*width:210px;*/
}
#diskuse .clanek {
    font-weight:bold;
    margin-top:0px;
    margin:4px 0px 0px 0px;
}
#diskuse .pocet {
    padding-bottom:10px;
}
#diskuse .prispevek {
    background-color:#E3F2FE;
    margin:3px 0px;
    padding:3px 5px;
}
#diskuse .jmeno {
    font-weight:bold;
    padding-bottom:4px;
    color:#1F71B2;
}
#diskuse .reagovat {
    text-align:right;
}

#diskuse .text_prispevku {
    width:564px;
}
#diskuse a {
    color:#1F71B2;
}

.jmeno a {
    text-decoration:none;
}

.jmeno a:hover {
    text-decoration:underline;
}

/* <<< diskuse */

/* Box */
.lstItem {
    float: left;
    /*margin-left: 50px;*/
    /*width: 208px;*/
    min-height: 184px;
    padding-bottom: 40px;
}

.lstItem h2 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.lstItem h2 a:hover {
    text-decoration: underline;
}

.lstItem .more_btn {
    margin: 15px 0 0px 0;
    display: block;
}

.home table tr td {
    vertical-align: top !important;
}

table tr td:first-child .lstItem {
    margin-left: 0;
}

.home table tr {
}

.home table tr.uzsi {
}

.home table tr:last-child, .home table tr.last {
    background: none;
}
/*
.lstItem.first {
	margin-left: 0;
	clear: both;
}
*/

.ui-tabs-nav {
    background: none repeat scroll 0 0 #E9E9E9 !important;
    border: none !important;
    border-bottom: 3px solid #4C4C4D !important;
    border-radius: 5px 5px 0 0 !important;
    /*height: 34px !important;*/
    width: 275px;
    padding: 0 !important;
}

#tabs {
    background: none;
    border: none;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

.ui-tabs .ui-tabs-nav li.ui-state-default a:hover {
    padding-lefT: 1em !important;
}

.ui-tabs .ui-tabs-nav li a {
    color: #000000 !important;
}

#tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs .ui-state-active a:visited {
    background: none repeat scroll 0 0 #4C4C4D !important;
    border-radius: 5px 5px 0 0 !important;
    color: #FFFFFF !important;
}

#tabs .ui-tabs-panel {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#tabs .ui-tabs-panel ul li {
    background-position: 0 5px;
}

#tabs .ui-tabs-panel ul ul li {
    background-position: 0 6px;
}


#tabs .ui-tabs-panel ul li a {
    text-decoration: none;
}

.widget_recent_projects {
    width: 208px !important;
}

.std .widget_recent_projects h3 {
    padding: 15px 0 10px 0;
}

.std .widget_recent_projects h3 a:hover {
    text-decoration: underline !important;
}

.widget_recent_projects ul	{
    width: 220px !important;
    /*min-height: 293px !important;*/
    min-height: 293px !important;
}

.widget_recent_projects ul li {
    width: 208px !important;
    padding-left: 0 !important;
}

.widget_recent_projects ul li a:hover {
    padding-left: 0 !important;
}

.widget_recent_projects ul li img {
    width: 255px;
}

.widget_recent_projects ul li .obr {
    margin-top: 15px !important;
}

.widget_recent_projects .obr {
    float: left;
}

.widget_recent_projects .obr:hover {
}
.widget_recent_projects .obr a:hover img {

}

.widget_recent_projects .obr img {
}

/* Tlačítka */
.button, .submit_button {
    background: url("media/images/global-sprite-gradients.png") repeat-x scroll 0 -46px #040404;
    border: 1px solid #000000;
    color: #DDDDDD;
    cursor: pointer;
    display: block;
    /*letter-spacing: 1px;*/
    margin: 0;
    outline: medium none;
    padding: 10px 15px !important;
    text-transform: uppercase;
    box-shadow: 1px 1px 3px #666666;
    border-radius: 5px;
}

.button:hover, .submit_button:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* TinyMCE styly */
.std .text_doleva {
    text-align:left;
}
.std .text_doprava {
    text-align:right;
}
.std .obrazek_doprava {
    margin:5px 0px 10px 10px;
    float:right;
    clear:right;
}
.std .obrazek_doleva {
    margin:5px 10px 10px 0px;
    float:left;
    clear:left;
}

.konec_obtekani {
    clear: both;
}

.zvyraznit_text {
    font-weight: bold;
    color: #000;
}

.nadpis {
    color: #222222 !important;
    font-size: 140%;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.vetsi_text {
    font-size: 140%;
}

.licha_radka_tabulky {
    background:#f3f4f4 !important;
    color:#1c191d !important;
}

.obsah_pic_no_padding {
    padding:0 !important;
}

.odkaz_dolu {
    padding-right:20px;
    background-image: url(media/icons/anchor.gif);
    background-repeat: no-repeat;
    background-position: right 3px;
}

.odkaz_nahoru {
    padding-left:18px;
    background-image: url(media/icons/ico_top.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

.std .citace {
    background: url("media/images/bg_quote_wrap.png") no-repeat scroll 25px 25px #E7E9E6;
    border: 1px solid #D8D9D6;
    margin-bottom: 15px;
    padding: 35px 20px 35px 95px !important;
    border-radius: 5px;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 120%;
    font-style: italic;
    color: #666666;
    font-weight: 400;
    line-height: 22px;
}

/* Domovská stránka - .home */
.home .std table h2, .home .std table h3 {
    font-size: 0.9em;
    font-weight: 600;
}

/* Google maps - v kat. výpisu */
#mapWrap #map_canvas, #mapWrap #google_map {
    height: 400px;
    width: 100%;
}

#mapWrap #google_map .content {
    color: #000000;
    padding: 0 !important;
    width: 400px;
}

#mapWrap #google_map #content h3 {
    font-weight: bold;
}

#mapWrap #google_map #content h3, #mapWrap #google_map .content .adress {
    color: #000000 !important;
    font-size: 90%;
}


/* COLOR VARIANTS */
/* GRAY */
.gray a, .gray a:hover, .gray a:visited {
    color: #666666;
}

.gray #headerTop {
    background-color: #2B3137;
}

.gray #headerWrap {
    background: url("media/images/gray/bg-header-holder.jpg") repeat-x scroll 0 0 #2B3137 !important
}

.gray #footerWrap > div {
    background: url("media/images/gray/bg-footer-bottom.jpg") repeat-x scroll 0 0 #1A1F23;
}

.gray .mainTitle .bottom {
    background: url("media/images/gray/bg-tools-b.jpg") no-repeat scroll 0 bottom transparent;
}

.gray .mainTitle .top {
    background: url("media/images/gray/bg-tools-t.jpg") no-repeat scroll 0 0 transparent;
}

.gray .mainTitle {
    background: url("media/images/gray/bg-tools-c.jpg") repeat-y scroll 0 0 transparent;
}

.gray #zahlavi_menu ul li ul li a, .gray #zahlavi_menu ul li ul li span {
    color: #fff !important;
}

.gray #zahlavi_menu ul li ul li a:hover, .gray #zahlavi_menu ul li ul li.active a, .gray #zahlavi_menu ul li ul li.active span {
    background: #5a5d62 !important;
}

/* Cool Blue  */
.coolblue a, .coolblue a:hover, .coolblue a:visited {
    color: #0087C2;
}

.coolblue #headerTop {
    background-color: #003869;
}

.coolblue #headerWrap {
    background: url("media/images/coolblue/bg-header-holder.jpg") repeat-x scroll 0 0 #003869 !important;
}

.coolblue .lmenu ul li a, .coolblue .lmenu ul li span {
    color: #222;
}

.coolblue .lmenu > ul > li > a:hover, .coolblue .lmenu ul li.active span {
    /*color: #000;*/
    text-decoration: underline;
}
.coolblue .lmenu ul li li.active span {
    color: #000;
    text-decoration: none;
}

.coolblue #zahlavi_menu1 > ul li a:hover, .coolblue #zahlavi_menu1 > ul li:hover a,
.coolblue #zahlavi_menu1 > ul li.active a, .coolblue #zahlavi_menu1 > ul li.active span,
#zahlavi_menu ul ul {
    background: #00305a;
}

.coolblue #zahlavi_menu1 ul ul li a:hover {
    background: #2b5689;
}

.coolblue .mainTitle .bottom {
    background: url("media/images/coolblue/bg-tools-b.jpg") no-repeat scroll 0 bottom transparent;
}

.coolblue .mainTitle .top {
    background: url("media/images/coolblue/bg-tools-t.jpg") no-repeat scroll 0 0 transparent;
}

.coolblue .mainTitle {
    background: url("media/images/coolblue/bg-tools-c.jpg") repeat-y scroll 0 0 transparent;
}

.coolblue .lmenu > ul > li > span,
.coolblue .lmenu > ul > li > a,
.coolblue .lmenu > ul > li > a:hover,
.coolblue .lmenu > ul > li.active > a {
    background: url("media/images/coolblue/sprite.png") left top repeat-x;
    margin-right: 0px;
    color: white;
    font-size: 120%;
}

.coolblue #footerWrap > div {
    background: url("media/images/coolblue/bg-footer-bottom.jpg") repeat-x scroll 0 0 #868686;
}

.socialButt{
    float: left;
    margin-left: 25px;
}

.socialButt a{
    width:32px;
	height:32px;
	display:block;
	float:right;
	margin-left:10px;
	/*text-indent:99999px;*/
}

.socialButt a span {
    display: none;
}

a.fb_ico{

	background:url(media/images/fb_ico2.png) no-repeat;
}

a.yt_ico{
	background:url(media/images/yt_ico.png) no-repeat;
	border-radius:4px;
}

.inst_ico{
    background:url(media/images/inst_ico.png) no-repeat;
}

a.gplus_ico{
	background:url(media/images/gplus_ico.png) no-repeat;
}

a.twitter_ico{
	background:url(media/images/tw_ico.png) no-repeat;
}


.socialButt a:hover{
    opacity:0.8;
}

.overlay {
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5000;
}

#bannerWrap {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10000;
    height: 600px;
    width: 540px;
}

#bannerWrap .in {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: -300px;
    margin-left: -270px;
}

#bannerWrap img {
    /*max-width: 100%;*/
    /*max-height: 100%;*/
}

#bannerWrap .closeBtn {
    position: absolute;
    right: -5px;
    top: -5px;
    display: block;
    background: #1e3e74;
    width: 30px;
    height: 30px;
    border: 1px solid #2d9ae0;
    color: #fff;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}

#bannerWrap .closeBtn:hover {
    background: #2d9ae0;
}

#rychlyDotaz{
    position:absolute;
    z-index:150;
    height:213px;
    width:58px;
}

#rychlyDotaz .text_pred{
    margin-bottom:5px;
}

#rychlyDotaz span.vetsi{
    font-size:130%;
}

#rychlyDotaz span.orange,#rychlyDotaz .submit_button, #rychlyDotaz .mandatory{
    color:#fffb97;
}

#rychlyDotazForm{
    width:313px;
    min-height:365px;
    background:#5f6e85;
    float:left;
    color:#fffb97;
    display:none;
    border-radius:0px 0px 5px 0px;
    padding:15px 21px 15px 23px;
    position: relative;
    z-index: 150;
}

#rychlyDotazBtn:hover{
    cursor:pointer;
    opacity:0.8;
}
#kontakt_form_wrap_side label{
    color:#fffb97;
}
#kontakt_form_wrap_side textarea {
    width: 300px;
    margin-bottom: 8px;
    min-height: 106px;
}
.headerPhone{
    position: absolute;
    right: 30px;
    color: #fcf4a1 !important;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none !important;
    top: 15px;
}
.headerPhone:hover,.headerPhone:focus{
    color: #fff !important;
}

.home #poptavka{
    width: 48%;
    margin: 0 auto;
}

.toPoptavka{
    text-align: center;
}

.toPoptavka a{
    display: inline-block;
    background: #7d899a;
    color: #fef79d !important;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
}
.toPoptavka a:hover,.toPoptavka a:focus{
    opacity: .8;
}

#sb-slider li {
	position: relative;
	z-index: 2;
}

#sb-slider .btn-primary {
	position: absolute;
	right: 80px;
	bottom: 40px;
	padding: 10px 15px;
	color: #f9f89b;
	text-transform: uppercase;
	text-decoration: none;
	/* background: #f9f89b; */
	background: #5f6e85;
	z-index: 5;
	border-radius: 5px;
}
#sb-slider .sb-current[data-link]:hover {
	cursor: pointer;
}