/*<style type="text/css">*/
body { background-color:#E6E6E6; font-family: sans-serif; font-size: 13px;} /*background: url("images/layout/bg_index.gif") top center repeat-y*/
body#portfolio {	background: #E6E6E6 url("images/layout/bg_top.png") repeat-x; background-position: 0 200px; }

h1 {font-size: 26px; font-family: 'Oswald', sans-serif; font-weight: normal; letter-spacing:1px; margin: 0 0 2px 0; color: #555; text-transform: uppercase; line-height: 1.5em;}
h2 {font-size: 20px; font-family: 'Oswald', sans-serif; font-weight: normal; letter-spacing:1px; margin: 20px 0 10px 0; color: #1d1d1d;}
h3 {font-size: 18px; font-family: 'Oswald', sans-serif; font-weight: normal; letter-spacing:1px; border-bottom: 1px dotted #bdbdbd;    color: #2E2E2E;    font-size: 16px;    line-height: 52px;    margin-bottom: 20px;  padding: 0 0px 0 0px; }
h3 img { vertical-align: sub; }
h4 {font-size: 15px; font-family: 'Oswald', sans-serif; font-weight: normal; letter-spacing:1px; margin: 20px 0 5px 0; color: #1d1d1d;}
h5 {font-size: 15px; font-family: 'Oswald', sans-serif; font-weight: normal; letter-spacing:1px;; margin: 10px 0 5px 0; color: #1d1d1d; }


ul,ol { margin: 10px 0;}
ul li,ol li { margin: 0 8px 0 15px; }

input { border: 0px; background: #e4e4e4; height: 31px; padding: 0 0 0 5px; width: 205px; margin: 3px 0}
input:hover,select:hover,textarea:hover { background: #d7d7d7; }
input:focus,select:focus,textarea:focus { background: #efefef; }

textarea { border: 0px; background: #e4e4e4; min-height: 80px; padding: 5px; min-width: 205px; margin: 3px 0}
select { border: 0px; background: #e4e4e4; height: 31px; padding: 0px 0 0 5px;  font-size: 22px; width: 205px; margin: 3px 0}
input[type="radio"],input[type="checkbox"]  { width: 20px; height: 17px; margin: 0; background: none}
input[type="image"] { width: auto; background: transparent; height: auto; margin: 0; padding: 0;}
input[type="submit"], input[type="button"] {margin: 3px 0 0 0;  width: 205px; cursor: pointer; background-color: #8dc2eb; border-bottom: 1px solid #76a8ce; color: #2c3e4c; font-weight:normal; border-top:0;}
input[type="submit"]:hover,input[type="button"]:hover { margin: 3px 0 0 0; background: #85B5DC; border-bottom: 1px solid #688DAB; }
input.active {  background: #b30607; color: #fff }
input.error,select.error,textarea.error { background: #ffc0c0; }
input.small {height:20px;}
input.smallinput { width: 20px;}
label.error { display: block; color: red;}
label { font-size: 12px; font-weight: bold; display: block;}

a { color: #000; }
a:hover { text-decoration: none}
a.block { display: inline-block; padding: 5px 10px; font-size: 12px; text-decoration: none; background-color: #BEBEBE; color: #fff}
a.block:hover {background-color: #77BFF2; color: #fff}
a.block2 { display: inline-block; padding: 0px 10px; font-size: 12px; text-decoration: none; background: #e4e4e4; height: 31px;line-height: 31px; color: #000; margin: 3px 2px}
a.block2:hover { background: #c6c6c6; }
a.fullBlock { display: block; padding: 5px 10px; font-size: 12px; text-decoration: none; background-color: #7c8795; color: #fff}
a.blockMore, a.blockButton { display: block; padding: 6px 10px; margin: 0 0 10px 0; font-size: 14px; text-align: right; text-decoration: none; background-color: #8dc2eb; border-bottom: 1px solid #76a8ce ;color: #2c3e4c}
a.blockButton { display: inline-block; padding: 6px 15px; text-align: left; }
a.blockMore:hover, a.blockButton:hover { background-color: #76a8ce; }
a.blockMore.tal, a.blockButton.tal {text-align:left;}

.w100 { width: 100% !important}
.w90 { width: 90px !important}
.w150 { width: 150px !important}
.wAuto { width: auto !important}
.hAuto { height: auto; min-height: 0; }

table {  border-collapse: collapse}
table th {  text-align: left; font-weight: bold;  padding: 3px 10px 3px 10px; vertical-align: top;  border-bottom: 1px solid #e9e9e9 }
table thead th {   border-bottom: 2px solid #c3c3c3 }
table td {   text-align: left; padding: 3px 10px 3px 10px; vertical-align: top;  border-bottom: 1px solid #e9e9e9}
table.noBorder td, table tr.noBorder td {    border-bottom: 0px;}
table tr.borderTop td { border-top: 2px solid #c3c3c3}
table tr.over td {	background: #f6f6f6 !important;}

#container { width: 1200px; position: relative; margin: 60px auto 0 auto; min-height: 300px }
#container.fullWidth { width: auto !important; padding: 0 20px;  min-width: 1240px;  }
#container.fullWidth #leftContent { width: auto !important; margin-right: 220px; max-width: 2000px; min-width: 600px; float: none; }
#container.fullWidth #rightContent {float: right; }
#portfolio #container { margin: 0px auto; }
#headerPortfolio { height: 200px; position: relative; padding-top: 0px; text-align: center;}
#headerPortfolio img {width:1200px; height:200px;}
#headerContainer {  background: url("images/layout/bg_top.png") repeat-x 0 0; height: 47px; min-width: 1200px; left: 0; top: 0; right: 0; position: fixed; z-index: 999}
#headerContainer.nofixed { margin-bottom: -47px !important; }
#header  { width: 1200px; position: relative; margin: 0 auto;  height: 47px;}
#header #headerbg { height: 47px; position: absolute; top: 0; left: -150px; width: 510px; z-index: 1; background: url("images/layout/bg_header.png") no-repeat -1px 0; }
body#portfolio #header #headerbg {left: 705px; }
#portfolio #headerContainer {position:static; background-image: none; background-color: transparent}
#portfolio #headerContainer.nofixed { margin-bottom: 0px !important; }

#anchorTop { position: relative; top: -50px; }

#login,.slidemenu,.search { background: url("images/layout/transparency_black.png");}
#login,.slidemenu,.logo,.menu,.search { position: relative; z-index: 50;}

.logo { height: 40px; width: 195px; float: left; overflow: hidden; display: block; background: url(images/layout/logo.png) no-repeat 0 0; }
#portfolio .logo { float: right;  margin-right: 0px}
.show_emoticons:hover, #login input ,.logo:hover,#homepage #rightContent #linkBlocks a:hover,.textBox .komentare li a:hover,a.block:hover,a.block2:hover,.boxKostky a:hover,#clanky .clanek a.komentare:hover,.clanky .clanek a.komentare:hover,a.fullBlock:hover { filter: alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}
#homepage .leftMenu a:hover,#homepage .leftMenu a.activeSlide,#dilo .leftMenu img:hover,.box90:hover,#navigace ul li a.last { filter: alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;}
.logo span { display: none; }

.menu {	float: left;	list-style: none; padding-left: 0; 	width: 605px;	margin: 0;	background: url("images/layout/menu_sep.png") bottom left no-repeat;}
#portfolio .menu {	width: 650px;}
.menu li {	margin: 0px; padding-top:1px;	 background: url("images/layout/menu_sep.png") bottom right no-repeat;	float: left;	}
.menu a {	font-size: 13px; font-family: 'Oswald', sans-serif; font-weight: normal; letter-spacing:1px;	text-transform: uppercase;	color: lightgray;	display: inline-block;	float: left;	margin: 0;	text-align: center;	min-width: 55px; padding: 4px 8px 0px 8px;	height: 45px;	line-height: 38px;	text-decoration: none;	} /*text-shadow: 1px 1px 2px black;*/
.menu a:hover { background: url("images/layout/menu_hover.png") center -1px no-repeat; color: white; text-shadow:none;}
.menu a.active {	background: url("images/layout/menu_sipka.png") center bottom no-repeat;	color: white;}
.menu a.active:hover {	background-image: url("images/layout/menu_hover.png"), url("images/layout/menu_sipka.png"); background-position:center -1px, center bottom; background-repeat:no-repeat;	color: white;}

#footer {background-color: #31353d; margin:20px 0 0 0; height: 100px; min-width: 1248px; }
#footer #footerIn {width: 1200px; position: relative; margin: 0 auto;}
#footer .logo {background: url(images/layout/logo_foot.png) no-repeat 0 0; float: left;}
#footer ul.menu {position:absolute; top:-5px; left:220px; width: 700px}
#footer .menu, #footer li,  #footer .menu li:hover {background: none;	}
#footer .menu a:hover {background: url("images/layout/menu_hover_paticka.png") center 4px no-repeat; color: white;}
#footer .menu a.active {background: url("images/layout/menu_sipka_.png") center 3px no-repeat;	}
#footer .menu a.active:hover {	background-image: url("images/layout/menu_hover_paticka.png"), url("images/layout/menu_sipka_.png"); background-position:center 4px, center 3px; background-repeat:no-repeat;	color: white;}


#footerLast { background-color: #1d1d1d; height: 40px; color: #878787; line-height: 40px; text-align: center; font-size: 14px; min-width: 1248px;  }
#footerLast a { color: #878787}

#lang { float: right; margin-left: 10px; margin-top: 14px; width: 60px; height: 21px; font-size: 11px;   }
#portfolio #lang { float: right;   }
#lang .main { line-height: 21px; font-size: 12px; text-align: left; padding: 0 4px; font-weight: bold;  }
#lang .main img { float: left;  margin: 5px 5px 0 0;}
#lang .openTab { margin: 0; display:none; position:absolute; top:21px; left:0px; width:70px; list-style:none; background:#474e55; padding:5px; -moz-box-shadow:1px 2px 3px #676767; -webkit-box-shadow: 1px 2px 3px #676767; box-shadow: 1px 2px 3px #676767;}
#lang .openTab li { margin: 0;}
#lang .openTab li a { display: block; width: 50px;line-height: 16px; height:26px; color: lightgray;  padding: 3px 5px 3px 5px; text-decoration: none}
#lang .openTab li a:hover { background: #46576b; color: white; }
#lang .openTab li a img{ float: left; margin-right: 5px; margin-top: 3px; }
.noScript #lang:hover .openTab { display: block;}

#login { float: right; margin-left: 10px; margin-top: 14px; width: 80px; height: 21px; }
#portfolio #login { float: right; }
#login .main { line-height: 21px; font-size: 12px; padding: 0 4px; font-weight: bold;  text-align:center; }
#login .openTab { display: none; position: absolute; left: -173px; width: 245px; list-style: none; background: white; }
#portfolio #login .openTab { left: -176px; }
#alogin input { width: 190px; height: 21px; margin-bottom: 10px; line-height: 20px; font-size: 16px; }
#alogin input.send { width: 100px; height: 25px; border: 0; margin-bottom: 10px; line-height: 25px; font-size: 13px;}

.noScript .slidemenu:hover .openTab { display: block;}
.noScript .slidemenu:hover .emptyBox { display: block;}
#login:hover { background: #282B2D; }

.userIco { float: left; margin-right: 9px; }
.hpKomentare .userIco, .hpKomentare .body { width: 30px; height: 38px }
.userBanned { text-decoration: line-through !important; }
.user .tiny {font-size: 8px !important; margin: 0; vertical-align: text-top; }
.user .icon-star.tiny { color: #ff6000; }


.search { float: right; margin-left: 5px; margin-top: 14px; width: 160px; color:lightgray; /*-moz-border-radius: 4px;    -webkit-border-radius: 4px;    -khtml-border-radius: 4px;    border-radius:4px; */}
.search .inputSearch { color:lightgray; font-weight:bold;	width: 134px; margin: 0; height: 21px; line-height: 17px; border: 0px; font-size: 11px; padding: 2px; margin:0 4px 0px; background: transparent;}
.search .inputSearchImg { position: relative; top: 3px; left: 0px}

.logged .search { width: 90px}
.logged .search .inputSearch { width: 60px}


.slidemenu { float: right; margin-left: 5px; margin-top: 14px; width: 160px; height: 21px; }
#portfolio .slidemenu { float: right;   }
.slidemenu .main { line-height: 21px; font-size: 12px; text-align: left; padding: 0 4px; font-weight: bold; color: lightgray; background: url("images/layout/arrowdown.png") no-repeat 142px 5px; }
.slidemenu>a { text-decoration: none; }
.slidemenu .openTab { display: none; position: absolute; top: 24px; list-style: none; background: white; border: 4px solid #5d646c; -moz-box-shadow: 1px 2px 3px #333333; -webkit-box-shadow: 1px 2px 3px #333333; box-shadow: 1px 2px 3px #333333;}
.slidemenu label { color: #999999 }
.slidemenu ul, #login ul { list-style: none;margin: 0; padding-left: 0;  }
.slidemenu ul li, #login ul li { margin:0; list-style: none; border-bottom: 1px solid #e1e1e1; }
#lang ul li { border-bottom: 0px; }
.slidemenu ul li a, #login ul li a { display: block; line-height: 16px; height:26px; color: #000;  padding: 5px 2px 5px 8px; text-decoration: none; font-size: 11px;}
.slidemenu .li, #login .li { display: block; line-height: 16px; height:26px; color: #000;  padding: 5px 2px 5px 8px; text-decoration: none; font-size: 11px; margin:0; border-bottom: 1px solid #CACACA; list-style: none;}
.slidemenu ul li a:hover, .slidemenu .dark, #login ul li a:hover,#login .dark { background-color: #B9DEF9;}
.slidemenu .openTab i, #login .openTab i { color: #77BFF2; font-size:14px; }
.slidemenu.Vyrazne { background-color:#6B8FB9 !important; }
.slidemenu.Vyrazne .main { color:white !important; }

#slidemenu_user { width: 140px;  }
#slidemenu_user .main{  background-position: 122px 5px; }
#slidemenu_user .openTab{ left: -1060px; width: 1192px; }
#slidemenu_admin .openTab{ left: -958px; width: 1192px; }
#slidemenu_posta .openTab{ left: -150px; }
#slidemenu_notifikace .openTab{ left: -233px; width: 390px; }
#slidemenu_admin,#slidemenu_posta,#slidemenu_add,#slidemenu_notifikace { width: auto; }
#slidemenu_admin .main, #slidemenu_posta .main, #slidemenu_notifikace .main { padding: 0 4px; }

.slidemenu .main span { font-size:11px; padding:1px 4px 1px 4px; width:26px; text-align:center; font-weight:bold; margin:-2px 4px 0px -1px; color:#ABABAB; background-color:#3E4346;}
.slidemenu .main span.new { background-color: #B9DEF9; color:black;}

.slidemenu ul li a span { display:block; float:right; padding:2px 1px 2px 1px; width:26px; text-align:center; font-weight:bold; margin-top:-2px; background-color: #E2E2E2; color:#ABABAB;}
.slidemenu ul li a span.new { background-color: #B9DEF9; color:black;}

.noScript .slidemenu:hover .openTab { display: block;}
.noScript .slidemenu:hover .emptyBox { display: block;}
.slidemenu .emptyBox {  width: 50px; height: 13px; position: absolute; top: 21px; left: 0px; display: none; background: #5d646c; }
.slidemenu:hover, .slidemenu.opened, .slidemenu:hover .main, .slidemenu.opened .main { background-color: #5d646c; color: #fff }

div.menuBlok {padding-bottom:10px;}
div.menuBlok div.blok {float:left; display:block; width:226px; min-height:100px; margin:10px 0px 0px 10px; background-color:#F7F7F7;}
div.menuBlok div.blok h3, div.menuBlok div.blok_main h3 { line-height: 32px; padding: 0 0 0px; margin:0px 0 0px;background-color: #fff; color:#888888;  font-weight:normal; text-transform: uppercase; letter-spacing:1px; font-size:12px; position:relative; border-bottom: 1px dotted #CCCCCC; }

div.menuBlok div.blok_main {float:left; display:block; width:226px; min-height:100px; margin:10px 0px 0px 10px; background-color:#E2EEF5;}
div.menuBlok div.blok_main h3 img {position: absolute; left:179px; top:7px;}
div.menuBlok div.blok_main h3 span.blok_text, div.menuBlok div.blok h3 span.blok_text {color:#B8BCBE; float:right; display:block; position:relative; top:1px; font-weight:normal; text-transform: uppercase; letter-spacing:1px; font-size:9px;}
div.menuBlok div.blok_main h3 span.off, div.menuBlok div.blok h3 span.off{color:#B8BCBE !important;}

#homepage { margin-top: 14px;}
#homepage #leftContent { width: 965px; float: left; margin-right: 10px; min-height: 500px }
#homepage #rightContent { width: 225px; float: left; } /* bez font-size:0 to tam delalo pár pixelovou mezeru nevimproč */
#rightContent #linkBlocks a {margin: 0 0 10px 0; padding: 0 10px; display: block; background-color:#fff; position:relative; height: 60px;}
#rightContent #linkBlocks a h3 {  text-decoration:none; color:darkgray; font-size:38px; margin:0; padding:0;}
#rightContent #linkBlocks a:hover h3 {color:#77BFF2;}
#rightContent #linkBlocks a img {padding:0; margin:0; display: block; position: absolute; z-index: 0;}
#rightContent input {width: auto }

#home_status_add {padding-bottom:8px;}
#home_status_add input[type="text"] {width:258px; margin-bottom:6px; margin-right:0px;}
#home_status_add input[type="button"] {width:75px; margin-left:10px;}

#homepage .leftMenu { width: 60px; position: absolute; left: -70px; top: 0px; }
body#portfolio #homepage .leftMenu { width: 60px; position: absolute; left: -70px; top: 61px; }
#homepage .leftMenu a { text-decoration: none; position: relative; display: inline-block}
#homepage .leftMenu a span { display: block; width: 20px; height: 20px; line-height: 20px; background-color: #ededed; color: #000; font-size: 10px; font-weight: bold; text-align: center; position: absolute; top: 0px; left: 0px; }

#dilo { margin-top: 14px; position: relative;}
#dilo #leftContent { width:980px; float:left; margin-right: 10px; min-height:500px }
#leftContent { width:980px; float:left; margin-right: 10px; min-height:500px }
#dilo #rightContent { width:210px; float:left; padding-top: 58px; }
#rightContent .rightContentDiloMargin {height:9px;} /* posuneme pravy panel nize kuli rubrikam pod nazvem dila*/

#dilo .leftMenu { width: 40px; position: absolute; left: -50px; top: 67px; }
#dilo .leftMenu img { cursor: pointer }
#dilo .leftMenu div.addKomentar { display: none; position: absolute; left: 56px; width: 460px; z-index:99}
#dilo .leftMenu div.addKomentar .komentar { -moz-box-shadow: 1px 2px 3px #676767;-webkit-box-shadow: 1px 2px 3px #676767; box-shadow: 1px 2px 3px #676767; }

a.absolute_right_top_link {position:absolute; right:0; top:0; padding:10px; z-index:100; background-color:white; text-decoration:none;}
a.absolute_right_top_link:hover {position:absolute; right:0; top:0; padding:10px; z-index:100; background-color:#77BFF2;}


#navigace { width: 300px; background-color: #79A5C8; border-bottom: 1px solid #688DAB; height: 32px; margin-top: 15px;}
#navigace ul { margin: 0;list-style: none; padding-left: 0; }
#navigace ul li { margin: 0;position: relative; list-style: none; font-size: 12px; float: left; width: 100px; background: url("images/layout/menu_sep.png") left -3px no-repeat; text-align: center; line-height: 24px; height: 32px; margin-top: 0px;}
#navigace ul li.first { background: none;}
#navigace ul li a { color:white; font-size:14px; display: block; height: 32px; line-height: 32px; text-align: center; text-decoration: none }
#navigace ul li a.last { cursor: Default; display: block; height: 32px; line-height: 32px; text-align: center; text-decoration: none; background-color: #afb5bc  }
#navigace ul li a:hover {background-color: #85B5DC}
#navigace ul li a.last:hover {background-color: #afb5bc}
#navigace .openTab { display: none; position: absolute; top: 32px; left: 0px; width: 210px;list-style: none; background:#85B5DC; padding: 5px 5px; border-bottom: 2px solid #688DAB; border-right: 2px solid #688DAB; z-index: 99 }
#navigace .openTab label { font-weight: normal; font-size: 12px }
#navigace .openTab li { background:none; text-align: left; height: 22px; line-height: 22px; width: 180px; padding:0 5px 5px 5px;}
#navigace ul li:hover .openTab { display: block;}
#navigace ul li:hover { }

#vypisDel { padding: 10px 0 0 0; margin: 10px 0; background-color: #fff}
#vypisDel .papirHlavicka {height:145px; margin-bottom:-40px; background:url(/images/layout/bg_papir.png) left top;}
#vypisDel .hudbaHlavicka {height:34px; background:url(/images/layout/bg_dilo_hudba.png) center center no-repeat;}
.diloKus { padding-bottom: 10px; text-align: center;}
.diloKus { font-size: 14px;   line-height: 22px; color: #333}
.diloKus p { margin: 20px 0; }
.diloKus img {}
#vypisDel.hudba {padding-bottom: 20px;padding-top: 0px; margin:10px 0; text-align:center; background-color: #fff}
#vypisDel.literatura { padding: 0 0 0 0; margin: 10px 0; background-color: #fff}
#vypisDel.literatura .diloKus, .literatura.diloKus { padding: 0 30px 20px 30px; text-align: left;}

#wysiwygbody { background-color: white}
.sablonabasen { font-size: 16px; padding: 20px 0 20px 100px !important; line-height: 1.6em }
.sablonabasen p { margin: 20px 0 40px 0;  line-height: 1.6em }
.sablonabasen p:first-child:first-letter {    float: left;	font-size: 40px;	line-height: 1;	margin: 6px 5px 0 0; }
.sablonabasen p:first-line { font-variant: small-caps;	letter-spacing: 1px; }

.nahledyVypis {padding-top:13px; margin-right: -14px }
.textBox .nahledyVypis {padding-top:1px; margin-right: -13px; margin-left: 0px }
.nahledyVypis>div{display:block; float:left; overflow: hidden; width: 125px; height: 125px; position: relative;  margin-right: 13px; margin-bottom: 13px}
.textBox .nahledyVypis>div{ margin-right: 13px; margin-bottom: 13px}
.nahledyVypis>div>a{display:inline-block; overflow: hidden; width: 125px; height: 125px; position: relative; }
.nahledyVypis>div>a.literatura {     font-size: 10px;    height: 125px;    line-height: 16px;    padding: 5px;    text-decoration: none;  background-color: #fff;   width: 125px;	color: #535353; border: 2px solid #f1f1f1;}
.nahledyVypis>div>a.literatura>i{  font-size: 18px;  display: inline; float: right; margin: 0 5px 5px 5px;  filter: alpha(opacity=75); -moz-opacity:0.75; opacity: 0.7; }
.nahledyVypis>div>a.literatura>i.hudba  {  font-size: 25px;  }
.nahledyVypis>div .info {display: none;}
.nahledyVypis>div:hover{ background: #fff; -moz-box-shadow: 0px 0px 7px #3d3d3d;-webkit-box-shadow: 0px 0px 7px #3d3d3d; box-shadow: 0px 0px 7px #3d3d3d; padding: 26px 26px 4px 26px; margin: -26px -13px -66px -26px; width: 177px; height: 230px; overflow: hidden; position: relative; z-index: 99}
.textBox .nahledyVypis>div:hover{  padding: 26px 26px 4px 26px; margin: -26px -13px -66px -26px; }
.nahledyVypis>div:hover .info {display: block; margin-top: 4px; line-height: 19px;}
.nahledyVypis>div .info .pBody { display: none; }
.nahledyVypis>div .info a {font-weight: bold;}
.nahledyVypis>div .info a.user { font-weight: normal;}
.nahledyVypis>div.highlight { background-color: #ACCFEE; padding-top: 10px; height: 115px; }
.nahledyVypis>div.highlight:hover { background-color: #ffffff; padding-top: 26px;  height: 200px;  }
.nahledyVypis img { margin-right:1px; width: 100%; }
.nahledyVypis .info img {width: auto; }
.nahledyVypis .drobecky, .nahledyVypis .komentare { display: none; }
.nahledyVypis>div h2 {  font-size: 11px; font-weight: bold; margin: 4px 0 4px 0; }

.nahledyVypis2 { margin-right: -20px; }
.nahledyVypis2>div { position: relative; float: left; width: 230px;   margin: 0 15px 15px 0px; overflow: hidden;   padding: 0 0px;  display: block; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);  }
.textBox .nahledyVypis2>div { margin: 0 13px 25px 0px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);  }
.nahledyVypis2>div img { display: block; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality;  width: 100%; }
.nahledyVypis2>div a { text-decoration: none; }
.nahledyVypis2>div:hover {  -webkit-transition: all 0.5s ease-out;            -moz-transition: all 0.5s ease-out;            -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;            -webkit-box-shadow: inset 0 0 10px 3px rgba(0,0,0,0.5); z-index: 102; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.8);  }
.nahledyVypis2>div:hover .info { bottom: 0px; opacity: 90;}
.nahledyVypis2>div .info { display: block; font-size: 12px;  line-height: 16px;width: 100%;position: absolute; left: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 8px; text-align: left; color: #1b1b1b; background: rgba(255, 255, 255, 0.9); background: rgb(255, 255, 255)\9; opacity: 0;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.nahledyVypis2>div .info .pBody { display: block; font-size: 18px;  line-height: 18px; color: #666; float: right;  }
.nahledyVypis2>div .info img {width: auto; display: inline-block;}
.nahledyVypis2>div>a.literatura {  display:block; overflow: hidden; width: 230px; height: 230px; position: relative;   font-size: 14px;   line-height: 20px;    padding: 5px;    text-decoration: none;  background-color: #fff; color: #535353; border: 2px solid #f1f1f1;}
.nahledyVypis2>div>a.literatura>i{  font-size: 25px;  display: inline; float: right; margin: 0 5px 5px 5px;  filter: alpha(opacity=75); -moz-opacity:0.75; opacity: 0.7; }
.nahledyVypis2>div>a.literatura>i.hudba  {  font-size: 25px;  }
.nahledyVypis2>div.highlight .info  { background: rgba(185, 222, 249, 0.9); background: rgb(185, 222, 249)\9; color: #fff }
.nahledyVypis2>div.highlight:hover { }
.stopAnimations * {  -webkit-transition: none !important; -moz-transition:  none !important; -o-transition:  none !important; transition: none !important; }

/** fix pro články */
.nahledyVypis2>div>a.komentare  {  display: none; }
.nahledyVypis2>div.clanek h2 { background: rgba(255, 255, 255, 0.9); background: rgb(255, 255, 255)\9; display: block; font-size: 14px; position: absolute;  top: 35px; margin:0; padding: 5px}
.nahledyVypis2>div.clanek .drobecky { background: rgba(255, 255, 255, 0.9); background: rgb(255, 255, 255)\9; display: block; font-size: 12px; position: absolute;  top: 10px;  padding: 5px}
.nahledyVypis2>div.clanek p { background: rgba(255, 255, 255, 0.9); background: rgb(255, 255, 255)\9; display: block; font-size: 10px; position: absolute;  bottom: 0px; left: 0; width: 100%; padding: 5px; max-height: 100px; overflow: hidden; }

#vypisClanek { padding: 30px; margin: 10px 0; text-align: left; min-height: 180px; background: white;}
#vypisClanek img {}
#vypisClanek .perex {   font-weight: normal; font-style: italic; padding: 10px 0 10px; font-size: 16px; }
#vypisClanek .text {  font-size: 14px; color: #000; line-height: 22px; margin: 20px 0}
#vypisClanek .text p {  margin-bottom: 20px}
.perex { font-size: 14px; color: #60768e; }

.drobecky { color: #1d1d1d; font-size: 13px; }
.drobecky a { color: #1d1d1d; font-size: 13px; text-decoration: none }
.drobecky a:hover {  text-decoration: underline }

.fillHeader { height: 58px; }


.boxInfo, .boxError  {  background-color: #ccc; color: #fff; padding: 10px 10px; line-height: 20px; margin: 10px 0 }
.boxInfo a, .boxError a {  color: #fff;  }
.boxInfo img, .boxError img  {  vertical-align: top; margin: 0 5px; }
.boxInfo:first-child, .boxError:first-child  { margin-top: 0px; }
.boxInfo { border: 2px solid #7C8795;  background-color: #7C8795; }
.boxError { border: 2px solid #b30607;  background-color: #b30607; }
#leftContent>.boxInfo:nth-child(2),#leftContent>.boxInfo:nth-child(2),#rightContent>.boxInfo:nth-child(1)  {   margin-top: 0px !important;	}

.textBox,.strankovani {background: white; margin-bottom: 10px; padding:10px;  font-size:13px; color: #444; line-height: 20px }
.textBox p { padding: 10px 0;  }
.textBox h3 { background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; color: #888888; font-size: 14px; line-height: 32px; margin: 0 0 10px; padding: 0 0 10px;}
.textBox h3 img{ /*vertical-align: text-top;*/ vertical-align: middle; }
.textBox h3 a { color: #2E2E2E; font-size: 14px; text-decoration: none }
.textBox h4 { background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; color: #888888; font-size: 14px; line-height: 32px; margin: 0 0 10px; padding: 0 0 10px;  }
.textBox h4 a { color: #2E2E2E; font-size: 14px; text-decoration: none }
.textBox h4 a.block, .textBox h3 a.block { background-color: #eee; font-size: 11px; padding: 5px 10px; line-height: 22px; font-weight: normal  }
.textBox h4 a.block:hover, .textBox h3 a.block:hover {background-color: #77BFF2; }
.textBox h4 a.block.fr, .textBox h3 a.block.fr {  }
.textBox h5 {font-size: 15px; }
.textBox ul {list-style-type: square; margin: 10px 20px; padding-left: 0; }
.textBox ol { margin: 10px 20px;  }
.textBox ul li, .textBox ol li {padding-bottom: 5px;  }
.textBox img {max-width: 100%;} /* margin: 3px; ? */
.Jcroppreview {max-width: 9999999999px !important;}

.textBox .komentare {list-style: none; margin: 0 !important; color: #444444; font-size: 11px;  line-height: 1.3em;  }
.textBox .komentare li {clear: both; height:58px; overflow: hidden; padding: 4px 0; margin: 0;  border-bottom: 0px; }
.textBox .komentare li+li { border-top: 1px dotted #cccccc; }
.slidemenu .textBox .komentare li span { display: inline; float: none; background-color: transparent }
.textBox .komentare li .small { display: block; width: auto; font-weight: inherit; padding: 0; margin: 0; }
.textBox .komentare li a {display: block; text-decoration: none; min-height: 50px; font-size: inherit;  height: auto; line-height: auto; padding: 0; color: #444444; }
.textBox .komentare li a:hover { background-color: transparent }
.textBox .komentare li.first { border-top: 0px; }
.textBox .komentare li.active, .textBox .komentare li:hover { background-color: #F2F2F2; padding: 4px 6px; margin: 0 -6px }
.textBox .komentare li .body {float: right; margin-left: 10px;  }

.textBox .komentare_simple {list-style: none; margin: 0 !important;  }
.textBox .komentare_simple li {clear: both; overflow: hidden; padding: 4px 0; margin: 0; min-height:45px; }
.textBox .komentare_simple li+li { border-top: 1px dotted #cccccc;  }
.textBox .komentare_simple li a {display: block; text-decoration: none;}
.textBox .komentare_simple li.first {border-top: 0px; }
.textBox .komentare_simple li .body {float: right; margin-left: 10px;  height:25px; }
.textBox .komentare_simple li .awfont {float: left; padding: 6px 10px 0 0; background-color: white; font-size: 28px;}

.textBox .list {list-style: none; margin: 0; font-size: 11px;}
.textBox .list li {clear: both; padding: 4px 0; line-height:18px; margin: 0;}
.textBox .list li+li { border-top: 1px dotted #cccccc; }
.textBox .list li.first { border-top: 0px; }
.textBox .list li .body {float: right; margin-left: 10px;  }
.textBox .filtr {list-style: none;  margin: 0; font-size: 12px; margin-bottom:5px }
.textBox .filtr.omezeny {max-height: 200px; overflow: auto; }
.textBox .filtr li {clear: both; padding: 0px 0; line-height: 18px; margin: 0; }
.textBox .filtr li li { padding: 4px 0; }
.textBox .filtr ul { list-style: none outside none; margin: 12px 0 0; padding: 10px 0 10px 15px;}
.textBox .filtr ul ul { border-top: 0px; margin: 12px 0 12px;}
.textBox .filtr a { text-decoration: none}
.textBox .filtr a.active, .textBox .filtr li.active a, .textBox .list a.active, .textBox .list li.active a {  border-bottom: 2px solid #ff0000 ; }
.textBox .filtr a:hover {border-bottom: 2px solid #000 ; }
.textBox .fullBlock {background: #d7d7d7;  padding: 0 10px; margin: 10px -10px -10px -10px; color: #646464; font-size: 12px; line-height: 24px; }
.textBox .fullBlockTop {border-bottom: 0px; background: #EEEEEE;  padding: 0 10px; margin: -11px 0px 10px 0px; color: #393939; font-size: 12px; line-height: 24px; }
.textBox .fullBlock img {margin: 10px 1px 5px 1px }

.textBox.umelecMesice {height:180px;}
.textBox.umelecMesice .fl{margin-right: 10px;}
.textBox.umelecMesice h4 {color: #77BFF2; font-size: 15px; background: transparent;  padding: 0; margin: 0; line-height: 20px; border:0px; }
.textBox.umelecMesice strong {color: #244ca5; }
.textBox.umelecMesice p {color: #333333; font-size: 11px; line-height: 1.5em; margin: 5px 0;}

/* 395 je třeba smazat všude, místo toho se používá 12 (1/2) */
.textBox.width395 {width: 485px; float:left; font-size: 12px; min-height: 130px; }
.textBox.width395 h4 { color: #1a1a1a; font-size: 12px; line-height: 32px;  }

.textBox.width12 {width: 485px; float:left; font-size: 12px; min-height: 130px; }
.textBox.width12 h4 { color: #1a1a1a; font-size: 12px; line-height: 32px;  }

.width23 {width: 650px; float:left;  }
.width13 {width: 335px; float:left;  }

.textBox.textBoxBlueHead h3 {color:#77BFF2; font-size: 24px; line-height: 32px;  }

.textBox.widthFull { font-size: 12px; }
.textBox.widthFull h4 { background: #bec4cc;  padding: 0 10px; margin: -10px -10px 10px -13px; color: #1a1a1a; font-size: 12px; line-height: 32px; }

.textBox.widthThird {width:320px; float:left; font-size: 12px; min-height: 99px;  }
.textBox.widthThird h4 {background: #bec4cc;  padding: 0 10px; margin: -10px -10px 10px -10px; color: #1a1a1a; font-size: 12px; line-height: 32px; }
.textBox.widthThird .small {color: #646464; line-height: 13px; display: inline-block}
.textBox.widthThird h3 .small {color: white; size:10px;}
.textBox.widthThird .fullBlock  {padding-bottom: 5px;}
.textBox.widthThird .dilaBlock  {height: 70px; text-align:center;  }
.textBox.widthThird .dilaBlock img  {margin:10px 3px 0 3px; width:53px; height:53px;}
.widthThirdHolder { margin-right: -10px }

.textBox.noPadding {padding: 0px; }
.textBox.noPadding .fullBlock {background: #d7d7d7;  padding: 0 10px; margin: 10px 1px 0px; position: relative; top: -1px; color: #646464; font-size: 12px; line-height: 24px; }
.textBox.noPadding .fullBlock img {vertical-align: bottom }
.textBox.noPadding h3 { margin: 10px 10px 10px; padding: 10px 0;}
.textBox.noPadding h4 { margin: 10px 10px 10px; padding: 10px 0; }
.textBox.noPadding p {padding: 5px 10px; }

.strankovani {margin-top: 10px; padding: 3px 8px; font-size:14px;}
.strankovani .strank1 {float:left; width:33%; height:37px; text-align:left; }
.strankovani .strank2 {float:left; width:33%; height:37px; text-align:center }
.strankovani .strank2 input.submit {width: 50px }
.strankovani .strank2 input {width: 20px }
.strankovani .strank3 {float:right; width:33%; height:37px; text-align:right;}

.bublina_user_info {background: white; font-size:11px; color: #000; margin: -5px -9px; padding:0px;}
.bublina_user_info img {margin:0 0 -3px 0; padding:0; line-height:0; border:0; width:250px; height:41px;}
.bublina_user_info h4 {background: #6F767B; color:white; padding:6px; margin:0px; text-transform:uppercase; letter-spacing:1px; font-size:12px;}
.bublina_user_info ul {list-style: none; margin:0; padding:0;}
.bublina_user_info ul li {margin:0; border-top: 1px solid #CACACA; list-style: none; }
.bublina_user_info ul li a {display: block; line-height:16px; height:26px; color:#000; padding:5px 2px 5px 8px; text-decoration:none; font-size:11px;}
.bublina_user_info .li {display:block; line-height:16px; height:26px; color:#000; padding:5px 2px 5px 8px; text-decoration:none; font-size:11px; margin:0; border-top:1px solid #CACACA; list-style: none;}
.bublina_user_info ul li a:hover {background-color: #B9DEF9;}
.bublina_user_info li i, .bublina_user_info .li i  {color:#77BFF2; font-size:14px; display:inline-block; width:1.25em; text-align:center;}
.bublina_user_info div {padding: 5px; background-color:#CCC; height:22px; font-weight:bold;}


.komentar { margin-bottom: 10px}
.komentar .marginRight { margin: 0 0 0 61px; }
.komentar .nadpis{background-color: #cdd4dd; padding: 0 10px 0 10px; color: #6a737f; font-size: 12px; line-height: 32px; border-bottom: 1px solid #BBC3CD;position: relative;}
.komentar .nadpis .user{ font-size: 12px; }
.komentar .nadpis input{ margin-top: 5px }
.komentar .nadpis input[type="checkbox"]{ margin-top: 0px; height: auto; }
.komentar .nadpis img{ vertical-align: middle}
.komentar .nadpis .sipka {border-right: 12px solid #cdd4dd; font-size: 0px; line-height: 0%; width: 0px;border-bottom: 11px solid transparent;border-top: none;position: absolute; left: -12px; top: 0px; display: block;}
.komentar .content {background: white; min-height: 70px; position: relative;   font-size: 13px;   line-height: 20px;  padding: 20px; color: #444}
.komentar .content img { margin: 3px;   max-width: 100%; }
.komentar .content img.fr { margin: -10px -10px -10px 10px;   max-width: 100%; }
.komentar .content textarea {background: white; border: 0 }
/** blue **/
.komentar .nadpis.blue {background: #79A5C8; border-color: #688DAB; color:white;}
.komentar.hover .nadpis {background: #79A5C8 !important; border-color: #688DAB !important; color:white !important;}
.komentar .nadpis.blue .sipka {border-right-color:#79A5C8;}
.komentar.hover .nadpis .sipka {border-right-color:#79A5C8 !important;}
/** bod3 color **/
.komentar .nadpis.bod3 {background: #ce4e5f; border-color: #8e2a37; color:white; }
.komentar .nadpis.bod3 .sipka{border-right-color:#ce4e5f;}
/** bod2 color **/
.komentar .nadpis.bod2 {background: #d88358; border-color: #b75f32; color:white;}
.komentar .nadpis.bod2 .sipka{border-right-color:#d88358;}
/** bod1 color **/
.komentar .nadpis.bod1 {background: #e1b877; border-color: #be9552; color:white;}
.komentar .nadpis.bod1 .sipka{border-right-color:#e1b877;}
/** bod-1 color **/
.komentar .nadpis.bod-1 {background: #b695cb; border-color: #7c40a2; color:white;}
.komentar .nadpis.bod-1 .sipka{border-right-color:#b695cb;}
/** autorovo komentář - color **/
.komentar .nadpis.autorovo {background: #c9e099; border-color: #b1ce93; color:#749740;}
.komentar .nadpis.autorovo .sipka{border-right-color:#c9e099;}

.komentarReakce { font-weight: bold; text-decoration: none; }
.komentarReakce:hover { filter: alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; }

.emotic_lista{width:610px; position:absolute; display:none; z-index:50; right:6px; top:18px; padding:5px; background-color:white; border: 1px solid #f1f1f1;}
.emotic_lista_vip{width:610px; position:absolute; display:none; z-index:50; right:6px; top:49px; padding:5px; background-color:white; border: 1px solid #f1f1f1;}
.emotic_lista img, .komentar .emotic_lista_vip img{cursor: pointer;}
.show_emoticons{cursor: pointer;    background-color: #EEEEEE;    cursor: pointer;    font-size: 16px;    height: 26px;    line-height: 16px;    padding: 5px;    position: absolute;    right: 6px;   text-align: center;    top: -7px;    width: 26px;}
.show_emoticons:hover{ color: #aaa}
.komentar .hodnoceni_kvality {position:relative; top:2px; margin-right: 5px;}
.komentar i.icon-thumbs-up, .komentar i.icon-thumbs-down  {font-size:14px; width:1.25em;}
.komentar i.icon-thumbs-up:hover, .komentar i.icon-thumbs-down:hover, .iconsComment i:hover {color:white;}


.formBodovani { }
.formBodovani label { float: left; display: inline-block; width: 40px; height: 50px; margin-left: 5px }
.formBodovani label input { position: relative; left: 27px; top: -22px; }

#hpSlide, .hpSlide { overflow: hidden; height: 440px; margin-bottom:0px; background-color: #ffffff; }
#homeTopContainer { min-height: 710px; }

.boxKostky { border-bottom: 1px dotted #bdbdbd;    color: #2E2E2E;    font-size: 16px;    height: 52px;    line-height: 52px;    margin-bottom: 0;  padding: 0 0px 0 0px; }
.boxKostky a { padding: 0; font-size: 18px; font-family: 'Oswald', sans-serif; font-weight: normal; letter-spacing:1px; color:#888;	text-transform: normal; display:inline-block; float:left; margin:0; text-align:center; height:52px;	line-height: 52px;	text-decoration:none;}
.boxKostky a.active { color: #000; font-size: 26px; padding: 0 0 7px; background: url("images/layout/menu_sipka_dark.png") bottom center no-repeat; }
.boxKostky a.fr { float: right}
.boxKostky a + a { margin-right: 10px; }

.box90 { display: inline-block !important; width: 90px; height: 90px; overflow: hidden; margin: 10px 0 0 10px; }

#clanky {}
#clanky .clanek, .clanky .clanek {background: white; margin-bottom: 10px; overflow: hidden; }
#clanky .clanek .fl, .clanky .clanek .fl{background: white; margin-right: 20px  }
#clanky .clanek span, .clanky .clanek span { color: #ddd; font-size: 11px; font-weight: bold; display: inline-block; margin: 4px 0; }
#clanky .clanek a, .clanky .clanek a {color: #bbb; text-decoration: none }
#clanky .clanek a:hover, .clanky .clanek a:hover { text-decoration: underline }
#clanky .clanek a.komentare, .clanky .clanek a.komentare { color: #666666; font-size: 11px; font-weight: bold; display: inline-block; float: right; padding: 0 5px 0 5px; margin: 5px 0; text-decoration: none; height: 15px; line-height: 15px }
#clanky .clanek h2, .clanky .clanek h2 { font-size: 16px; line-height: 18px; margin: 10px 0 2px;  }
#clanky .clanek p, .clanky .clanek p { color: #666; font-size: 12px; font-weight: normal; margin: 4px 0; padding: 0 20px 10px 0  }
.clanek .drobecky a { font-size: 12px; }

.tab_box_100,.tab_box_50  {background: white; margin-bottom: 10px;padding: 10px 10px;  font-size: 11px; color: #000; }
.tab_box_50 { width: 390px }

div.form_1z6 {float:left; display:block; width:139px; min-height:85px; margin:0px 20px 2px 0px;}
div.form_2z6 {float:left; display:block; width:298px; min-height:85px; margin:0px 20px 2px 0px;}
div.form_3z6 {float:left; display:block; width:364px; min-height:85px; margin:0px 20px 2px 0px;}
div.form_4z6 {float:left; display:block; width:616px; min-height:85px; margin:0px 20px 2px 0px;}
div.form_5z6 {float:left; display:block; width:765px; min-height:85px; margin:0px 20px 2px 0px; position: relative;}
div.form_6z6 {clear:both; margin:0px 10px 10px 0px; position: relative; }
div.form_send {clear:both; margin:10px -5px -5px -5px;  padding: 1px 4px 4px; background-color: #eee}
.form_heightA {height:auto !important; }

div.form_1z6 label, div.form_2z6 label, div.form_3z6 label, div.form_4z6 label,div.form_5z6 label, div.form_6z6 label {font-size:11px; font-weight:bold; padding-bottom:2px;}
div.form_1z6 label.error, div.form_2z6 label.error, div.form_3z6 label.error, div.form_4z6 label.error,div.form_5z6 label.error, div.form_6z6 label.error {    display: block;   position: absolute; background: #fff; padding: 0 5px 5px 0; font-weight: normal}
div.form_1z6 .small, div.form_2z6 .small, div.form_3z6 .small, div.form_4z6 .small,div.form_5z6 .small, div.form_6z6 .small { color: #aaaaaa}
div.form_1z6 input[type="checkbox"], div.form_2z6 input[type="checkbox"], div.form_3z6 input[type="checkbox"], div.form_4z6 input[type="checkbox"], div.form_5z6 input[type="checkbox"], div.form_6z6 input[type="checkbox"] { vertical-align: sub; width: 20px; height: 17px; margin: 2px 0; background: none}
div.form_1z6 input, div.form_2z6 input, div.form_3z6 input, div.form_4z6 input, div.form_5z6 input, div.form_6z6 input {width: 98%}
div.form_1z6 input[type="radio"], div.form_2z6 input[type="radio"], div.form_3z6 input[type="radio"], div.form_4z6 input[type="radio"], div.form_5z6 input[type="radio"], div.form_6z6 input[type="radio"] { vertical-align: sub; width: 20px; height: 17px; margin: 8px 0; background: none}
div.form_1z6 .radios, div.form_2z6 .radios, div.form_3z6 .radios, div.form_4z6 .radios label, div.form_5z6 .radios label , div.form_6z6 .radios label { height: 17px; font-weight: normal}
div.form_1z6 select, div.form_2z6 select, div.form_3z6 select, div.form_4z6 select, div.form_5z6 select , div.form_6z6 select {width: 99%}
div.form_1z6 textarea, div.form_2z6 textarea, div.form_3z6 textarea, div.form_4z6 textarea, div.form_5z6 textarea, div.form_6z6 textarea {width: 99%}

#homepage .uzivatelske_novinky span.datum {float:right; color:gray;}
#homepage .uzivatelske_novinky i.awfont {float: left; padding:6px 10px 0 0; background-color:white; font-size:28px;}
#homepage .uzivatelske_novinky li {min-height:52px;}
#portfolio .uzivatelske_novinky li {min-height:45px;}

#dejBodReturn {    background: white;  font-weight: bold;   padding: 10px;   width: 170px;  -moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc;}

.heightOblibene {height:185px;}

.opacity90	{filter: alpha(opacity=88); -moz-opacity:0.88; opacity: 0.8;}
.opacity70	{filter: alpha(opacity=75); -moz-opacity:0.75; opacity: 0.7;}
.opacity50	{filter: alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}
.opacity30	{filter: alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3;}

.white {color: #ffffff}
.red,.errorfont { color: #b30607 !important}
.green,.okayfont { color: #68b306 !important}
.gray { color: #aaaaaa !important}
.errorfont { font-weight: bold}
.blue { color: #3D62B5 !important }

.awfont {font-size:14px; color:#77BFF2; display:inline-block; width:1.25em; text-align:center;}
a.awfont, a.awfont_on {text-decoration:none;}
a.awfont i		{color:#555555; font-size:14px;}
a.awfont_on i	{color:#77BFF2; font-size:14px;}
a.awfont:hover i  		{color:#77BFF2;}
a.awfont_on:hover i		{color:#6596B9;}
.iconsBigger i { font-size: 1.3em !important; }
.iconsGray i { color: #aaaaaa; }
.iconsMargin i { margin: 4px 6px}
.iconsComment { float: right;  position: relative;   top: 2px; }
.iconsComment i { font-size:14px;  width: 1.25em; margin: 4px 3px;}
.iconsComment a { text-decoration: none; }

.bgHighlight,.bgHighlight td { background-color: #c1d4e3 !important;}
.bgHighlight.over td { background-color: #b3c5d4 !important;}
.bgRed,.bgRed td { background-color: #ea7575 !important;}
.bgRed.over td { background-color: #d29090 !important;}
.bgDark { background-color: #686868 !important;}
.bgWhite { background-color: #ffffff !important;}

.new_dnes	{font-weight:bold; color:#DC4E51;}
.new_vcera	{font-weight:bold; color:#C84245;}
.new_drive	{font-weight:bold;}

.marginL { margin-left: 10px !important;}
.marginLL { margin-left: 20px !important;}
.marginR { margin-right: 10px !important;}
.marginRR { margin-right: 20px !important;}
.marginB { margin-bottom: 10px !important;}
.marginB0 { margin-bottom: 0px !important;}
.marginT0 { margin-top: 0px !important;}
.marginT { margin-top: 10px !important;}
.marginTT { margin-top: 20px !important;}
.marginL-3 { margin-left: -3px}
.margin0 { margin: 0px !important; }

.paddingTTTT { padding-top: 40px}
.paddingAA { padding: 20px}
.padding0 { padding: 0px !important;}
.paddingB { padding-bottom: 10px !important;}

.minHeight1 { min-height: 50px}
.minHeight2 { min-height: 100px}

.chat_item			{clear:both; min-height:26px;}
.chat_item .datum		{float:left; width:50px; display:inline; color:white; text-align:center;}
.chat_item .datum .p	{padding:5px;}
.chat_item .autor		{float:left; width:800px; display:inline;}
.chat_item .autor .p	{padding:2px 1px 1px 5px;}

.chat_text_alert {color:#900;}
.chat_text_1 {color:black;}
.chat_text_2 {color:black;}
.chat_text_3 {color:#888;}

.fb_button { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 #8A9CC2 inset; color: #FFFFFF; background-color: #5B74A8; background-image: linear-gradient(#637BAD, #5872A7); border-color: #29447E #29447E #1A356E; -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-image: none;border-style: solid;border-width: 1px;cursor: pointer;display: inline-block;font: normal 11px 'lucida grande',tahoma,verdana,arial,sans-serif;margin: 0;overflow: visible;padding: 0.3em 0.6em 0.375em;position: relative;text-align: center;text-decoration: none;white-space: nowrap;z-index: 1;}
.fb_button:hover {  background-color: #546892; background-image: linear-gradient(#546892, #475c88); }
.fb_button i { margin-right: 10px;  }
.fb_button_large { font-size: 1.5em }




/**
OLD NEEDS TO BE REVISITED

**/

.jColorSelect {overflow:hidden; /* for IE6 */ }
.jColorSelect div{background:url(/images/syronex-colorpicker.gif) no-repeat 20px 0; float:left; width:20px; height:20px; cursor:pointer; overflow:hidden; /* for IE6 */ border:1px solid #666666; margin:1px;}
.jColorSelect .checkwht {cursor:default; background-position:-9px 4px;}
.jColorSelect .checkblk {cursor:default; background-position:-23px 4px;}

.bubinfo			{position: relative; display:inline-block;}
div.bubinfo a		{text-decoration:none; cursor:pointer;}
.userico			{cursor:help; background: url(/images/icons_user/icons.gif) no-repeat; width: 19px; height: 12px; border:0px;}
.user		{font-size:11px; font-weight:bold; text-decoration:none; position: relative; display: inline-block; }
.pop_nick
{
	position: absolute;
	z-index: 80;
	display: none; /* keeps the popup hidden if no JS available */
	text-align:left;
	width:70px;
	font-size:9px;
	overflow:hidden;
	margin:0px;
}
.pop_nick span			{ display: block; margin:0px 0px 0px 5px; padding:1px; text-align:center; color:#141414; background:#F3F3F3;}
.pop_nick a img			{border: 0px; cursor:pointer;}
.pop_nick a:hover img	{border: 0px; cursor:pointer; width:14px; height:14px; margin:1px;}

/* anketni sloupec */
.poll_sloupec1 {border-width:0; background-color: #7C8795;  height:22px; margin: 3px 0 10px 0 }
.poll_sloupec1 div.poll_zacatek {background-color: #7C8795;  height:22px;}
.poll_sloupec1 div.poll_konec {background-color: #7C8795;  height:22px;}
.poll_sloupec1 div.poll_text {font-size:9px; font-weight:bold; color:#FFFFFF; padding-top:2px; width:30px; text-align:center;}

/* JCROP */
.jcrop-holder{direction:ltr;text-align:left; margin: 0 auto;}
.jcrop-vline,.jcrop-hline{background:#FFF url('/images/Jcrop.gif');font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}





.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }
/* Modal */
.boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
/* Border */
.boxy-wrapper { empty-cells: show; }
.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0; border: 0; overflow: hidden; }
.boxy-wrapper .top-left { background: url('/skins/standard/images/boxy-nw.png');}
.boxy-wrapper .top-right { background: url('/skins/standard/images/boxy-ne.png');}
.boxy-wrapper .bottom-right { background: url('/skins/standard/images/boxy-se.png');}
.boxy-wrapper .bottom-left { background: url('/skins/standard/images/boxy-sw.png');}
/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
/* NB: these must be absolute paths or URLs to your images */
.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skins/standard/images/boxy-nw.png');}
.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skins/standard/images/boxy-ne.png');}
.boxy-wrapper .bottom-right { height: 9px; #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skins/standard/images/boxy-se.png');}
.boxy-wrapper .bottom-left { height: 9px; #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skins/standard/images/boxy-sw.png');}
.boxy-wrapper .top,
.boxy-wrapper .bottom { height: 9px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding:0px;  border: 0; overflow: hidden;}
.boxy-wrapper .left,
.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding:0px;  border: 0; overflow: hidden;}
/* Title bar */
.boxy-wrapper .title-bar { background-color: #638CB1; padding: 6px; position: relative; text-align: left;}
.boxy-wrapper .title-bar.dragging { cursor: move; }
.boxy-wrapper .title-bar h2 { font-size: 12px; color: #F5F5F5; line-height: 1; margin: 0; padding: 0; font-weight: normal;}
.boxy-wrapper .title-bar .close { color: #F5F5F5; position: absolute; top: 6px; right: 6px; font-size: 12px; line-height: 1;}
/* Content Region */
.boxy-inner { background-color: #F3F3F3; color: #141414; padding: 0;  font-size: 12px;}
.boxy-content { padding: 12px; text-align: left;}
/* Question Boxes */
.boxy-wrapper .question { width: 350px; min-height: 80px;}
.boxy-wrapper .answers { text-align: right;}


/* helper */
#helper		{position: absolute;  visibility:hidden; filter: alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; z-index: 99999; margin-top:10px;}
.helper_pic	{background-color: #F3F3F3; color: #141414; text-align:left; border:2px #F3F3F3 solid; z-index: 99999}
.helper_text	{background-color: #F3F3F3; color: #141414; text-align:left; border:2px #7EA2BF solid; padding:3px 5px 3px 5px; max-width:400px; z-index: 99999}
.reply_box		{width:500px; }
.reply_mark		{background-color: #3aa3e9;}
.reply_unmark	{}
/* :') */
.spoiler		{cursor:pointer;  padding:6px; margin:6px; color: #EAEBEB; background-color:#EAEBEB; border:1px dotted #DC4E51;}
.spoiler_show	{cursor:pointer;  padding:6px; margin:6px; color: #141414; background-color:#EAEBEB; border:1px solid #CBCBCB;}

.social_links { display: inline-block; margin-top: 3px; vertical-align: sub;}
.social_links a { width:18px; height:18px; display: inline-block;}
.social_links a img, .social_links a:link img, .social_links a:visited img {width:16px; height:16px;  margin:1px; }
.social_links a:hover img	{ filter: alpha(opacity=70); opacity: 0.7; }

/**
END OF THE OLDS

**/









/* Classes */
.captcha {  position: relative;    top: 2px;}
.noundrl { text-decoration: none !important}
.noundrl:hover { filter: alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}
.nofixed { position: relative !important}
.hide{display:none;}
.show{display:block;}
.cls{clear:both;}
.clsR{clear:right;}
.clsL{clear:left;}
.click{cursor: pointer;}
.rel {position: relative;}
.fl{float:left !important;display:inline;}
.fr{float:right !important;display:inline;}
.ir{margin:0 0 3px 10px;border:3px solid #ACD146;}
.il{margin:0 10px 3px 0;border:3px solid #ACD146;}
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.vgb{vertical-align:bottom;}
.odd{background:#C7CCCC;}
.tiny {font-size: 8px;}
.notbig {font-size: 16px !important; }
.big {font-size: 18px;}
.huge {font-size: 25px;}
.small {font-size: 10px; line-height: 1.65em;}
.normal {font-size: 12px; line-height: 16px}
.strong {font-weight: bold;}
.white {color: #fff !important}
.pad5 {padding: 5px;}
.hr {overflow: hidden; height: 1px; line-height: 1px; margin: 30px 0; border-bottom: 1px solid #e5e5e5;}
.hidden, .hidn {display: none;}






/*</style>*/