@import url("web_frames.css");
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #333333;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
  padding: 0px;
  margin: 0px;
  font-family: Tahoma;
  font-size: 11px;
  text-align:left;
  margin: auto;
  text-align: center;
}

#wrap {
	/*padding: 0 20px;*/
	min-width: 650px;
	width: 1000px;
	margin: auto;
	font-size: 11px;
}

p, font
{ font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}
td, th 
{ font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
 font-size: 85%;
}

h1
{ 	padding: 2px 2px 0px 5px;
	font-weight: bold;
	font-family: tahoma;
	font-size: 12px;
	height: 25px;

}
h5
{
  font-size:		115%;
}

.no_underline
{ text-decoration:		none;
}

a{
	color: #4d7096;
	font-family: Tahoma;
}
a:hover {
	text-decoration: underline;
	color: #074891;
}
a.event_link {
	color: #4d7096;
	text-decoration: underline;
	font-weight: bold;
	font-family: Tahoma;
	
}
a.event_link:hover,.event_link_top:hover {
	text-decoration: underline;
	color: #074891;
}

a.forum_link {
	color: #954d4d;
}


a.forum_link:hover,.forum_link_top:hover {
	text-decoration: underline;
	color: #8f0404;
}

input {
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	padding: 0 1px;
	font-size: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.content {
	color: #333333; 
	padding: 2px 5px 2px 5px;
}
.event_delimeter {
	height: 2px;
	padding: 0px 5px 0px 5px;
	border-top: solid 1px #d5e4e5;
	border-bottom: solid 1px #ffffff;
	font-size: 0px;
}

.event_row_data1 {
	background-color: #ebebeb;
	clear: both;
}

.event_row_data2 {
	background-color: #f6f6f6;
	clear: both;
}
.author {
	font-size: 11px;
	color: #333333;
}

.small
{ font-size:		80%;
}
.faq
{ font-size:		110%;
}
.price_brief
{ font-size:		120%;
}
.big
{ font-size:		150%;
  text-decoration:	none;
}
.cat
{ font-size:		120%;
}
.standard
{ font-weight:		normal;
}
.white
{ color:			white;
}
.pink
{ color:			pink;
}
.menu
{ color:			white;
  font-size:		100%;
}
div.topmenu_selected
{
  background:		#203560;
  padding:			7px;
}
div.topmenu_notselected
{
  background:		#4E679F;
  padding:			7px;
}
.footer
{
  font-size:		60%;
  color:			gray;
}
.copyright {
	padding: 5px;
	text-align: left;
	color: #808080;
}

.lightsmall
{ color:			black;
  font-size:		80%;
}
.category_child
{
  font-weight:		normal;
}
.cart
{
  font-size:		10px;
  BORDER-BOTTOM:	0px solid;	
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;	
  BORDER-TOP:		0px solid;
  margin:			0px;
  
  color:			#333333;
  background-color:  transparent;

}


/***************** TF *********************/
/* Round cornered boxes and backgrounds
---------------------------------------- */
#phpbb {
	background: url(./images/bg_all.png) top left repeat;
	
} 

.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

.navbar {
	width: 1000px; 
	height: 75px; 
	background: url(./images/menu_bg.png) no-repeat; 
	clear: both;
}
.nav_delimeter {
	height: 2px;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #eaeaea;
	width: 100%;
	clear: both;
	font-size: 0px;
}
.navbar2 {
	width: 1000px; 
	height: 75px; 
	background: url(./images/menu_bg2.png) no-repeat; 
	clear: both;
}

.menubar {
	width: 1000px; 
	height: 33px;
	color: white;  
	clear: both;
}

.forabg {
	background: #9f2020 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
	color: #ffffff;
}
.br_clear{
	clear: both;
	line-height: 0;
}
/* header + logo */
#header {
	height: 155px;
	clear: both;
}
.header_logo{
	width: 200px; 
	height: 155px; 
	float: left; 
}
.header_right{
	width: 800px; 
	height: 155px; 
	float: left;
}
.logo{
	margin: 17px auto auto auto;
}
#logo {
	width: 200px; 
	float: left;
	text-align: left; 
}
.nav_links {
	padding: 2px 10px 2px 10px;
}
.left_side{
	float: left;
}
.right_side{
	float: right;
}
#banner_a{
	width: 728px; 
	height: 90px; 
	margin-left: auto; 
	margin-right: auto;
}
.banner_b{
	width: 170px;
	padding-top: 10px;
	margin-left: auto; 
	margin-right: auto;
	 
}
* html .banner_b{
	font-size: 1px;
	 
}

