/* -------------------------------------------------
Code: H.S.Laszlo 2009
http://www.xhtml2u.com
-------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img, table { border:0; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a {outline: none;outline-style:none;text-decoration:none;}
html {height: 100%;}
body {font-family:Arial, sans-serif;background:#fff url(../images/bg.jpg) repeat-x top;
font-size:12px;color: #000;text-align:left;}
.clear { clear: both; width: 90%; height: 15px; }
.alignleft { text-align: left; }
.alignjustify { text-align: justify; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.floatright{ float: right;}
.floatleft{	float: left;}
.italic{	font-style: italic;}
#wrap{width:960px;margin: 0 auto;background:transparent;text-align:left;}
#header, #footer{width:960px;clear: both;}
#bottom {width:870px;clear:both;padding:0 15px;margin:5px 0;height:100px;text-align:center;}
/* ------------ Header ----------------- */
#header{height:250px;text-align:right;background:#fff url(../images/head_bg.jpg) no-repeat left;position:relative;}
#header h1{color: #2C84CF;font: normal normal bold 36px/36px Trebuchet MS, sans-serif;float:right;padding:20px 20px 0 0;}
#header h1 span{color:#434141;font: normal normal bold 18px/36px Century Gothic, sans-serif;}
/* --------------- Headings -------------- */
/*
h2 {padding: 15px 0 2px 15px;color: #666666;font:normal bold 16px/normal 'Arial';}
h3{color:#2c84cf;font:normal bold 16px/normal 'Arial';margin:0;padding:3px 0 5px 10px;text-align:left;}*/

#content h1{color: #2C84CF;font: normal normal bold 20px/20px Trebuchet MS, sans-serif; padding:20px 10px;}
#content h2{color: #2C84CF;font: normal normal bold 16px/16px Trebuchet MS, sans-serif; padding:10px 10px;}
#content h3{color: #2C84CF;font: normal normal bold 14px/14px Trebuchet MS, sans-serif; padding:5px 10px;}
#content ul{display:block;text-align:left;float:left;padding:5px 5px 5px 20px;}
#content ul li{display:block;padding:4px 0 4px 16px;background: transparent url(../images/ba.jpg) no-repeat left;}
#content a{font-weight:bold;color:#F66C01;text-decoration:underline;}
#content a:hover{text-decoration:none;}
/* ------------ Top ----------------- */
#top{width:960px;clear:both;background:transparent;height:89px;position:relative;}
#logo{display:block;width:145px;height:72px;background:transparent;position:absolute;left:10px;top:10px;}

ul#top_menu{width:435px;height:28px;background:transparent url(../images/topmenu.png) no-repeat left;
position:absolute;top:0;left:180px;padding:0 0 0 20px;}
ul#top_menu li{display:block;float:left;width:140px;}
ul#top_menu li a{color:#fff;padding:6px 0 0 8px;float:left;font: normal normal bold 12px/normal Century Gothic;}
ul#top_menu li a:hover{color:#000;}
#top_menu li {position:relative!important;}
#top_menu li ul {background: #2F83C5;list-style: none;margin:0;width:145px;position:absolute;top: -999em;left:0px;}
#top_menu li:hover ul, #top_menu li.sfHover ul {top:22px;left:8px;}
#top_menu li ul li {border:0;float:none;background:#2F83C5;text-align:center;}
#top_menu li ul li { border-bottom: 1px solid #000;padding:0;width:145px;white-space: nowrap;}
#top_menu li ul li a{font-size:12px;text-decoration:none;font-weight:bold;color:#fff;padding:4px 0 0 0;
display:block;width:145px;height:20px;float:none;background:#2F83C5;}
/* ------------ Navigation ----------------- */
#nav{width:960;clear:both;height:30px;background:transparent;}
#nav3{}
#nav3 li{margin:0;padding:0;display:inline;position: relative;}
#nav3 li a{color:#fff;padding:4px 15px 0 10px;float:left;font: normal normal normal 14px/normal Century Gothic;}
#nav3 li a:hover{color:#E98324;}

#nav3 li.sfHover ul {top: 40px;}
#nav3 ul li {border:0;float:none;background:#78AF04;text-align:center;}
#nav3 ul li { border-top: 1px solid #fff;padding:0;width:145px;white-space: nowrap;}
#nav3 ul li a{font-size:14px;text-decoration:none;font-weight:bold;color:#fff;padding:4px 0 0 0;
display:block;width:145px;height:20px;float:none;background:#78AF04;}

