body{
margin: 0;
padding: 0;
font-family: Tahoma, sans-serif;
font-size: 12px;
}

div{
display: block;
position: relative;
float: left;
}

div#pagewrapper{
width: 100%;
}

div#subwrapper{
width: 80%;
margin-left: 10%;
}

div#header{
width: 100%;
margin-top: 1%;
}

div#logo{
width: 30%;
}

div#logo img{
width: 100%;
}

div#contact{
width: 60%;
float: right;
clear: both;
color: #3366cc;
margin-top: -10%;
font-size: 16px;
}

div#licenziya{
width: 30%;
font-size: 12px;
color: #3366cc;
text-align: center;
}

div#contentwrapper{
width: 100%;
}

div#biglogo{
width: 70%;
position: absolute;
top: -35%;
left: 15%;
z-index: -1;
}

div#biglogo img{
width: 100%;
opacity: 0.6;
}

div#imgrot{
left: 31.5%;
    position: absolute;
    top: -12%;
    width: 38%;
}

div#imgrot img{
width: 100%;
}

div#leftmenuwrapper{
width: 40%;
margin-top: 1%;
}

div#rightmenuwrapper{
width: 40%;
float: right;
}

div#content{
width: 100%;
color: #000000;
font-family: Arial, sans-serif;
font-size: 17px;
}

/* ### Right menu ### */

div#rightmenuwrapper ul{
color: #3366CC;
    display: block;
    float: left;
    font-family: verdana;
    font-size: 18px;
    width: 100%;
}

div#rightmenuwrapper ul li{
display: block;
position: relative;
float: left;
clear: both;
padding: 0 20%;
margin-bottom: 9%;
}

div#rightmenuwrapper a{
display: block;
position: relative;
float: left;
text-decoration: none;
color: #3366CC;
}

div#rightmenuwrapper a:hover, a{
cursor: pointer;
color: #666666;
}

div#rightmenuwrapper li#litem1{
margin-left: 5%;
}

div#rightmenuwrapper li#litem2{
margin-left: 8%;
}

div#rightmenuwrapper li#litem3{
margin-left: 6%;
}

/* ### end Right menu ### */

/* ### Left menu ### */

div#leftmenuwrapper ul{
color: #3366cc;
    display: block;
    float: left;
    font-family: verdana;
    font-size: 12px;
    width: 100%;
padding: 0;
margin: 0;
font-weight: bold;
}

div#leftmenuwrapper ul ul{
position: relative;
display: block;
float: left;
width: 65%;
padding-bottom: 2%;
padding-left: 2%;
background-color: #ffffff;
border: 1px solid #3366CC;
border-radius: 10px;
box-shadow: 0 0 8px #d4d4d4;
margin-top:2%;
}

div#leftmenuwrapper ul ul li{
display: block;
position: relative;
float: left;
width: 100%;
}

div#leftmenuwrapper ul li{
display: block;
position: relative;
float: left;
clear: both;
margin-top: 2%;
}

div#leftmenuwrapper ul li a{
display: block;
position: relative;
float: left;
text-decoration: none;
color: #3366cc;
}

div#leftmenuwrapper ul li a:hover, a{
color: #666666;
}

/* ### end left menu ### */


/* ### Zapis ### */

div#priem{
background-color: #FFF0B3;
    border-radius: 10px;
    box-shadow: 0 0 3px #989898;
    float: right;
    left: 77.5%;
    padding: 0.5%;
    position: absolute;
    top: -12%;
    width: 21.5%;
}

span.catorder{
cursor: pointer;
display: block;
    float: left;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    text-align: right;
    width: 90%;
padding-left: 9%;
z-index: 3;
color: #3366CC;
}

span.catorder:hover{
color: #666666;
}

div#Vsplivalka{
display: none;
position: absolute;
top: 1%;
width: 60%;
left: 19%;
border-radius: 10px;
background: #ffffff;
border: 1px solid #838383;
border-style: dotted;
box-shadow: 0 0 20px #dddddd;
margin-top: 2%;
z-index: 300;
padding: 1%;
}

