* { margin:0; padding:0; }

html { background-color: #fff; color: #000; font-family:Arial, Helvetica, sans-serif; font-size: 14px; }

body { }

img { border: none; }
#content img { margin: 5px;}
.clear { clear: both; }

#page { width: 970px; margin: 10px auto; position: relative; }

#header { height: 110px; background: url(images/box.jpg) repeat-x; border-bottom: 5px solid #993333; position: realative;  }
#header #treningakademia-logo img {  position: absolute;}
#header #treningakademia img { position: relative; top: 0px; left: 100px; }

#header ul { position: relative; top: 2px; left: 110px;  }
#header li { display: inline; padding-right: 15px; }
#header li a { text-decoration: none; font-size: 11px; color: #666666; font-weight: bold; }
#header li a:hover { color: #993333; }

#page #banner img { position: absolute; top: 25px;  left: 480px; }

#left { width: 742px; float: left; }

div.menu li#m1, div.menu li#m2, div.menu li#m3, div.menu li#m4 { float: left; list-style: none; margin: 4px 4px 4px 0; text-align: center; height: 26px; }
div.menu li#m1 { width: 160px; background: url(images/menu_k.jpg) repeat-x; }
div.menu li#m2 { width: 190px; background: url(images/menu_b.jpg) repeat-x; }
div.menu li#m3 { width: 210px; background: url(images/menu_k.jpg) repeat-x; }
div.menu li#m4 { width: 170px; background: url(images/menu_b.jpg) repeat-x; margin-right: 0; }
div.menu li#m1 a.parent, div.menu li#m2 a.parent, div.menu li#m3 a.parent, div.menu li#m4 a.parent { /*font-family:"Times New Roman", Times, serif;*/  display: block; padding: 5px 0; color: #EFEFEF; text-decoration: none; font-weight: bold;  letter-spacing: 0.4px; }
div.menu li span {  }
div.menu li#m1 a:hover, div.menu li.m2 a:hover, div.menu li#m3 a:hover, div.menu li#m4 a:hover  { color: #D8C7A9; }


div#breadcrumb { height: 20px; color: #828282; font-size: 0.8em; }
div#breadcrumb p {  margin:7px 0 0 0; }
div#breadcrumb a { color: #828282; }

div#content { width: 742px; }
div#content div#box_left { width: 360px; }
div#content div.box_left { width: 742px;  float: left; background: url(images/box_left.jpg) no-repeat; padding-top: 30px;   }
/*div#content div#box_right { width: 370px; float: right; background: url(images/box_right.jpg) no-repeat; }*/
div#content div#box_right { width: 370px; float: right; background: url(images/box_right2.jpg) repeat-x; padding-top: 30px; }



#content { font-size: 0.9em; }

#content h1, #content h2, #content p.h2, #content h3 #content p.h3 { color: #831D1B; /*font-family:"Times New Roman", Times, serif;*/ text-transform: uppercase; font-size: 1.2em; margin: 10px 0 5px 10px; font-weight: bold; }
#content h1 { margin-top: 0; }
div#box_right h2#jobb_cimsor { margin-top: 0; }
#content h3 #content p.h3 { font-size: 1.1em; font-weight: bold; }
#content p { margin: 5px 0; }
#content a { color: #3333CC;}
#content a:hover, #content a:visited, #content a:active { color: #3333CC;}

#content form { }
#content form fieldset { padding: 10px;}
#content form label { width: 150px; float: left; }
#content form input.txt { width: 300px;}
#content form input.img {}
#content form textarea.longtxt { width: 300px; height: 50px; }
#content .error {font-size: 1.1em; color:#FF0000; }

#content form#offer, #content form#newsletter_page { margin: 10px 20px; }
#content form#offer fieldset, #content form#newsletter_page fieldset { border: none; border-top: 1px solid #666; }
#content form#offer legend, #content form#newsletter_page legend  { padding: 0 5px; }
#content form#offer textarea  { width: 500px; height: 150px; }

#content ul, #content ol { margin: 10px 10px 10px 40px; }
#content li { padding: 3px; }



#right { width: 215px; float: right; }
ul#menu2 { margin-left: 0px; }
ul#menu2 li { list-style: none; margin: 4px 4px 6px 0; height: 26px; width: 215px; background: url(images/menu_k.jpg) repeat-x; }
ul#menu2 li a { /* font-family:"Times New Roman", Times, serif;*/  font-weight: bold; display: block; padding: 5px 0 0 10px; color: #EFEFEF; text-decoration: none; letter-spacing: 0.4px; }
ul#menu2 li a:hover { color: #D8C7A9; }

#right div#news p.name { font-size:1.6em; color: #0C4065; /*font-family: "Times New Roman", Times, serif;*/ margin: 10px 0 0 10px; padding:0; }
#right div#news ul { margin: 5px 0 10px 27px; }
#right div#news li { list-style-image:url(images/li.jpg); margin-bottom: 5px;}
#right div#news a { font-size: 0.9em; color: #0E538A; }
#right div#news a:hover { color: #993333; }

#right div#mail_list { background: url(images/hirlevel3.jpg) no-repeat; width: 213px; height: 128px; }
#right div#mail_list form { /*width: 206px; padding: 41px 0 0 11px; position: relative;*/ }
#right div#mail_list fieldset { border: none; }
#right div#mail_list legend { font-size: 1.6em; color: #5A1C21; padding: 5px 7px 10px; }
#right div#mail_list input.txt { background-color:#F5EEDC; width: 120px; height: 1.3em; font-size:0.8em; border: none; line-height: 1.2em; margin: 0 0 11px 11px; }
#right div#mail_list input.submit { margin: 0 0 0 32px; }

#right div.box { background: #E0D2B5 url(images/box2.jpg) repeat-x; padding: 5px 7px; margin-bottom: 10px; font-size: 0.9em; }
#right div.box p.name { font-size:1.8em; color: #5A1C21; /*font-family: "Times New Roman", Times, serif;*/ }

#right div#ajanlatkeres { margin: 10px 0; }
#right div#jelentkezes { margin: 10px 0 5px; }


#footer { text-align: center; margin: 40px 10px 20px; padding: 15px 10px 20px; color: #333333; font-size: 0.8em; border-top: 1px solid #666666; }
#footer a { color:#941718; }