/*****************************CREATED BY MICHAL OPALEK*****************************************
 ***************************http://michalopalek.net23.net*************************************/

body {width:100%;margin:0px;padding:0px;background:#ffffff url(./images/body_bg.jpg) repeat-x top left;text-align:center;font:14px Tahoma;}

h1, ul, li, a {margin:0px;padding:0px;}

@charset "utf-8";

div.clear {clear:both;width:100%;}

* {margin:0px;padding:0px;}

img {border:0px;margin:0px;padding:0px;}

p {margin:0px;padding:0px;}

a {outline:none;}

div#wrap {width:900px;margin:0 auto;position:relative;display:block;text-align:justify;}

div#header {width:900px;height:204px;display:block;position:relative;background:transparent url(./images/vas_poradca.jpg) no-repeat top right;}

h1 {position:absolute;left:0px;top:50px;width:330px;height:36px;color:#ff0099;font:30 px Georgia;}

h1 a {position:relative;width:330px;height:36px;display:block;color:#ff0099;}

h1 a span {position:absolute;width:330px;height:36px;display:block;background:transparent url(./images/logo.jpg) no-repeat;left:0px;top:0px;}

div#menu {width:599px;height:54px;display:block; position:absolute; bottom:0px;left:38px;}

div#menu ul  {width:100%;height:54px;}

div#menu ul li {float:left;list-style:none;height:54px;}

div#menu ul li a#index_menu {width:139px;height:54px;display:block;background:#0099cc url(./images/menu_1.jpg) no-repeat 0 0;}

div#menu ul li a#index_menu:hover {background-position:0 100%;}

div#menu ul li a#index_menu.active {background-position:0 100%;}

div#menu ul li a#postup_menu {width:169px;height:54px;display:block;background:#0099cc url(./images/menu_2.jpg) no-repeat 0 0;}

div#menu ul li a#postup_menu:hover {background-position:0 100%;}

div#menu ul li a#postup_menu.active {background-position:0 100%;}

div#menu ul li a#srovnani_menu {width:164px;height:54px;display:block;background:#0099cc url(./images/menu_3.jpg) no-repeat 0 0;}

div#menu ul li a#srovnani_menu:hover {background-position:0 100%;}

div#menu ul li a#srovnani_menu.active {background-position:0 100%;}

div#menu ul li a#kontakt_menu {width:127px;height:54px;display:block;background:#0099cc url(./images/menu_4.jpg) no-repeat 0 0;}

div#menu ul li a#kontakt_menu:hover {background-position:0 100%;}

div#menu ul li a#kontakt_menu.active {background-position:0 100%;}

div#content {width:900px;text-align:justify;position:relative;background: transparent url(./images/container_bg.jpg) repeat-y;z-index:1;}

/*************************LAVA CAST OBSAHU*************************************/

div#left {float:left;width:617px;position:relative;z-index:10;margin-bottom:30px;}

div#left h2 {color:#ff0099;font:25px Tahoma;margin:0px;padding:0px;margin-top:50px;margin-left:30px;padding-left:20px;padding-bottom:10px;border-bottom:1px dashed #999999;}

div#left h3 {color:#ff0099;font:20px Tahoma;margin:0px;padding:0px;margin-top:50px;margin-left:30px;padding-left:20px;padding-bottom:10px;border-bottom:1px dashed #999999;}

div#left p {margin-left:30px;/*background:transparent url(./images/p_bg.jpg) no-repeat top center;*/margin-top:15px;padding-top:15px;font:14px Tahoma;color:#999999;}

div#left p.wt_bg {background:transparent;padding:0px;text-align:justify;font-size:12px;border:none;color:#666666;}

span.numbers {font:60px Georgia;color:#FF0099;margin-left:50px;margin-right:10px;line-height:50px;}

span.numbers_1 {font:30px Georgia;color:#FF0099;margin-left:50px;margin-right:10px;}

div#left p a {color:#ff0099;text-decoration:none;}

div#left p a:hover {text-decoration:underline;}

/*************************PRAVA CAST OBSAHU*************************************/

div#right {float:left;text-align:justify;width:283px;position:relative;z-index:10;background:transparent url(./images/left_blog_bg.gif) repeat-y left top;margin-top:50px;text-align:center;margin-bottom:40px;}

h2#nabizime {position:relative;text-align:justify;margin:0px;padding:0px;display:block;width:263px;height:48px;margin-left:20px;clear:both}

h2#nabizime span {position:absolute;text-align:justify;left:0px;top:0px;width:263px;height:48px;display:block;background:transparent url(./images/nabizime_nadpis.jpg) no-repeat 0 0;z-index:10;}

div#right p {width:263px;position:relative;background:transparent url(./images/nabizime_bg.jpg) repeat-y 0 0;display:block;float:right;text-align:center;}

div#right p span {position:relative;z-index:10;width:210px;margin:0 auto;display:block;text-align:justify;padding-top:15px;padding-bottom:20px;font-weight:bold;color:#ffffff;font-size:13px;}

div#slide {height:151px;width:227px;display:block;clear:both;margin:0 auto;margin-top:25px;float:right;right:18px;}

div#right ul {clear:both;text-align:left;width:263px;float:right;}

div#right ul li {list-style:none;width:263px;height:47px;display:block;background: transparent url(./images/li_kontakt_bg.jpg) no-repeat 0 0;}

div#right ul li span {display:inline;font:14px Tahoma;float:left;font-weight:bold;margin-left:10px;margin-top:15px;}

div#right ul li img.icq {margin-top:5px;margin-left:20px;float:left}

div#right ul li img.email {margin-top:12px;margin-left:25px;float:left}

div#right ul li img.telefon{margin-top:8px;margin-left:13px;float:left}

h2#kontakt {position:relative;margin:0px;padding:0px;display:block;width:263px;height:50px;margin-left:20px;clear:both;margin-top:25px;}

h2#kontakt span {position:absolute;left:0px;top:0px;width:263px;height:50px;display:block;background:transparent url(./images/kontakt_nadpis.jpg) no-repeat 0 0;z-index:10;}

/**************************************FOOOTER***************************************/

div#footer {width:100%;height:294px;background:transparent url(./images/footer_bg.jpg) repeat-x 0 0;margin-top:50px;text-align:center;}

div#footer_wrap {width:900px;margin:0 auto;text-align:left;padding-top:35px;font-size:14px;font-weight:bold;color:#999999;}

div#footer_wrap ul {float:left;margin-left:30px;width:62%;}

div#footer_wrap ul li {list-style:none;border-bottom:1px dashed #999999;height:32px;}

div#footer_wrap ul li span {display:block;padding-top:7px;padding-left:10px;}

div#links {width:100%;}

div#links p {border:1px dashed #ccc;margin-left:70px;margin-right:70px;margin-top:30px;text-align:left;padding:10px;font-size:10px;}

div#links p a {color:#cccccc;margin-left:15px;text-decoration:none;}

div#links p a:hover  {text-decoration:underline;color:#999999;}

div#links2 {width:100%;}

div#links2 p {border:1px dashed #ccc;margin-left:70px;margin-right:70px;margin-top:30px;text-align:center;padding:10px;font-size:10px;}

div#links2 p a {color:#cccccc;margin-left:15px;text-decoration:none;}

div#links2 p a:hover  {text-decoration:underline;color:#999999;}

/*************************************FORMATOVANIE FORMULARA************************/

form {width:100%;margin:0px;padding:0px;margin-left:30px;margin-top:10px;font-size:13px;color:#666666;text-align:left;}

form span {display:block;margin-top:15px;width:50%;}

input {clear:both;margin:0px;padding:0px;margin-top:10px;border:1px solid #666666;width:50%;background-color:transparent;color:#ff0099}

input:hover {border:1px solid #ff0099;}

textarea {border:1px solid #666666;font-size:13px;color:#666666;width:50%;}

textarea:hover {border:1px solid #ff0099;}