/* ------------ Content ------------ */
#content{float:left;background-color:#fff;width:590px;margin:10px;}
#content.belso{margin-top:40px;}
img.pic{margin:10px;}
#content .f1{width:531px;height:144px;float:left;margin:0 0 16px 0;}
#content p{padding: 5px 15px;}
#content hr{width:90%;margin:8px auto;}
div.partnerek{padding:10px 0 0 20px;}
div.partnerek a{margin:0 10px 10px 0;float:left;}
a.back{color:#31B9E3;font:normal bold 12px/normal 'Arial';padding:2px 2px 10px 26px;float:left;
background: transparent url(../images//back.jpg) no-repeat 17px 6px;}


#links{padding: 5px 0 0 0px;}
#content #links ul#f4 {list-style-type: none;width:590px;padding:0;} 
#content #links ul#f4  li { border:0; margin:10px 0 10px 10px;width:280px;height:120px;float:left;background: transparent none;padding:0;}
#content #links ul#f4  li a {color:#2c84cf;display:block;padding: 5px 0px 0px 70px;width:210px;height:115px;
background: no-repeat left;font-weight:bold;}
#content #links ul#f4  li a.a1{background-image: url(../images/icon1.gif);}
#content #links ul#f4  li a.a2{background-image: url(../images/icon2.gif);}
#content #links ul#f4  li a.a3{background-image: url(../images/icon3.gif);}
#content #links ul#f4  li a.a4{background-image: url(../images/icon4.gif);}
#content #links ul#f4  li a.a5{background-image: url(../images/icon5.gif);}
#content #links ul#f4  li a.a6{background-image: url(../images/icon6.gif);}
 * html #content #links ul#f4  li a {width:270px;_width:220px;}  /* make hover effect work in IE */
#content #links ul#f4  li a:hover {background-color:#F5F5F5;}
#content #links ul#f4  a em {color: #333;display: block;font: normal normal 11px/140% Tahoma, sans-serif;}
#content #links ul#f4  a span {color: #000; font: normal 70% Tahoma, sans-serif;line-height: 150%;} 

/* ---------- Sidebar -------------- */
#sidebar{background-color:#fff;width:330px;float:left;text-align:center;padding:0;margin:10px 0 10px 0;}
#sidebar .top{width:330px;height:80px;background:#fff url(../images/domain_bg.jpg) no-repeat bottom;margin:0 0 10px 0;
color:#2C84CF;font-size:16px;text-align:left;}
#sidebar h3 a{font-size:14px;color:#31B9E3;font-weight:bold;margin:0;padding:3px 0 5px 10px;text-align:left;}
#sidebar img{margin:10px auto 2px auto;}
#sidebar p{text-align:left;padding:8px 24px;}
#sidebar a.more{color:#31B9E3;font:normal bold 12px/normal 'Arial';padding:2px 12px 2px 8px;
background: transparent url(img/arrow.jpg) no-repeat right 6px;}
#sidebar ul#nav_sub{text-align:left;padding:10px 20px 10px 10px;}
#sidebar ul#nav_sub li{margin:0;padding:3px 0 5px;border-bottom:1px solid #c3c3c3;}
#sidebar ul#nav_sub li a{color:#2c84cf;font:normal bold 16px/normal 'Arial';}


