@charset "utf-8";
/* Kontur Klinika CSS Document - created by velo */

body{
background:#fff;
margin:0 0 30px 0;
padding:0;
font: 11px Arial;
color:#333;
}

img{border:none;}

h1{
font:14px Arial;
color: #326495;
padding-top:10px;
text-transform:uppercase;
}

h1 a {
	text-decoration:none;
}

h2{
font:14px Arial;
color: #fff;
text-indent:15px;
text-transform:uppercase;
}

h3 {
color:#FFF;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-weight:normal;
font-stretch:normal;
font-style:normal;
font-variant:normal;
width:167px;
height:12px;
margin:0;
padding:15px 15px 25px 15px;
background:url(/template/kkhu/images/h3_bg.png) no-repeat;
}

h3 a {
color:#FFF;
text-decoration:none;
}


h4{
font:12px Arial;
margin: 0;
padding:0;
font-weight:bold;
}

h5{
font:16px Arial;
color:#FFFFFF;
margin:0;
padding:5px 0 10px 0;
}

a{color:#3d79b6;}
a:hover{color:#333333;}

a.text{color:#3d79b6;padding:2px 4px 2px 4px;}
a.text:hover{color:#ffffff;padding:2px 4px 2px 4px;background-color:#3d79b6;text-decoration:none;}

a.white{color:#fff; text-decoration:none}
a.white:hover{color:#c5ebef; text-decoration:none}

.clr{clear:both;}

.page{
width:980px;
background:url('/template/kkhu/images/bg.gif') repeat-x;
background-color:#1d9fad;
border-right:#fff 20px solid;
height:auto;
}

.pageTop{
height: 22px;
width:980px;
margin:0;
padding:7px 0 0 0;
}

.pageInner{
width:1000px;
background:url('/template/kkhu/images/header_vectors.png') left top no-repeat;
height:499px;
}

input.search{
background:url('/template/kkhu/images/input_search.png') no-repeat;
width:126px;
height:14px;
border:0;
font:11px Arial;
padding:6px;
margin-right:4px;
}

input.btn_search{
background:url('/template/kkhu/images/btn_search.png') no-repeat;
height:26px;
width:29px;
border:none;
padding:0;
margin:0;
cursor:pointer;
}

#header{
width:980px;
height:150px;
}

.languages{
float:left;
width:150px;
}

.topLinks{
float:left;
width:580px;
text-align:center;
font:12px Arial;
padding-right:150px;
color:#e6e6e6;
word-spacing:5px;
}

.topLinks a{
color:#e6e6e6;
text-decoration:none;
text-transform:lowercase;
}

.topLinks a:hover{
color:#fff;
text-decoration:none;
}

.langs{
margin: 0 16px 0 16px;
}

a.lang{
color:#fff;
text-decoration:none;
}

a.lang:hover{
color:#97cbff;
text-decoration:none;
}

#header{
width:980px;
height:150px;
}

#header .logo{
float:left;
width:230px;
padding:11px 59px 0 21px;
}

#header .slogan{
color:#f0f0f0;
font: 11px Arial;
float:left;
width: 338px;
padding: 31px;
line-height:200%;
}

.container{
width:1000px;
clear:both;
}

.left{
float:left;
width:199px;
padding: 9px 0 0 14px;
}

#leftBox{
width:197px;
margin-bottom:10px;
}

#leftBox .top{
width:197px;
height:10px;
margin:0;
padding:0;
background:url('/template/kkhu/images/left_top.png') no-repeat;
}

#leftBox .bottom{
width:197px;
height:12px;
margin:0;
padding:0;
background:url('/template/kkhu/images/left_bottom.png') no-repeat;
}

#leftBox .box{
width:177px;
margin:0;
padding:0 10px 0 10px;
background:url('/template/kkhu/images/left_bg.png') repeat-y;
}

img.banner{
margin-bottom:10px;
border:#d8d8d8 1px solid;
}

