/*
Theme Name: Ivitera Theme
Theme URI: http://www.ivitera.com
Description: Ivitera.com design
Version: 2.1
Author: Ladislav Thon, Jan Bubenik, Veronika Faberova
*/
/* html tags */
body {font:normal normal normal 12px/14px Verdana,Arial,"Geneva CE",lucida,sans-serif; color:#000; background:#fff; direction:ltr; text-align:center; margin:0; padding:0;}
img {border:none;}
table,input,textarea,select {font-size:inherit;}
h1,h2,h3 {font-weight:bold; color:#000000; margin:0px; padding:0px;}
h1 {font-size:14px;}
h2 {font-size:13px;}
h3 {font-size:12px;}
ul, ol {list-style:none none outside;}
form {margin:0;}
a {color:#000;}
a:link, a:visited, a:active {text-decoration:underline;}
a:hover {text-decoration:none;}
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}


/* base page blocks */
#ivitera {margin:0 auto; width:932px; text-align:left; position:relative;}
#header {position:relative; float:left; width:100%; overflow:hidden; clear:both;}
#content {position:relative; float:left; width:100%; overflow:hidden; clear:both; padding:0 0 1em;}
#footer {position:relative; width:100%; overflow:hidden; clear:both;}

/* content layout */
#contentMask {position:relative; float:left; width:100%; right:693px;}
#left, #center {position:relative; float:left; overflow:hidden;}
#center {width:693px; left:932px;}
#left {width:239px; left:0;}

/* header */
#header .logo {margin:20px 0 0 20px;}
#header .phrase {color:#4d4d4d; font-family:arial,sans-serif; margin:2px 0 0; text-align:right; width:136px;}
#header .menuBorder {border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:1px 0; margin:9px 0 0;}
#header .menu {background:url(images/bgmenu.jpg) repeat-x 0% 0%; height:40px;}
#header .menu ul {padding:15px 0 0 18px; margin:0;}
#header .menu li {display:inline;}
#header .menu li a {font-weight:bold; color:#000000; padding:0 8px; text-decoration:none;}
#header .menu li a:hover {text-decoration:underline;}
#header .menu .current_page_item a, #header .menu .current_page_item a:hover {color:#DA251D; text-decoration:underline;}
#header .menu .current_page_ancestor a{color:#DA251D; text-decoration:underline;}
#header .menu .current_page_ancestor a:hover {color:#DA251D; text-decoration:underline;}
.redline{width:28%; height:10px; background:#DA251D; float:right; margin-right:13%;}

/* content */
#content .body {margin:5px 0 0 5px;}
#content .introdutionBorder {border:1px solid #f2f2f2; padding:1px;}
#content .introdution {background:url(images/bguvod.jpg) repeat-y 0% 0%; padding:2px;}
#content .image {float:left; padding:0 10px 0 0;}
#content .text {float:left; width:570px;}
#content .text p {padding:10px 0 0; margin:0 10px;}
#content .submenu li {padding:7px 3px 7px 25px; font-size:12px;}
#content .submenu ul {margin:0; padding:0;}
#content .submenu a {text-decoration:none;}
#content .submenu a:hover {text-decoration:underline; color:#4d4d4d;}
#content .submenu .current_page_item a {font-weight:bold; color:#4d4d4d;}
#content .submenu .current_page_item a:hover {text-decoration:none;}
#content .subhead {height:2em; margin:5px 0 0; background:#F2F2F2;}
#content .subhead .redBullet {width:8px; height:2em; background:#DA251D; float:left;}
#content .subhead .header {color:#000000; padding:0.4em; float:left;}
#content .news {margin:10px 5px;}
#content .news .date {font-size:10px; color:#4D4D4D;}
#content .news .date a {font-size:11px; color:#000000; text-decoration:none; font-weight:bold; display:block;}
#content .news .date a:hover {text-decoration:underline;}
#content .news .body {font-size:85%; color:#4D4D4D; margin:0px;}
#content .news .body p {margin:3px 0 0;}
#content .news .body a {font-size:11px; color:#4D4D4D; text-decoration:underline;}
#content .news .body a:hover {color:#DA251D;}
#content .news .body .right {text-align:right;}
#content .maincolumn {width:468px; float:left;}
#content .rightcolumn {width:220px; float:right;}
#content .rightcolumn .subhead {margin:0px;}
#content .rightcolumn .body {margin:0 0 0 5px;}
#content .rightcolumn .login {margin:5px;}
#content .rightcolumn .line {float:left; width:100%; padding:0 0 5px; text-align:right;}
#content .rightcolumn .label {width:30%; float:left; padding:0 5px 0 0; line-height:1.6em;}
#content .rightcolumn .input {width:60%; float:left;}
#content .rightcolumn .submit {text-align:center;}
#content .blockrightBorder {margin-top:5px; border:1px solid #F2F2F2;}
#content .blockright {padding:1px;}
#content .parttwo{ width:130px; position:relative; float:left; float:left; text-align:right;}
#content .partone{ width:70px; position:relative; float:left; float:left; text-align:right;}

/* center of page */
#mainContent {margin:10px 5px 5px;}
#mainContent {line-height:14px;}
#mainContent ul li {list-style-image:url(images/sipkali.jpg);}
#mainContent ul li ul li {list-style-image:url(images/sipkalili.gif);}
#mainContent .red {color:#DA251D; text-decoration:underline;}
#mainContent p {margin:12px 0;}

/* footer */
#footer {background:url(images/footerbg.jpg) repeat-x 0% 0%;}
#footer .left {width:77px; height:14px; background:url(images/footerleft.jpg) no-repeat 0% 0%; float:left;}
#footer .right {width:77px; height:14px; background:url(images/footerright.jpg) no-repeat 0% 0%; float:right;}
#footer p {color:#4D4D4D; font-size:85%; margin:0; padding:0 10px 10px;}

/* general classes */
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

/* TODO clean this -  projekty, reference */
#mainContent .blocek {position:relative; float:left; clear:both; height:auto; padding:1px; background:#F2F2F2; margin-top:5px;}
#mainContent .blocekin {position:relative; float:left; clear:both; height:auto; padding:1px; background:#ffffff;}
#mainContent .forlogo {position:relative; float:left; width:100px;  height:88px;}
#mainContent .bloktext {position:relative; float:left; width:354px; height:88px; background:#F2F2F2;}
#mainContent .project {font-size:12px; font-weight:bold; margin:20px 10px 10px 10px;}
#mainContent .linkproject {position:relative; float:right; margin:20px 10px 10px 10px;}
#mainContent .linkproject A, .linkproject A:hover{margin-top:-3px; float:left; margin-right:3px;}
#mainContent .refname {height:20px; margin:0px; padding:0px; background:#F2F2F2;}
#mainContent .refname strong {float:left; margin-left:5px; margin-top:3px; color:#DA251D;}
#mainContent .reference img {float:left; padding:0 10px 0 0;}
#mainContent .reference .gray {color:#4D4D4D; display:block; margin:1em 0 0;}
#mainContent .refimg {width:110px; height:140px; margin:0px; padding:0px; float:left;}
#mainContent .refimg img{width:100px; height:auto; float:left; padding:1px; background:#ffffff;}
#mainContent .reftext {height:140px; margin:0px; padding:0px; float:left;}
#mainContent .reference p {margin:5px; padding:0px;}
#mainContent .reftext p {margin:5px; padding:0px;}

/* aktuality */
.ram1{float:left; padding:1px; border:1px solid #EFEFEF;}
.ram2{float:left; border:1px solid #ffffff;}

#leftNavigation{width:34%; float:left;}
#rightNavigation{width:34%; float:right; text-align:right;}