/*
  definice prototypu - menit pouze dle garf.navrhu
*/

  .bgbarvaDefault { background-color:#636668 !important; }
  .bgbarvaUzivatel { background-color:#006ab3 !important; }
  .bgbarvaSkupina { background-color:#b90000 !important; }
  .bgbarvaDiskuse { background-color:#1d91aa !important; }
  .bgbarvaNeaktivni { background-color:#b1b1b1 !important; }
  .bgbarvaCerna { background-color:#000000 !important; }
  .bgbarvaOnline { background-color:#73bd1e !important; }
  .bgbarvaOffline { background-color:#df0036 !important; }
  .bgbarvaAkce { background-color:#fe0054 !important; }
  .bgbarvaHledani { background-color:#1e88d8 !important; }
  .bgbarvaChat { background-color:#1ACD1A !important; } /*jsem pridal sam nebylo definovano*/

  .textCenter { text-align: center; }
  .marginLeft10 { margin-left: 10px; }
/*
  konec definice prototypu
*/

body,.ui-widget  {
  margin: 3px 0 0 0;
  padding: 0;
  background: #e1e6ea url(../images/bg-top.jpg) top center no-repeat;
  text-align: center;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 79%;
  color: #636668;
}
h1, h2, h3, h4, h5, form  {
  margin: 0;
  padding: 0;
}
ul, li  {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* vychozi nastevani seznamu
aby to vypadalo na frontendu stejne jako v tinyMCE */
#contentCMS ul { padding-left: 15px; }
#contentCMS ul li { list-style-type: disc; } 
#contentCMS ol { padding-left: 18px; }
#contentCMS ol li { list-style-type: decimal; }

#banner { 
  margin-bottom: 17px;
  text-align: center; 
}
#banner p {
    font-size: 89%;
  margin-top: 0px;
  text-align: justify;
}
a img {
  border: 0;
}

.imgDiv {
  position: relative;
  overflow: hidden;
}
.imgSpan {
  position: absolute;
  display: block;
  overflow: hidden;
  left: 0;
  top: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

.clr  {
  clear: both;
  display: block;
}
.alignRight{
    text-align:right;
    display: block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
.layout {
        width: auto; margin:0 auto;
}
#bgBottom {
  background: url(../images/bg-bottom.jpg) bottom center no-repeat;
}
#main {
  width: 901px;
  margin: 0 auto;
  text-align: left;
  position:relative;
}
h1  {
    margin:0px;
    padding:0px;
    height: 76px;
}
    h1 span.text{
        display: none;
    }
    h1 a {
      position: absolute;
      display: block;
      left: 16px;
      overflow: hidden;
      top: 18px;
    }
    h1 span {
        background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
        width: 230px;
        height: 37px;
        display: block;
    }
    
    
#vyhledavaci_panel{
    height:31px;   
}


    #vyhledavaci_panel .links{
        left: 16px;
        position: absolute;
        top: 7px;
    }
        #vyhledavaci_panel .links a{
            margin: 0 5px;
            color: #0060A3;
        }

    form.vyhledavani{
        background: url("../images/vyhledavani.png") no-repeat scroll 0 0 transparent;
        height: 26px;
        position: absolute;
        right: 0;
        top: 2px;
        width: 267px;
        z-index:1;
    }
    
    form.vyhledavani-rozbaleno{
        background: url("../images/vyhledavani-rozbaleno.png") no-repeat scroll 0 0 transparent;
    }
    
    form.vyhledavani input[name=q]{
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        margin: 5px 12px;
        padding: 2px;
        width: 199px;
        font-size: 12px;
    }
    
    form.vyhledavani .rozbalit{
        cursor: pointer;
        display: block;
        height: 16px;
        position: absolute;
        right: 31px;
        top: 5px;
        width: 18px;
    }
    form.vyhledavani input[type=submit]{
        border: 0 none;
        cursor: pointer;
        height: 25px;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 27px;
        background: none;
    }
    #vyhledavani-casti{
        display:none;
        background-image: url("../images/vyhledavani-background.png");
        position: absolute;
        top: 26px;
        width: 219px;
        padding: 0 10px;
        line-height: 1.5em;
    }
    #vyhledavani-casti .hr{
        margin:0 0 5px;
    }
    #vyhledavani-casti input[type=checkbox]{
       margin-right: 7px;
        vertical-align: top; 
    }
    #vyhledavani-casti-bottom{
        bottom: -12px;
        height: 12px;
        left: 0;
        position: absolute;
        width: 100%;
        background-image: url("../images/vyhledavani-casti-bottom.png");
    }
    
.vyhledavani-ikona{
    background-color: #AAA;
    border-radius: 10px 10px 10px 10px;
    color: white;
    padding: 1px 7px;
}
    .vyhledavani-ikona-nastenky,
    .vyhledavani-ikona-nastenky_komentare,    
    .vyhledavani-ikona-aliance {
        background-color: rgb(185,0,0);
    }
    .vyhledavani-ikona-prispevky,
    .vyhledavani-ikona-tema_diskuse {
        background-color: rgb(29,145,170);
    }
    .vyhledavani-ikona-akce,
    .vyhledavani-ikona-akce_komentare {
        background-color: rgb(253,0,83);
    }
    .vyhledavani-ikona-chat_tema,
    .vyhledavani-ikona-chat_a,
    .vyhledavani-ikona-chat_q{
        background-color: #1ACD1A;
    }

#top{
    position: relative;
}    
.top-info{
    background: url("../images/top-info-bg.png");
    height: 64px;
    position: absolute;
    right: 9px;
    top: 6px;
}
    
    .top-info-left{
        background: url("../images/top-info-left.png") no-repeat scroll 0 0 transparent;    
        position: absolute;
        left:-9px;
        top:0px;
        width: 9px;
        height: 64px;
    }
    .top-info-right{
        background: url("../images/top-info-right.png") no-repeat scroll 0 0 transparent;    
        position: absolute;
        right:-9px;
        top:0px;
        width: 9px;
        height: 64px;
    }
    .top-info-line{   
        position: absolute;
        background-color: #dce1e6;
        border-left:1px solid white;
        right:180px;
        top:7px;
        width: 1px;
        height: 49px;
    }

    #top .login  {
        color: #7E7A7A;
        font-size: 11px;
        padding: 10px 192px 0 5px;
    }
        #top .login a:first-child {
            background: url("../images/user-ico-big.png") no-repeat scroll right center transparent;
            color: #006AB3;
            font-size: 12px;
            margin-right: 10px;
            padding-right: 18px;
            text-decoration: none;
        } 
        #top .login a:hover {
            text-decoration: underline;
        } 
         
        #top .login a ~ a  {
            color: #7E7A7A;
        }
        
    
    #top .msg {
        /*background: url("../images/email-icon.png") no-repeat scroll right center transparent;*/
        /*background: url("../images/icons/email.png") no-repeat scroll right bottom transparent;*/
        background: url("../images/icons/email.png") no-repeat scroll right 8px transparent;
        font-size: 12px;
        left: 5px;
        padding: 8px 28px 3px 0;
        position: absolute;
        top: 26px;
    }
        #top .msg a {
            color: #006AB3;
            text-decoration: none;
        }
        #top .msg a:hover {
            text-decoration: underline;
        }
        
        #top .msg a.nove_zpravy{
            color: #EB2434;
        }
        
    #top .fbConnect{
        background: url("../images/facebook-icon.png") no-repeat scroll right center transparent;
        font-size: 11px;
        padding: 4px 28px 3px 0;
        position: absolute;
        right: 9px;
        top: 8px;
    }
    #top .fbConnect a{
        color: #006AB3;
    }
    
    #top .eshopLogin{
        background: url("../images/eshop-icon.png") no-repeat scroll right center transparent;
        color: #BF1A1A;
        font-size: 11px;
        padding: 3px 28px 5px 0;
        position: absolute;
        right: 9px;
        top: 35px;
    }
        #top .eshopLogin a{
            color: #BF1A1A; 
        }
       
