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

body,td,th { color: #918975; font: normal .85em/1.3em Arial, sans-serif; background: #fff; }
td, th { padding: 5px; border-top: 1px solid #eee6d5; border-bottom: 1px solid #eee6d5; }
body { background: #f3f6ef url(../assets/bg-main-02.jpg) repeat-x center top; margin: 0; }
h1, h2, h3 { color: #099; }
h1 { font: normal 1.5em/1.3em Arial, sans-serif; }
h2 { font: normal 1.2em/1.2em Arial, sans-serif; margin: 5px 0; }
h3 { font: normal 1em/1em Arial, sans-serif; text-decoration: underline; }
a, a:visited { color: #099; }
a:hover { color: #09f; }
#container { width: 802px; margin: 0 auto; }
#top { width: 802px; height: 117px; margin: 0 auto; position: relative; clear: both; }
#cirro a img { float: left; margin: 35px 0 0 0; border: 0; }
#logo-elmas { width: 111px; height: 74px; position: absolute; top: 0; left: 685px; }
#logo-elmas a img { border: 0; }
ul#menu { width: 660px; float: right; padding: 0; margin: 95px 30px 0 0; list-style: none; font: normal 1em Arial, sans-serif; }
ul#menu li { margin: 0 10px 0; float: right; display: inline; }
ul#menu li a, ul#menu li a:visited { color: #f9f4e9; text-decoration: none; }
ul#menu li a:hover { color: #fff; }
#content-top, #content, #content-bottom { width: 762px; margin: 0 auto; padding: 0 20px; clear: both; }
#content-top { background: transparent url(../assets/bg-content-top.png) no-repeat center top; }
#content { background: transparent url(../assets/bg-content-middle.gif) repeat-y center top; padding: 0 20px 20px; }
#main { width: 100%; margin: 0 auto; }
#content-bottom { background: transparent url(../assets/bg-content-bottom.png) no-repeat center top; height: 30px; padding-top: 30px; font: normal .75em/1.1em Arial, sans-serif; }
#banner { width: 760px; height: 256px; margin: 0 auto 20px; clear: both; }
#index-left { width: 485px; float: left; }
ul#index-right { width: 240px; margin-left: 15px; padding-left: 15px; float: right; list-style: none; font-size: .85em; }
ul#index-right ul { width: 100%; list-style: none; float: left; margin: 0; padding: 0; } 
ul#index-right li { width: 100%; float: left; display: inline; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #e2ddcd; }
ul#index-right ul li { width: 100%; float: left; display: inline; padding: 0; margin: 0; border-bottom: 0; }
ul#index-right ul li a img { border: solid 1px #eee6d5; }
ul#index-right ul li a:hover img { border: solid 1px #dadada; }
ul#submenu { width: 100%; height: 12px; margin: 0 auto 20px; padding: 0 0 15px 0; border-bottom: 1px dotted #099; list-style: none; font: normal 1em/1.3em Arial, sans-serif; }
ul#submenu li { margin-left: 15px; float: right; display: inline; }
ul#submenu li a, ul#submenu li a:visited { color: #099; text-decoration: none; }
ul#submenu li a:hover { color: #069; }
ul.album { float: right; margin: 0 0 0 20px; padding: 0 0 0 20px; width: 340px; border-left: 1px dotted #918975; list-style: none; }
ul.album li { float: left; margin: 0 10px 10px 0; padding: 5px 5px 15px; background: #fffdfa; display: block; border: 1px solid #eee6d5; }
ul.album li:hover { border: 1px solid #ccc; background: #fffcf4; }
ul.album li a img, ul.album li a:visited img { border: 1px solid #f4f4f4; }
ul.album li a:hover img { border: 1px solid #f4f4f4; }
.more { width: 100%; margin: 5px 0 20px; float: right; text-align: left; font-size: .75em; color: #099; }
.table { font: normal 1em/1.2em Arial, sans-serif; border: 1px solid #dfd5c0; }
.table-01 { font: normal 1.1em/1.2em Arial, sans-serif; border: none; }
.table-01 td, .table-01 tr { border: 0; background: #F9F4E9; padding: 0; }

.youtube { position: absolute; right: -10px; top: 80px; z-index: 9999; }
.youtube a { background: none; }
.youtube a img, .youtube a:visited img { border: none; text-indent: -9999em; display: block; padding: 10px; }
.youtube a:hover img { background: none; }

/* -----------------------------------
	clearfix
-----------------------------------	*/

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height: 1%; }

/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */
.clear { clear: both; }