/*---------------------------- START GLOBAL CSS ----------------------------*/
* { margin: 0; padding: 0; border: 0; outline: 0; list-style-type: none; }
.css3, .lang a img { transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; }
html, body { width: 100%; height: 100%; }
html { background: url(../img/bgTexture.jpg) repeat; }
body { background: url(../img/bgDesign.png) no-repeat center top; font-size: 13px; font-family: Arial, Helvetica, Sans-serif; color: #222; }
.cl { clear: both; display: block; width: 100%; height: 0; line-height: 0; }
.fl { float: left; }
.fr { float: right; }
.tl { text-align: left; }
.tr { text-align: right; }
a, a:hover { text-decoration: none; }
h1, h2, h3, h4 { font-weight: normal; text-transform: uppercase; }
.wrapper { position: relative; width: 960px; height: auto; margin: 0 auto; }
.h20 { width: 100%; height: 20px; clear: both; }
/*---------------------------- END GLOBAL CSS ----------------------------*/




/*---------------------------- START HEADER ----------------------------*/
#topLine { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 21px; background: url(../img/topLine.png) repeat-x; }
/*---------------------------- END HEADER ----------------------------*/



/*---------------------------- START HEADER ----------------------------*/
#header { position: relative; width: 100%; }
#header .wrapper { height: 130px; background: url(../img/header.png); box-shadow: 0px 0px 10px #555; }
#header .wrapper h1 { font-size: 0; line-height: 0; text-indent: -9999px; }
#header .wrapper h1 a#logo img { height: 100px; float: left; margin: 25px 0 0 20px; }

#header .fb { position: absolute; bottom: 10px; right: 20px; width: 35px; } 
#header .tyxo { position: absolute; bottom: 10px; right: 50px; width: 35px; }
/*---------------------------- END HEADER ----------------------------*/




/*---------------------------- START HEADER ----------------------------*/
#menu { position: relative; width: 1018px; height: 78px; margin: -5px auto 0 auto; z-index: 999; background: url(../img/navmenu.png) no-repeat; }
#menu .navmenu { z-index: 999; position: relative; display: block; height: 50px; float: left; }
#menu .navmenu > li { z-index: 999; position: relative; display: block; float: left; margin-top: 9px; }
#menu .navmenu > li > a { height: 50px; line-height: 50px; display: block; color: #f1f1f1; font-family: 'Cuprum'; font-size: 18px; padding: 0 30px; margin: 0 1px; }
#menu .navmenu > li > a.current,
#menu .navmenu > li > a:hover { background: url(../img/menuHover.jpg) repeat; color: #111; border-radius: 5px; box-shadow: 0px 0px 5px #333; }
#menu .navmenu > li > ul#submenu { width: 200px; position: absolute; z-index: 9999; margin-top: 0; margin-left: 0; background: #fff; box-shadow: 0px 0px 5px #222; }
#menu .navmenu > li > ul > li { position: relative; display: block; float: none; margin: 0; z-index: 9999; }
#menu .navmenu > li > ul > li > a { height: auto; line-height: normal; display: block; font-family: 'Cuprum'; border-bottom: 1px dashed #888; color: #222; font-size: 15px; padding: 8px 10px; margin: 0; }
#menu .navmenu > li > ul > li > a:hover { background: url(../img/menuHover.jpg) repeat; color: #111; border-radius: 0; box-shadow: none; }
#menu .navmenu > li > ul > li > ul#subsubmenu { width: 200px; position: absolute; z-index: 9999; top: 0; left: 200px; background: #fff; box-shadow: 0px 0px 5px #222; }
#menu .navmenu > li > ul > li > ul > li { position: relative; display: block; float: none; margin: 0; z-index: 9999; }
#menu .navmenu > li > ul > li > ul > li > a { height: auto; line-height: normal; display: block; font-family: 'Cuprum'; border-bottom: 1px dashed #888; color: #222; font-size: 15px; padding: 8px 10px; margin: 0; }
#menu .navmenu > li > ul > li > ul > li > a:hover { background: url(../img/menuHover.jpg) repeat; color: #111; border-radius: 0; box-shadow: none; }

#menu .addthis { float: right; margin: 25px 15px 0 0; }
/*---------------------------- END HEADER ----------------------------*/




/*---------------------------- START MAIN ----------------------------*/
#main { position: relative; width: 960px; height: auto; overflow-x: hidden; margin: -15px auto 0 auto; background: #DAD6CB; }
.langs { position: absolute; width: 800px; top: 4%; left: 50%; margin-left: -400px; text-align: center; }
.langs h2 { display: block; color: #eee; padding: 20px 0; margin: 20px 0; font-size: 35px; font-family: 'Cuprum'; text-shadow: 0px 2px 2px #000; border-bottom: 1px dashed #999; }
.langs h2 span { text-transform: none; }
.langs .lang { display: inline; display: inline-block; margin: 50px; }
.langs .lang h3 { color: #fff; font-size: 24px; font-family: 'Cuprum'; text-shadow: 0px 2px 2px #111; }
.lang a img { width: 200px; opacity: 1; }
.lang a img:hover { opacity: .5; }
/*---------------------------- END MAIN ----------------------------*/




/*---------------------------- START ASIDE ----------------------------*/
#aside { position: relative; width: 200px; height: auto; float: left; margin: 20px 0; padding: 10px; overflow: hidden; background: url(../img/aside.jpg) repeat; box-shadow: -5px 0px 5px #555; }
#aside .vertLine { position: absolute; z-index: 1px; width: 3px; height: 100%; max-height: 100%; right: 5px; background: url(../img/vertLine.jpg) repeat-y; }
#aside .box { width: 90%; margin: 0 auto; box-shadow: 0px 0px 5px #555; }
#aside .box h2 { display: block; background: #DAD6CB; color: #111; text-align: center; font-weight: bold; font-size: 16px; padding: 10px 0; }
#aside .box ul { background: #fff; }
#aside .box ul li { display: block; color: #333; font-size: 14px; padding: 8px 10px; cursor: pointer; }
#aside .box ul li a { color: #333; }
#aside .box ul li a:hover { text-decoration: underline; }
#aside .contactus { width: 90%; margin: 20px auto; padding: 5px 0; box-shadow: 0px 0px 2px 1px #555 inset; background: #D2DDE4; border-radius: 3px; }
#aside .contactus ul li { padding: 5px 10px; color: #333; font-size: 13px; cursor: pointer; }
/*---------------------------- END ASIDE ----------------------------*/




/*---------------------------- START CONTENT ----------------------------*/
#content { position: relative; width: 920px; height: auto; float: left; margin: 20px 10px; padding: 10px; background: #fff; }
#content p { font-size: 16px; padding: 5px 0; line-height: 22px; color: #000; }
#content p a { color: #222; }
#content p a:hover { color: #5A798A; text-decoration: underline; }

#content .partners { width: 920px; height: 141px; margin: 10px 0 0 0; background: url(../img/partnersBorder.png), url(../img/partners.jpg) repeat; box-shadow: 0px 0px 3px #333; }
#content h2 { display: block; color: #111; font-size: 25px; padding: 10px 0 5px 0; margin: 0 0 5px 0; font-weight: bold; text-shadow: 0px 1px 1px #999; border-bottom: 1px dashed #999; }
#content .partners a img { height: 100px; border: none; }
#content .partners img { height: 100px; margin: 20px 0 0 120px; }

#content .imgGallery { width: 120px; float: left; margin: 10px 13px; padding: 1px; border-radius: 5px; border: 1px solid #222; }
#content .imgGallery:hover { border: 1px solid #2B617C; }
/*---------------------------- END CONTENT ----------------------------*/




/*---------------------------- START FOOTER ----------------------------*/
#facebook { position: relative; width: 100%; height: auto; }
#facebook .wrapper { background: #fff; text-align: center; }
#facebook iframe { margin: 20px auto 0 auto;  }

#footer { position: relative; width: 100%; height: auto; }
#footer .wrapper { background: #A4BDC9; padding: 10px 0; margin-bottom: 10px; text-align: center; color: #333; border-top: 1px solid #658393; }
/*---------------------------- END FOOTER ----------------------------*/