input.small{
background:url('/template/kkhu/images/input_small.png') no-repeat;
width:110px;
height:20px;
border:0;
font:11px Arial;
padding:6px 6px 0px 6px;
margin:0px 4px 0px 0px;
display:inline-block;
vertical-align:bottom;
}

input.big{
background:url('/template/kkhu/images/input_big.png') no-repeat;
width:167px;
height:14px;
border:0;
font:11px Arial;
padding:6px;
margin-right:4px;
margin-bottom:4px;
}

.Lname{
float:left;
padding:7px 0 0 0;
}

.Rinput{
float:right;
margin:0px 8px 4px 0px;
}

input.buttonDark{
background:url('/template/kkhu/images/input_button.png') no-repeat;
width:122px;
height:26px;
padding-left:30px;
border:none;
color:#FFFFFF;
font:14px Arial;
margin-right:4px;
cursor:pointer;
}

.right{
float:left;
width:245px;
padding:70px 0 0 6px;
}

#rightBox{
width:215px;
margin-bottom:10px;
}

#rightBox .top{
width:215px;
height:10px;
margin:0;
padding:0;
background:url('/template/kkhu/images/right_top.png') no-repeat;
}

#rightBox .bottom{
width:215px;
height:12px;
margin:0;
padding:0;
background:url('/template/kkhu/images/right_bottom.png') no-repeat;
}

#rightBox .box{
width:185px;
margin:0;
padding:0 15px 0 15px;
background:url('/template/kkhu/images/right_bg.png') repeat-y;
}

.goBlogs{
width:27px;
height:39px;
background:url('/template/kkhu/images/btn_blog.png') no-repeat;
float:left;
margin:-60px 0px 0 210px;
}
.goRefs{
width:27px;
height:39px;
background:url('/template/kkhu/images/btn_blog.png') no-repeat;
float:left;
margin:-66px 0px 0 210px;
}

.opinion{
padding:0 20px 10px 5px;
line-height:150%;
}

.blog{
width:175px;
padding:0 5px 10px;
line-height:150%;
}

.center{
float:left;
width: 530px;
padding:7px 0 0 6px;
}

.separator{
height:1px;
width:496px;
margin:30px 0 15px -20px;
background:url('/template/kkhu/images/sep.gif') repeat-x;
}

.heading{
color:#1eccdf;
font:12px Arial;
text-align:center;
width:400px;
margin:auto;
}

.nav{
color:#3d79b6;
margin-left:-4px;
}

.nav a{
color:#3d79b6;
text-decoration:none;
padding:2px 4px 2px 4px;
}

.nav a:hover{
color:#fff;
text-decoration:none;
background-color:#3d79b6;
padding:2px 4px 2px 4px;
}

.blueLogin{
padding:10px;
color:#fff;
}

.BBox{
float:left;
width:190px;
margin:20px;
}

.blueName{
float:left;
padding-top:5px;
width:46px;
font:10px Arial;
}

.blueInput{
float:right;
width:144px;
margin-bottom:4px;
font:10px Arial;
}

input.blue{
background:url('/template/kkhu/images/input_blue.gif') no-repeat;
width:130px;
height:19px;
border:none;
padding:7px 7px 0 7px;
margin-right:4px;
font:10px Arial;
}

select.jumpmenu{
background:url('/template/kkhu/images/input_jumpmenu.gif') no-repeat;
width:189px;
height:26px;
border:none;
padding:5px 7px 5px 7px;
margin-bottom: 5px;
font:10px Arial;
}

input.buttonLight{
background:url('/template/kkhu/images/btn_blue.gif') no-repeat;
width:144px;
height:26px;
padding-right:30px;
border:none;
color:#FFFFFF;
font:14px Arial;
margin-right:4px;
cursor:pointer;
}

#mainmenu{
width:530px;
height:52px;
font:12px Arial;
}

