/*  NULL STYLE   */

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* COMMON */

body {
    color: #5AB977;
    background-color: #FFFFFF;
    background-image: url(../pic/page_fon.png);
    background-repeat: repeat-x;
    line-height: 1.3em;
    color: #333333;
	font: 11px Arial, Helvetica, sans-serif;
	text-align:center; /* to IE compatibles  with text-align # content*/
	min-width:1030px;  /* to Netscape compatibles*/
  }

a:link {
	text-decoration: none; font-weight: normal;
	color:#007FC3;
}

a:hover {
	text-decoration: none; 
	font-weight: normal;
	color:#FE780A;
    background-color:#CFEDFE;
}

a:visited {
	text-decoration: none; 
	font-weight: normal;
	color:#7E83FE;	
}

/*input.button { cursor: pointer;}*/


/* **************  Content *********************************** */
#container {
  margin: 0px auto;
  width: 1020px;
  text-align:left;
  }
#container_admin {
  margin: 0px auto;
  width: 100%;
  }
  
#logo {
	background: url(../pic/biglogo.png) no-repeat;
    display: block;
    height: 85px;
    width: 278px;
	margin: 10px 0px 0px 20px;
    }

/* ************************ FON *********************** */

#main_header_top {
	background: url(../pic/main/main_fon_top.png) no-repeat;
	padding-top: 15px;
	}
#main_header_top_admin {
	background-color:#D1EDFD;
	padding-top: 15px;
	}	
	
#main_header {
	background: url(../pic/main/main_fon_1.png) repeat-y;
	padding: 5px 20px 0px 20px;
	}
#main_header_admin {
	background-color:#D1EDFD;
	padding: 5px 20px 0px 20px;
	}

#main_header_bot {
	background: url(../pic/main/main_fon_bot.png) no-repeat;
    /*padding-bottom: 16px;*/
	}
#main_header_bot_admin {
	background-color:#D1EDFD;
    /*padding-bottom: 16px;*/
	}
	
#main_content_top {
	background: url(../pic/main/main_fon_2_top.png) no-repeat ;
	padding-top: 16px;
}
#main_content_top_admin {
	background-color:#D1EDFD;
	padding-top: 16px;
}

#main_content {
	background: url(../pic/main/main_fon_2.png) repeat-y;
	padding: 0 25px 0;
	}
#main_content_admin {
	background-color:#D1EDFD;
	padding: 0 25px 0;
	}
	
#main_content a:hover, #main_content_admin a:hover {
	text-decoration: none; 
    background-color:#FFF;
}	
	
#main_content_bot {
	background: url(../pic/main/main_fon_2_bot.png) no-repeat;
	padding-top: 15px;
	}
#main_content_bot_admin {
	background-color:#D1EDFD;
	padding-top: 15px;
	}		




/* ************************************************************ */	
/* ************************************************************ */	

#head {
  	position: relative;
}

#bigwrapper {
	float:left;
	width: 100%;
    background: url(../pic/main/main_fon_2.png) repeat-y; 
}
#bigwrapper_admin {
	float:left;
	width: 100%;
    background-color:#F3FFFF;
}

#wrapper {
    float:left;
	width: 100%;
}

#content {
    margin: 0 235px 0 235px;
}
#content_admin {
	margin: 0 1% 0 210px;		   
}

#content p, #content_admin p {
	padding-bottom:6px;
	text-indent: 2em;
	text-align:justify;
}

#content h2, #content_admin h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.4em; 
	color: #008B8B;
	text-align: center;
	background-color:#D0ECFD;
	margin: 10px 0 20px 0;
}

#content h3, #content_admin h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em; 
	color: #008B8B;
	text-align: center;
	background-color:#CCFFCC;
	margin: 10px 0 20px 0;
}
	
#content ul, #content_admin ul {
	/*list-style-type:square;*/
	list-style-image: url(../pic/kv.gif);
	margin: 15px 0 15px;
}

#content ul li, #content_admin ul li {
	margin: 0px 0px 3px 20px;
}

.question {
	display:block;
	background-color:#DEEDC6;
	border: 1px solid #339966;
	width: 96%;
	margin: 0 auto;
	padding: 3px;
    
}
.questanswer {
	display:block;
	color:#999;
	margin-top: 10px;
}

/* **************************** NEWS COLUMN ****************************** */
#news {
	float: left; 
	width: 200px;
    margin-left: -220px;
    margin-right: 20px;
}

#news p {
	margin: 0 7px 5px 9px;
}

#news a:hover {
	text-decoration: none; 
    background-color:#FFF;
}

