* {margin:0;padding:0;}
body {font-family:Arial,Palatino,'Book Antiqua',Verdana,Helvetica,sans-serif;font-size:.8em;}
p,li,td,th {line-height:1.5em;}

p {
    text-align: justify;
}

h1,h2,h3,p,table,ul,ol,object,embed,dl,dd,hr {margin-bottom:1em;}
ul,ol,dd {padding-left:2em;}
img {border:none;}
h1,h2,h3 {font-size:1em;}
a {text-decoration:none;color:#0183b4;font-weight:bold;}
hr {
    height:1px;
    border:none;
    background:#ccc;
    color:#ccc;
}

#artmedic-hu {background:#007998 url(images1/body.png) repeat-x;color:#fff;}
#container {width:936px;margin:0 auto;}

/* HEADER */
#header {width:936px;height:212px;background:url(images1/header.jpg) no-repeat;}

#site-frame {width:936px;float:left;background:url(images1/bg.png) repeat-y;}
#site-footer {width:936px;float:left;background:url(images1/footer.png) no-repeat 0 bottom;}
#site {width:936px;float:left;background:url(images1/site.jpg) no-repeat 0 32px;clear:both;padding-bottom:10px;}
#locator {margin:0;line-height:29px;overflow:hidden;height:29px;}

#langs {float:right;width:252px;padding-top:3px;margin:0;}
#langs li {float:left;list-style:none;text-indent:-3000em;width:63px;height:23px;}
#langs li a {float:left;width:63px;height:23px;}
#lang-hu {background:url(images1/langs.jpg) no-repeat 0 0;}
#lang-en {background:url(images1/langs.jpg) no-repeat -63px 0;}

#logo {margin-left:-2px;}

/* MENULEVEL 1 */
#topmenu {width:936px;float:left;background:#0e7d9a url(images1/header.jpg) 0 -212px;color:#fff;}
#topmenu ul {padding:0;margin:0;float:left;width:936px;/*margin-left:36px!important;margin-left:18px;*/height:32px;line-height:32px;text-align:center;}
#topmenu li {list-style:none;/*float:left;padding:8px 0;*/display:inline;line-height:32px;}
#topmenu li a {color:#fff;/*float:left;line-height:16px;*/display:inline;padding:0 1em;text-decoration:none;font-weight:bold;border-right:1px solid #fff;line-height:32px;}
#topmenu li a:hover,#topmenu li.sdoc a,#topmenu li.docz a {color:#ffc700;}
#topmenu #kapcsolat a {border-right:none;}

/* MENULEVEL 2,3 */
#sidemenu {float:left;width:192px;padding-bottom:50px;}
#toc {padding:10px 10px 10px 33px;margin:45px 0 0 0;width:/*192*/149px;}
#toc ul {padding:0;margin:0;width:149px;}
#toc li {list-style:none;text-align:right;display:block;float:left;width:149px;}
#toc li a,#toc li.sdoc li a {font-weight:normal;background:url(images1/li.gif) no-repeat right center;color:#fff;display:block;padding:.3em 16px .3em 0;line-height:1em;}
#toc li a:hover,#toc li.sdoc li a:hover {color:#ffc700;background:url(images1/lia.gif) no-repeat right center;}
#toc li.sdoc a {color:#ffc700;font-weight:bold;background:url(images1/lia.gif) no-repeat right center;}
#toc li.sdoc li a,#toc li li a {background:url(images1/m3.gif) no-repeat right center;font-size:.9em;margin-right:16px;}

/* CONTENT */
#article {background:#fff url(images1/site.jpg) no-repeat -192px 0;color:#0081b5;width:/*555*/523px;float:left;padding:16px;}
#article h1 {padding-left:45px;line-height:2.2em;}
#badges {width:/*189*/169px;float:right;padding:62px 20px 0 0;text-align:center;}
#badges object {margin:0;}

#badges2 {width:/*189*/189px;float:left;padding:10px 5px 10px 5px;text-align:center;}
#badges2 object {margin-left: 15px;}

#badges3 {width:/*189*/189px;float:left;padding:10px 5px 10px 5px;text-align:center;}
#badges3 object {margin-left: 15px;}

img.banner {display:block;margin-left:0px;}

#footer {width:936px;float:left;text-align:center;color:#b1d5e1;font-size:.9em;line-height:42px;position:relative;}
#footer a {color:#b1d5e1;text-decoration:none;font-weight:normal;padding:0 1em;}
#footer a:hover {color:#ffc700;}

#webdesign {position:absolute;left:10px;top:25px;}

.sitemaplevel1{counter-reset:m1;}
.sitemaplevel1 li:before {content:counter(m1) '. ';counter-increment:m1;}
.sitemaplevel2{counter-reset:m2;}
.sitemaplevel2 li:before{content:counter(m1) "." counter(m2) ". ";counter-increment:m2;}
.sitemaplevel3{counter-reset:m3;}
.sitemaplevel3 li:before{content:counter(m1) "." counter(m2) "." counter(m3) ". ";counter-increment:m3;}

.right {float:right;margin:1em;border:1px solid #0183b4;padding:4px;}
.left {float:left;margin:1em;border:1px solid #0183b4;padding:4px;}
.gallery img {border:1px solid #0183b4; margin-right:7px;}
.gallery {}

.hcard {clear:both;float:left;width:500px;text-align:right;}
.hcard img {float:left;border:1px solid #32a8ec;padding:4px;}

/**
 * Kapcsolat űrlap
 */
fieldset {
    border: 1px solid #0183b4; 
    margin: .5em; 
    padding: .5em;
}
legend {
    font-weight: bold;
    color: #004051;
}
label span {
    width: 180px;
    float: left;
    text-align: left;
}
#content form p,#content form p.valid {
    padding: .5em;
    border: none;
    margin: .5em 0;
    background: transparent;
}
input.text,textarea {
    border: 1px solid #0183b4;
}
input.radio {
    margin-right: .5em;
    float: left;
    height: 1em;
}
sup {
    font-weight: bold;
}
#content .error {
    background: #eeeeff url(images1/error.png) no-repeat right center;
}

.submit {
    font-size: 1.1em;
    background-color: #007998;
    color: #fff;
    border-width: 2px;
    border-style: solid;
    border-left-color: #0183b4;
    border-top-color: #0183b4;
    border-right-color: #004051;
    border-bottom-color: #004051;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
}

.webma-contact-form {
    width: 400px;
}

.en .webma-contact-form {
    width: 450px;
}

#contact_submit_block,
#kapcsolat_submit_block {
    text-align: right;
}

/* PRICE */
.price {border:1px solid #0183b4;border-spacing:0;border-collapse:collapse;width:100%;}
.price td,.price th {border:1px solid #0183b4;padding:.1em .3em;}
.price th {text-align:left;font-weight:normal;}
.price .heading {font-weight:bold;color:#cd2e2a;}
.price .pricec {text-align:right;}

/* HOME */
.box {width:254px;float:left;background:url(images1/home.jpg) no-repeat -269px 0;font-size:.9em;}
.enbox {background-image:url(images1/home_en.jpg);}
.box h2 a {width:254px;height:70px;float:left;text-indent:-100em;}
.leftbox {margin-right:15px;background-position:0 0;}
.box p {padding:0 10px;width:234px;margin:0;}
.box ul {width:234px;margin:0;float:left;background:url(images1/homebottom.png) no-repeat 0 bottom;padding:10px;}
.box li {float:left;margin:0;padding:0;list-style:none;width:102px;background:url(images1/homebullett.png) no-repeat 0 center;padding-left:15px;}

.hot {
    color: #d02b27;
}
.centre {
    text-align:center;
}

h1.hot {
    font-size: 1.3em;
}

.huge {
    font-size: 1.3em;
    line-height: 2em;
}

.float-left {
    float: left;
    margin: 0 2em 1em 0;
}

.float-right {
    float: right;
    margin: 0 0 1em 2em;
}

/**
 * Akciós ajánlatok
 */
.akcio {
}

.akcio p {
    text-align: center;
}


/**
 * Az alábbi CSS osztályokkal lehet a tartalmat táblázatos (grid) megjelenésre
 * hozni. Például egy szövegrészt az alábbi módon lehet két azonos szélességű és
 * egymással egyenlő magasságú oszlopra formázni: 
 *
 * <div class="row">
 *   <div class="col2 first">
 *     Első oszlop tartalma.
 *   </div>
 *   <div class="col2">
 *     Második oszlop tartalma.
 *   </div>
 * </div>
 */

/**
 * Sor. Ez garantálja az oszlopok egyforma magasságát.
 */
.row {
    overflow: hidden;
    margin-bottom:1em;
}

.row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/**
 * Két egyenlő széles oszlophoz
 */
.col2 {
    float: left;
    width: 49%;
    margin-left:1%;
}

.row .col2:first-child,
.col2.first {
    margin-left: 0;
    margin-right: 1%;
}

/**
 * Három egyenlő széles oszlophoz
 */
.col3 {
    float: left;
    width: 32%;
    margin-left: 2%;
}

.row .col3:first-child,
.col3.first {
    margin-left: 0;
}

.clear {
    clear: both;
}