/*------------------------------------------------------------------
	[Master Stylesheet]

	Project:		Evans
	Author:			iMprove (www.improve.sk)
	Output device:	screen
	
	[Parameters order]
	display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;
	
-------------------------------------------------------------------*/
@import "reset.css";
/*------------------------------------------------------------------ 
	[Body] 
*/ 
body {background-color: #C4E2FF; color: #000; text-align: center}

/*------------------------------------------------------------------ 
	[HTML Elements] 
*/ 
body {font: 13px/1.5em Arial, sans-serif;}
input, select, textarea {font: 1em Arial, sans-serif;}
a {color:#E40018; text-decoration: none}
a:hover {text-decoration: underline}

h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif; font-weight: bold; line-height: 1em; color: #0053A6; letter-spacing: -1px;}
h1 {padding-bottom: 15px; font-size: 30px;}
h2 {padding: 15px 0; font-size: 24px;}
h3 {padding: 10px 0; font-size: 18px;}
h4 {padding: 5px 0;  font-size: 14px;}
p, address, blockquote, table, dl, ol, ul, fieldset {margin-bottom: 10px;}
p.highlight {font-size: 1.3em}

#content table {margin:0 0 15px 0; border-collapse:collapse; border-spacing:0; font-size:100%;}
#content table.width100 {width:100%;}
#content table th {text-align:center; font-weight:bold; background-color: #c4e2ff;}
#content table th, #content table td {padding:3px 5px; border: 1px solid #8dbcea; vertical-align: middle;}
table.nostyle th, table.nostyle td {border: 0 !important; background: transparent none !important; vertical-align: top !important;}

ul, ol {display:block; margin: 0 0 15px 15px;}
ul ul, ol ol {margin:0; margin-left:10px;}
ol {margin-left: 20px;}
ol {list-style-type:decimal;}
ul li {display:list-item; background: url("../design/indent-01.gif") no-repeat 0 6px; padding-left: 15px }
ul.nostyle li {background-image: none;}

dl {margin:15px 0;}
dd {margin-left:30px;}

fieldset {position:relative; margin:15px 0; padding:10px; border:1px solid #CCC;}
legend {position:absolute; top:-1em; margin:0; padding:3px 6px; background:#6B0; font-size:100%; font-weight:bold; color:#FFF;}
label {font-weight: bold}
input.text, textarea {padding: 5px; background: #c4e2ff url("../design/textfield-background.gif") no-repeat 0 0; border: 1px solid #8dbcea;}
input.button {padding: 5px 10px; background: #e40018 url("../design/button-background.gif") repeat-x 0 100%; border: 1px; font-size: 1.1em; color: #FFF}

abbr, acronym, .help {border-bottom:1px solid #CDA400; cursor:help;}
del, .del {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}
blockquote {margin:15px 20px; font-style:italic;}

/*img, div, a, span, h2 {behavior: url("/styles/iepngfix.htc")} /* IE PNG transparency fix*/

.image-left { float:left !important; margin: 0 10px 10px 0; }
.image-right { float:right !important; margin: 0 0 10px 10px; }

p.msg {padding: 10px 10px 10px 35px; background: #D5EAFF url("../design/ico-info.gif") no-repeat 10px 50%; border: 1px solid #62a8eb; color: #001c38}
p.error {background: #ffb8bf url("../design/ico-warning.gif") no-repeat 10px 50%; border: 1px solid #ff7e8c; color: #420007}

/*------------------------------------------------------------------ 
	[Layout / #wrapper, #main, #footer] 
*/ 
#wrapper {width: 990px; margin: 0 auto; text-align: left;}
#main {width: 990px; background: #FFF url("../design/main-bottom.gif") no-repeat 0 100%;}
/*------------------------------------------------------------------ 
		[Header / #header] 
*/ 
#header {width: 990px; height: 250px; background: url("../design/header.jpg") no-repeat 0 0;}
	#logo {display: block; width: 230px; height: 110px; margin: 0; padding: 0;}
	#logo a {display: block; width: 230px; height: 110px;}
	#logo a span {display: none;}

/*------------------------------------------------------------------ 
		[Navigation / #navigation] 
*/ 
#navigation {width: 990px; height: 40px; background-color: #FFF;}
    #navigation ul {display: block; height: 40px; margin: 0; padding: 0 5px; background: url("../design/navigation.gif") no-repeat 0 0;}
        #navigation li {display: block; float: left; height: 40px; margin: 0; padding: 0 11px 0 0; line-height: 40px; background: url("../design/navigation-separator.gif") no-repeat 100% 0;}
        #navigation li.first {padding-left: 5px}
        #navigation li a {display: block; float: left; height: 40px; padding: 0 10px; color: #FFF; font-size: 14px; font-weight: bold}
        #navigation li a:hover, #navigation li a.active {color: #ffb8bf; text-decoration: none}
	
/*------------------------------------------------------------------ 
		[Content / #content] 
*/		
	#content {padding: 20px}

/*------------------------------------------------------------------ 
		[Highlights / #highlight] 
*/		
	#highlight {position: relative; width: 870px; height: 130px; margin: 15px auto 0 auto; text-align: left;}
	#highlight .float-right {margin-left: 15px;}

/*------------------------------------------------------------------ 
		[Footer / #footer] 
*/		
#footer {width: 990px; padding: 15px 10px; color: #1d2e3f; text-align: center; font-size: 0.95em}
	#footer .copyright {padding: 60px 0 0 0; background: url("../design/footer-logo.gif") no-repeat 50% 0; font-weight: bold;}
	#footer .contact {margin: 0 auto; padding-bottom: 10px; background: url("../design/footer-separator-horizontal.gif") repeat-x 0 100%;}
	#footer .contact div {display: inline; padding-right: 15px}
	#footer div a {color: #1d2e3f; text-decoration: underline}
	#footer div a:hover {text-decoration: none}
	
	#footer ul.navigation {margin: 5px 0 0 0}
	#footer ul.navigation li {display: inline; padding: 0 2px 0 0; background: url("../design/footer-separator-vertical.gif") repeat-y 100% 0;}
	#footer ul.navigation li.last {background-image: none}
	#footer ul.navigation li a {height: 2em; padding: 3px 10px; font-weight: bold; color: #2573c1; line-height: 2em;}
	#footer ul.navigation li a:hover {color: #004b96; text-decoration: none}

/*------------------------------------------------------------------ 
	[Page: Front] 
*/ 
.frontpage h2 {height: 35px; padding: 0 15px; margin: 0;}
.frontpage .cols-3 {min-height: 200px; background: url("../design/frontpage-cols-3.gif") no-repeat 0 0;}
.frontpage .cols-3 .col {float: left; width: 310px; margin-right: 10px; padding: 15px 0}
.frontpage .cols-3 .col ul {margin: 0 15px}
.frontpage .cols-3 .col ul li {margin: 0; padding: 0 0 5px 0; font-weight: bold}
.frontpage .cols-3 .col-1 ul li {color: #252525}
.frontpage .cols-3 .col-2 ul li {color: #571818}
.frontpage .cols-3 .col-3 {display: none}

.frontpage .pics {margin-bottom: 15px;}
.frontpage .pics .pic {float: left; width: 310px; height: 266px;}
.frontpage .pics .pic h2 {position: absolute; width: 310px; height: 266px; margin: 0; padding: 0;}
.frontpage .pics .pic h2 a {display: block; width: 310px; height: 266px; text-indent: -999em}
.frontpage .pics .pic ul {position: relative; display: none; top: 141px; width: 310px; margin: 0; padding: 0; background-color: #0069d5}
.frontpage .pics .pic ul li {padding: 0}
.frontpage .pics .pic ul li a {display: block; height: 35px; padding: 0 5px; font-weight: bold; font-size: 1.1em; color: #FFF; line-height: 35px; text-align: right}
.frontpage .pics .pic:hover ul {display: block}

/*.frontpage .pics .pic-1 h2 {background: url("../design/frontpage-pic-1-title.png") no-repeat 0 0;}*/
.frontpage .pics .pic-1 {background: url("../design/frontpage-pic-1-image.jpg") no-repeat 0 0;}
.frontpage .pics .pic-2 {margin: 0 10px}
/*.frontpage .pics .pic-2 h2 {background: url("../design/frontpage-pic-2-title.png") no-repeat 0 0;}*/
.frontpage .pics .pic-2 {background: url("../design/frontpage-pic-2-image.jpg") no-repeat 0 0;}
/*.frontpage .pics .pic-3 h2 {background: url("../design/frontpage-pic-3-title.png") no-repeat 0 0;}*/
.frontpage .pics .pic-3 {background: url("../design/frontpage-pic-3-image.jpg") no-repeat 0 0;}

.frontpage .cols-2 .col-1 {float: left; width: 420px; padding: 0 15px}
.frontpage .cols-2 .col-1 blockquote {margin: 0; font-size: 1.25em;}
.frontpage .cols-2 .col-2 {float: right; width: 450px; height: 125px; background: url("../design/frontpage-cols-2-col-2.gif") no-repeat 0 0;}
.frontpage .cols-2 .col-2 .inner {margin: 30px 20px 0 50px;}
.frontpage .cols-2 .col-2 .highlight {color: #0053a6; font-weight: bold; font-size: 1.1em;}

/*------------------------------------------------------------------ 
	[Page: Cenník] 
*/ 
#content table.pricelist {width: 400px; margin: 0 auto 15px auto}
#content table.pricelist td {text-align: center}
#content div.pricelist h1, #content div.pricelist h2 {margin-bottom: 20px; text-align: center}

/*------------------------------------------------------------------ 
	[Page: Otestujte sa] 
*/
ol.results .wrong {color: rgb(204,0,0)}
ol.results .right {color: rgb(0,153,0)}

#testForm dt {margin-bottom: 5px}
#testForm dd {margin-bottom: 10px}
#testForm dd input {margin-right: 5px}
#testForm dd label {color: rgb(48,48,48)}

/*------------------------------------------------------------------ 
	[Page: Kontakt] 
*/ 
#content .form-contact input.text {width: 250px}
#content .form-contact textarea {width: 300px; height: 150px}
#content .contact-col {width: 470px; margin-bottom: 15px}
#contact-map {width: 450px; height: 188px;}