.top-info-register{
    position: absolute;
    right: 0;
    top: 6px;
}
    .top-info-register a{
        color: #0060A3;
    }
        
.top-info-logout{
    background: url("../images/top-info-bg-logout.png") repeat scroll 0 0 transparent;
    height: 20px;
    position: absolute;
    right: 0;
    top: 27px;
    width: 398px;
    padding-top: 5px;
}
    .isIE .top-info-logout{
        padding-top: 5px; 
        padding-bottom: 2px; 
        height: 18px;
    }
    .isChrome .top-info-logout{
        padding-top: 4px; 
        height: 21px;
    }
    
    
    .top-info-logout input[name=email]{
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        color: #667788;
        font-size: 12px;
        margin-left: 10px;
        margin-top: 0;
        padding: 0;
        width: 148px;
    }
    .top-info-logout input.fakeheslo, .top-info-logout input[name=heslo]{
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        color: #667788;
        font-size: 12px;
        margin-left: 16px;
        padding: 0;
        width: 150px;
    }
    .top-info-logout input[name=heslo]{
        display: none;
    }
    .top-info-logout input[type=submit]{
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        color: white;
        font-size: 12px;
        margin-left: 10px;
        padding: 0;
        position:relative;
        top:-1px;
    }
    .isIE .top-info-logout input[type=submit]{
        margin-left: 9px;
    }
    .isIE7 .top-info-logout input[type=submit]{
        margin-left: 0px;
    }

