@charset "utf-8";
* { font-family: 'Muli', sans-serif; outline: none; }

body { border:0px; padding:0px; margin:0px; }
ul, ul li { border: 0px; margin: 0px; padding: 0px; list-style: none; }
img{ border: 0px; outline: none; }
a { outline: none; text-decoration: none; }

/******************************************/

#contentH{ width: 100%; background-color: #FFF; }
#contentC{ width: 100%; background-color: #DFDFDF; }
#contentF{ width: 100%; background-color: #FFF; }

#header{ width: 950px; height: 150px; padding: 10px 0 0 0; }
#header #logo { float: left; width: 475px; padding: 10px 0 0 0; } 
#header #frame { float: right; width: 365px; padding: 10px 0 0 0; } 
#header #frame #title { padding: 8px 0 0 0; }
#header #frame #title p { font-size: 18px;	color: #00ACEC; margin: 0px; }


#menu ul{ list-style-type: none; margin: 0; padding: 0; overflow: hidden; width: 950px; height: 40px; }
#menu li { float: left; background-color: #0C759C; }
#menu li a { display: block; color: white; font-size: 18px; text-decoration: none; line-height: 40px; }
#menu li:nth-child(1){ width: 318px; border-radius: 10px 0 0 0; border-right: 1px solid #FFF; }
#menu li:nth-child(1) a:hover { border-radius: 10px 0 0 0; background-color: #0B6486; }
#menu li:nth-child(2){ width: 312px; border-right: 1px solid #FFF; }
#menu li:nth-child(2) a:hover { background-color: #0B6486; }
#menu li:nth-child(3){ width: 318px; border-radius: 0 10px 0 0; }
#menu li:nth-child(3) a:hover { border-radius: 0 10px 0 0; background-color: #0B6486; }

/******************************************/

#banner {  background-color: #0B6486; width: 950px; height: 498px;  }
#slider { position: relative; overflow: hidden; padding: 26px 0 0 0; }
#slider ul { position: relative; margin: 0; padding: 0; list-style: none; }
#slider ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 900px; height: 450px; background: #ccc; }
#slider a.control_prev, a.control_next { position: absolute; top: 45%; z-index: 999; display: block; padding: 12px 8px; background-color: #F2F2F2; color: #000; text-decoration: none; font-weight: bold; font-size: 38px; opacity: 0.7; cursor: pointer; }
#slider a.control_prev { left: 0; border-radius: 0 5px 5px 0; }
#slider a.control_next { right: 0; border-radius: 5px 0 0 5px; }

/******************************************/

#info { width: 950px; min-height: 200px; padding: 10px 0; display:block; } 

/******************************************/

#separator{ width: 100%; height: 10px; background-color: #0C759C; box-shadow: 0px -2px 5px 0px #666666; }

#footer{ width: 950px; height: 250px; }
#footer #address { float: left; width: 475px; padding: 10px 0 0 0; text-align: left; }
#footer #location { float: right; width: 475px; padding: 10px 0 0 0; text-align: left; } 
#footer #contacts p { margin: 10px 25px; }

#footer p.title { color: #00ACED; font-size: 22px; margin: 0; padding: 5px 0; }
#footer p:not(.title) { color: #111111; font-size: 14px; margin: 0; line-height: 22px; padding: 2px 0; }
