@charset "utf-8";
/* CSS Document */

html, body {margin: 0; padding: 0}
body {font: 15px/26px Helvetica, Arial, Verdana, sans-serif; background: url(../img/body-bg2.png) 0 0 repeat-x;}
body#home {background: url(../img/sprite2.png)  0 -417px repeat-x;}
.container_12 .grid_12 {margin-bottom: 15px;}
.inner {padding: 20px 0px 10px 20px; display: block;}
.text-right {text-align: right}
.text-left {text-align: left}
img.left {float: left; margin: 0 15px 10px 0;}
img.right {float: right; margin: 0 0 10px 10px;}

#header {padding-top: 10px; margin-bottom: 20px; position: relative;}
#header .logo {
	height: 45px;
	background:url(../img/sprite.png) -288px 0 no-repeat;
	display: inline;
	float: left;
}
#header .logo a {display: block; width: 300px; height: 45px;}

#header .language {
	/*position: absolute;
	left: 0;
	margin-left: 887px;
	*/
	background: #eefafd;
	border-bottom: 1px solid #eee;
	border-top: 0 none;
	padding: 3px;
	top: 0;
	}

.language ul {margin: 0; padding: 0; width: 48px}
.language li {
	list-style: none;
	float:left;
	margin: 3px;}
.language li.active {display:none}
.language a {
	width: 16px; height: 11px;
	border: 1px solid #ccc;
	display: block;
	text-indent: -9999em;
	overflow: hidden;}
.language a.el {background: url(../img/sprite2.png) 0 -2px no-repeat;}
.language a.en {background: url(../img/sprite2.png) 0 -30px no-repeat;}
.language a.ru {background: url(../img/sprite2.png) 0 -15px no-repeat;}
.headertel {color: #444; font-weight:bold; margin: 0 10px}

/*top menu settings */
#topnav {float: right; margin-top: 30px; position: absolute;z-index: 100; right: 0;}
#topnav li {margin-right: 20px;}
#topnav li.last {margin-right: 0}

#main-col ul {padding-left: 20px}

/* Nav - general menu settings */
ul.nav {margin: 0; padding: 0;}
.nav li{list-style:none; float:left;}
a:link, a:visited {color: #117bb0; text-decoration:none;}
a:hover, li.active a { text-decoration: underline;}

/*main menu settings*/
#mainnav ul {height: 68px; border: 1px solid #8dd4eb; background: #fff}
#mainnav li {border-right:1px solid #8dd4eb;
	display:block;
	margin-top:3px;
	padding:0 0;
	text-align:center;
	width:175px;
	height: 38px;
	padding-top: 20px;}

#mainnav .menu-tall a {margin-top:-20px; display: block;}

#mainnav li.last {border-right: 0 none}
#mainnav li a {
	font-size: 15px;
	font-weight:normal;
	display: inline;
	padding: 10px 5px;
	font-family: 'Open Sans Condensed', Helvetica, Arial;
	line-height: 20px;}

#mainnav li a:link, #mainnav li a:visited {color: #3399cc}
#mainnav li a:hover, #mainnav li a:focus {color: #f64}
.ru #mainnav .cerec {padding-top: 5px; padding-bottom: 15px;}

