/* SkinTech WebPage Default Layout  */

body 
{ 
 width:100%;
 margin:0;
 padding:0;
 border:0;
 text-align:center;
 color:#333;
 font: small/18px Georgia;
 background-color: #edede9;
 background-image: url(/gfx/bg_main.png);
 background-repeat: repeat-y;
 background-attachment: scroll;
 background-position: center top;
}

#wrapper
{
 width:980px;
 margin:0 auto;
 background:#fff;
}

#mainHeader
{
}

/* HEADER */
#header
{
 width:960px;
 margin: 0 auto;
}

#header a
{
 display:block;
 background:url(/gfx/skintech_logo.png) no-repeat;
 width:200px;
 height:55px;
}

#header h1
{
 margin:0px;
 width:200px;
 height:55px;
 text-indent:-5000%;
}

#header .logo
{
}

#navigator
{
 font-size:11px;
 color:#999;
 width:960px;
 height:11px;
 margin: 0 auto;
 background:url(/gfx/mainmenu.png) no-repeat;
 text-align:left;
}

#navigator a
{
 color:#999;
 padding-top:auto;
}

#navigator a:hover
{
 color:#ccc;
}

.datum
{ 
 color:#666;
 text-align:center;
 width:360px;
}

.monitor
{
 margin-top:10px;
 width:360px;
 height:226px;
 background: url(/gfx/monitor2.png) top center no-repeat;
}


/* NAVIGATION */
#navigation 
{
 width:380px;
 float:right;
 text-align:left;
}

#navigation h3 
{
 margin-left:2px;
 padding-bottom:1px;
 margin-bottom:.15em;
 font-weight:bold;
 font:128%/1.2em Georgia,Serif;
 color:#666;
}

#navigation a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font:100%/1.2em Georgia,Serif;
 color:#666;
}

#navigation a:hover
{
 text-decoration:none;
 color:#c00000;
}

#navigation .rightCol
{
 float:right;
 width:140px;
 background:#eef;
}

#navigation .leftCol
{
 width:240px;
 float:left;
}

#mainNav ul {
 margin:0;
 padding:0;
}

#mainNav li {
 float:left;
 padding-right:20px;
 list-style:none;
 padding:5px;
 border:solid 1px #999;
 margin:3px;
}

#mainContent
{
 width:570px;
 float:left;
 text-align: left;
 color:#444;
 padding-left:10px;
 padding-right:10px;

}

#mainContent h2 
{
 border-bottom:1px dotted #999999;
 padding-bottom:2px;
 margin-bottom:.25em;
 font:130%/1.2em Georgia,Serif;
 color:#400000;
}

#mainContent h1 
{
 border-bottom:1px dotted #999999;
 padding-bottom:2px;
 margin-bottom:.25em;
 font:170%/1.2em Georgia,Serif;
 color:#900000;
}

#mainContent a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font:100%/1.2em Georgia,Serif;
 color:#533;
}

#mainContent a:hover
{
 text-decoration:none;
 color:#c00000;
}

#mainContent h3
{
 margin:.5em 0 0;
 font:90%/1.5em Verdana,Arial,Sans-serif;
 color:#666000;
}

#mainContent h4
{
 margin:0;
 font:bold 100% Verdana,Arial,Sans-serif;
}

#mainContent p 
{
 margin:0px;
 color:#444;
}

/* FOOTER FORM */
#footer
{
 text-align:left;
 float:left;
 width:500px;
 font:80%/1.2em Georgia,Serif;
}

.appLinks
{
 margin:.5em 0 0;
 font-weight:bold;
 font:130%/1.5em Verdana,Arial,Sans-serif;
 color:#666000;
}

#okvir
{
 list-style:none;
 margin:0px;
 padding:0px;
}

.v1
{
 float:left;
 background:url(/gfx/okvir-001.jpg) no-repeat;
 width:120px;
 height:294px;
 margin-right:20px;
}

.v2
{
 float:left;
 background:url(/gfx/okvir-002.jpg) no-repeat;
 width:120px;
 height:294px;
 margin-right:20px;
}

.v3
{
 float:left;
 background:url(/gfx/okvir-003.jpg) no-repeat;
 width:120px;
 height:294px;
 margin-right:20px;
}

h1.okvir
{
 font-size:8px;
 color:#fff;
 font-family:Lucida;
 border:0px;
}

.okvir a
{
 color:#fff;
}

.okvir a:hover
{
 color:#ff0;
}


.okvir p
{
 color:#ddd;
 text-align:justify;
}

blockquote 
{
 margin:1em 40px;
 font:italic 1.1em/1.4 Georgia, "Times New Roman", Times, serif;
}

#navigator li
{
 float:left;
 list-style:none;
 padding-right:30px;
}

.mainTable {
 border:solid 1px #eee;
 font-size:12px;
 background-color:
}

.mainTable th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}

.mainTable td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
.mainTable  tr:hover td
{
	background: #d0dafd;
	color: #339;
}