#header_search{
	width: 800px; 
	height: 30px; 
	/*background-color: red;*/
}
/*** search - najdi ***/
.search_field {
	height: 18px;  
	float:left;
}
.search_txt_field {
	height: 18px;  
	float:left;
}

.search_txt {
	font-size: 11px;
	color: #808080;
	padding-left: 5px; 
	padding-right: 5px;
}

.search_link {
	font-size: 11px;
	color: #ed1b2e;
	text-decoration: underline;
	padding-right: 5px;
	cursor: pointer;
}
.search_button {
	background: url(./images/button_search.png) no-repeat;
	height: 16px;
	width: 17px;
	margin-right: 5px;
	margin-left: 5px; 
	cursor: pointer;
}

.najdi {
	width: 235px; 
	height: 24px; 
	background: url(./images/najdi_bg.png) left repeat-y; 
	float: right; 
	padding: 3px 0 0 0;
	_padding: 3px 0 0 0;
	
}
.najdi_logo {
	width: 59px; 
	height: 16px; 
	float: left; 
	padding-left: 8px; 
	padding-right: 5px;
}

/*** icons ***/
.icon_logout {
	background: url(./images/logout.png) no-repeat;
	height: 14px;
	width: 12px; 
}

.icon_profile {
	background: url(./images/profile.png) no-repeat;
	height: 14px;
	width: 12px;
}
.icon_link {
	font-size: 11px;
	text-decoration: underline;
	padding-right: 5px;
	cursor: pointer;
	padding-left: 15px;
}

.icon_loupe {
	background: url(./images/loupe.png) no-repeat;
	height: 12px;
	width: 12px;
	float: left;
	padding-right: 5px; 
}

/*** jquery slider ***/
#slider {
    width: 154px; /* important to be same as image width */
    height: 126px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 410px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
	list-style: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.sliderImage span strong {
    font-size: 14px;
}

/*** main stuff ***/
#left {
	float: left;
	width: 200px;
	height: auto;
	margin-left: 10px;
}

#main {
	float: left;
	width: 630px;
	height: auto;
	
}
#right {
	float: left;
	width: 170px;
	height: auto;

}
#web_bg{
	width: 1000px; 
	height: auto; 
	text-align: left;
	background: url(./images/bg.png) left repeat-y; 
	overflow: hidden;
}
#footer {
	height: 6px;
	width: 1000px;
	background: url(./images/footer.png) no-repeat; 
}
/* ### web buttons ###*/
.web_buttons {
	color: white;
	float: left;
	width: 48px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	font-family: arial;
	background: url(./images/button.png) left no-repeat;
	margin-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	text-align: center;
}

.web_buttons div a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.web_buttons_blue {
	color: white;
	float: left;
	width: 48px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	font-family: arial;
	background: url(./images/button_blue.png) left no-repeat;
	margin-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	text-align: center;
	
}

.web_buttons_blue a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	position: relative;
	overflow: hidden;
	text-align: center;
}
/*** select box **/
div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #4d7096;
  margin:0px;
  margin-top:2px;
  padding:0px;
  font-size:12px;
  text-align:left;
  max-height:100px;
  overflow:auto;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  color: #333333;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0px;
  padding:2px;
  cursor:pointer;
}

.selectbox /* look&fell of  select box*/
{
  display : block;
  text-align:left; 
  background: url(./images/frame_4_select_bg.gif) right no-repeat;
  
  /*height:18px;*/
  cursor: pointer;
  color:#4d7096;
  margin-left:0px;
  font-family:tahoma;
  font-size:11px;
  padding: 1px;
  border:none;
  width: 100%;
}
/* CP tabbed menu
----------------------------------------*/
#web_tabs {
	line-height: normal;
	margin: 20px 0 -1px 7px;
	min-width: 380px;
}

#web_tabs ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#web_tabs li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}

#web_tabs a {
	float: left;
	background: none no-repeat 0% -35px;
	margin: 0 1px 0 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

#web_tabs a span {
	float: left;
	display: block;
	background: none no-repeat 100% -35px;
	padding: 6px 10px 6px 5px;
	color: #ffffff;
	white-space: nowrap;
}