#mainmenu .item{
width:100px;
height:32px;
color:#333333;
font:12px Arial;
background:url('/template/kkhu/images/mainbutton.png') no-repeat;
float:left;
margin-right:3px;
padding-top:20px;
padding-right:3px;
text-transform:uppercase;
text-align:center;
}

#mainmenu a{
color:#333333;
text-decoration:none;
font-size:14px;
}

#mainmenu a:hover{
color:#333333;
text-decoration:none;
font-size:14px;
}

#mainmenu .itemA{
width:100px;
height:32px;
color: #326495;
font:12px Arial;
background:url('/template/kkhu/images/mainbutton_a.png') no-repeat;
float:left;
margin-right:3px;
padding-top:20px;
padding-right:3px;
text-transform:uppercase;
text-align:center;
}

.content{
width:457px;
background:url('/template/kkhu/images/content_bg.png') repeat-y;
padding:15px 35px 10px 35px;
line-height:150%;
}

ul.menu{
width:100%;
margin-top: 0px;
margin-bottom: 0px;
}

li.menu{
list-style:none;
height:40px;
width:150px;
margin-left:-41px;
}

.menuitem{
width:147px;
height:28px;
padding-top:12px;
padding-left:30px;
background:url('/template/kkhu/images/menu_sep.gif') bottom repeat-x;
color: #326495;
text-decoration:none;
text-transform:uppercase;
cursor:pointer;
}

.menuitemActive{
width:157px;
height:28px;
padding-top:12px;
padding-left:30px;
background:url('/template/kkhu/images/menu_active.png') no-repeat;
color: #ffffff;
text-transform:uppercase;
text-decoration:none;
cursor:pointer;
}

a.btn{
color: #326495;
text-decoration:none;
cursor:pointer;
}

a:hover.btn{
color:#ffffff;
text-decoration:none;
cursor:pointer;
}

img.hir{
width:150px;
height:112px;
border:1px #666666 dashed;
padding:2px;
margin-left:10px;
}

img.cikk{
width:200px;
height:150px;
border:1px #666666 dashed;
padding:5px;
margin-left:10px;
}

.smallGallery{
width:450px;
text-align:center;
font:12px Arial;
line-height:30px;
}

.smallBox{
float:left;
margin:8px;
}

.smallBox img{
border:1px #bdbdbd solid;
}

.cbottom{
width:572px;
height:12px;
margin:0;
padding:0;
background:url('/template/kkhu/images/content_bottom.png') no-repeat;
}

.bigBox{
width:486px;
background-color:#336699;
margin:0 0 0 -15px;
}

.bigBoxTop{
width:486px;
height:10px;
background:url('/template/kkhu/images/bigbox_top.gif') no-repeat;
margin:20px 0 0 -15px;
padding:0;
}

.bigBoxBottom{
width:486px;
height:10px;
background:url('/template/kkhu/images/bigbox_bottom.gif') no-repeat;
margin:0 0 0 -15px;
padding:0;
}

/* Képnézegető */
.stepcarousel{
position: relative;
overflow: scroll;
width: 429px;
height: 252px;
border: 1px #f0f0f0 solid;
}

.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 12px;
border: 0px #f0f0f0 solid;
width: 420px;
height:462px;
}

.SlideGallery {
margin: 20px 0 0 -21px;
padding-left:33px;
width:463px;
}

.footer{
width:1000px;
padding-top:30px;
background:url('/template/kkhu/images/footer_bg.png') bottom no-repeat;
color:#FFFFFF;
line-height:150%;
}

.links{
width:330px;
float:left;
padding: 15px 0 0 20px;
}

.col{
width:33%;
line-height:300%;
float:left;
}

.col a{
color:#FFFFFF;
text-decoration:none;
padding-left:10px;
}

.col a:hover{
color:#c5ebef;
text-decoration:none;
padding-left:10px;
}

.textBox{
background:url('/template/kkhu/images/verline.png') left repeat-y;
width:260px;
height:200px;
float:left;
margin:10px;
padding: 0 5px 5px 25px;
display:inline-block;
}

