@import "api.css";

@media screen, projection
{
	body {background:#fff}
	body,td,th,table,label { font-family: arial, helvetica, sans-serif; font-size: 12px; color:#6f6f6f; line-height:150% }
	
	html, body {margin:0; padding:0}
	
	p, ul, ol, dl, select { margin-bottom: 1em; margin-top: 0;}

/* headers */
	h1, h2, h3, h4, h5, h6, caption { color:#1c4aab; margin: 1em 0 0.5em 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
	h1 { font-size: 200%; line-height: 1.2; letter-spacing: -1px; margin-top: 20px; margin-bottom: 10px; }
	h2 { color:#1c4aab; font-size: 160%; line-height: 1.2;  letter-spacing: -1px;}
	h3, caption { color:#1c4aab; font-size: 142%; margin-bottom: 0.5em; line-height: 1.294; }
	h5, h6  { font-size: 100%; font-family: Calibri, "Luxi Sans", Arial, Helvetica, sans-serif;}	

	dl,dt,dd {margin:0; padding:0}

/* images */
	img {border:0}

/* links */
	a:link		{color:#1c4aab}
	a:visited	{color:#1c4aab}
	a:hover		{color:#000}
	a:active	{color:#000}
	
/* list items */
	ul {margin: 0px 0 1em 0; padding: 0; list-style: none; }
	ul li { background: url("../img/arrow-small.gif") no-repeat 0% 0%; padding: 0 0 0 15px; margin: 0 0 0.5em 1em; }
	ul li { background-position: 0 7px; }
	
/* text */
	hr {border:1px dotted #1c4aab; border-top:none; height:0; margin: 1em 0 1em 0; padding:0}

/* forms */
	form	{margin:0; padding: 0}
	input	{margin:5px 0 5px 0;}
	label	{float:left; text-align:right; width:120px; padding: 0 5px 0 0; display:block}
	label strong {color:#1c4aab}
	
	.line label, .line {line-height:26px}
	.line input {margin:0}	
	.line {clear:both}
	
	dl {margin:0 0 1em 0; display:block; background: #e0e0e0}
	dt {margin: 0; padding: 0 0 0 11px; font-weight: bold; font-size: 100%; text-transform: uppercase;
		background: #1d52a4; border-bottom: 1px solid #fff;
		color: #fff; height: 28px; line-height: 28px; 	}
	dd {display:block; padding:10px 10px 0.3em 10px}
	dd h3 {margin-top:0.3em}
	dd h2 {font-size:100%; letter-spacing:0}
	dd ul li {margin:0 0 0.3em 0.5em}
	dd, dd p, dd select {font-size:11px}
	
	.table table {background: white; border: 0px solid #B6D8EB; border-width: 2px 0; border-collapse: collapse; margin: 0 0 15px 0; font-size: 100%; width: 100%; }
	.table table th, .table table td {border: 1px solid #B6D8EB;  border-style: solid ; border-left-color: #E2F0F7; border-right-color: #E2F0F7; padding: 5px 5px; }
	.table table th { background: #E8F6FD; }
	.table table td { background: white; border-color: #E2F0F7;}
	.table table tr.even td { background: #F6FBFD; }
	table td {vertical-align:top;}
	td p {margin:0; padding:0;}
	
	.fl {float:left}
	.fr {float:right}
	.cb {clear:both}
	.cl {clear:left}
	.cr {clear:right}
	.tr {text-align:right}
	.tc {text-align:center}
	.p5 {padding:5px}
	.dn {display:none}
	.list {list-style:none}
	.inl * {display:inline !important}
	.con {padding:0 20px 0 20px}
	.whlf {width:50%}
	.content {padding:0 12px 0 12px}
	.content ul {padding-left:0}
	.buttons {margin:5px 0 5px 0}
	.elm {display:block; margin-left:220px; font-style:italic}
	.tm {font-size:10px; vertical-align:super; }
	.noscreen {display:none}
	.hbox {height:270px}
	.message {background:#f6fbfd}
	.message strong {color:#1c4aab}
	p .search-result {background:#feff87}	
	.order,.order * {font-family: Arial; font-size:11px; margin:0; padding:0; color:#083088; letter-spacing:0}
	.order h2, .order h3 {padding-top:10px}
	.order {background:#f6fbfd; font-size:small; padding:10px}
	
	img {margin:0 8px 8px 8px;}
	img.fl, img[float=left] {margin-left:0}
	img.fr, img[float=right] {margin-right:0}
	a.highslide {text-decoration:none;}

/* PAGE STYLES
	#thema, #themacompany, #themashop { width:834px; height:313px;background: url('../img/top-vyrobce.jpg') no-repeat }
	#themaen,#themaproducts { width:834px; height:313px;background: url('../img/top-produkty.jpg') no-repeat }
	#themadoctors-and-technicians { width:834px; height:313px;background: url('../img/top-lekari-a-technici.jpg') no-repeat }
	#themapatients { width:834px; height:313px;background: url('../img/top-pacienti.jpg') no-repeat }
	#themadistribution { width:834px; height:313px;background: url('../img/top-distributori.jpg') no-repeat }
	#themashop { width:834px; height:313px;background: url('../img/top-shop.jpg') no-repeat }
	#themasearch, #themahome { width:834px; height:313px;background: url('../img/top-home.jpg') no-repeat }
*/
	#themadental-splints { width:834px; height:313px;background: url('../img/www.dental-splints.com.jpg') no-repeat }
	#themadentures-repair { width:834px; height:313px;background: url('../img/www.denture-repair.com.jpg') no-repeat }
	#themafibre-post { width:834px; height:313px;background: url('../img/www.fiber-post.com.jpg') no-repeat }
	#themafixed-bridge { width:834px; height:313px;background: url('../img/www.fixed-bridge.com.jpg') no-repeat }
	#themafixed-retainers { width:834px; height:313px;background: url('../img/www.fixed-retainers.com.jpg') no-repeat }
	#themastrengthening-restoration { width:834px; height:313px;background: url('../img/www.strengthening-restoration.com.jpg') no-repeat }

/* layout */	
	#top { width:834px; height:312px; background:#ebf3ff; margin:0; }
	#top h1 {margin:0; padding:0}
	#top hr, #top h1 span {display:none}
	#top h1 a { width:200px; height:45px; background: url('../img/logo.gif') no-repeat; margin:30px 0 0 44px; position:absolute}

	#main, #menu { width:834px !important; position:absolute; margin-left:50%; left:-417px}
	
	#center { background:#fff url('../img/bkg-body.gif') repeat-y;}
	#right { margin: 12px 38px 0 0; float:right; width:230px; }
	#left { float:left; margin: 12px 0 12px 52px; width:487px; }

/* footer */
	#footer { background: #fff url('../img/bkg-footer.gif') no-repeat bottom left; width:834px; height:75px;}
	#footer .content {margin:7px 50px 0 50px; font-size:11px; padding:5px 0 0 0; border-top:1px solid #ececec; text-align:left;}
	#footer h2 { font-size:100%; color:#fff; margin:0; padding:0; line-height:23px}

	#footer .panel { margin: 0; padding: 0; background: none; width: 834px; }
	#footer .panel dt { display: none;  }
	#footer .panel dd {  text-align: center; padding-top: 0; }
	#footer .panel dd a { color: #6f6f6f; }

	#api-footer {width:834px;margin:auto;text-align:right;margin-bottom:10px}
	.api-footer a {font-size:95%;margin-right:30px}

/* path */
	#path .first {display:none}
	#path { position:absolute; margin-left:50%; left:-382px; top:291px; font-size:11px }
	#path * {list-style:none}
	#path ul { text-transform:lowercase; color:#000; list-style:none; display:block; margin:0; padding:0; }
	#path a { padding:0; color:#fff}
	#path li.article {display:none !important}
	#path li { float:left; margin:0 0 0 5px; padding:0 0 0 15px; background:url('../img/path-arrow.gif') no-repeat 0 7px; }
	
/* hledani */
	#search {width: 230px; position: absolute; margin-left: 50%; left: 148px; top: 286px}
	.search-input {float:left; font-size:11px; width:160px}
	.search-button {float:right; font-size:11px;}
	
/* panel */
	.panel {width:230px}
	.panel select {width:210px}
	.panel .tm { display: inline; margin: 0; padding: 0}
	/*.panel ul li ul { display: none}*/
	.panel ul li.active ul { display: block; margin-top:0.3em}
	.panel ul li.active, .panel ul li.active li.active { margin-top: 0 }
	.panel ul li.active, .panel ul li.active ul li.active { font-weight: bold }
	.panel ul li.active ul li { font-weight: normal }	
	.panel li a  { text-decoration: none;}
	.panel li.active a { text-decoration: underline;}
	
	.panel ul li.active  ul li a {text-decoration: none;}	
	.panel ul li.active  ul li.active a {text-decoration: underline;}
	
	.panel ul li { background: none; }
	.panel ul li.active ul li { background: url("../img/panel-bullet.gif") no-repeat 2px 8px; }
	
	.panel ul li {padding-left:0}
	.panel ul li li {padding-left:15px}
	.panel dd ul li.basket {font-weight:bold}
	
	#news * { background-color: #ffffff;}
	#news .panel { width: 165px; height: 180px; position: absolute; margin-left: 50%; left: 165px; top: 93px; overflow:hidden}
	#news dt { color: #073087; border-bottom: 2px solid #eaf3fd; text-align: center; margin-left: 20px; padding: 0px; width: 110px; line-height:30px}	
	#news .article * {color: #666666;display: inline; }
	#news .article h2 span {font-weight: normal;  }
	#news .article h2 a {text-decoration:none;}
	#news .article p {margin:0;}	
	#news dd {padding:2px}
	
	.article-gallery {margin-top: 20px;}


/* gallery */
/*	#center .gallery {margin:0px 0 10px 0}
	#center .image, #center  .gallery a {padding:0 0 13px 0; background:#bcd12e url('../img/image.gif') 7px 100% no-repeat; display:block; width:150px; height:112px; margin:0 6px 6px 0; float:left; border:2px solid #bcd12e; border-bottom:none}
	#center .image img, #center .gallery img {margin:0; padding:0}
	#center .image {float:right}
*/
	.chapters-content {width:450px}
	.chapters-content .active { font-weight:bold; }
	
	
	
/* 	download videa */
	#container embed { z-index: 100;}

	.roundborder { background: url('../img/roundborder-center.gif') repeat-y; width: 500px; }
	.roundborder-top { background: url('../img/roundborder-top.gif') top no-repeat; }
	.roundborder-bottom { background: url('../img/roundborder-bottom.gif') bottom no-repeat;  width:500px;}
	.roundborder-bottom .inner { padding: 10px 10px 20px 10px; }
	.iw  { width: 200px;}

	.logintable td { height: 20px; }
	.logintable input { margin: 0;}
	
    .ad-gallery {margin-left: 30px !important;}
    .link-to-video {margin-top: 390px;position: absolute;width: 465px;}
    .link-to-video span {color: #373438;margin-right: 10px;}
    .link-to-video a {margin-left: 10px;color: #a8a8a9;text-decoration: none;}
    .link-to-video a:hover {text-decoration: underline;}
    .gal-stripe {background: #e1e1e1;border: none;height: 1px;margin-left: -25px;margin-top: 420px;position: absolute;width: 538px;}
    .gal-stripe2 {background: #e1e1e1;border: none;height: 1px;margin-left: -25px;margin-top: 520px;position: absolute;width: 538px;}

}
@media print
{
  a { color:#000 }
	#right, #path {display:none;}
	* {background:none}
	#left hr {display:none}
	.noprint {display:none}

	dt { font-weight: bold; }
	dd { margin: 0; padding: 0;}
}