#web_tabs a:hover span {
	color: #bcbcbc;
}

#web_tabs .activetab a {
	background-position: 0 0;
	border-bottom: 1px solid #ebebeb;
}

#web_tabs .activetab a span {
	background-position: 100% 0;
	padding-bottom: 7px;
	color: #808080;
}

#web_tabs a:hover {
	background-position: 0 -70px;
}

#web_tabs a:hover span {
	background-position:100% -70px;
}

#web_tabs .activetab a:hover {
	background-position: 0 0;
}

#web_tabs .activetab a:hover span {
	color: #000000;
	background-position: 100% 0;
}

/* CP tabbed menu
----------------------------------------*/
#web_tabs a {
	background-image: url("./images/bg_tabs1.png");
}

#web_tabs a span {
	background-image: url("./images/bg_tabs2.png");
	color: #ffffff;
}

#web_tabs a:hover span {
	color: #808080;
}

#web_tabs .activetab a {
	/*border-bottom-color: #ffffff;*/
}

#web_tabs .activetab a span {
	color: #808080;
}

#web_tabs .activetab a:hover span {
	color: #808080;
}

.clearfix, #web_tabs {
	height: 1%;
	overflow: hidden;
}


/* CP tabbed menu  222
----------------------------------------*/
#web_tabs2 {
	line-height: normal;
	margin: 20px 0 -1px 7px;
	min-width: 380px;
}

#web_tabs2 ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#web_tabs2 li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}

#web_tabs2 a {
	float: left;
	background: none no-repeat 0% -35px;
	margin: 0 1px 0 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

#web_tabs2 a span {
	float: left;
	display: block;
	background: none no-repeat 100% -35px;
	padding: 6px 10px 6px 5px;
	color: #ffffff;
	white-space: nowrap;
}

#web_tabs2 a:hover span {
	color: #bcbcbc;
}

#web_tabs2 .activetab a {
	background-position: 0 0;
	border-bottom: 1px solid #ebebeb;
}

#web_tabs2 .activetab a span {
	background-position: 100% 0;
	padding-bottom: 7px;
	color: #808080;
}

#web_tabs2 a:hover {
	background-position: 0 -70px;
}

#web_tabs2 a:hover span {
	background-position:100% -70px;
}

#web_tabs2 .activetab a:hover {
	background-position: 0 0;
}

#web_tabs2 .activetab a:hover span {
	color: #000000;
	background-position: 100% 0;
}

/* CP tabbed menu
----------------------------------------*/
#web_tabs2 a {
	background-image: url("./images/bg_tabs31.png");
}

#web_tabs2 a span {
	background-image: url("./images/bg_tabs32.png");
	color: #ffffff;
	
}

#web_tabs2 a:hover span {
	color: #808080;
}

#web_tabs2 .activetab a {
	/*border-bottom-color: #ffffff;*/
}

#web_tabs2 .activetab a span {
	color: #808080;
}

#web_tabs2 .activetab a:hover span {
	color: #808080;
}

.clearfix, #web_tabs2 {
	height: 1%;
	overflow: hidden;
}


/* Horizontal lists
----------------------------------------*/
ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}
ul.linklist {
	display: block;
	margin: 0;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1em;
	line-height: 1.5em;
}


ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}
/* Form button styles
---------------------------------------- */
input.button1, input.button2 {
	font-size: 1em;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
	width: auto !important;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	background: #FAFAFA none repeat-x top;
}

a.button1, input.button1 {
	font-weight: bold;
	border: 1px solid #666666;
}

input.button3 {
	padding: 0;
	margin: 0;
	line-height: 5px;
	height: 12px;
	background-image: none;
	font-variant: small-caps;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border: 1px solid #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	text-decoration: none;
	color: #000000;
	padding: 2px 8px;
	line-height: 250%;
	vertical-align: text-bottom;
	background-position: 0 1px;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border: 1px solid #BCBCBC;
	background-position: 0 100%;
	color: #BCBCBC;
}


/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #000;
	background-color: #FAFAFA;
	background-image: url("./images/bg_button.gif");
}

a.button1, input.button1 {
	border-color: #666666;
}

input.button3 {
	background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	color: #000000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #BC2A4D;
	color: #BC2A4D;
}


input.disabled {
	color: #666666;
}