#top ul#menu  {
    background: url("../images/top-menu-bg.png") no-repeat scroll left top transparent;
    height: 29px;
    list-style: none outside none;
    margin: 0;
    padding: 1px 16px;
}

    #top ul#menu li  {
        float: left;
        margin-right: 20px;
    }
    #top ul#menu li.last  {
        margin-right: 0px;
    }

    #top ul#menu li a  {
        color: white;
        display: block;
        padding: 6px 14px 7px 13px;
        text-decoration: none;
        text-transform: uppercase;
        text-shadow: 0 -1px 0 #4466AA;
    }
    #top ul#menu li a:hover  {
        background: url(../images/top-menu-bg-over.png); 
    }
    
    #top ul#menu li a.dary  {
        background: url(../images/top-menu-bg-over-red.png); 
    }
    #top ul#menu li a.dary:hover  {
        background: url(../images/top-menu-bg-over.png); 
    }


#top div#menu_clenska {
    background: url("../images/clen-menu-bg.png") repeat scroll 0 0 transparent;
    height: 25px;
    margin-left: 12px;
    padding: 7px 0 0 38px;
    width: 839px;
    padding: 7px 18px 0 38px;
    width: 821px;
    color: black;
}

    #top div#menu_clenska a{
        color: #882222;
        margin: 0 0 0 13px;
    }




#top .logged  {
  width:225px;
  float: right;
  background: url(../images/login-bg-left.gif) top left no-repeat;
  height: 23px;
  position: relative;
  top: 29px;
  margin: 0 15px 0 0;
}
#top .logged ul  {
  list-style: none;
  padding: 1px 7px 0 7px;
  height: 23px;
  background: url(../images/login-bg-right.gif) top right no-repeat;
}
#top .logged ul li  {
  float: left;
  padding: 2px 7px 3px 7px;
}
#top .logged ul li.user  {
  text-align: center;
  padding-top: 2px;
  width: 90px;
}
#top .logged ul li.left  {
text-align:right;
  border-right: 1px solid white;
  width: 125px;
}
#top .logged ul li.right  {
  border-left: 1px solid #c3c5c5;
}
#top .logged a {
  color: #515050;
  text-decoration: none;
  font-size: 89%;
}
#top .logged a:hover {
  color: black;
}