.horline{
background:url('/template/kkhu/images/horline.png') repeat-x;
height:1px;
width:260px;
margin-bottom:30px;
}

.textBox ul{
margin:0px;
padding:0px 0px 0px 40px;
}


ul.gyik{
text-indent:0px;
margin-left:-40px;
margin-top: -10px;
list-style:none;
line-height:200%;
}

li.gyik {
background:url('/template/kkhu/images/list-arrow.gif') right no-repeat;
list-style-type:none;
text-indent:0px;
}

li.gyik a{
list-style-type:none;
text-indent:0px;
color:#FFFFFF;
text-decoration:none;
}

li.gyik a:hover{
list-style-type:none;
text-indent:0px;
color:#c5ebef;
text-decoration:none;
}

ul.contact{
margin-left:-20px;
margin-top:-10px;
}

li.contact {
list-style-type:disc;
text-indent:0px;
line-height:250%;
}

li.contact a{
list-style-type:none;
text-indent:0px;
color:#FFFFFF;
text-decoration:none;
}

li.contact a:hover{
list-style-type:none;
text-indent:0px;
color:#c5ebef;
text-decoration:none;
}

.pageBottom{
width:980px;
padding: 15px 45px 40px 25px;
color:#57586a;
}

.pageBottom a{
color:#57586a;
text-decoration:none;
}

.pageBottom a:hover{
color: #326495;
text-decoration:none;
}

.pbLeft{
float:left;
}

.pbRight{
float:right;
padding-right:50px;
}

.short-image {
	padding:5px;
	margin:0px 0px 15px 15px;
	border:1px dashed #666666;
	display:inline-block;
	width:190px;
}
.short-image-tn {
	padding:5px;
	margin:0px 0px 15px 15px;
	border:1px dashed #666666;
	display:inline-block;
	width:140px;
}

/*

BEFORE AND AFTER

*/

.scrollable {
    position:relative;
    overflow:hidden;
    width: 215px;
    height:121px;
    margin-left: 12px;
}

.scrollable .items {
    width:20000em;
    position:absolute;
}

.scrollable .items div {
    float:left;
}



.navi {
  width:100px;
  height:20px;
  margin-left: 30px;
}


.navi a {
  width:11px;
  height:11px;
  float:left;
  margin:3px;
  background:url("/template/kkhu/images/scrollable-navigator.png") 0 0 no-repeat;
  display:block;
  font-size:1px;
}

.navi a:hover {
  background-position:0 -11px;
}

.navi a.active {
  background-position:0 -22px;
}

.beforeafter-button-left
{
  display: inline-block;
  text-decoration: none;
  color: #eaf6f8;
  padding: 0px 0px 0px 10px;
  height:22px;
  line-height: 21px;
  margin: 0px 0px 0px 0px;
  border: 0px solid white;
  background-image: url("/template/kkhu/images/beforeafter-button-slide-left.png");
  background-position: top left;
  _width: 0;  /* IE table-cell margin fix */
  overflow: visible;
  margin: 0px 0px 0px 0px;
  position: absolute;
  left: 142px;
  top: 159px;
}



.beforeafter-button-right
{
  display: block;
  text-decoration: none;
  color: #eaf6f8;
  padding: 0px 10px 0px 0px;
  height:22px;
  line-height: 21px;
  margin: 0px 0px 0px 0px;
  border: 0px solid white;
  background-image: url("/template/kkhu/images/beforeafter-button-slide-right.png");
  background-position: top right;
  display: inline-block;
  cursor: pointer;
  height: 22px;
}

#newsletter_header {
font:12px Arial;
color: #fff;
font-weight:normal;
background:url(/template/kkhu/images/newsletterheader_bg_green.png) no-repeat;
width:195px;
line-height:33px;
text-transform:uppercase;
margin-top:0px;
padding:10px 5px 10px 15px;
}

