@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#000;  }
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto; }
/********** header **********/
.blok_header { margin:0; padding:0;}
.blok_header_resize { width:960px; padding:0; margin:0 auto; height:25px}
.blok_header_resize .click { width:160px; float:right; padding:8px 0; margin:0 20px;}
.blok_header_resize p { font: italic 12px Arial, Helvetica, sans-serif; color:#fff; padding:8px 0 0 0; margin:0;}
.blok_header_resize img { float:right; margin:3px; padding:0;}
.header-wrapper { width:100%; margin:0 auto; padding:0; background-color:#000000; }
.header { width:960px; margin:0 auto; padding:0;}
.header_spc {margin:30px 0 0 0; }
.spotlights { width:960px; height:20px; margin:0 auto; padding:0; background:url(images/lights.png) no-repeat;}

/* menu */	
.menu { padding:0 0 0 30px; margin:0; width:930px; height:60px; float:left; background:url(images/nav-bkg.png) top center no-repeat;  }
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:relative;
  z-index:2000
}
#cssmenu:after,
#cssmenu > ul:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  
  text-transform:none;
}
#cssmenu > ul {
 
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li > a {
  padding: 20px 14px 0 14px;
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  font-family: 'Oregano';
  text-decoration: none;
  font-size: 20px;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform:none;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #ffe769;
  text-transform:none;
 
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: 17px;
  top: 21.5px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
 
}
#cssmenu ul ul {
  position: absolute;
  z-index:2500;
  left: -9999px;
  top: 60px;
  padding-top: 6px;
  font-size: 20px;
  text-align:center;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu > ul > li > ul::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ffe769;
  top: -4px;
  left: 20px;
}
#cssmenu ul ul ul::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffe769;
  top: 11px;
  left: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
  font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffffff;
}
#cssmenu > ul > li:hover > ul {
  top: 36px;
  left: 0;
  opacity: 1;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
  font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffffff;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  padding: 11px 25px;
  width: 180px;
  color: #000;
  background: #ffe769;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
  text-align:center;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #dc0909;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #ffffff;
  right: 17px;
  top: 14px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #ffe769;
}

@media all and (), only screen and (-webkit-min-device-pixel-ratio: 2) and (), only screen and (min--moz-device-pixel-ratio: 2) and (), only screen and (-o-min-device-pixel-ratio: 2/1) and (), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (), only screen and (min-resolution: 2dppx) and () {
  #cssmenu {
  }
  #cssmenu > ul {
    display: none;
  }
  #cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu > ul > li > a {
    padding: 0 25px 18px 25px;
    border-right: 0;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #cssmenu #menu-button {
    display: block;
    text-decoration: none;
	padding: 18px 25px 18px 25px;
    cursor: pointer;
	text-align:center;
  }
  #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul {
    left: 0;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 25px;
    top: 18px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 25px;
    top: 28px;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffffff;
  }
}


/* logo */
.logo { padding:3px 0 0 6px; margin:0; width:231px; float:left;}
/* menu */	