#foot {
  clear: both;
  background: url(../images/foot-bg.gif) top left no-repeat;
}
#foot.notloged {
    background-image: url(../images/foot-bg-notloged.gif);
}
#foot #black  {
  width: 901px;
  height: 140px;
}
#foot #totalBottom{
  text-align: left;
  font-size: 89%;
  padding: 5px 0 8px 0;
  color: #8f9ba5;
}

#totalBottomRight{
    float:right; 
}
#foot #totalBottom a,#totalBottomRight a {
    color: #8f9ba5;
    text-decoration: underline;
}
#foot #totalBottom a:hover ,#totalBottomRight a:hover {
    color: #8f9ba5;
    text-decoration: none;
}

#foot #black ul  {
  float: left;
  padding: 33px 0 0 30px;
  text-transform: uppercase;
}
#foot #black ul.first  {
  padding: 33px 25px 0 20px;
}
#foot li  {
  padding: 3px 0 0 14px;
  background: url(../images/foot-dot.gif) 0 8px no-repeat;
}
#foot li a  {
  color: #8e9194;
  text-decoration: none;
}
#foot #black ul.ikony  {
  float: left;
  padding: 20px 0 0 45px;
  text-transform: uppercase;
}

.aktivity {
  text-align: center;
  width: 413px;
  height: 82px;
  padding-top: 3px;
  padding-left: 5px;
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  background: url(../images/soutez-block.gif);
}
.aktivity a{
  color: #fff;
}

#foot .ikony li  {
  padding: 0 0 5px 0;
  background: none;
}
#foot li a:hover  {
  color: white;
}
#foot #soutez {
  float: right;
  margin: 7px 15px 0 0;
}
#foot h3  {
  font-size: 94%;
  font-weight: normal;
  color: white;
  text-transform: uppercase;
  padding: 11px 0 3px 6px;
}
#facebook { text-align:center; }
img.frontPriznivci { width: 50px; height: 55px; border: 0px solid black; }
/* Buttons */
.buttons { margin: 20px auto; width: 720px; }
.button { display: block; margin: 0 7px 0 0; background-color: #f5f5f5; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer; padding: 5px 10px 6px 7px; }
.button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; /* IE6 */ }
.button[type] { padding: 5px 10px 5px 7px; /* Firefox */ line-height: 17px; /* Safari */ }
*:first-child+html button[type] { padding: 4px 10px 3px 7px; /* IE7 */ }
.button img, .a img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px;
}


