﻿body {background:#222222 url(http://www.flexovit.hu/images/ubg.jpg); background-repeat: repeat-x; background-attachment: fixed; font: 120% verdana, sans-serif, ariel, tahoma; margin-left:10%; padding:15px 0 0;}
#door {background-color:#a6a6a6; color:#666666; border:1px solid #f0f0f0; margin:100px; padding:1px; width:434px}
#container {background:#a6a6a6 url(http://www.flexovit.hu/images/steel_bg.jpg); background-repeat: repeat-x; color:#000000; font-size:14px; border:1px solid #ffffff; -webkit-box-shadow: 0px 6px 6px #5d6265;
	-moz-box-shadow: 0px 6px 6px #5d6265;
	box-shadow: 0px 6px 6px #5d6265; margin:0 auto 20px; padding:20px; width:970px}
a {font-weight:bold; border:0; text-decoration:none;}
a:hover {font-weight:bold; border:0; text-decoration:none;}
a img {border:0;}
h1 {font-size:20px; color: #cacacc; font-weight:bold; margin:5px; padding:5px;}
h2 {font-size:18px; font-weight:bold; margin:15px;}
h3 {font-size:18px; font-weight:bold; color:#626365; margin:0 0 12px;}
h4 {font-size:16px; font-weight:bold; color: #000000;}
h5 {font-size:14px; font-weight:bold; text-align:center; color:#000000; margin:0 0 5px; padding:12px;}
p {line-height:16px; margin:0 0 15px; text-align:justify;}
ul,ol {list-style:none; margin:0 0 15px 5px; padding:0;}
li {list-style:none; margin:0 0 3px 0;}


#header  {background:#404040 url(http://www.flexovit.hu/images/header.jpg); background-repeat: no-repeat; color:#ffffff; border:1px solid #ffffff; width:970px; height:250px; text-align: right;}
#header a {color:white; text-decoration:none; }
#header a:hover {text-shadow: 2px 2px #000000;}
#header b {color:#f2f5cb; text-decoration:none; }

#main {background:#ffffff; font-size:14px; color:#000000; border:1px solid #ffffff; float:right; padding:5px; width:720px; text-align:justify;}
#main p {font-size:16px; line-height:18px; padding:15px; width:690px;}
#main a {color:#000000; margin:5px 5px 5px 0; padding:3px 3px 3px 3px; text-align:center; text-decoration:none; font-weight: normal;}
#main a:hover{color:#ff0000; text-decoration:none; font-weight: normal;}
#main li{list-style-type:disc;}

#wrap {width:700px; margin:0 auto; background: #ffffff; height: auto;}
#wrap img {margin: 15px;}

#wrap_head{width:720px; margin:0 auto; height: 77px;}
#wrap p{font-size: 15px; line-height: 24px; width:auto; padding-left: 0px; text-align: left;}
#wrap h1 {font-size:26px; font-weight:bold; margin:0 0 5px; padding:17px; color: #ff0000; text-shadow: 1px 1px #000000; text-align: center;}
#wrap h2 {font-size:20px; font-weight:bold; margin:0 0 5px; padding:7px; color: #B2B2B2; text-shadow: 1px 1px #000000; text-align: center;}
.red {font-size:14px; font-weight:bold; color: #ff0000;}
.grey {font-size:14px; font-weight:normal; color: #4C4C4C;}
#left_col { float:left; text-align: center; width:218px; padding-top: 50px; background:#E6E6E6; height: auto; }
#right_col { float:right; width:430px; padding-top: 10px; padding-right: 10px;}
#left_col_1 { float:left; width:340px;}
#right_col_1 { float:right; width:350px;}
#left_col_2 { float:left; margin-left: 50px; width:400px;}
#right_col_2 { float:right; width: 415px;}
#wrap_footer{clear:both; width:720px; margin:0 auto; background: #E8E8E8 url(http://flexmann.com/images/wrap_footer_bg.jpg);  background-repeat: no-repeat; height: 49px; margin-bottom: 17px;}



#navitabs {text-decoration:none; background:#ffffff; clear:both;  margin:15px 0px 25px 0px; padding:15px 5px 15px 5px; text-align:center;}

#navitabs li {font-size: 14px; font-weight: normal; list-style-type: none; text-decoration:none; color:#000000; float: left; }
#navitabs ul ul {font-size: 14px; font-weight: normal; list-style-type: none; margin-top: 5px; padding: 10px; text-decoration:none; position: absolute; display: none; }
#navitabs ul li:hover ul {padding: 10px; background:#ffffff; opacity:0.9;
  filter:alpha(opacity=60); 
  /* For IE8 and earlier */
   
  font-weight: normal; clear:both; display: block; width: 200px; margin-bottom: 10px; border:1px solid #ffffff; -webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 2px 2px #5d6265;
	-moz-box-shadow: 0px 2px 2px #5d6265;
	box-shadow: 0px 2px 2px #5d6265; }
.sticky-navigation.stuck
{
   position: absolute;
	top: 0;
	border: 10px solid #E7EBEC;
	margin-bottom: 30px;
	 -webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 5px 5px 5px #5d6265;
	-moz-box-shadow: 5px 5px 5px #5d6265;
	box-shadow: 5px 5px 5px #5d6265;
	width: 940px;
	
}


.navitab {color:#727272; font-size:14px; margin:5px; padding:5px; text-decoration:none;}
.navitab:hover {border-bottom:3px solid #FCDE48; border-top:3px solid #FCDE48; text-decoration:none;}
.activenavitab {font-size:14px; margin:5px; padding:5px; text-decoration:none; border-top:3px solid #FCDE48;}
.activenavitab:hover {color:#727272; text-decoration:none; border-bottom:3px solid #FCDE48; border-top:3px solid #FCDE48;}


#sidebar {background:#222222; color: #ffffff; float:left; width:220px;}
body > #sidebar{position:fixed;}
#sidebar p {font-size:12px; line-height:14px; margin:10px 0 10px;}
#sidebar ul { margin:0 0 15px 0; padding:3px;}
#sidebar ul h4{font-size:16px; font-weight:bold; color: #000000;}
#sidebar li {list-style:none;}
#sidebar li h4{font-size:16px; font-weight:bold; color: #000000;}

#sidebar_right { float:right; width:220px;}
body > #sidebar_right{position:fixed;}
#sidebar_right p {font-size:12px; line-height:16px; margin:10px 0 10px;}
#sidebar_right ul { margin-top:15px; padding:3px;}
#sidebar_right li {background:#a6a6a6 url(http://www.flexovit.hu/images/nbgu.jpg); background-repeat: repeat-x; color: #ffffff; clear:both; margin:5px; padding:2px; text-align:center;}
#sidebar_right a{color: #ffffff; clear:both; margin:5px; padding:2px; text-align:center;}
#sidebar_right a:hover{color:#000000; clear:both; margin:5px; padding:2px; text-align:center;}


#sidebar_left {color: #9C9C9C; float:left; width:220px;}
body > #sidebar_left{position:fixed;}
#sidebar_left a {color: #9C9C9C; float:left; width:200px;}
#sidebar_left p {font-size:12px; line-height:16px; margin:10px 0 10px;}
#sidebar_left ul {margin-bottom:20px;}
#sidebar_left ul a{list-style:none; background:#ffffff; color: #9C9C9C; text-align: left; font-size: 14px; line-height:20px;margin-top:5px; padding:5px 0 5px 10px; border-top:1px solid #FCDE48; border-right:3px solid #FCDE48; display:block;}
#sidebar_left ul a:hover{list-style:none; color:#000000; border-top:1px solid #FCDE48; border-right:3px solid #FCDE48;}
.kep a {margin-top: 20px;}
#sidebar_left li a{width:200px; background:#ffffff; color: #9C9C9C; text-align: left; font-size: 14px; line-height:16px; margin-top:5px; padding:5px 0 5px 10px; border-top:1px solid #FCDE48; border-right:3px solid #FCDE48; display:block;}
#sidebar_left li a:hover{width:200px; list-style:none; color:#000000; border-top:1px solid #FCDE48; border-right:3px solid #FCDE48;}
.kep a {margin-top: 20px;}

ul.sidelink a{list-style:none; font-size:12px;  color:#ffffff;}
ul.sidelink h4 {font-size:16px; font-weight:bold; color: #505050;}
ul.sidelink a:hover {color:#000000; border:none; text-decoration:none;}
ul.sidelink a:active {color:#505050; border:none; text-decoration:none;}
ul.sidelink li {margin:3px 0 3px; padding:0px;}
ul.sidelink li a{color:#ffffff; background:#222222;margin:5px 10px 5px 0px; padding:3px 4px 3px 10px; text-align:left; width:170px; text-decoration:none;}
ul.sidelink li a:hover {background:#ffff00; width:170px; color:#000000; border:none; text-decoration:none;}
ul.sidelink li a:active {background:#ffffaa; width:170px; color:#ffffff; border:none; text-decoration:none;}


#wrap { width:700px; margin:0 auto;}
#wrap img {margin: 15px;}

#wrap_head{margin:0 auto; height: 77px;}
#wrap p{font-size: 15px; line-height: 24px; width:auto; padding-left: 0px; text-align: left;}
#wrap h1 {font-size:26px; font-weight:bold; margin:0 0 5px; padding:17px; color: #8E8E8E; text-shadow: 1px 1px #000000; text-align: center;}
#wrap h2 {font-size:20px; font-weight:bold; margin:0 0 5px; padding:7px; color: #515151; text-shadow: 1px 1px #000000; text-align: center;}
.red {font-size:14px; font-weight:bold; color: #000000;}
.grey {font-size:14px; font-weight:normal; color: #4C4C4C;}


#left_col { float:left; margin-left: 10px; width:316px;}
#right_col { float:right; width:300px;}
#left_col_1 { float:left; margin-left: 10px; width:350px;}
#right_col_1 { float:right; width:330px;}
#left_col_2 { float:left; margin-left: 50px; width:400px;}
#right_col_2 { float:right; width: 415px;}


#outer-menu a
{ position: fixed; left: 10px; top: 10%; width: 200px; margin-top: -2.5em; color: red; background: #F8F8F8; font-size: 16px; text-align: center; text-shadow: 1px 1px #000000;
margin: 10px; padding: 10px; border: 1px solid #ff0000;
	 -webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 5px 5px 5px #ffffff;
	-moz-box-shadow: 5px 5px 5px #ffffff;
	box-shadow: 5px 5px 5px #ffffff;
}

#outer-menu-right 
{ position: fixed; right: 10px; top: 50%; width: 120px; margin-top: -2.5em;}


#tabla {background:#ffffff; color: #696969; clear:both;}
#tabla a {color:#ff0000; }
#tabla a:hover {color:black;}
#tabla p { font-size:10px; line-height:14px; margin:15px 0 0; padding:0;}

#footer {background:#ffffff; clear:both; margin:20px 0px 0px 0px; padding:10px; border-top: 10px solid #a6a6a6;}
#footer a {color: black;}
#footer a:hover {color:black;}
#footer p { font-size:14px; line-height:20px; margin:15px 0 0; padding:0;}

.felirat {background:#ffff00 url(http://www.flexovit.hu/images/gbg.jpg); background-repeat: repeat-x; background-position: top center; color: #000000;margin-top:40px; padding: 0px; vertical-align: top; padding-top:5px; height:20px;}
.felirat marquee {padding-left: 15px; padding-right: 15px; border:none; background:yellow; color: #000000; font-size: 12px;}
.felirat marquee a, 


.photo {background-color:#f0f0f0; padding-bottom:15px; border:1px solid #ffffff; -webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 2px 2px #5d6265;
	-moz-box-shadow: 0px 2px 2px #5d6265;
	box-shadow: 0px 2px 2px #5d6265; margin:0px; padding:1px;}
	
.photo2 {background-color:#f0f0f0; padding:15px; margin: 15px; border:1px solid #ffffff; -webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 2px 2px #5d6265;
	-moz-box-shadow: 0px 2px 2px #5d6265;
	box-shadow: 0px 2px 2px #5d6265; margin:0px; padding:1px;}

.stickytooltip{box-shadow: 5px 5px 8px #434344; -webkit-box-shadow: 5px 5px 8px #434344; -moz-box-shadow: 5px 5px 8px #434344; display:none; position:absolute; border:1px solid grey; background:white; color:#222222; z-index:3000;}
.stickytooltip p{font-size:14px; line-height:20px;}

.stickystatus{color:white; text-align:center; font:bold 10px Arial;}

.timestamp {color:#ffff00; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 10px; text-align:right; padding:10px;}
.block {background:#eccb5c; color:black; padding:10px;}
.hide {display:none;}
.help{color:yellow; text-align:right; font-style:italic;}
.next{color:#ffffff; text-align:right; font-style:italic;}
