/*
		@www: tusla.pl
    @author: Slawek Tuleja
*/

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

/*STRUCTURE*/
body {background:white;}
body {font-family:Verdana, sans-serif; font-size:11px;}
body {line-height:16px; color:gray; text-align:left;}



/*INDEX PAGE*/
#index {margin:0px auto; width:768px;}
#index #menu {float:right; margin:10px 0px 0px 0px;}
#index #logo {height:66px;}
#index #logo h1 {margin-top:20px;}
#index #logo h1 {width:200px; height:60px; text-indent:-9000px; float:right;}
#index #logo h1 {background:transparent url(../images/logo-dentima.gif) no-repeat;}
#index #content {padding:0px; margin:20px 0px 40px 4px;}
#index #content {float:left;}
#index #content #info {height:254px; width:503px; border:1px dotted #99ccff; float:right; margin-left:2px;}
#index #content #info {background:#eff8fd url(../images/background.jpg) no-repeat right; margin-top:5px;}
#index #content #info p {font-size:90%; text-align:right; clear:both; margin-right:5px; padding-top:30px;}
#index #content #info #language {float:right; margin:20px 10px -20px 0px;}
#index #content #info #language a {text-decoration:underline; font-size:80%;}
#index #content #info #language a:link {color:gray; font-weight:bold; text-transform:uppercase;}
#index #content #info #language a:visited {color:gray; font-weight:bold; text-transform:uppercase;}
#index #content #info #language a:hover {text-decoration:underline;}
#index #content #girl {background:transparent url(../images/girl.jpg) no-repeat; margin-top:5px;}
#index #content #girl {height:254px; width:251px; border:1px dotted #99ccff; float:left;}
#index #content #offer-desc {height:378px; width:493px; border:1px dotted #99ccff; float:right;}
#index #content #offer-desc {margin-top:5px; padding:10px 5px 5px 5px;}
#index #content #offer-desc p {font-size:90%; text-align:justify;}
#index #content #offer-desc p {clear:both; margin-right:5px; padding-top:15px;}
#index #content #offer-desc p strong {font-weight:bold;}
#index #content #offer-desc h2 {font-weight:bold; font-size:80%; color:#bbb; float:left; margin-left:0px; display:block; text-transform:uppercase;}
#index #content #offer-desc h3 {font-weight:bold; font-size:80%; color:#bbb; float:left; margin-top:15px; display:block; text-transform:uppercase;}
#index #content #smile {margin-top:5px;}
#index #content #smile {height:254px; width:251px; border:1px dotted #99ccff; float:left;}
#index #content #smile-desc {margin-top:5px; background:#eff8fd url(../images/background-light.jpg) bottom no-repeat;}
#index #content #smile-desc {width:241px; border:1px dotted #99ccff; float:left; text-align:right; padding:10px 5px 10px 5px;}
#index #footer-img {text-align:center; margin:0px 0px 0px 0px; clear:both;}
#index #footer-img img {padding:2px;}
#index #footer-img p {text-align:justify; font-size:60%; color:#bbb; margin-left:0px;}
#index #footer-img p.shift {margin-left:0px;}
#index #footer-img h2 {font-weight:bold; font-size:60%; color:#bbb; float:left; margin-left:60px; display:block;}
#index #footer-img h3 {font-weight:bold; font-size:60%; color:#bbb; float:left; margin-left:60px; display:block;}
#index #footer-img a {color:#bbb}
#index #footer {font-size:80%; color:#bbb;}

/*SUBPAGES*/
#sub-page {margin:0px auto; width:768px;}
#sub-page #logo {float:right; margin:20px 0px 0px 0px; text-align:right; height:46px;}
#sub-page ul#navmenu {margin:14px 0px 30px 0px; border:0 none; padding:0; list-style:none;}
#sub-page ul#navmenu {height:24px; float:right; text-align:left; border-right:1px solid #bedbf8;}
#sub-page #content {clear:both; margin:20px 0px 40px 8px;}
#sub-page #content hr {border:none; height:1px; color:#99ccff; background-color:#99ccff; clear:both; margin-bottom:20px;}
#sub-page #content strong {font-weight:bold; text-transform:uppercase;}
#sub-page #content img {padding:3px; border:1px solid #eee;}
#sub-page #content p {margin-top:10px; margin-bottom:20px;}
#sub-page #content #dyploma {float:left;}
#sub-page #content #dyploma img {padding:3px; margin:10px;}
#sub-page #content ul {margin:10px 0px 10px 30px;}
#sub-page #content ol {margin:10px 0px 10px 30px;}
#sub-page #content #address {margin-top:5px; background:#eff8fd url(../images/background-light.jpg) bottom no-repeat;}
#sub-page #content #address {width:241px; border:1px dotted #99ccff; float:left; text-align:right; padding:10px 5px 10px 5px;}
#sub-page #content #smile {margin-top:5px;}
#sub-page #content #smile {height:254px; width:251px; border:1px dotted #99ccff; float:left;}
#sub-page #content #smile-desc {margin-top:5px; background:#eff8fd url(../images/background-light.jpg) bottom no-repeat;}
#sub-page #content #smile-desc {width:241px; border:1px dotted #99ccff; float:left; text-align:right; padding:10px 5px 10px 5px;}

