/**
 * Obsah:
 * ----------------------------------------------
 * $1 - HEADER AREA
 * $2 - MENU AREA
 * $3 - BANNER AREA
 * $4 - TITLE AREA
 * $5 - CONTENT AREA
 * $6 - FOOTER AREA
 * ----------------------------------------------
 * 
 */
 

html, body, table, form
{
	margin: 0;
	padding: 0;
}


body
{
	background: #879297 url(/images/body-background.jpg) repeat-x;
	text-align: center;
}

body, table, button, textarea
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

textarea {font-size: 13px;}

a img
{
	border: 0;
}

a.move
{
	color: #808080;
	background: url(/images/href-icon-1.jpg) 0% 50% no-repeat;
	padding-left: 9px;
}
a {color: #808080;}
a.move:hover, a:hover
{
	color: #000;
}


h2
{
	font-weight: normal;
	font-size: 26px;
	color: #417ea9;
	margin: 0 0 10px 0;
	padding: 0;
	letter-spacing: -1px;
}
h2 a {color: #417ea9; text-decoration: none;}
h2 a:hover {color: #305d7c;}

p
{
	text-align: justify;
}


.clearer
{
	height: 1px;
	font-size: 1px;
	clear: both;
}


#page-placing
{
	width: 900px;
	margin: auto;
	text-align: left;
}

.left-border
{
	position: absolute;
	top: 0;
	left: 0;
}

.right-border
{
	position: absolute;
	top: 0;
	right: 0;
}




/* $1 - HEADER AREA
========================================================================= */

#header
{
	position: relative;
	width: 100%;
	height: 96px;
	background: url(/images/header-background.jpg) repeat-x;
}

#header .left-border
{
	width: 16px;
	height: 96px;
	left: -9px;
	background: url(/images/header-l.gif) no-repeat;
}

#header .right-border
{
	width: 16px;
	height: 96px;
	right: -9px;
	background: url(/images/header-r.gif) no-repeat;
}

#logo
{
	float: left;
	margin-top: 26px;
	padding-left: 30px;
}

#account-info
{
	display: none;
	float: right;
	margin-top: 73px;
	padding-right: 30px;
	color: white;
	font-size: 11px;
}
#account-info img
{
	vertical-align: middle;
	margin-right: 4px;
}
#account-info a
{
	color: white;
}
#account-info a:hover
{
	color: #9a9a9a;
}


/* $2 - MENU AREA
========================================================================= */

#menu
{
	position: relative;
	width: 100%;
	height: 26px;
	background: url(/images/menu-background.jpg) repeat-x;
}

#menu .left-border
{
	width: 18px;
	height: 30px;
	left: -9px;
  background: url(/images/menu-l.gif) no-repeat;
}

#menu .right-border
{
	width: 18px;
	height: 30px;
	right: -9px;
	background: url(/images/menu-r.gif) no-repeat;
}

#menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu ul li
{
	float: left;
	line-height: 26px;
	padding: 0 25px 0 25px;
	text-transform: uppercase;
	font-size: 11px;
}

#menu ul li.active
{
	background: url(/images/menu-item-background.jpg) repeat-x;
}

#menu ul li.active .left-border
{
	background-image: url(/images/menu-item-l.gif);
}
#menu ul li a, #menu ul ul li a, #menu ul li.active ul li a
{
	font-weight: bold;
	text-decoration: none;
	color: #d9e0e7;
}
#menu ul li.active a
{
	color: #0f1010;
}
#menu ul li a:hover
{
	text-decoration: underline;
}



/* druha uroven */
#menu {z-index: 98;}
#menu ul ul li a {background: #3a3b3d /*url(/images/menu-background.jpg) repeat*/;}
#menu ul ul {position: absolute; position: absolute; top: 26px; margin: 0 0 0 -26px; padding: 0; /*left: 227px;*/}
#menu ul ul li {float: none; margin: 0; padding: 0; font-size: 10px; font-weight: normal;}
#menu ul ul li a {border-top: 1px solid #6e797d; display: block; margin: 0; padding: 0 25px;}
/*#menu ul ul li a:hover {background: url(/images/menu-item-background.jpg) repeat;}*/
#menu ul ul li a:hover, #menu ul li.active ul li a:hover {/*color: #000000;*/ text-decoration: underline;}
#menu ul li ul {position:absolute; visibility:hidden; display:none;} 
#menu ul li:hover ul, #menu ul li.hover ul {position: absolute;visibility:visible; display: block;}
#menu ul li:hover a, #menu ul li.hover a {text-decoration: underline;}
#menu ul li:hover li a, #menu ul li.hover li a {text-decoration: none;}  
#menu ul li:hover li a:hover, #menu ul li.hover li a:hover {text-decoration: underline;}
/* IE6 */
#menu ul li, #menu ul li li {_behavior: url(/stylesheets/hover.htc);}
#menu ul li {_display: block; _float: left;}




/* $3 - BANNER AREA
========================================================================= */

#banner
{
	position: relative;
	z-index: 3;
	height: 315px;
	margin: 1px 0 1px 0;
	background: url(/images/pozadi-banner.gif) no-repeat;;
}

#banner-non-flash {position: relative;
	z-index: 3;
	height: 315px;
	margin: 1px 0 1px 0;
  background: url(/images/iQuest_banner.jpg) no-repeat;}

#banner-non-flash h1 {position: absolute; top: 50px; left: 50px; color: #fdf372;}
#banner-non-flash h2 {position: absolute; top: 120px; left: 50px; color: #ffffff;}
#banner-non-flash div {color: #ffffff; width: 220px; position: absolute; top: 270px; text-align: center;}
#banner-non-flash div h3 { font-size: 95%;padding: 0;margin: 0;}
#banner-non-flash div h3 a {color: #ffffff; text-decoration: none;}
#banner-non-flash div h3 a:hover {color: #fdf372; text-decoration: none;}
#banner-non-flash div h3 span {font-weight: normal;}
#banner-non-flash .jedna { left: 10px; border-right: 1px solid #724003;}
#banner-non-flash .dva {left: 230px; border-right: 1px solid #724003;}
#banner-non-flash .tri {left: 450px; border-right: 1px solid #724003;}
#banner-non-flash .ctyri {left: 670px;}
/* $4 - TITLE AREA
========================================================================= */

#page-title
{
	position: relative;
	z-index: 3;
	height: 60px;
	line-height: 60px;
	background: url(/images/page-title-background.gif) no-repeat;
	margin: 1px 0;
}

#page-title h1
{
	margin: 0;
	font-weight: normal;
	font-size: 20px;
	text-transform: uppercase;
	color: #ecf3f9;
	padding-left: 15px;
}

.title-about { background-image: url(/images/title-about.gif) !important; }
.title-services { background-image: url(/images/title-services.gif) !important; }
.title-technology { background-image: url(/images/title-technology.gif) !important; }
.title-reference { background-image: url(/images/title-reference.gif) !important; }
.title-we_support { background-image: url(/images/title-we_support.gif) !important; }
.title-contact { background-image: url(/images/title-contact.gif) !important; }



/* $5 - CONTENT AREA
========================================================================= */

#content
{
	position: relative;
	width: 100%;
	background: #ffffff url(/images/content-background.jpg) bottom no-repeat;
}

#content .left-border
{
	width: 6px;
	height: 4px;
	top: -4px;
	left: 0;
	background: url(/images/content-l.gif) no-repeat;
}

#content .right-border
{
	width: 6px;
	height: 4px;
	top: -4px;
	right: 0;
	background: url(/images/content-r.gif) no-repeat;
}

/*#content-wrapper1
{float: left;
	background: url(/images/content-wrapper1-background.jpg) left bottom no-repeat;
}
#content-wrapper2
{float: right;
	background: url(/images/content-wrapper2-background.jpg) right bottom no-repeat;
}*/

#hp-column-left
{
	float: left;
	width: 563px;
	border-right: 1px solid #dbdbdb;
	margin: 15px 0 15px 0;
	padding-left: 16px;
}
#hp-column-left p
{
	float: left;
	width: 260px;
	padding: 0;
	margin: 0;
}
#hp-column-left p.left
{
	margin-right: 20px;
}
#hp-column-left ul
{
	margin: 0;
	padding: 17px 0 0 0;
	list-style-type: none;
}
#hp-column-left ul li
{
	float: left;
	text-align: center;
	line-height: 12px;
	font-size: 11px;
	margin: 0 15px 0 15px;
}
#hp-column-left ul li.first
{
	margin-left: 0 !important;
}
#hp-column-left ul li.last
{
	margin-right: 0 !important;
}
#hp-column-left ul li img
{
	padding-bottom: 2px;
}
#hp-column-left ul li a
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
#hp-column-left ul li a:hover
{
	text-decoration: underline;
}
/*#hp-column-left ul li a:hover img*/
#hp-column-left ul li a img
{
	background-position: 0 -54px;
}

#hp-icon-1 a img
{
/*background: url(/images/rails.jpg) 0 0 no-repeat;*/
background: url(/images/hp-icon-1-ws.jpg) 0 0 no-repeat;
}
#hp-icon-2 a img
{
	background: url(/images/hp-icon-2-ws.jpg) 0 0 no-repeat;
}
#hp-icon-3 a img
{
	background: url(/images/hp-icon-3-ws.jpg) 0 0 no-repeat;
}
#hp-icon-4 a img
{
	background: url(/images/hp-icon-4-ws.jpg) 0 0 no-repeat;
}



#hp-column-right
{
	float: left;
	margin: 15px 0 15px 13px;
	width: 277px;
}
#hp-column-right h2
{
	color: #e89512;
	padding-left: 10px;
}
#hp-column-right ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#hp-column-right ul li
{
	background: url(/images/ul-icon-1.jpg) left 5px no-repeat;
	padding-left: 10px;
	margin: 0 0 8px 0;
}
#hp-column-right ul li strong
{
	text-transform: uppercase;
}
#hp-column-right ul li em
{
	font-style: normal;
	color: #808080;
}
#hp-column-right ul li a
{
	color: #d38407;
}
#hp-column-right a strong {color: #000000;}

#hp-column-right ul li a:hover
{
	color: #000;
}
#hp-column-right div
{
	margin: 30px 15px 0 0;
	text-align: right;
}


/* $6 - FOOTER AREA
========================================================================= */

#footer
{float: left;
	position: relative;
	width: 100%;
	height: 77px;
	margin-top: 2px;
	background: url(/images/footer-background.gif) left top repeat-x;
}

#footer ul
{
	float: left;
	margin: 0 0 0 17px;
	padding: 0;
	list-style-type: none;
}
#footer ul li
{
	float: left;
	margin: 6px 25px 0 0;
	padding-left: 19px;
	line-height: 13px;
	font-size: 11px;
	background-position: 0% 50%;
	background-repeat: no-repeat;
}
#footer ul li.send
{
	padding-left: 21px !important;
	background-image: url(/images/footer-icon-1.jpg);
}

#footer ul li.map {padding-left: 21px !important;background-image: url(/images/map.gif);}
#footer ul li.print
{
	background-image: url(/images/footer-icon-2.jpg);
}
#footer ul li.fav1
{
	background-image: url(/images/footer-icon-3.jpg);
}
#footer ul li.fav2
{
	background-image: url(/images/footer-icon-4.jpg);
}
#footer ul li a, #footer #copyright a
{
	color: #1b4a6d;
	text-decoration: none;
}
#footer ul li a:hover, #footer #copyright a:hover
{
	text-decoration: underline;
}

#footer p
{
	float: right;
	padding: 6px 19px 0 0;
	margin: 0;
	font-size: 11px;
	color: #1b4a6d;
}

.text p, .pravypanel div, .text ul, .vyskakovaci-okno {line-height: 1.5em;}
.text img {border: 0px;}
.text {padding: 20px; width: 550px; float: left;}
.text strong, .pravypanel strong, .vyskakovaci-okno strong {background: #fde5c9; padding: 0 2px;}
/*p.prvni:first-letter {font-size: 500%; float:left; background: url(/images/h3-pozadi.jpg) top left no-repeat;}*/
.text .prvni {color: #999999; font-size: 150%; font-weight: normal;}
.text h3 {margin: 0 0 0 0; padding: 5px 0 5px 30px; background: url(/images/h3-pozadi.jpg) 0px 0px no-repeat;}
.text h2 {margin: 20px 0 3px 0;}
.navigace {font-size: 85%;}
.text img.obrvtextu {padding: 0 10px 5px 0; float: left;}

.pravypanel {float: right; width: 274px; padding: 26px 15px 15px 15px; /*background: #eeeeee;*/}
.pravypanel div {float: left; width: 244px; margin: 5px 0 30px 0; background: url(/images/pozadi-pravy-panel.jpg) top left no-repeat; padding: 5px 15px;}
.pravypanel div.kontakt {background: url(/images/pozadi-pravy-panel-k.jpg) top left no-repeat;}
.pravypanel div.aktualne {background: url(/images/pozadi-pravy-panel-a.jpg) top left no-repeat;}
.pravypanel div h3 {font-size: 150%; font-weight: normal; margin: 35px 0 10px 0;}
.pravypanel div.aktualne a strong {color: #000000;}
/*.pravypanel h3 {display: inline; margin: 0; padding: 0;}*/


.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.left, #content {float: left;}
.right {float: right;}

.pravypanel ul li {background: url(/images/href-icon-1.jpg) 0px 3px no-repeat; list-style-type: none; margin: 0 0 0 -30px; padding: 0 0 0 13px;}
.text ul li {background: url(/images/sipka.jpg) 0px 3px no-repeat; list-style-type: none; margin: 0 0 0 -10px; padding: 0 0 0 13px;}

.pravypanel #kontakt input, .pravypanel #kontakt textarea {width: 242px;padding: 0; margin: 0;}

.doporucit {background: #ffffff; margin: 0 auto; width: 400px; padding: 25px; text-align: left;}
.doporucit .input, .kontaktni-form .input {width: 195px; border: 1px solid #417ea9; padding: 2px 2px 2px 35px;}
.doporucit label, .kontaktni-form label {padding: 0 0 0 35px;}
.doporucit .poznamka label, .kontaktni-form .poznamka label {padding: 0;}
.man-icon {background: url(/images/icon-man.gif) 0px 0px no-repeat; width: 34px; height: 34px; position: absolute; margin: -9px 0 0 0;}
.email-icon {background: url(/images/icon-email.gif) 0px 0px no-repeat; width: 34px; height: 34px; position: absolute; margin: -9px 0 0 0;}
.phone-icon {background: url(/images/icon-phone.gif) 0px 0px no-repeat; width: 34px; height: 34px; position: absolute; margin: -9px 0 0 0;}
/*.kontaktni-form .input {width: 250px;}*/
.doporucit textarea, .kontaktni-form textarea {width: 400px; padding: 2px; border: 1px solid #417ea9;}
.doporucit table td, .kontaktni-form table td {vertical-align: middle;}
table, table td {border-collapse: collapse;}

#header-dop {position: relative;	margin: 0 auto;	width: 450px;	height: 96px;	background: url(/images/header-background.jpg) repeat-x;}
#header-dop .left-border{	width: 16px;	height: 96px;	left: -9px;	background: url(/images/header-l.gif) no-repeat;}
#header-dop .right-border{	width: 16px;	height: 96px;	right: -9px;	background: url(/images/header-r.gif) no-repeat;}
.hlaska {display: none; padding: 0 5px; color: #ff0000;}

body .text a, body .text a strong, body .uvod a, .pravypanel a, .vyskakovaci-okno a {text-decoration: underline; color: #417ea9;}
.text h3 a {color: #000000;}
body .text a strong {background: none; font-weight: normal;}
body .text a:hover, body .text a strong:hover, body .uvod a:hover, .pravypanel a:hover, .vyskakovaci-okno a:hover {color: #000000;}
body .text h2 a, .pravypanel h3, .pravypanel h3 a {color: #417ea9;text-decoration: none;} 
body .text h2 a:hover {color: #2e6286;text-decoration: underline;}
#logo h1 {padding: 0; margin: 0;}
#logo span.nadpis {display: none;}
#logo span.logo-img {cursor: hand; cursor: pointer; width: 119px; z-index: 99; position: absolute; height: 54px; background: url(/images/logo-iquest.jpg) top left no-repeat;}


.vyskakovaci-okno-obal {display: none; text-align: left; z-index: 99; background: url(/images/pozadi-okno-vrstva.png) top left no-repeat; _background: url(/images/pozadi-okno-vrstva.gif) top left no-repeat; width: 645px; _width: 630px; height: 359px; _height: 345px; left: 25%; top: 21%; position: absolute;}
.vyskakovaci-okno-obal .right {margin: 25px; position: absolute; right: 15px; _position: relative; _left: -25px; _top: 25px; _margin: 0 0 -20px 0;}
.vyskakovaci-okno {float: left; margin: 50px 25px 30px 25px; _margin: 50px 25px 30px 13px; z-index: 99;  overflow: auto; width: 570px; padding: 0 10px 0 0; height: 265px;}
.vyskakovaci-okno h3 {color: #417ea9; font-weight: normal; margin: 2px 0 18px 0; font-size: 26px;}

.vyskoknodop {margin: 0 0 0 77px;}
.vyskoknodop .input {width: 165px; border: 1px solid #417ea9; padding: 2px 2px 2px 35px;}
.vyskoknodop label {padding: 0 0 0 35px;}
.vyskoknodop .poznamka label {padding: 0;}
.vyskoknodop .man-icon {background: url(/images/icon-man.gif) 0px 0px no-repeat; width: 34px; height: 34px; position: absolute; margin: -9px 0 0 0;}
.vyskoknodop .email-icon {background: url(/images/icon-email.gif) 0px 0px no-repeat; width: 34px; height: 34px; position: absolute; margin: -9px 0 0 0;}
.vyskoknodop .phone-icon {background: url(/images/icon-phone.gif) 0px 0px no-repeat; width: 34px; height: 34px; position: absolute; margin: -9px 0 0 0;}
.vyskoknodop textarea {width: 403px; height: 80px; padding: 2px; border: 1px solid #417ea9;}
.vyskoknodop table td {vertical-align: middle;}
.vyskoknodop .sirka {width: 120px;}
.vyskoknodop .submit {margin: 5px 0 0 0;}

.text .em {border-left: 8px solid #dfdfdf; padding: 0 15px;}
.logo-tisk {display: none;}
body a.mapa {text-decoration: none; float: right; text-align: right; color: #808080;}