.informer {
   margin:5px auto 5px;
   width: 120px;
}

.weather {
   display:block;	
   margin:15px auto 5px;
   width: 120px;
}

/* ************************  MENU  (LEFT BLOCK) ************************** */
#navigation {
	float: left; 
	width: 210px;
    margin-left: -1010px;
}
#navigation_admin {  
	float: left; 
	width: 210px;
    margin-left: -100%;
}

#navigation p, #navigation_admin p {
	padding: 4px;
}

.license{
   margin: 15px 4px 15px 12px;
   font-size: x-small;
   color: #339999;
   text-align:left;
}
 
.contact {
	margin: 15px 0px 15px 12px;
}
.contact a {
	font-weight:bold;
}

/* ******************************  FOOTER ******************************** */
#footer {
	clear:both;
	width:100%;
}

/* ****************************** TABLES ********************************** */
.tablehide {
	border: 0px;
	text-align: left;
	margin: 6px auto 10px;
}
.tablehide td {
	border: 0px;
        padding: 3px;
}
/* --------------------------- */
.bottomline {
   margin: 6px auto 10px;
}
.bottomline td {
   border-bottom:1px solid #339966;
   padding: 3px;
}
/* --------------------------- */
.table {
	/*font-size: small;*/
        border-collapse:collapse;
	border: 1px solid #339966;
	text-align: center;
	margin: 10px auto 15px;
}
th {
   text-align: center;
   padding: 3px;
   border: 1px solid #339966;
   vertical-align: middle;
   background: #CCFFCC;
   color: #008B8B;
   font-weight:bold;
}
.table td {
   padding: 3px;
   border: 1px solid #339966;
}
/* --------------------------- */
.trcolor {
   background-color:#DEEDC6;
}
.firstcolumn {
   text-align:left;
}

/* ************************ IMG ************************** */

.map {
	width:22px;
	height:15px;
	margin-left:10px;
}
#img_section {
	/*width:24px;*/
	height:28px;
	padding-bottom: 5px;
}

#img_country {
	float:right;
	width: 80px;
	margin-top: 4px;
}

.img_left {
	 width:auto;
	 display:block;
	 float:left;
	 margin: 5px 5px 5px 0px;
}
.img_right {
	 width:auto;
	 display:block;
	 float:right;
	 margin: 5px 0px 5px 5px;
}
.imgfloat {
	display: block;
	border: 1px solid #2E8B57;
	margin: 5px auto 5px;
	padding : 8px;
}

.imgcenter {
	display: block;
	margin: 15px 0 15px 40px;
}
.img_menu {
	width: 7px; 
	height: 7px;
}
.mapgoogle {
    display:block;
	margin: 20px auto 15px;
}

/* ************************ FORMS ************************** */
.formSearch {
	width: 300px;
	padding-left: 670px;
	text-align:right;
	padding-bottom: 5px;
}

.input-search { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
	color:#162E74;
	padding:2px 10px 0px 10px;
	border:none;
	width:186px;
	height:22px;
	vertical-align:middle;
	background:url(../pic/sample_input.gif) 0 0 no-repeat; 
}

.input-button{ 
	background:url(../pic/search.png) 0 0 no-repeat;
	width:38px;
	height:26px;
	border:0;
	vertical-align:middle;
}

/* ************************ TEXT ************************** */

.main_text {
	width: 520px;	
	margin: 5px 10px 0 250px;
	/*230px = width sidebox + 10 px*/
	font-size: 12px;
}

/* ************************ OTHER ************************** */	

#panorama {
	/*  background: url(../pic/panorama.jpg); */
	background: url(../pic/panorama.jpg);
	background-repeat:no-repeat;
	margin: 0px auto 10px;
	height: 143px;
    width: 950px;
	}

.reklama {
	float:right;
/*	display:block;*/
	width:50%;
	text-align:right;
	margin-right: 20px;
}
.attentionNormal {
	font-style: italic;
}
.attention {
    color: #CC3333;
}

.upprice {
	color: #FF3366;
}
.downprice {
	color: #09F;
}

a.help {
   /*position:relative;*/
}
a.help span {
   position:absolute;
   display:none;
   left:20px;
   top: -15px;
   white-space:pre;
   background-color:#FFC;
   border:1px solid #00C;
   padding:0 10px 0;   
}
a.help:hover {
   position:relative;
   background-color:#FFF;
}
a.help:hover span {
   display:block;
}

