* {margin: 0; padding: 0; border: 0;}
body {position: relative; color: #ffffff; background: #00305e; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; font-size: 8pt;}
body, html {height: 100%; min-width: 1000px; width: 100%; position: relative; min-height: 580px;}
body.home{background: url(/images/bg_home.png) center center repeat-x;}
a:focus {outline:0;}
a {color: white;}
a:hover{text-decoration: none;}

.mainflash {position: absolute; left: 50%; top: 50%; margin-left: -500px; margin-top: -339px;}
.mainflash #home {width: 1000px; height: 680px; }

/* NOFLASH */
.noflash {background: url(/images/noflash.jpg) 0 0 no-repeat; position: absolute; padding:239px 200px 0 200px; top: 0; left: 0; width: 600px; height: 441px;}

.maincontainer {position: relative; width: 100%; text-align: left; min-height: 100%; height: auto;}

/*HEADER*/
.header{height: 137px; position: fixed; left: 0; top: 0; width: 100%; z-index: 10;}
.header  .head {position: relative; width: 1000px; margin-left: auto; margin-right: auto; text-align: left; height: 137px; background: url(/images/bg_header.jpg) left top no-repeat;}
.head .logo {position: absolute; top: 0; left: 60px; width: 220px; height: 110px; overflow: hidden; text-indent: -3000px;}
.head .logo h1, .head  .logo h1 a {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.head .gradient {position: absolute; top: 135px; left: 100px; width:755px; height: 27px; background: url(/images/gradient_head.png) left top repeat-x;}
.head #headanim {position: absolute; top: 0; right: 98px; width:606px; height: 114px;}

/*CONTENT*/
.content {width: 1000px; min-height: 100%; height: auto; margin-left: auto; margin-right: auto;  background: url(/images/bg_body.gif) center top repeat-y; z-index: 5;}
.main {padding: 132px 140px 188px 350px; text-align: left; }
.preview {padding: 132px 100px 188px 100px;}
.preview h1,.preview h2{padding: 0 0 0 20px;}
.preview p {padding: 0 40px 0 20px;}
.preview a.termekek {margin: 0 20px 0 20px;}
.preview p a {margin: 0;}
.preview p img {margin: 2px 10px 0 0;}
.preview a.termekek img {margin: -10px 10px -10px 10px; }
.illustration{position: fixed; left: 50%; top: 0; margin-top: 150px; margin-left: -390px;} 
.termek {display: block; position: relative; clear: left; padding-bottom: 85px; background: url(/images/separator.png) bottom left no-repeat; }
.termek img {margin-left: -250px; float: left; margin-top: -20px;}
.nobg  {padding-bottom: 0; background: none;}
.bg-2 {background: url(/images/separator.png) left 220px no-repeat; }

.parent {display: block; clear: left; width: 100%;  padding-bottom: 50px;}
.parent img { float: left;  margin: -5px 20px 0 35px;}
.parent h2 img {margin-left: -5px; float: none; margin-top: 0; }

.parent2 {display: block; clear: left; width: 100%;  padding-bottom: 50px;}
.parent2 img { float: left;  margin: -0px 20px 0 -230px;}


.barista_logo{position: relative; font-size:7pt; line-height: 8pt; background: url(/images/barista_lead.png) top left no-repeat; width: 475px; height: 70px; padding: 33px 95px 0 17px;}
.termek .barista_logo { margin-left: -120px; margin-top: 80px;}
.preview .barista_logo { margin-left: auto; margin-right: auto;}
.letoltes {width: 100%; text-align: center;  }
.letoltes .box{display: inline-block; left: 10px; font-size: 7pt; padding-top: 160px; position: relative; margin-left: auto; margin-right: auto; height: 20px; background: url(/images/letoltes_box.png) center top no-repeat; text-align: center;}
.letoltes .width1{ width: 300px; }
.letoltes .width2{ width: 300px; padding-bottom: 20px; }
.letoltes .box img{position: absolute; top: 13px; left: 54px;}
.letoltes .box a {margin: 0; padding: 0; text-decoration: none;}
.letoltes .box a:hover{ text-decoration: underline;}
table, tr, td { margin: 0; padding: 0;}
table{width: 600px; margin-left: auto; margin-right: auto;}

.aktualitas img {position: absolute; top: 50%; left:50%; margin-left:-401px; margin-top:-180px;}
/*.aktualitas #package {position: absolute; width: 240px; height: 340px; top: 50%; left:50%; margin-left:-390px; margin-top:-190px;}*/

.pina {position: absolute; top: 50%; left:50%; margin-left:-401px; margin-top:-180px; width: 800px;}
.pina  p{margin-left: 298px;  margin-top: -10px;}
.pina  table{width: auto; margin-left: 306px;}
.pina th {border: none;}

.package{position: relative; left: -250px; display: block; padding-left: 292px; width: 490px; clear: left; padding-bottom: 85px; background: url(/images/separator.png) bottom right no-repeat; }
.package img.image {left: 0; top: 0; position: absolute; }
.package p {margin-left: 4px; margin-right: 5px; font-weight: normal; font-size: 11pt; }
.package p small {font-size: 7pt; font-weight: bold; }
.package table {border: 2px solid #3D65A6; margin-left: 4px; margin-top: 15px; text-align: left; border-collapse:collapse;}
.package table tr td, table tr th{border: 1px solid #253350; padding: 3px 2px 4px 10px;}
.package table tr th {padding: 10px 2px 10px 10px; background: #1D3F74; color: #ffffff; font-size: 10pt; }

/* REGISTRATION */
table.regtable {width: 500px;}
table.regtable td {padding: 2px;}
table.regtable td.text {width: 140px;}
table.regtable input.textfield {width: 340px; border: 1px solid #3095c7; font-size: 9pt; color: #00396e;}
table.regtable input.textfield_postalcode {width: 40px; border: 1px solid #3095c7; font-size: 9pt; color: #00396e; margin-right: 6px;}
table.regtable input.textfield_city {width: 290px; border: 1px solid #3095c7; font-size: 9pt; color: #00396e;}
table.regtable input.textfield_year {width: 40px; border: 1px solid #3095c7; font-size: 9pt; color: #00396e; margin-right: 3px;}
table.regtable input.textfield_month {width: 20px; border: 1px solid #3095c7; font-size: 9pt; color: #00396e; margin-left: 3px; margin-right: 3px;}
table.regtable input.textfield_day {width: 20px; border: 1px solid #3095c7; font-size: 9pt; color: #00396e; margin-left: 3px; }
table.regtable select {width: 340px; border: 1px solid #3095c7; font-size: 9pt; color: #00396e;}
table.regtable input.button {border: 1px solid #fff; font-size: 10pt; color: #fff; font-weight: bold; background-color: #b18c43; padding: 2px;}

/* PROMO ARTICLE */
.promoarticle {display: block; position: relative; clear: left; padding-bottom: 85px; background: url(/images/separator.png) bottom left no-repeat; }
.promoarticle img.decor {margin-left: -250px; float: left; margin-top: -20px;}

/*FOOTER*/
.footer {height: 168px; position: fixed; bottom: 0;  left: 0;  min-width: 1000px; width: 100%; background: url(/images/bg_footer.gif) center bottom repeat-x; z-index: 10;}
.footer  .foot {position: relative; width: 1000px; margin-left: auto; margin-right: auto; text-align: left; height: 168px; background: url(/images/bg_foot.jpg) left bottom no-repeat;}
.foot  .goz {position: absolute; bottom: 168px; left: 50%; margin-left: -500px; width: 99px; height: 206px; background: url(/images/bg_goz.jpg) -1px 5px no-repeat;}
.foot .gradient {position: absolute; bottom: 168px; left: 100px; width:800px; height: 27px; background: url(/images/gradient_foot.png) left top repeat-x; }
.foot .menu{position: absolute; bottom: 27px; left: 200px;}
.foot #menu{width:702px; height: 127px;}

/*SCROLL*/
.scroll{height: 68px; width: 33px; position: fixed; left: 50%; top: 50%; margin-top: -50px; margin-left: 366px; background: url(/images/bg_scroll.png) center center no-repeat; }
.scroll a{display: block; width: 33px; height: 27px; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; text-indent: -3000px;}
.scroll a:hover {background-position: 0 -27px;}
.scroll a.up {background-image: url(/images/scroll_up.png); margin-bottom: 1px;}
.scroll a.down {background-image: url(/images/scroll_down.png);}

/*GLOBAL*/
h1{text-transform: uppercase;}
h1, h2 {margin: 22px 0 6px 0; font-size:10pt; font-weight: bold;}
p {margin: 10px 0 3px 0;}
ul {margin: 5px 0 5px 0;}
ol {margin: 5px 0 5px 30px;}
ul li{margin: 0 0 2px 15px;}
.altpadding {padding-bottom: 10px;}
.decor_left{float: left; margin: 0 6px 2px 10px;}
.decor_right{float: right; margin: 0 40px 2px 10px;}
.separator {width: 100%; clear: left; padding-top: 1px;}
.notop {margin-top: 0;}
.onetop {margin-top: 15px;}
.smtop {margin-top: 8px;}
.receptek a,.receptek a:hover {text-decoration: none; font-weight: bold; color: #ffffff;}
.receptek a:hover {color: #ffffff; text-decoration: underline;}