
/*  2009 copyright Lukas Jevicky
    http://www.jevicky.cz
    http://www.ekloe.com
*/

* { margin: 0; padding: 0; }

body { background: #8e8e8e url(../images/bg5.jpg) no-repeat top fixed; font: 12px/1.4 "lucida grande", "lucida sans unicode", sans-serif; color: #474848; }

a { text-decoration: none; color: #C1EEFF; }
a:hover { background: none; color: #ffffff; }

h1, h2, h3 { font-family: "lucida grande", "lucida sans unicode", sans-serif; color: #89171a; }
h1 { letter-spacing: -1px; font-size: 20px; font-weight: normal; }
h2, h3 { background: url(../img/layers.png) no-repeat; padding-left: 23px; margin-bottom: 15px; letter-spacing: -1px; font-size: 1.2em; }
h3 { margin-bottom: 15px; letter-spacing: -1px; font-size: 1.2em; }

.hdn_h1 { display: none; height: 1px; width: 1px; }

.jcls { width: 430px; float: left; text-align: justify; padding-right: 20px; color: #1b4464; }
.jcls_img { width: 400px; float: left; text-align: center }

.input_text { width: 100%; border: 1px solid #000000; text-align: justify; }
.input_textarea { width: 100%; height: 150px; border: 1px solid #000000; text-align: justify; }
.error_msg { border-top: 4px solid #ff0000; background: #FFF1F1 url(../img/stop.png) 5px 10px no-repeat; text-align: justify; padding: 10px 10px 10px 30px; }
.done_msg { border-top: 4px solid #007608; background: #DFFFE1 url(../img/accept.png) 5px 10px no-repeat; text-align: justify; padding: 10px 10px 10px 30px; }
.query_msg { background: url(../images/bell.png) 5px 10px no-repeat; text-align: justify; padding: 10px 10px 10px 30px; }
.help_msg { border-top: 4px solid #52898B; background: #E8FDFF url(../img/help.png) 5px 10px no-repeat; text-align: justify; padding: 10px 10px 10px 25px; }
.url_msg { color: #5F5F8B; background: url(../img/newspaper.png) no-repeat; text-align: justify; padding: 2px 0 2px 22px; font-size: 90%; }
.help_msg { color: #5F5F8B; background: url(../img/help.png) no-repeat; text-align: justify; padding: 2px 0 2px 22px; }

.clear { float: none; clear: both; height: 0px; }

td { padding: 1px; }

.img { margin: 5px; border: #163959 1px solid; }

/* === Wrapper === */

#wrapper { width: 1000px; margin: 0px auto; }

/* === Menu TOP === */

#top { margin: 0 auto; min-height: 169px; }

#menu {	width:100%; height:19px; }

#menu_about { padding-top: 12px; color: #C1EEFF; text-align: justify; }

#header_link { float:left; width:150px; }
#header_link p { font-family:Arial, Helvetica, sans-serif; padding:12px 0 0 23px; }
#header_link a { color:#ffffff;	font-size:18px; }

#menu_items { float:left; width:800px; padding-top: 15px; }
#menu_items ul { padding:0 0 0 0; float:right; }
#menu_items li { float:left; display:block; height:39px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; text-transform:uppercase; }
#menu_items li.last { background: none; }
#menu_items a {	color:#d3ea7b; display:block; float:left; padding:12px 20px 0 15px; }
#menu_items a:hover, #menu_items a.select { text-decoration:underline; font-weight: bold; }

/* Header */

#header { height: 130px; width: 100%; }

/* Logo */

#logo { position: relative; top: -20px;	left: 100px; color: #ffffff; }
#logo h1, #logo p { float: left; }
#logo h1 { padding: 20px 0 0 20px; font-size: 3.2em; font-weight: bold; color: #E43C15; }
#logo h1 a { background: none; color: #E43C15; }
#logo p { margin: 0; padding: 42px 0 0 6px; letter-spacing: 2px; line-height: normal; font: normal 1.4em Georgia, "Times New Roman", Times, serif; }

/* Page */

#page { width: 1000px; min-height: 100px; margin: 0 auto; }

#page_bottom_form { width: 100%; height: 280px; margin: 0 auto; color: #173a56;	padding-top: 20px; background: url(../images/about.gif) repeat-x top; }
#page_bottom_form H2 { letter-spacing: -1px; padding-left: 0px; font-size: 18px; font-weight: normal; color: #89171a; }

#page_bottom { padding-top: 10px; padding-left: 45px; width: 955px; min-height: 100px; margin: 0 auto; color: #ffffff; }
#page_bottom H2 { letter-spacing: -1px; font-size: 22px; font-weight: normal; color: #ffffff; border-bottom: 1px dashed #999; }

#bgtop { height: 20px; background: url(../img/content_top.gif); }

#bgbottom { padding-bottom: 20px; }

#page ul { list-style: none; }

#page ul li { padding-left: 15px; background: url(images/img11.gif) no-repeat left center; }

/* Sidebar Common Style */

.sidebar { padding-top: 20px; }

#page .sidebar ul { line-height: normal; }

#page .sidebar li { background: url(../img/bullet_green.png) no-repeat; padding-left: 22px; list-style:none; margin-top:5px; }

#page .sidebar li ul { }

#page .sidebar li li { padding: 5px 15px 5px 25px; background: url(img/bullet_green.png) no-repeat 10px 10px; border-bottom: 1px solid #F0F0F0; }

.sidebar a { background: none; }

/* Sidebar One */

#sidebar1 { float: left; width: 250px; padding-left: 20px; }
#sidebar1 h2 { font-weight:bolder; }
#sidebar1 h3 { font-weight:bolder; }

/* Sidebar Two */

#sidebar2 { float: right; width: 180px; padding-right: 20px; }
#sidebar2 h2 { font-weight:bolder; }
#sidebar2 h3 { font-weight:bolder; }

/* Content */

#content { float: left; width: 430px; height: 800px; min-height: 100px; padding: 0 0 0 20px; }
#content_wide { float: left; width: 1000px; padding: 0 0 0 20px; }
#content_wide h2 { font-size: 18px; color: #ffffff; padding-left: 0px }
#content_wide .reference { width: 430px; float: left; text-align: justify; padding-right: 20px; color: #ffffff; text-align: justify; font-size: 13px;padding-left: 30px }

html>body #content { height: auto; }

.box_float {
  float: left;
  width: 122px;
  padding: 8px;
  text-align: center;
  }

.box_float:hover {
  background-color: #ebeeef;
  color: #dd6326;
  }

.box_float_text {
  padding: 15px;
  text-align: justify;
  }

.box_float_text:hover {
  background-color: #ebeeef;
  color: #dd6326;
  }


.photo {
  border: #000000 1px solid;
}


/* Footer */

#footer {
        width: 100%;
        height: 100px;
        margin: 0 auto;
        color: #ffffff;
        text-align: center;
        padding-top: 30px;
}

#footer a {
	color: #ffffff;
}

#footer p {
        text-align: center;
        font-size: .8em;
        font-weight: normal;
}