/* Messages */
.error { border: 1px solid #fbc2c4; background: #fbe3e4; margin: 20px auto; width: 360px; }
.error p { background: url(../images/icons/cross.png) no-repeat center left; margin: 10px; padding-left: 25px; }
.error li { background: url(../images/icons/cross.png) no-repeat center left; margin: 10px; padding-left: 25px; }
.warning { background: #FEFBCC; border: 1px solid #FFCC66; margin: 20px auto; width: 360px; }
.warning p { background: url(../images/icons/error.png) no-repeat center left; margin: 10px; padding-left: 25px; }
.info { background: #dff4ff; border: 1px solid #c2e1ef; margin: 20px auto; width: 360px; }
.info p { background: url(../images/icons/information.png) no-repeat center left; margin: 10px; padding-left: 25px; }
.success { background: #D4FCCD; border: 1px solid #99DC8D; margin: 20px auto; width: 360px; }
.success p { background: url(../images/icons/accept.png) no-repeat center left; margin: 10px; padding-left: 25px; }
.hlaska-administratora {
  padding: 20px 50px 20px 15px;  
  background: url(../images/hlaska-administratora.jpg) no-repeat center left; width: 477px; height: 58px; vertical-align: middle; 
  display: table-cell;
} 
.hlaska-administratora p { color:white;  font-size: small; text-align: center; }
*+html .hlaska-administratora p {
border: 1px black solid; 
margin-right:70px;
padding-top:5px; 
}

#newsImage { width: 438px; height: 243px;}
span.red{color:#b92544;}
span.red a {color:#b92544 ! important;}
.precteno span.red {color:#AAAAAA ! important;}
.precteno span.red a {color:#AAAAAA ! important;}
a.vice{
    text-align:right ! important;
    display:block;
    
}


/* CHATY */
.hpChaty{
	background: url("../images/akce-bg-bottom.gif") no-repeat scroll left bottom #FFFFFF;
	margin-bottom:17px;
}
.hpChatyIn{
	background:url("../images/akce-bg-top.gif") no-repeat scroll left top transparent;
        background:url("../images/chat-hp-bg-top.png") no-repeat scroll left top transparent;
	float:left;
	padding:0 0 8px;
	width:419px;
}

.actualChat{
	background-image:url("../images/chat-online.png");
	background-repeat:no-repeat;
	margin-top:11px;
	padding:0 0 17px 66px;
	position:relative;
}
	.actualChat h2{
		color:#599D08;
		font-size:22px;
		font-weight:normal;
		margin:0;
		padding:0;
		text-transform:none;
		background-image:none;
	}
	.actualChat span{
		display:block;
		padding-top:5px;
	}
	.actualChat a{
		background-color:transparent;
		background-image:url("../images/chat-zapojte-se.png");
		border:0 none;
		color:transparent;
		height:36px;
		float:right;
		margin-top:8px;
		width:121px;
		display:block;
	}
	.hpChaty .actualChat{
		margin-left:10px;
	}
	.hpChaty .actualChat a{
		margin-right:15px;
	}
	
	.wall .actualChat, .wall .upcomingChats, .wall .upcomingChat{
		margin-left:10px;
		margin-right:10px;
	}
	.wall .actualChat a,.wall .upcomingChat a{
		position: static;
		
	}
	
.upcomingChat{
	background-image:url("../images/chat-upcoming.png");
	background-repeat:no-repeat;
	margin-top:11px;
	padding:0 0 17px 66px;
	position:relative;
}
	.upcomingChat h2{
		color:#397EAD;
		font-size:22px;
		font-weight:normal;
		margin:0;
		padding:0;
		text-transform:none;
		background-image:none;
	}
	.upcomingChat span{
		display:block;
		padding-top:5px;
	}
	.upcomingChat a{
		background-color:transparent;
		background-image:url("../images/chat-zapojte-se.png");
		border:0 none;
		color:transparent;
		height:36px;
		float:right;
		right:0;
		margin-top:8px;
		width:121px;
		display:block;
	}
	.hpChaty .upcomingChat{
		margin-left:10px;
	}
	.hpChaty .upcomingChat a{
		margin-right:15px;
	}
	


.upcomingChats{	
	border-top:1px solid #D8DBDF;
	color:#444444;
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
}

	.upcomingChats ul{
		padding-left:20px;
		font-weight: normal;
		font-size:12px;
		margin-top:5px;
		
	}
	.upcomingChats li{
		list-style:disc;
		line-height:1.8em;
		
	}
	.upcomingChats li a{
		color:#72787A;
	}
	.upcomingChats li .date{	
		color: #333;
	}
	
	
	
	.hpChaty .upcomingChats{
		margin:0 13px;
	}
	

.oldChats{	
	padding-top:10px;	
	color:#444444;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #D8DBDF;
}
	
	.oldChats ul{
		font-weight: normal;
		font-size:12px;
		margin-top:5px;
	}
	.oldChats li{
		list-style: none;
		line-height:1.8em;
		background-image: url("../images/chat-play-point.png");
		background-repeat: no-repeat;
		background-position: 2px center;
		padding-left:20px;
	}
	.oldChats li a{
		color:#72787A;
	}
	.oldChats li .date{	
		color: #333;
	}
	
div.Eshop-goods{
    background-image: url("../images/eshop-goods-bg.png");
    clear: both;
    height: 155px;
    margin: 20px 0;
    padding: 10px 0 10px 23px;
    position: relative;
}

    div.Eshop-goods h2{
        line-height: 1em;
    }
    div.Eshop-goods h2 a{
        text-transform: uppercase;
        color: #c42c30;
        font-size: 17px;
        text-decoration: none;
    }
    div.Eshop-goods h2 a:hover{
        text-decoration: underline;
    }
    div.Eshop-goods .container{
        overflow: hidden;
        width: 850px;
    }
    div.Eshop-goods ul{
        margin-top: 7px;
        width:1000%;
    }
    div.Eshop-goods li{
        display: block;
        float: left;
        margin-right: 24px;
    }
    
    div.Eshop-goods .container a{
        display: block;
        line-height: 72px;
        text-align: center;
        text-decoration: none;
        width: 124px;
    }
    div.Eshop-goods .container img{
        background-color: white;
        border: 3px double #BEC3C8;
        
        vertical-align: middle;
    }
    div.Eshop-goods .container .nazev{
        line-height: 1.1em; 
    }
    div.Eshop-goods .container .nazev span{
        color: #710707;
        display: block;
        font-weight: bold;
        /*height: 28px;*/
        margin-top: 7px;
        text-align: center;
    }
    
    div.Eshop-goods .left{
        background-image: url("../images/eshop-goods-left.png");
        display: none;
        height: 53px;
        left: -27px;
        position: absolute;
        top: 61px;
        width: 27px;
        cursor: pointer;
    }
    
    div.Eshop-goods .right{
        background-image: url("../images/eshop-goods-right.png");
        display:none;
        height: 53px;
        right: -27px;
        position: absolute;
        top: 61px;
        width: 27px;
        cursor: pointer;
    }
    div.Eshop-goods .leftGray{
        background-image: url("../images/eshop-goods-left-gray.png");
    }
    div.Eshop-goods .rightGray{
        background-image: url("../images/eshop-goods-right-gray.png");
    }
    div.Eshop-goods .eshopLogin{
        background: url("../images/eshop-icon.png") no-repeat scroll right center transparent;
        color: #BF1A1A;
        font-size: 11px;
        height: auto;
        margin: 0;
        padding: 3px 28px 5px 0;
        position: absolute;
        right: 13px;
        top: 13px;
        width: auto;
    }
    div.Eshop-goods .eshopLogin a{
        color: #BF1A1A; 
    }
	
.AutoHeight {
  height:auto !important;
} 
.textRight {
  text-align: right;
}

div.hr{
    background-color: #FFFFFF;
    border-top: 1px solid #DAE0E4;
    height: 1px;
    margin: 2px 15px;
}

/* --------------------- */
div.text_nic,
.akce_blok .text_nic {
    padding-left: 15px;
}
.akce_blok ul {
  /*padding: 5px 0 0 0;
  background: url("../images/akce-line.gif") 11px 7px no-repeat;*/
}
.akce_blok ul li:first-child {
    padding: 0 0 5px 13px;
}
.akce_blok ul li {
    padding: 10px 0 5px 13px;
    border-bottom: 1px solid #E4E8ED;
}
.akce_blok span.ucast {
    margin-top: 0px;
    margin-right: 4px;
}
.akce_blok .wallRedIn {
  min-height: 170px;
}
.akce_blok h4 {
  position: relative;
  color: #C10F2E;
  font-size: 89%;
  font-weight: normal;
  padding: 0 0 0 13px;
}

.akce_blok ul li .links {
    padding-right: 15px;
}
.akce_blok ul li a {
  font-weight: bold;
  text-decoration: none;
  color: #414143;
}
.akce_blok ul li .subText {
    font-size: 11px;
    padding: 2px 0 0 0;
}

.floatRight { float: right; }

.ui-dialog .ui-dialog-content{
    background-image:url("../images/bg-top-dialog.jpg") !important;
}

body.dialog{
    background: none;
}

body.MultiFileDailog{
    background: none;
    text-align:left;
}
    body.MultiFileDailog input[type=submit]{
        float:right;
        margin-top:1em;
    }