div.csomag{width:300px;padding:8px 10px 20px 10px;background: transparent url(../images/csomag_bg.jpg) no-repeat bottom;}
div.csomag h4{color:#6a6967;font: normal normal normal 18px/normal Century Gothic;text-align:left;border-bottom:1px solid #c3c3c3;}
div.csomag h4 span.cs_ar{color:#f99000;font-size:24px;}
div.csomag h4 span.fa{font-size:12px;}
div.csomag ul{width:310px;text-align:left;float:left;padding:10px 0 0 0;}
div.csomag ul.f1{background: transparent url(../images/01.jpg) no-repeat right;}
div.csomag ul.f2{background: transparent url(../images/02.jpg) no-repeat right;}
div.csomag ul.f3{background: transparent url(../images/03.jpg) no-repeat right;}
div.csomag ul li{display:block;padding:4px 0 4px 16px;background: transparent url(../images/ba.jpg) no-repeat left;}


/* ----------- Footer ------------- */
#footer{height:65px;background:#3C3A3B;position:relative;}
.left{float:left;width:550px;padding:0;background:transparent;}
.right{float:right;width:350px;padding:0;background: transparent;}
#footer p, #footer a{color: #fff;}
#footer p{float:left;padding: 5px 5px 0 15px;font-size:12px;line-height:150%;}
#footer p.fiz20{font-size:10px;}
/* ----------- Form ------------- */

table.data{margin:5px 0 10px;padding:0;}
table.data td{background-color:#FFF;line-height:20px;padding:5px;text-align:center;}
table.data td.cim{background-color:#FFF;line-height:20px;padding:5px;text-align:left;}
table.data th{color:#498929;font-size:16px;font-weight:normal;border-bottom:3px solid #CCC; text-align:center;}
table.data th a,table.data th a:visited{color:#498929;text-decoration:none;}
table.data th a:hover{color:#498929;text-decoration:underline;}
table.data tr.alt1 td{background-color:#F5F5F5;}
table.data tr.nohover:hover td{background-color:#FFF;}
table.data tr.nopadding td{padding:10px 0 10px 10px;}
table.data tr.pricing td{color:#333;font-size:16px;font-weight:bold;}
table.data tr.pricing td.reset{color:#666;font-size:12px;font-weight:normal;}
table.data tr.yearly td{background-color:#EAFFDF;}
table.data tr.yearly:hover td{background-color:#EAFFDF;}
table.data tr:hover td{background-color:#EBEBEB;}

table.data span.cs_ar{color:#f99000;font: normal normal normal 18px/normal Century Gothic;text-align:left;font-size:24px;}
table.data span.fa{font: normal normal normal 18px/normal Century Gothic;text-align:left;font-size:12px;}


#extra_info{background-color:#FFF;text-align:left;float:right;width:300px;margin:0;padding:0 0 10px 10px;}
#includes{background-color:#FFF;text-align:left;width:210px;float:left;margin:0;padding:0 10px 10px 0;}
ul.arrow{list-style-type:none;margin:3px 0 10px;padding:0;}
ul.arrow li{background:url(../images/icons/arrows.gif) 4px 4px no-repeat;line-height:25px;margin:0;padding:0 0 0 20px;}

/* ------------ domain kereso------------ */
#domk{position:relative;float:right;margin:10px 20px 0 0;width:272px;height:45px;padding:20px 0 0 8px;
background:transparent url(../images/domain_bg.png) no-repeat;}
#whoisformdiv,#whoisresult{background-color:transparent;color:#2C84CF;}
form#whoisform{padding:2px 0 0 0;}
#whoisresult{background-color:transparent;padding:0 0 0 2px;color:#fff;}
#whoisresult p{color:#FF9E00;}
#whoisresult a{color:#2C84CF;}
#whoisresult a:hover{color:#2C84CF;text-decoration:underline;}
#whoisresult a:visited{color:#2C84CF;}

input#domainnev{background:#706e6f;color:#fff;border:0;padding:1px;margin:4px 0 0 8px;float:left;}
button#kuldesgomb{border:0;background:transparent;margin:0;width:95px;height:24px;}

/* ------------ ------------ ------------ ------------ ------------ ------------ Gergely */

/* ------------ referenciak tablazata ------------ */
table.honlap {margin:10px; width:80%; text-align:left;}
table.honlap td{background-color:#FFF; padding:2px;border:1px dashed #CCC; }

table.cegadatok {margin:10px; width:80%; text-align:left; }
table.cegadatok td{background-color:#FFF; padding:1px; border:1px dashed #CCC;}
table.domainregadatok td{background-color:#FFF; padding:1px; border:1px dashed #CCC;}
table.domainregadatok {margin:10px; width:80%; text-align:center;}


/* ------------ arlista tablazata ------------ */
table.arlista div.csomag{width:190px;padding:8px 10px 20px 10px;}
table.arlista th{text-align:center;}
table.arlista div.csomag ul.f1{background: transparent;}
table.arlista div.csomag ul.f2{background: transparent;}
table.arlista div.csomag ul.f3{background: transparent;}