div.CloseButton{
display: block;
position: absolute;
right: -2%;
top: -2%;
width: 3%;
cursor: pointer;
}

div.polarzapis{
margin-bottom: 2%;
    margin-top: 2%;
    width: 100%;
}

div.required{
width: 100%;
}

div.polarzapis label{
display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 0.7%;
    position: relative;
    width: 24%;
text-align: right;
}

div.polarzapis input{
border-radius: 10px;
border: 1px solid #838383;
    border-style: dotted;
    display: block;
    float: right;
    margin: 0 0;
    position: relative;
    width: 75%;
}

div.polarzapis div{
width: 100%;
}

textarea#fbrp__32{
border: 1px #838383;
    border-radius: 10px;
border-style: dotted;
    display: block;
    float: right;
    padding: 2%;
    position: relative;
    width: 70.7%;
}

input#cntnt01fbrp_submit{
box-shadow: 0 0 4px #838383;
    color: #0054A5;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 2%;
    padding: 0.2%;
    width: 15%;
}

input#cntnt01fbrp_submit:hover{
background-color: #88abf4;
color: #ffffff;
}

/* ### end zapis ### */

/* ### SecondPage ### */

div#headersec{
width: 100%;
margin-top: 1%;
margin-bottom: 4%;
border-bottom: 2px solid #5392da;
}

div#logowrapper{
width: 8%;
margin-bottom: -0.3%;
    margin-left: -3%;
}

div#krutilka{
width: 100%;
}

div#krutilka a{
display: block;
position: relative;
padding: 0;
}

div#krutilka img{
width: 100%;
}

div#menutop{
display: block;
width: 72%;
position: relative;
float: left;
margin-left: 3%;
margin-top: 2.5%;
}

div#menutop ul{
display: block;
position: relative;
float: left;
width: 100%;
color: #3366CC;
font-size: 18px;
padding: 0;
margin: 0;
}

div#menutop ul li{
display: block;
position: relative;
float: left;
padding: 0 3%;
list-style-type: none;
}

div#menutop ul li a{
display: block;
position: relative;
float: left;
width: 100%;
text-decoration: none;
margin-left: 3%;
color: #3366CC;
}

div#menutop ul li a:hover{
color: #666666;
}

div#logopolar{
width: 20%;
float: right;
}

div#logopolar img{
width: 100%;
}

div#telefone{
display: block;
    float: right;
    left: 78%;
    padding-top: 1%;
    position: absolute;
    top: 100%;
    width: 30%;
}

span#tel{
color: #3366CC;
    display: block;
    float: right;
    font-size: 18px;
    position: relative;
    width: 100%;
}

div#leftwrapper{
width: 65%;
}

div#Licenzii{
background-color: #ffffff;
    border: 5px solid #D8D8D8;
padding: 1.5% 2% 2% 4%;
    width: 61%;
border-radius: 20px;
}

div#Licenzii div.img{
border: 5px solid #D8D8D8;
    border-radius: 10px;
    display: block;
    float: left;
    margin-right: 2%;
    margin-top: 2%;
    overflow: hidden;
    position: relative;
    width: 15.3%;
}

div#Licenzii div.img:hover{
border: 5px solid #b1cafd;
}

div#Licenzii div.img a{
display: block;
position: relative;
float: left;
width: 100%;
}

div#Licenzii div.img a:hover{
box-shadow: 0 0 8px solid #000000;
}

div#Licenzii div.img a img{
width: 100%;
height: auto;
}

div#rightwrapper{
width: 35%;
}

div#priemtwo{
background-color: #FFF0B3;
    border-radius: 10px;
    box-shadow: 0 0 3px #989898;
    float: right;
    left: 34%;
    padding: 1.5%;
    position: absolute;
    top: 1%;
    width: 65%;
}

div#menunapravleniya{
float: right;
    margin-left: 1%;
    margin-top: 20%;
    padding: 0;
    width: 87%;
}

span.napr{
display: block;
position: relative;
float: right;
font-size: 20px;
margin-top: 0;
margin-bottom: 5%;
width: 100%;
color: #3366cc;
}

