html, body {height:100%; margin:0; padding:0; position:relative;}
body {line-height:1.5em; text-align:center; font-size:95%; font-family:arial, helverica, sans-serif;} 
table {font-size:100%;}
img {border:none;}
.clear {clear:both; font-size:1px; line-height:1em; margin-top:-1px; overflow:hidden;}
.center {text-align:center;}
.right {text-align:right;}
.display_none, .bf {display:none;}

#main_cont {width:1000px; margin:0 auto;}
#container {width:960px; text-align:left; margin:0 auto; position:relative;}

/* logo webu */
#logo {height:100px; padding-top:23px; max-height:77px; position:relative;}
#logo a {display:block; width:216px; height:54px;}

/* heading */
#heading {border-top:1px solid #DFDFDF; text-align:center;}
#tvorba_web_stranok {background:url("/images/heading_tvorba_web_stranok.png") no-repeat 50% 50%; height:160px;}
#referencie_nasej_prace {background:url("/images/heading_referencie.png") no-repeat 50% 50%; height:160px;}
#inzerujte_efektivne {background:url("/images/heading_internetova_reklama.png") no-repeat 50% 50%; height:160px;}
#heading h1 {font-size:450%; font-weight:normal; margin:30px 0 0; line-height:90%; display:none;}
#heading p {margin:0; color:#828282; font-weight:bold; font-size:118%; display:none;}

/* rozdelenie layoutu na 2 casti */
.left_text {float:left; width:450px;}
.right_text {float:right; width:480px;}
.left_text2 {float:left; width:465px;}
.right_text2 {float:right; width:465px;}
/* certifikaty */
#certifikaty_fotky {float:left; width:220px;}

/* programy */
.programy {}
.program, .program_last {float:left; width:300px; margin-right:30px;}
.program_last {margin-right:0px;}
.program_header {padding:10px 15px;}
.program_header h3 {font-size:150%; font-weight:bold; text-transform:uppercase; margin:0; padding:0;}
.program_header p {margin:0; padding:0;}
.specifikacia {border-top:4px solid red; background-color:yellow; color:white;}
.specifikacia p {margin:0; padding:10px 15px;}
.program ul, .program li {margin:0; padding:0;}
.program ul {margin:10px 10px 10px 30px;}

.program_minimum h3 {color:#27B5F6;}
.program_minimum .program_header p strong {color:#27B5F6;}
.program_minimum  .specifikacia {border-color:#1798EB; background-color: #29B7F9;}

.program_optimum h3 {color:#99CC33;}
.program_optimum .program_header p strong {color:#99CC33;}
.program_optimum  .specifikacia {border-color:#8CC418; background-color: #A5D426;}

.program_maximum h3 {color:#EF672C;}
.program_maximum .program_header p strong {color:#EF672C;}
.program_maximum  .specifikacia {border-color:#E4491B; background-color: #F1682D;}

.audit {background:#FFFFBE; border: 1px solid #DDD; padding:15px 30px;}
.audit h2 {margin-top:0;}
.audit .last {margin-bottom:0;}

/* referencie */
.referencia {float:left; width:240px; position:relative;}
.referencia h3 {font-size:100%; font-weight:normal; margin:0 5px 0;}
.referencia p {color:#000; margin:0 5px; font-size:85%;}
.referencia img {margin-bottom:30px;}
.referencia img.last {margin-bottom:0;}
.referencia p.outsourcing {position:absolute; right:20px; top:0; color:#828282; font-size:75%;}

#garancia_ceny {float:left; width: 160px;}

/* hlavny text */
h2 {font-size:180%; font-weight:normal; margin-top:20px;}
h3.good, h3.bad {font-size:150%; font-weight:normal; background:url("/images/good_nadpis.gif") no-repeat left top; color:#559814; line-height:25px; padding-left:30px; vertical-align:middle;}
h3.bad {background-image:url("/images/bad_nadpis.gif"); color:#BB1420;}

/* kontakt */
.kontakt_p {float:left; width:240px;}
#zapis_v_registri {margin-left:240px; clear:both;}

/* kontaktny formular */
label {color:#666;}
.button {font-size:100%; font-family:arial, helverica, sans-serif;}
input.input, .textarea {background:#FFFCF1; border:1px solid #AAA; padding:3px; width:250px; font-size:100%; font-family:arial, helverica, sans-serif;}
.textarea {width:300px; height:100px;}
.formular_poznamka {background:#E1EDD6; padding:3px 10px;}
.hviezdicka {font-weight:bold; color:red;}
.chyby {color:red;}


/* hlavne menu */
#menu {position:absolute; right:0px; top:40px;}
#menu ul {list-style:none; margin:0; padding:0;}
#menu li {float:left; margin:0; padding:0 30px 0 0;}
#menu li.last {padding-right:0;}

/* footer */
#footer {border-top:1px solid #DFDFDF; font-size:85%; color:#828282; padding-bottom:5px; margin-top:20px;}
#footer a {color:#828282;}
#footer a:hover, #footer a:focus {text-decoration:none;}

/* modelove priklady */
body.modelove_priklady {line-height:1.5em; text-align:left; font-size:75%; font-family:arial, helverica, sans-serif; padding:10px 15px;}
.modelove_priklady h2.good,.modelove_priklady h2.bad {font-size:150%; font-weight:normal; background:url("/images/good_nadpis.gif") no-repeat left top; color:#559814; line-height:25px; padding-left:30px; vertical-align:middle;}
.modelove_priklady h2.bad {background-image:url("/images/bad_nadpis.gif"); color:#BB1420;}

.modelove_priklady table, .modelove_priklady table td {border-collapse:collapse; width:700px;}
.modelove_priklady table td {border-right:1px solid #DDD; padding:5px 7px;}
.modelove_priklady table tr.nepar td {background:#EEE;}
.modelove_priklady table thead th {border-bottom:2px solid #559814; text-align:center; font-weight:bold; border-right:1px solid #DDD;}
.modelove_priklady table.bad thead th {border-bottom:2px solid #BB1420;}

.bottom_line {border-top:1px solid #DFDFDF; color:#828282; padding:15px 0 10px; margin-top:15px;}