/*HVG Tudas Olimpia 2012 CSS*/

/*---------------------------------------------HTML-BODY*/
html {
	background:#393b48;
}

body {
	min-height:333px;
	margin:0px;
    padding:0px;
    border:none;
	border-top:40px solid #e95112;
	text-align:left;
	font:normal 13px "Trebuchet MS", Verdana, sans-serif;
	color:#393b48;
}

img {
	border:none;
}

table {
	text-align:left;
}

hr {
	height:5px;
	border:1px solid #737276;
	background:#737276;
	margin:2px 0;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

a {
	color:#393b48;
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6, p, ul, ol, li {
	margin:0;
	padding:0;
	list-style:none;
}

/*---------------------------------------------wrapper*/
.wrapper {
	width:960px;
	margin:0 auto;
	background:#fff;
}

/*---------------------------------------------top*/
#top {
	height:40px;
	background:#393b48;
	margin:-40px 0 0;
	color:#afb0bb;
}
#top a {
	color:#afb0bb;
	text-transform:uppercase;
}
#top a:hover {
	color:#fff;
}
#top .logo, #top .like, #top p {
	padding:10px;
}

/*---------------------------------------------left-col, right-col*/
.left-col {
	width:805px;
	padding:0 10px;
}

.right-col {
	width:120px;
}

/*---------------------------------------------header*/
#header {
	margin:10px 0;
}

/*---------------------------------------------menu*/
#menu {
	height:44px;
	background:url(/art/menu-bg.png) repeat-x 0 0;
	overflow:hidden;
	margin:10px 0;
	padding:0 0 0 10px;
}
#menu ul li {
	float:left;
	margin:0 2px 0 0;
	font-weight:bold;
	font-size:13px;
}
#menu a {
	display:block;
	padding:12px 10px 12px 10px;
	color:#393b48;
}
#menu a:hover {
	color:#e85113;	
}
#menu .active a {
	background:url(/art/menup-bg-active.png) repeat-x;
	color:#fff;
}
#menu .active a:hover {
	color:#fff;
}

/*---------------------------------------------itw content*/
/*title*/

/*box*/
#itw-content .box {
	min-height:285px;
	position:relative;
	margin:10px 10px 0 0;
}
#itw-content .box ul li {
	margin:5px;
}
#itw-content .box .title h3 {
	background:#515463;
	color:#fff;
	padding:10px;
}
#itw-content .box .title h1 {
	background:#dde2e2;
	color:#515463;
	padding:10px;
	font-size:18px;
}
#itw-content .box .title h1 strong {
	font-size:24px;
}
#itw-content .box .content {
	padding:10px;
}
#itw-content .box .quest {
	padding:10px;
	background:#df6634;
	color:#fff;
	font-size:15px;
}
/*grey*/
#itw-content .box.grey {
	background:#ebeded;
}
/*blue*/
#itw-content .box.blue {
	background:#393b48;
	color:#fff;
}
#itw-content .box.blue a {
	color:#e85113;
}
#itw-content .box.blue .highlight a {
	color:#fff;
	background:#e85113;
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-size:17px;
	padding:10px 0;
}
#itw-content .box.blue .highlight a:hover {
	background:#e86d13;
}
/*li1*/
#itw-content .box.li1 ul li {
	list-style:outside disc url(/art/arrow-li.gif);
	margin:5px 0 5px 33px;
	padding:5px;
}
#itw-content .box.li1 ul li a {
	position:relative;
	top:-4px;
}
#itw-content .box.li1 ul li a:hover, #itw-content .box.li1 ul li strong {
	color:#e85113;
}
/*li2*/
#itw-content .box.li2 ul li {
	background:url(/art/separator-li.png) repeat-x bottom;
	list-style:outside disc url(/art/arrow-li-s.png);
	margin:5px 0 5px 22px;
	padding:5px 5px 10px 5px;
}
#itw-content .box.li2 ul li a {
	position:relative;
}
#itw-content .box.li2 ul li a:hover, #itw-content .box.li2 ul li strong {
	color:#e85113;
}
/*li3*/
#itw-content .box.li3 ul li {
	margin:0;
	padding:5px 5px 10px 5px;		
	background:url(/art/separator-li.png) repeat-x bottom;
}

#itw-content .box.li3 ul li a:hover, #itw-content .box.li3 ul li strong a {
	color:#e85113;
}

/*form, content...*/
#itw-content .content form {
	padding:10px 0;
}
#itw-content .content .help {
	padding:10px 0;
	border-top:2px dashed #CCC;
}
#itw-content .content .ok, #itw-content .content .next {
	padding:10px;
	margin:15px 5px 15px 0;
	text-transform:uppercase;
}
#itw-content .content .ok a, #itw-content .content .next a {
	color:#fff;
}
#itw-content .content .ok {
	background:#df6634;
}
#itw-content .content .next {
	background:#515463;
}

/*---------------------------------------------footer*/
#footer {
	padding:22px;
	margin:22px 0;
	background:#ebeded;
}
#footer a {
	margin:0 10px 0 0;
}
#footer a:hover {
	color:#e85113;
}

/* addon */
.fbpic {
	border:2px solid #df6634;
}

#fb-auth {
	border:none;
	background-color:transparent;
}

.mezo {
	width:500px;
	font-family:"trebuchet MS", tahoma, arial;
	font-size:12px;
	margin:2px;
	padding:2px;
	border:1px solid #e78300;
	background-color:#f4f4f6;
}

.mezo2 {
	width:500px;
	font-family:"trebuchet MS", tahoma, arial;
	font-size:12px;
	margin:2px;
	padding:2px;
	border:1px solid #e78300;
	background-color:#f4f4f6;
}

.mezom {
	width:200px;
	font-family:"trebuchet MS", tahoma, arial;
	font-size:12px;
	margin:2px;
	padding:2px;
	border:1px solid #e78300;
	background-color:#ffffff;
}


.btn {
	font-family:"trebuchet MS", tahoma, arial;
	font-size:14px;
	margin:2px;
	padding:2px;
}

.badge {
	border:1px solid #515463;
	margin:2px;
	padding:2px;
}

.msgok {
	border:2px solid #006600;
	background-color:#C0E7A5;
	font-size:16px;
}

.msgok P {
	padding:10px;
}

.msgerr {
	border:2px solid #990000;
	background-color:#FEA5A5;
	font-size:16px;
}

.msgerr P {
	padding:10px;
}

.narancs {
	color:#e75114;
}