/* **************************** COLOR *********************************** */
.red { color:red;}
.orng { color:#F90;}
.yel { color:yellow;}
.green { color:green;}
.blue { color:#6CF;}
.navy { color:#00F;}
.fiol { color:#609;}


/* **************************** MAIN MENU **************************** */

/* Show only to IE PC \*/
/** #boxhead h2 {height: 1%;}  For IE 5 PC */
/** #boxhead li {float: left;}  For IE 5 PC */
/** #boxhead li a {height: 1%;}  For IE 5 PC */

#sidebox {
	/* margin: 0 auto;  center for now */
	width: 19em; /* ems so it will grow */
	background: url(../pic/menu_main/menubody_r.gif) no-repeat bottom right;
	/*font-size: 105%;*/

}
#boxhead {
	background: url(../pic/menu_main/menuhead_r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	
}
#boxhead h2 {
	background: url(../pic/menu_main/menuhead_l.gif) no-repeat top left;
	margin: 0;
	padding: 15px 30px 10px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
#boxbody {
	background: url(../pic/menu_main/menubody_l.gif) no-repeat bottom left;
	padding: 15px 4px 20px 6px; 
}
* html #boxbody { /* ?????? ??? IE */
	padding: 10px 4px 10px 5px;
}

#boxbody li {
	position: relative;
	height: 20px;
/*	padding-left: 5px;
	padding-right: 4px;*/
	
}
#boxbody li a, #boxbody li ul li a {
	display: block;
	padding: 3px 5px 2px 10px;
	/*border-bottom: 1px solid #336666;*/
	font-weight:600;
}

/*#boxbody li a:link, #boxbody li ul li a:link {
	color:#007FC3;
}*/
/*#boxbody li a:hover, #boxbody li ul li a:hover,
#boxbody li a:jshover, #boxbody li ul li a:jshover{
	color:#FFFF00;
    background-color:#ADDEAD;
}*/

/*  ********   submenu ***************** */
#boxbody li ul {
    position: absolute;
	display: none;
	top: 0px;	
	left: 18em; /* = width sidebox*/
	border:thin solid #89CAB9 ;
	background-color:#F1FEEE;
	font-weight:600;
}
#boxbody li ul li {
	/*border-top: 1px solid #3C6;*/
	height: 20px;
	width: 18em;
	padding: 0px;
	margin: 0px;
}

#boxbody li:hover ul, #boxbody li.jshover ul { 
	display: block;
}
/*#boxbody li:hover, #boxbody li.jshover { 
	background-color:#FFF;
}*/

/* *************************** NAVIGATION **************************** */

#header_navigation_container {
	background: transparent url(../pic/top_nav_r.png) no-repeat scroll right top;
	float: right;
	margin-right: 20px;
	margin-top: -55px;
  }

#header_navigation {
  background: transparent url(../pic/top_nav_l.png) no-repeat scroll 0 top;	
  float: right;
  margin-right: 13px!important; /* 13px = width top_nav_r.png*/
  margin-right: 6px; 
  padding-left: 16px!important; /*  width left pic */
  padding-left: 13px;
  }
  
#header_navigation li { 
  float: left; 
  display: block;
  background: transparent url(../pic/top_nav_m.png) repeat-x scroll 0 0;
  border-right: 1px solid #677a81;
  }
	
#header_navigation li a {
  display: block;
  /*padding: 14px 17px 13px; */
  padding-top: 14px!important;
  padding-left: 17px;
  padding-right: 17px; 
  padding-bottom: 13px!important;
  padding-top: 15px;
  padding-bottom: 14px;
  
  font-family: Verdana;
  font-size: 12px;
  font-weight:600;
  text-decoration: none;
  color: #CEF8D4;
  }


#header_navigation li a:hover, #header_navigation li a:active {
	color: #FF6;	
}
/*#header_navigation li a:link, #header_navigation li a:visited {
   color: #BBBBBB;
  } */
#header_navigation li.first { 
    border-left: 1px solid #586c5f; 
}

/* *************************** roundbox ***************************** */
/* http://www.neuroticweb.com/recursos/css-rounded-box/index.php?color=CCFFCC&fondo=FFFFFF */
/*  roundbox one color   */

.rbroundbox { background: url(../pic/roundbox/nt.gif) repeat; }
.rbtop div { background: url(../pic/roundbox/tl.gif) no-repeat top left; }
.rbtop { background: url(../pic/roundbox/tr.gif) no-repeat top right; }
.rbbot div { background: url(../pic/roundbox/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../pic/roundbox/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; text-align: center; }
.rbcontent {	
    color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.rbroundbox { 
    width: 96%;
	/*width: 215px;*/
    margin: 0em auto 1.5em; 
}