/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
- blue		#295CCC
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/

#spl .container div { margin-left: 40px;}

html { background: white; color: black; overflow-y: scroll; height: 100%;}
body { background: white url('/img/bg.jpg') no-repeat center top; margin: 0; height: 100%;}
h1, h2, h3, h4 { font-weight: normal; line-height: 150%;}
form { display: inline !important; margin: 0; padding: 0;}
p { margin-bottom: 0.5em;}
.small { line-height: 1.3em;}

address, blockquote, cite, em, i, q, #name p, h1, h2, h3, h4, #make-ask, input.submit, input[type=submit] { font-family: 'Helvetica', 'Arial', 'sans-serif';}
cite { display: block; background: transparent url('/img/quot.gif') no-repeat left 7px; padding: 0 0 0 45px;}
body { font-family: 'Tahoma', 'Verdana';}
hr { background-color: #EEE; color: #EEE; border-color: #EEE;}
a, a:link, a:visited { color: #295CCC; outline: none;}
a:hover, a:active, a:focus { color: red;}

h2, h3, h4 { color: #295CCC;}

h2 { font-size: 2.3em;}
h3 { font-size: 1.8em;}
h4 { font-size: 1.5em;}

ul { list-style-type: none; margin-left: 0;}
ul li { margin-left: 0;}
ul.bullet { margin-left: 2ex;}
ul.bullet li { list-style-image: url('/img/bullet.gif');}
.large { line-height: 1.4em;}
.small { font-size: 11px;}
.coll li { list-style-type: none; margin: 0; padding: 0; list-style-image: none; display: block;}
.coll { margin: 0; padding: 0;}
.coll.sep li { padding-bottom: 1em; margin-bottom: 1em; border: 0 dotted silver; border-bottom-width: 1px;}
.coll.sep { margin: 1em 0;}
.coll.sep li:last-child { border-bottom-width: 0; padding-bottom: 0; margin-bottom: 0;}
.horizontal li { list-style-image: none;}

.error, .notice {
	border: none;
	padding: 5px;
	display: inline-block;
	width: auto !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight: bold;
}
.error { background-color: red; color: white;}
.notice { background-color: #FFC; color: black;}

span.error { display: none;}
span.error + input, span.error + textarea, span.error + ul { border-color: red !important;}

.error.list { display: block; width: 100%;}

/* forms */
form p { margin: 0; text-align: right; margin-right: 20%;}
form .reset p { text-align: left; margin-right: 0;}
label { display: inline-block; width: 40%; text-align: right; padding-right: 5px;}
label.chbx { display: inline; width: auto !important; font-weight: normal; line-height: 2.2em;}
label.chbx input { width: auto !important;}
input[type=text], input[type=password], select, textarea {
	font-family: 'Helvetica', 'Arial', 'sans-serif' !important;
	font-size: 13px !important;
	padding: 5px;
	border: 1px solid #D0E8FF !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
*[type=submit], .submit {
	background-color: white; color: #295CCC;
	font-size: 19px; font-weight: normal;
	border: 1px outset #48A0F0;
	padding: 3px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
input[type=text]:focus, select:focus, textarea:focus { outline: none !important; background-color: #FFC; border-width: 1px !important; border-color: black !important;}

/**************************************/
/*              HEADER                */
/**************************************/
html, body { margin-top: 0;}
#hd { padding-top: 25px;}
#hd a { text-decoration: none; color: black;}
#name img { float: left; margin-right: 15px; vertical-align: top;}
#name h1 { text-transform: uppercase; margin: 0; line-height: 15px; letter-spacing: -1px;}
#name h1, #name h1 a { color: #800000;}
#name p { margin: 0; padding: 0; font-style: italic; font-size: 14px;}

/**************************************/
/*             NAVIGATION             */
/**************************************/
#navi-wrap { background: transparent url('/img/_.jpg') no-repeat center top; margin-top: 0.5em; padding-top: 1em;}
#navi { float: right; margin: 0; padding: 0; font-size: 14px;}
#navi li { list-style-type: none; margin: 0 0 0 25px; padding: 0; float: left;}
#navi li.sel a { color: #295CCC; font-weight: bold;}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

.address li { border: 0 dotted #D0E8FF; border-bottom-width: 1px; padding: 0.2em 0; margin: 0.2em 0;}
.address li:last-child { border-bottom-width: 0;}
.address li * { display: inline-block; vertical-align: top;}
.address label { width: 75px; text-align: left;}
.address address { width: auto !important; margin: 0;}
address strong, address a { font-style: normal;}

#spl {
	position: relative; height: 140px; margin: 1em 0 4em 0; padding-top: 1em;
	background: transparent none no-repeat center top;
}
#spl h2 { letter-spacing: -1px;}
#spl, #spl h2, #spl h5, #spl a { color: white;}
#spl .bullet li { list-style-image: url('/img/bullet-white.gif');}

#doc-uslugi-aktuarialne #bigboy {
	display: block; position: absolute; top: 0.05em; right: -0.2ex;
	font-size: 92px; letter-spacing: -6px;
}

#doc-uslugi-aktuarialne #services { margin-left: 3ex; width: 100%;}
#doc-uslugi-aktuarialne #services li { float: left; width: 35%;}
#doc-uslugi-aktuarialne #spl { height: 278px;}
#doc-uslugi-aktuarialne #spl h5 { margin: 0;}
#doc-uslugi-aktuarialne #spl #make-ask {
	position: absolute; bottom: -0.5em; right: 25%;
	font-size: 2em; font-style: italic;
	border: 1px outset #BED4FF;
	padding: 0.5ex;
	background-color: white; color: black !important;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
}

#doc-terminy-i-ceny #wrap { background: transparent url('/img/bgs/terminy-i-ceny.jpg') no-repeat top center;}
#doc-terminy-i-ceny #bd { margin-top: 13em;}

#doc-terminy-i-ceny .notice { position: relative; top: -8em; left: 5%;}

#make-ask-header { background-color: #BED4FF; margin-top: -10em; padding: 0.05em 25px;}
#make-ask-header h2 { color: white; margin: 0;}
#make-ask-box { background-color: white; margin: 0; padding: 0 25px;}
#make-ask-box p { text-align: left !important; margin-righT: 0;}
#make-ask-box label { width: 40%;}


#doc-kontakt #contact-form textarea { width: 80%; height: 5em; vertical-align: top;}


#doc-uslugi-aktuarialne			#spl { background-image: url('/img/bgs/uslugi-aktuarialne.jpg');}
#doc-o-firmie					#spl { background-image: url('/img/bgs/o-firmie.jpg');}
#doc-partnerzy-biznesowi		#spl { background-image: url('/img/bgs/partnerzy-biznesowi.jpg');}
#doc-kontakt					#spl { background-image: url('/img/bgs/kontakt.jpg');}


/**************************************/
/*               FOOTER               */
/**************************************/

#ft { font-size: 0.4em;}
#copy { text-align: right; margin-right: 3ex;}

.clicky { opacity: 0.1;}