div#menunapravleniya ul{
display: block;
position: relative;
float: left;
width: 100%;
padding: 0;
margin-left: 5%;
list-style-type: none;
margin-top: 0;
}

div#menunapravleniya ul li{
display: list-item;
    float: left;
    list-style-position: outside;
    list-style-type: square;
    position: relative;
color: #999999;
margin: 0 0 3% 0;
font-family: Arial, serif;
font-weight: bold;
width: 100%;
}

div#menunapravleniya ul li:hover, li{
color: #3366CC;
}

div#menunapravleniya ul li span{
color: #3366CC;
}

div#menunapravleniya ul li a{
display: block;
position: relative;
float: left;
width: 100%;
text-decoration: none;
color: #3366CC;
}

div#menunapravleniya ul li a.parent{
display: block;
position: relative;
float: left;
width: 100%;
text-decoration: none;
color: #3366CC;
}

div#menunapravleniya ul ul{
margin-left: 5%;
margin-top: 2%;
}

div#menunapravleniya ul li li{
display: list-item;
    float: left;
    list-style-position: outside;
    list-style-type: disc;
    position: relative;
color: #999999;
    margin-top: 2%;
margin-bottom: 2%;
clear: both;
}

div#menunapravleniya ul li li span{
color: #3366CC;
}

div#doctors{
float: right;
    margin-left: 1%;
    padding: 0;
    width: 87%;
}

div#doctors a{
color: #3366CC;
}

img.doctor{
width: 100%;
height: auto;
}

/* ### end SecondPage ### */

div#footer{
width: 100%;
text-align: center;
}

div#bgimage{
display: block;
    left: 76%;
    position: absolute;
    width: 24%;
z-index: -1;
bottom: 0;
}

div#bgimage img{
width: 100%;
}

/* ### Gallery Oklinike ### */

div#container{
display: block;
position: relative;
float: left;
width: 100%;
border: 2px solid #ffffff;
box-shadow: 0 0 8px #333;
}

img{
	display: block;
}

#gallery, #thumbs{
	float: left;
}

#gallery{
height: 390px;
    margin-bottom: 5%;
    overflow: hidden;
    width: 550px;
}

#gallery img{
	position: absolute;
width: 100%;
height: auto;
}

#thumbs{
	width: 100px;
	height: 390px;
	overflow: hidden;
}

#next{
background: url("/images/oklinike/arrow.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 43px;
    left: 605px;
    position: relative;
    top: 348px;
    width: 47px;
}

#next:hover{
	background: url(images/oklinike/arrowmo.png);
}

.clear{
	clear: both;
}

/* ### end ### */

/* ### Gallery Oklinike okwbSlyder ### */

div#ocentre{
display: none;
width: 100%;
}

div.karwrapper{
display: block;
position: relative;
float: left;
width: 90%;
min-height: 1em;
overflow: hidden;
z-index: 220;
}

div.strelka{
display: block;
position: relative;
float: left;
width: 5%;
cursor: pointer;
}

div.strelka img.ArrL{
width: 100%;
height: 100%;
opacity: 0.5;
}

div.strelka:hover{
background-color: #f6fd86;
}

div.strelka img.ArrR{
width: 100%;
height: 100%;
opacity: 0.5;
}

div.movingPlatform{
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
}

img.movingPlatform{
z-index: 220;
}

div.gallery{
border: 1px solid #e0e0e0;
    display: block;
    float: left;
    margin-bottom: 5%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

div.gallery div.img{
width: 100%;
}

div.gallery div.img a{
display: block;
position: relative;
float: left;
width: 100%;
}

div.gallery div.img a img{
width: 100%;
height: auto;
}

/* ### end ### */

/* ### Fotogallery ### */

div.fotogallery{
width: 100%;
}

div.fotoimg{
border: 2px solid #FFFFFF;
    overflow: hidden;
    width: 32%;
}

div.fotoimg img{
width: 100%;
}

/* ### end fotogallery ### */

/* Stylesheet: MainCSS Modified On 2014-04-30 17:35:14 */