body#prosthetics a.prosthetics, body#ortodontia a.ortodontia, body#implantology a.implantology, body#plastica a.plastica,
body#whitening a.whitening, body#therapy a.therapy, body#cerec a.cerec
{color: #f64}



/*hero banner*/
#hero, #hero .slideshow, #hero .slide {height: 320px}
#hero.h400, #hero.h400 .slideshow, #hero.h400 .slide {height: 400px;}
#hero.border {box-shadow: 0 1px 3px #ccc; -webkit-box-shadow: 0 1px 3px #ccc;}

#hero 	{background: #09F}
#hero.h400 {background: #fff;}
#hero .slideshow {overflow:hidden; position: relative; width: 940px;}
#hero .slide {width: 960px; display: block;}
#hero a:hover {text-decoration: none;}

p.intro {font-size: 18px; font-style: italic; margin: 25px 0; color: #3CA2C1;}

#hero h2 {
	color: #01476A;
    display: block;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 45px;
    margin: 13px 0 0 20px;
    width: 100%;
		text-shadow: 1px 1px 1px #eee;}

#hero p {
	float: left;
	display: block;
	margin-left: 20px;
	font-size: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #01476a;
	text-shadow: 1px 1px 1px #fff;
	line-height: 1.2em;
}

#hero #nav {margin-top: -40px; margin-left: 20px; z-index: 1000; position:absolute; }
#hero #nav a:link, #hero #nav a:visited {display:block; width: 18px; height:18px; text-indent:-9999px; background:url(../img/sprite2.png) 0 -61px no-repeat; float: left; margin-right: 5px; outline: none;}
#hero #nav a:hover, #hero #nav a:focus {background-position: 0 -79px;}
#hero #nav a.activeSlide {background-position: 0 -43px;}
#main {border: 1px solid #ccc; background: #fff; display: block;}

#section-title {height: 100px; background: #069;}
#section-title h2 {margin: 20px;font-size: 2.2em; color: #fff}
#hero a.fullbanner {width: 100%; height: 100px;display:block; height: 320px;}

/*typography*/
h1, h1 a:link, h1 a:visited {font-family: 'Open Sans Condensed', Arial, Helvetica; line-height: 35px; color: #006699; text-decoration: none; font-size: 2em; margin-top: 0; margin-bottom: 15px;}
h2 {color: #000; font-size: 1.6em; margin: 20px 0 10px 0; line-height:1.2em; clear: both;}
h2 a:link, h2 a:visited {text-decoration: underline}
h1 a:hover, h1 a:focus {text-decoration: underline}
p {color: #333; margin: 0 0 15px 0;}
#sidebar blockquote {margin: 30px 0}
blockquote { margin: 2px; display:inline-block;}
blockquote p, p > blockquote {
    border-left: 2px solid #CCCCCC;
    color: #333333;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
		line-height: 24px;
    font-style: italic;
    padding: 0 0 5px 10px;}

a img {border: 0 none}
a {outline:none}
hr {border-bottom: dashed 1px #ccc; background: #fff;}
li {margin: 0; padding: 0; list-style: circle; list-style-color: blue;}

#implantology .icon {display: none}

.headertel {float: right; display: inline-block;}
.language {float: right; display: inline-block}

/*footer*/

#footer
        {
            clear: both;
			width: 100%;
			margin: 0 auto;
            overflow : hidden;
            background:  #cce5f3 url(../img/sprite2.png) 0 -100px repeat-x;
			padding-top: 25px;
        }

#footer .grid_12 {width: 960px; margin: auto}
#footer .ad-box {width: 318px; height: 100px; background: white; border: 1px solid #a7d4ed; margin: 0; float: right; display: block;}
#footer span.logo {display:block; width: 45px; height:46px; margin: -12px 0 0 -12px; background:url(../img/sprite.png) no-repeat 0 0; text-indent: -9999em; position: absolute;}
#footer p.call {color: #1ba01e; font-size: 22px; font-weight: bold; text-align: right; padding-right: 20px; margin: 20px 0 10px 0;}
.gr #footer p.call {font-size: 16px}
#footer p.phone {color: #333; font-size: 30px; font-weight: bold; letter-spacing:0px; text-align: right; padding-right: 20px; margin-top: 0; margin-bottom: 0;}
#footer h2 {color: #333}
#footer ul {list-style: none; padding: 0; margin: 0}
#footer .nav ul {display: block; width: 100%; margin-top: 5px;}
#footer ul li {list-style: none; padding: 0;}
#footer ul a {}

#footer .nav {display: block; float: right}
#footer .nav ul li {background: url("../img/sprite.png") no-repeat right -48px;
    float: left;
    height: 20px;
    padding: 0 20px 0 5px;}
#footer .nav ul li.last {padding-right: 0; background: none;}
#footer .nav ul li a {height: 10px; display:block;}
p.copy {text-align: right; display: block; width: 100%}
#footer p {color: #666}
#people .col {display: block; position: relative; overflow: hidden;}
#people .col img {float: left; margin: 0px 20px 20px 0; padding: 5px; background: white; display: block; max-width: 100%; width: auto; box-sizing: border-box; margin-top: 20px;}
#people .holder {border: 0; border-top: 1px dashed #ccc; min-height: 130px; margin:0 10px 10px 0; padding-top: 20px; clear:both; display: block;}
#people .holder.last {margin-bottom: 0;}
#people .holder.first {padding-top: 10px; border-top: 0;}
#people #main-col h2 {margin-top: -3px; margin-bottom: 5px; display: inline-block;}
#people p.title {font-size: 1.35em; color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin-top: 0;}

/*sidebar*/
#sidebar.grid_4 {width: 280px; padding: 10px;}
#sidebar ul {list-style-type: none; padding: 0;}
#sidebar ul li {list-style: none; line-height: 18px;}
#sidebar ul.implants li {margin-bottom: 5px;}
#sidebar ul.implants li img {margin-top: 10px;}
#sidebar .banner {padding-bottom: 10px; display: inline-block;}
#sidebar .banner img{float: right; border: 1px solid #ccc; width: 278px;}

/*whitening slideshow*/
#whitening-ss {padding: 5px; width: 570px; margin: 20px 0; border: 1px solid #ccc;}
#whitening-ss div.slide {height: 300px; width: 630px; display: block; overflow: hidden;}
#whitening-ss div.slide p {width: 110px; height: 300px; display: inline-block; position: absolute; z-index: 20; margin-left: 470px;}
#whitening-ss #nav {margin-top: 5px;}
#whitening-ss #nav a:link, #whitening-ss #nav a:visited {display: block; width: 10px; height: 10px; background: url(../img/ss-controls.png) 0 0 no-repeat; margin-right: 5px; float: left; text-indent: -999px;}
#whitening-ss #nav a:hover {background: url(../img/ss-controls.png) -11px 0 no-repeat;}
#whitening-ss #nav a.activeSlide {background: url(../img/ss-controls.png) -22px 0 no-repeat;}

i.showmore a{ display: block; margin-bottom: 10px}

/*contact*/
fieldset {border: 0; padding: 0;}
#main-col fieldset ul {margin: 0; padding: 0; list-style-type: none;}
#main-col fieldset ul li {list-style: none; margin-bottom: 10px;}
#main-col fieldset label {display: block; font-weight: bold; font-size: 1.2em; color: #666;}
#main-col fieldset label span {color: red; font-weight: normal; font-size: 1em;}
#main-col fieldset input, #main-col fieldset textarea {padding: 5px 3px; color: #666; background: url(../img/input-bg.png) repeat-x 0 0; border: 1px solid #ccc;}
input#submitter {display: block; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; background: none;}
input#submitter:hover {border: 1px solid #666}



/*NYRO */

div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../img/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../img/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalContent {
	overflow: auto;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background-image: url(../img/prev.png);
}
a.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
a.nyroModalNext:hover {
	background-image: url(../img/next.png);
}

/*end Nyro Modal*/

#clinic_images {}

/*Icon styling*/

.icon {width: 255px; height: 252px; display: block; margin: auto; overflow: hidden; margin-bottom: 20px}
.icon a:link {
	display: block;
	width: 257px;
	height: 252px;
	overflow: hidden;
	text-indent: -999em;
	position: relative;}

.ru .icon a:link {	background:url(../img/icon-ru.png) 0 0; }
.gr .icon a:link {	background:url(../img/icon-gr1.png) 0 0; }
.en .icon a:link {	background:url(../img/icon-en.png) 0 0; }

.ru .icon a:hover {background:url(../img/icon-ru.png) -256px 0;}
.gr .icon a:hover {background:url(../img/icon-gr1.png) -256px 0;}
.en .icon a:hover {background:url(../img/icon-en.png) -256px 0;}

.icon-page {float: right; display: inline-block;
	width: 507px; height: 388px;
	background:url(../img/icon-page-ru.jpg)}

#main-col {width: 590px}
#sidebar.grid_4 {width: 300px;}
#sidebar .cerec {margin: 10px 0 20px 0}
#sidebar .cerec img {border: 1px solid #ccc}

.onecol .inner {margin-right: 20px;}
.product-line{}
.product-line h3 {clear: both; margin-top: 28px; font-size: 20px; padding-right: 20px;}
.product-line p {border-bottom: 1px solid #ccc;padding-bottom: 25px; padding-right: 20px;}
.product-line img.right {margin: 5px 20px 10px 30px;}

/* Implant slides */
.box.border {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 30px 0 30px 0;
    }
.box .slide {}


.box h2 {
    color: #006699;
    margin: 0 0 10px 0;
    font-family: 'Open Sans Condensed', Arial;
    }

.box p {line-height: 18px; margin: 10px 0}
.box .nyroModal {margin: -2px}
.mb0 {margin-bottom: 0}
.mt0 {margin-top: 0}


/*  Live booking system */

#livesite_engage_button .ls-action-T,
#livesite_action_buttons .ls-action-T,
#livesite_engage_button .ls-action-T,
#livesite_engage_button .ls-action-T::before,
#livesite_action_buttons .ls-action-T {
	background: green!important;
}