/*header_text*/
.banner { margin:0 auto; padding:0; width:960px; height:300px; background:url(images/banner.png) no-repeat;}
.header_text { margin:0 auto; padding:0; width:960px;}
.header_text .div { width:960px; padding:0; margin:0 auto;}
.header_text img.screen { float:left; margin:0; padding:0;}
.header_text .div .left1 { float:left; width:290px; height:300px; padding:185px 10px 5px 10px; margin:0; }
.header_text .div .left1 h2 {  font-family: 'Oregano', cursive; font-style:normal; color: #000; font-size:28px; padding:0 0 5px 0; margin:0; text-align:center}
.header_text .div .left1 h3 {  font-family: 'Oregano', cursive; font-style:normal; color: #000; font-size:20px; padding:0; margin:0; text-align:center}
.header_text .div .left1 p { font: normal 15px Arial, Helvetica, sans-serif; color:#000; padding:0 15px 15px 15px; margin:0; text-align:left; line-height:1.3em;}
.header_text .div .left1 li { font: normal 15px Arial, Helvetica, sans-serif; color:#000; margin:0; text-align:left; line-height:1.3em;}
.right1 { float:right; width:629px;  padding:40px 10px 10px 10px; margin:0; }
.right1 h2 {  font-family: 'Oregano', cursive; font-style:normal; color: #ffe769; font-size:36px; padding:0; margin:0; text-align:center}
.right1 h3 {  font-family: 'Oregano', cursive; font-style:normal; color: #ffe769; font-size:28px; padding:0; margin:0; text-align:center}
.right1 h3 a {  font-family: 'Oregano', cursive; font-style:normal; color: #ffe769; font-size:28px; padding:0; margin:0; text-align:center}
.right1 h3 a:hover {  font-family: 'Oregano', cursive; font-style:normal; color: #fff; font-size:28px; padding:0; margin:0; text-align:center}
.right1 h4 {  font-family: 'Oregano', cursive; font-style:normal; color: #ffe769; font-size:18px; padding:0; margin:0; text-align:center}
.right1 h5 { font: 14px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0; margin:0;}
.right1 p {  font: normal 14px Arial, Helvetica, sans-serif; line-height:1.5em; color:#fff; padding:0 15px 0 15px; margin:0; }
.right1 p a {  font: normal 14px Arial, Helvetica, sans-serif;color:#ffe769; }
.right1 .callout { margin:0; padding:15px; background-color:#ffe769; }
.right1 .callout p { color:#000; }
.quote { font-family: 'Oregano', cursive;  font-size:14; font-style:italic; color:#fff; text-align:center; }
.book-ted { width:200px; float:right; margin:250px 100px 0 0; }
.right1 td { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:1.4em; }
/********** body **********/
.body_resize { margin:0; padding:0; background:#fff url(images/body_bg.png) top center repeat-x; font:normal 12px Arial, Helvetica, sans-serif; color:#000; line-height:1.8em; border-bottom: 1px solid #000;}
.body1 { width:960px; min-height:400px;  margin:0 auto; padding:10px 0;}
.body1 h2 {   font-family: 'Montserrat', sans-serif; color: #006684; font-size:24px;margin:0;  padding:5px 0;}
.body1 h3 { font-family: 'Montserrat', sans-serif; color: #006684; font-size:18px; padding:5px 0 0 0; margin:0;}
.body1 h3 a { font-family: 'Montserrat', sans-serif; color: #3c251b; }
.body1 h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#666;}
.body1 img.rss { float:left; margin:5px 2px; padding:0;}
.body1 p { font:normal 12px Arial, Helvetica, sans-serif; color:#000; line-height:1.8em; padding:5px 5px; margin:0;}
.body1 a { text-decoration:none; color:#55afe2; font:normal 12px Arial, Helvetica, sans-serif;}
.body1 a:hover { text-decoration:none; color:#000;}
.body1 li { list-style:inherit; padding:0; margin:0;  font:normal 12px Arial, Helvetica, sans-serif; color:#000; line-height:1.8em;}
.body_small { width:320px; float:right; margin:5px 5px; padding:0;}
.body_big { width:560px; float:left; margin:5px 0 5px 5px; padding:0;}
.body .block2 { width:310px; margin:0; padding:5px; float:left;}
.body_big ul { list-style:none; margin:0 0 0 200px; padding:0;}
.body_big li { background:url(images/ul_li_big.gif) left no-repeat; padding:0 20px; margin:0;  font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em;}
.body_icons { width:960px;  margin:0 auto; padding:0; font: italic 12px Arial, Helvetica, sans-serif; color:#fff; }
.body_icons img { float:left; margin:5px 2px; padding:0; }

.button {
	background-color:#fff;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	font-weight:700;
	font-style:normal;
	padding:15px;
	text-decoration:none;
	text-align:center;
}.button:hover {
	background-color:#4197ee;
	color:#fff;
}.button:active {
	position:relative;
	top:1px;
}
.button a { color:#fff; color:#ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	font-weight:700;
	font-style:normal; }!important


/********** lower body **********/
.lowerbody_resize { margin:0; padding:0; background:#000 url(images/footer-bkg2.png) top center repeat-x;}
.footer-bar { margin:0; padding:0; background:#000 url(images/footer-bkg2.png) top center repeat-x;}

.lowerbody { width:960px; height:160px;  margin:0 auto; padding:80px 0 0 0; background:#000 url(images/footer-bkg.png) top center repeat-x;}
.lowerbody p { margin:15px 0 0 0; }
.lowerbody_small { width:320px; float:right; margin:5px 5px; padding:0;}
.lowerbody_big { width:560px; float:left; margin:5px 0 5px 5px; padding:0;}
.lowerbody .block2 { width:310px; margin:0; padding:5px; float:left;}
.lowerbody_big ul { list-style:none; margin:0 0 0 200px; padding:0;}
.lowerbody_big li { background:url(images/ul_li_big.gif) left no-repeat; padding:0 20px; margin:0;  font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em;}

/* Scroll */
.gallery { width:311px; height:488px; margin:0 auto; padding:0;  background:url(images/first-class.png) top center no-repeat; float:left; overflow:hidden;  }
#slider { width:311px; margin:0; padding:0; list-style:none; float:left; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:311px; height:488px; overflow:hidden;  }
#slider p { margin:0; padding:0; font-style:normal; overflow:hidden; }
#slider p img { margin:0; padding:0 5px; width:150px; height:auto; }
p#controls { margin:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:20px; height:20px; position:absolute; left:-28px; top:-201px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:20px; height:20px; position:absolute; left: 133px; top:-201px; }
#prevBtn a { display:block; width:20px; height:20px; background:url(images/l_arrow.png) no-repeat 0 0; }
#nextBtn a { display:block; width:20px; height:20px; background:url(images/l_arrow2.png) no-repeat 0 0; }


/*************footer**********/
.footer-nav {  padding:0;  margin:0 0 0 230px; }
.footer_resize { height:63px; width:960px; margin:0 auto; padding:0 10px;}
.footer-nav p {font-family: 'Oregano', cursive; font-style:normal; font-size:18px; color:#d20404;}
.footer-nav a {font-family: 'Oregano', cursive; font-style:normal; font-size:18px; color:#d20404; text-decoration:none; padding:30px 10px 0 0; margin:30px 0;}
.footer-nav a:hover { color:#000; text-decoration:none;}
.footer { width:960px; padding:0;  margin:0 auto; }
.footer p {font-family: 'Oregano', cursive; font-size:18px; font-style:normal; color:#fff; text-align:center;}
.footer p a {color: #ffffff; text-decoration: none;}
.footer h3 {  font-family: 'Oregano', cursive; color: #ffe769; font-size:36px; font-style:normal; padding:0; margin:0; text-align:center}
.footer .right { text-align:right; width:350px; margin:0; padding:15px 75px 0 0; float:right;} 
.footer .left { text-align:left; width:550px; margin:0; padding:8px 0 0 5px; float:left;} 
.social { width:168px; height:52px; padding:30px 396px 0 396px; }
.social img { padding:3px; }
.credit { width:228px; height:52px; padding:30px 365px 0 365px; }
.credit img { padding:3px; }

/********** contact form **********/
.form_resize { margin:0; padding:0; background:#fff url(images/body_bg.png) top center repeat-x; font:normal 12px Arial, Helvetica, sans-serif; color:#000; line-height:1.8em;}
.form { width:960px;  margin:0 auto; padding:10px 10px;}
.form h2 {  font: normal 18px Arial, Helvetica, sans-serif; color:#666; margin:0;  padding:10px 5px;}
.form h3 { color:#3c251b; font: normal 24px Arial, Helvetica, sans-serif; padding:20px 0 0 0; margin:0;}
.form h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#666;}
.form img { padding:0; margin:10px 0 10px 10px;}
.form img.rss { float:left; margin:5px 2px; padding:0;}
.form p { font:normal 12px Arial, Helvetica, sans-serif; color:#000; line-height:1.8em; padding:5px 5px; margin:0;}
.form a { text-decoration:none; color:#333; font:normal 12px Arial, Helvetica, sans-serif;}
.form a:hover { text-decoration:none; color:#000;}
.form input.btn {   color:#050;   font: bold 84% 'trebuchet ms',helvetica,sans-serif;   background-color:#fed;   border: 1px solid;   border-color: #696 #363 #363 #696;   filter:progid:DXImageTransform.Microsoft.Gradient   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); }  
.form_small { width:320px; float:right; margin:5px 5px; padding:0;}
.form_big { width:560px; float:left; margin:5px 0 5px 5px; padding:0;}
.form .block2 { width:310px; margin:0; padding:5px; float:left;}
.form_big ul { list-style:none; margin:0 0 0 200px; padding:0;}
.form_big li { background:url(images/ul_li_big.gif) left no-repeat; padding:0 20px; margin:0;  font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em;}
.content td { font-family: Verdana, Tahoma, Arial; font-size: 12px; }
.content td a { text-decoration: underline; display: block; margin-bottom: 18px; color: blue; }
.content td a:visited { text-decoration: underline; color: blue; }
.content td a:hover { text-decoration: none; color: blue; }
.error_text { color: #f00; }
.error { color: #f00; }
.hide { visibility: hidden; display: none; overflow: hidden; }
	
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; background-color:#fff; }
#contactform * { color:#333; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both;}
#contactform label { margin:0; width:100px; display:block; padding:10px 0; color:#333333; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:450px; border:1px solid #000; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left; }
#contactform textarea { width:450px; border:1px solid #000; margin:2px 0; padding:2px; background:#fff; float:left; }
#contactform img { float:right; }


p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dfdfdf; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
/********** editor **********/
.clienteditor { }
.float_left { float:left; padding:0; margin:0 10px 10px 0; border:none;}
.float_right { float:right; padding:0; margin:0 0 10px 10px; border:none;}