#newsletter_content {
background:url(/template/kkhu/images/box_bg_green.png) repeat-y;
width:195px;
padding:10px 5px 0px 15px;
display:inline-block;
}

.buttonDark_green {
background:url(/template/kkhu/images/input_button_green.png) no-repeat;
width:122px;
height:26px;
padding-left:30px;
border:none;
color:#FFFFFF;
font:14px Arial;
margin:0px 4px 0px 0px;
cursor:pointer;
}

#newsletter_footer {
background:url(/template/kkhu/images/box_footer_bg_green.png) no-repeat;
height:18px;
width:215px;
}

form {
margin:0px;
}

.selectJump{
background:url('/template/kkhu/images/input_jumpmenu.png') no-repeat;
width:179px;
height:26px;
border:0;
font:11px Arial;
padding:5px 7px 5px 7px;
margin-right:4px;
margin-bottom:4px;
}

#online_header {
font:12px Arial;
color: #fff;
font-weight:normal;
background:url(/template/kkhu/images/onlineheader_bg_pink.png) no-repeat;
width:195px;
line-height:33px;
text-transform:uppercase;
margin-top:0px;
padding:10px 5px 10px 15px;
}

#online_content {
background:url(/template/kkhu/images/box_bg_pink.png) repeat-y;
width:195px;
padding:10px 5px 0px 15px;
}

.buttonDark_pink {
background:url(/template/kkhu/images/input_button_pink.png) no-repeat;
width:122px;
height:26px;
padding-left:30px;
border:none;
color:#FFFFFF;
font:14px Arial;
margin-right:4px;
cursor:pointer;
}

#online_footer {
background:url(/template/kkhu/images/box_footer_bg_pink.png) no-repeat;
height:18px;
width:215px;
}

#blog_header {
font:12px Arial;
color: #fff;
font-weight:normal;
background:url(/template/kkhu/images/blogheader_bg_orange.png) no-repeat;
width:195px;
line-height:33px;
text-transform:uppercase;
margin-top:0px;
padding:10px 5px 10px 15px;
}
#blog_header a {
font:12px Arial;
color: #fff;
font-weight:normal;
width:195px;
line-height:33px;
text-transform:uppercase;
margin-top:0px;
padding:10px 5px 10px 15px;
text-decoration:none;
}

#blog_content {
background:url(/template/kkhu/images/box_bg_orange.png) repeat-y;
width:195px;
padding:10px 5px 0px 15px;
}

#buttonDark_orange {
background:url(/template/kkhu/images/input_button_orange.png) no-repeat;
width:122px;
height:26px;
padding-left:30px;
border:none;
color:#FFFFFF;
font:14px Arial;
margin-right:4px;
cursor:pointer;
}

#blog_footer {
background:url(/template/kkhu/images/box_footer_bg_orange.png) no-repeat;
height:18px;
width:215px;
}

#comm_header {
font:12px Arial;
color: #fff;
font-weight:normal;
background:url(/template/kkhu/images/commheader_bg_blue.png) no-repeat;
width:195px;
line-height:33px;
text-transform:uppercase;
margin-top:0px;
padding:10px 5px 10px 15px;
}
#comm_header a {
font:12px Arial;
color: #fff;
font-weight:normal;
width:195px;
line-height:33px;
text-transform:uppercase;
margin-top:0px;
padding:10px 5px 10px 15px;
text-decoration:none;
}

#comm_content {
background:url(/template/kkhu/images/box_bg_blue.png) repeat-y;
width:195px;
padding:10px 5px 0px 15px;
}

#buttonDark_orange {
background:url(/template/kkhu/images/input_button_blue.png) no-repeat;
width:122px;
height:26px;
padding-left:30px;
border:none;
color:#FFFFFF;
font:14px Arial;
margin-right:4px;
cursor:pointer;
}

#comm_footer {
background:url(/template/kkhu/images/box_footer_bg_blue.png) no-repeat;
height:18px;
width:215px;
}