@import url("../spolecna_data/css/style.css");
@import url("basic.css");
@import url("modules.css");
@import url("menu.css");
@import url("user_edit.css");
@import url("top_box.css");
#zaklad{
	background: url(../images/zaklad.jpg) repeat-x top center;
}
#zaklad2{
	width: 100%;
	background: url(../images/zaklad2.jpg) no-repeat top center;
}
#box2{
	width: 970px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	clear: left;

}
#box{
	width: 970px;
	text-align: left;
	float: left;
	position: relative;
	background: #fff url(../images/box.gif) repeat-y left;
}
/****** HLAVICKA *****/
#header{
	width: 970px;
	height: 157px;
	background: #ECECEC url(../images/header.gif) no-repeat top left;
	float: left;
	position: relativel	
}
#logo{
	position: absolute;
	top: 5px;
	left: 25px;	
}


#header_box{
	width: 700px;
	float: right;
	padding-top: 21px;
	padding-right: 20px;
	padding-bottom: 2px;
}
#top_prihlaseni, #top_odhlaseni{
	width: 80px;
	height: 26px;
	overflow: hidden;
	position: relative;
	float: right;
	display: block;
	background: #f0f0f0;
	color: #001756;
	text-decoration: none;
	padding: 4px;
}
#top_prihlaseni span{
	width: 88px;
	height: 34px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	cursor: pointer;
	background: url(../images/prihlaseni.gif) no-repeat;	
}
#top_prihlaseni:hover span{
	background: url(../images/prihlaseni.gif) no-repeat;	
}


#top_odhlaseni span{
	width: 88px;
	height: 34px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	cursor: pointer;
	background: url(../images/odhlaseni.gif) no-repeat;	
}


#top_registrace, #top_vas_ucet{
	width: 78px;
	height: 26px;
	overflow: hidden;
	position: relative;
	float: right;
	display: block;
	background: #008cae;
	color: #fff;
	text-decoration: none;
	padding: 4px;
	margin-right: 6px;
}
#top_registrace span{
	width: 86px;
	height: 34px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	cursor: pointer;
	background: url(../images/registrace.gif) no-repeat;	
}
#top_registrace:hover span{
	background: url(../images/registrace.gif) no-repeat;
}
#top_vas_ucet span{
	width: 86px;
	height: 34px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	cursor: pointer;
	background: url(../images/vas_ucet.gif) no-repeat;	
}


#top_kosik{
	width: 91px;
	height: 26px;
	overflow: hidden;
	position: relative;
	float: right;
	display: block;
	background: #f60000;
	color: #fff;
	text-decoration: none;
	padding: 4px;
}
#top_kosik span{
	width: 99px;
	height: 34px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	cursor: pointer;
	background: url(../images/kosik.gif) no-repeat;	
}
#top_kosik:hover span{
	background: url(../images/kosik.gif) no-repeat;	
}

#header_left{
	width: 30px;
	height: 51px;
	position: absolute;
	top: 77px;
	left: -5px;
	clear: both;
	background: url(../images/header_left.gif) no-repeat;
}
#header_right{
	width: 20px;
	height: 51px;
	position: absolute;
	top: 71px;
	right: -5px;
	background: url(../images/header_right.gif) no-repeat;
}

/***** OBSAHOVA CAST *****/
#hlavni{
	width: 970px;
	float: left;
	clear: both;
	background: url(../images/main.gif) no-repeat top center;	
}
#hlavni2{
	width: 970px;
	float: left;
	clear: both;
	background: url(../images/hlavni2.gif) no-repeat bottom center;	
}
#main{
	width: 765px;
	float: left;
	clear: both;
	min-height: 950px;
}
#content { 
	float:right; 
	width: 570px; 
	padding-bottom: 15px;
	overflow: hidden;
}
#nav { 
	float:left; 
	width: 181px; 
	overflow: hidden;
	margin-bottom: 40px;
	padding: 28px 0 0 5px;
	background: url(../images/nav.gif) no-repeat top right;
}
#extra { 
	float: right; 
	width: 180px; 
	overflow: hidden;
	margin-bottom: 40px;
	padding: 0 15px 0 0;
}