#sub-page .box-left {float:left; width:270px; margin-bottom:20px;}
#sub-page .box-left ul {margin:20px 0px 20px 40px}
#sub-page .box-left img {padding:3px; border:1px solid #eee;}
#sub-page .box-left h1 {font-size:130%; font-weight:bold; color:gray; margin-bottom:20px;}
#sub-page .box-right { width:450px; float:right; margin-bottom:20px;}
#sub-page .box-right ul {margin:20px 0px 20px 40px}
#sub-page .box-left-personel {float:left; width:180px; margin-bottom:20px;}
#sub-page .box-left-personel ul {margin:20px 0px 20px 40px}
#sub-page .box-left-personel img {padding:3px; border:1px solid #eee;}
#sub-page .box-left-personel h1 {font-size:130%; font-weight:bold; color:gray; margin-bottom:20px;}
#sub-page .box-right-personel { width:470px; float:right; margin-bottom:20px;}
#sub-page .box-right-personel ul {margin:20px 0px 20px 40px}
#sub-page #footer {clear:both;}
#sub-page #footer p {text-align:justify; font-size:80%; color:#bbb;}
#sub-page #footer a {color:#bbb;}

/*BASIC ELEMENTS*/
p {}
ul {}
li {}

/*MY CLASSES*/
.ctext {border:1px solid #ccc; font-size:100%; width:200px;}
.ctextarea {border:1px solid #ccc; font-size:130%;}

/*TYPOGRAPHY*/
a {color: #61affe;}
a:link {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover {text-decoration:none;}

/*MENU*/
ul#navmenu {margin:4px 0px 0px 0px; border:0 none; padding:0; list-style:none; height:24px;}
ul#navmenu {float:right; text-align:left; border-right:1px solid #bedbf8;}
ul#navmenu li {margin:0; border:0 none; padding:0; float:left; /*For Gecko*/ display:inline;}
ul#navmenu li	{list-style:none; position:relative; height:24px; text-align:left; width:109px;}
ul#navmenu ul {margin:0; border:0 none; padding:0; width:180px; list-style:none; display:none;}
ul#navmenu ul {position:absolute; top:25px; left:0;}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{clear:both; display:block; font:1px/0px serif;}
ul#navmenu ul:after {content:"."; height:0; visibility:hidden;}
ul#navmenu ul li {width:180px; float:right; /*For IE 7 lack of compliance*/}
ul#navmenu ul li {display:block !important; display:inline; /*For IE*/}

/*ROOT MENU*/
ul#navmenu a {border-top:1px solid #bedbf8; border-left:1px solid #bedbf8;}
ul#navmenu a {border-bottom:1px solid #bedbf8; padding:0 6px; float:none !important; /*For Opera*/}
ul#navmenu a {float:left; /*For IE*/ display:block; background:white; color:gray;}
ul#navmenu a {font:bold 10px/24px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
ul#navmenu a {height:auto !important; height:1%; /*For IE*/}

/*ROOT MENU HOVER PERSISTENCE*/
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {background:white; color:gray; text-decoration:underline;}

/*2ND MENU*/
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {float:none; background:white; color:gray; border-right:1px solid #bedbf8; text-decoration:none;}

/*2ND MENU HOVER PERSISTENCE*/
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {background:white; color:gray; text-decoration:underline;}

/*DO NOT MOVE - MUST COME BEFORE DISPLAY:BLOCK FOR GECKO*/
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul { display:none }

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul { display:block }



.cennik td
{border: 1px solid #b5d9fc; padding:5px;}

/*--------------------------------
	SLIDES
*/


.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#61affe;
	padding-top:-5px;
	padding-bottom:15px;
	text-decoration: underline;
	/* End layout CSS */
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* End layout CSS */
	color:gray;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	color:gray;
	position:relative;
}