/** drobeckova navigace **/

#drobky{
	margin: 5px 0 6px 5px;	
	font-size: 85%;
	padding: 0;
	list-style-type: none;	
}
#drobky  li{
	display: inline;
	padding: 0 10px 0 4px;
	color: ##001756;
	background: url(../images/drobky.gif) no-repeat right center;
}
#drobky  li a{
	color: ##001756;

}
#drobky  li a:hover{
	text-decoration: none;
}
#drobky li.prvni_drobek{
	background: url(../images/drobky.gif) no-repeat right center;
	padding-left: 0;
}
#drobky li.prvni_drobek a{
	margin: 0;
	padding-left: 0;

}
 #drobky li.posledni_drobek{
	background: none;
}



/** boxy  **/

h3.nadp{
	width: 151px;
	display: block;
	padding: 7px 10px 7px 20px;
	border-top: 1px solid #c9ced8;
	background: url(../images/left_menu.gif) repeat-y left;
	font-weight: bold;
	text-decoration: none;
	color: #d0161d;
	text-transform: uppercase;
	font-size: 93%;
}
.mini_box{
	margin-bottom: 5px;
	padding: 10px;
}

.mini_box img{
	margin-right: 5px;
}

.box_odkaz img{
	margin-bottom: -3px;
}
.box_odkaz{
	margin-bottom: 5px;
	display: block;
}

#extra h3.nadp{
	width: 158px;
	display: block;
	padding: 7px 10px 7px 10px;
	border: 1px solid #b8bfcc;
	border-bottom: 1px solid #d7dae2;
	background: url(../images/h3_nadp.gif) repeat-y left;
	font-weight: bold;
	text-decoration: none;
	color: #d0161d;
	text-transform: uppercase;
	font-size: 93%;
}
#extra .mini_box{
	border: 1px solid #b8bfcc;
	border-top: none;
	padding-left: 13px;
	margin-bottom: 10px;
}

.banner{
	display: block;
	margin-bottom: 10px;
}
.banner img{
	margin-bottom: -3px;
}

/***** PATICKA *****/


.ven{
	background: url(../images/ven.gif) no-repeat right center;
	padding-right: 13px;
}
#bs{
	padding-top: 8px;
	margin-top: 7px;
	border-top: 1px solid #ccc;
}
#footer_2{
	width: 970px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0 50px 0;
	clear: both;
}
#footer_2 ul{
	padding-bottom: 70px;

}
#footer_2 li{
	list-style-type: none;
	display: inline;
	font-size: 90%;
	padding: 0 7px 0 3px;
	background: url(../images/footer_li.gif) no-repeat right bottom; 
}
#footer_2 li.posledni{
	background: none; 
}
#footer_2 a{
	color: #fff;
}


/**** cyklovac obrazku ****/

#image_cycle {
    padding: 1px 1px 6px 1px;
    border: 1px solid #b8bfcc;
    background: #f0f0f0;
}

#cycle_control {
    height: 18px;
    margin: 6px 8px 0 8px;
}

#cycle_control a {
    width: 26px;
    margin-right: 5px;
    padding: 2px 0 1px 0;
    display: block;
    float: left;
    background: transparent url('../images/cycle_control.gif') no-repeat left center;
    color: #001756;
    text-align: center;
    text-decoration: none;
    font-size: 90%;
}

#cycle_control a:hover,
#cycle_control a:focus,
#cycle_control a.activeSlide {
    background: transparent url('../images/cycle_control_selected.gif') no-repeat left center;
    color: #ffffff;
    font-weight: bolder;
}
.akcni_cena {
    color: red;
    font-weight: bold;
}