/*-----------------------------------------------------------------------------*/
/* Copyright© 2009 - www.TheGate.ro     */
/* HTML-CSS-JavaScript coder: Robert Neacsu  */
/* Interface-Graphic design: Radu Velcea     */
/*-----------------------------------------------------------------------------*/

/*** Reset ***/
html, body				{ height: 100%; }
body, form, fieldset, caption, h1, h2, h3, h4, h5, h6, p, a, ul, dl, dt, dd, img, hr { margin: 0; padding: 0; border: none; list-style: none; outline: none; }
body					{ font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif; background: #000 url(../img/the_gate.jpg) top center no-repeat; }

/*** Text elements ***/
h1						{ font: normal 2em Tahoma; }
h1.title				{ font: 2.4em Tahoma; }
h1.title span			{ background: url(../img/left_blue_title.gif) no-repeat; }
h1.title span.small		{ font-size: 0.6em; }
h2						{ font: normal 1.5em Tahoma; }
h3						{ font: normal 1.5em Tahoma; }
p						{ font-size: 1.2em; line-height: 1.3em; }
p.small					{ font-size: 1.1em; line-height: 1.7em; }
a						{ outline: none; text-decoration: none; color: #fafafa; }

/*** General clases ***/
.left					{ float: left; }
.right					{ float: right; }
.img-left				{ float: left; margin: 0 10px 10px 0; }
.to-right				{ text-align: right; }
.to-center				{ text-align: center; }
.justify				{ text-align: justify; }
.red					{ color: #d11001; }
.light-gray				{ color: #eaedef; }
.dark-gray				{ color: #637580; }
.blue					{ color: #018dc0; }
.light-pink				{ color: #fecbfa; }
.clearfix				{ display: inline-block; clear: both; }
.clear					{ clear: both; }
.strong					{ font-weight: bold; }
.smaller				{ font-size: 1em; }
.gray-bborder			{ border-bottom: 1px solid #333; }
.white-border			{ border: 8px solid #fff; }

/*** General Layout ***/
#wrapper				{ background: url(../img/footer.jpg) bottom center no-repeat; min-height: 100%; }
* html #wrapper			{ height: 100%; }
#layout					{ width: 860px; margin: 0 auto; color: #fafafa; }
#header					{ height: 314px; position: relative; }
#content				{ background: url(../img/under_the_shadow.jpg) top center no-repeat; padding-top: 30px; overflow: auto; }
.smallCol				{ width: 266px; display: inline-block; }
.smallCol.left			{ padding-right: 14px; margin-right: 14px; border-right: 1px dotted #666; display: inline-block; }
#main					{ width: 565px; display: inline-block; }
#footer					{ clear:both; text-align: center; min-height: 60px; height: auto !important; height: 60px; margin-top: 40px; }

/*** Misc ***/
.logo					{ width: 190px; height: 150px; display: block; text-indent: -9999px; position: absolute; left: 10px; top: 20px; }
.we-offer				{ font-size: 1.2em; line-height: 1.2em; }
.we-offer li			{ display: block; margin-bottom: 12px; clear: both; }

/*** Menu ***/
.menu					{ position: absolute; left: 0; bottom: 1px; width: 100%; }
.menu li, .right-menu li{ display: inline; }

.tabs li a				{ background: url(../img/tab.gif) 0 6px repeat-x; display: inline-block; height: 37px; line-height: 37px;color: #fff; text-shadow: 1px 1px 0 #000; }
.tabs li a span			{ display: block; padding: 0 8px; font-size: 1.4em; }
.tabs li a.curent, .tabs li a:hover { background: url(../img/activ_tab.gif) repeat-x; text-shadow: 1px 1px 0 #666; }
.tabs li a.curent span, .tabs li a:hover span {}

.right-menu	ul			{ width: 400px; }
.right-menu a			{ font-size: 1.3em; display: inline-block; margin-left: 10px; padding-top: 8px; }
a:hover.miercuri, .activ{ border-bottom: 3px solid #48cad4; color: #48cad4 !important; }
a:hover.joi, .activ		{ border-bottom: 3px solid #ac8691; color: #ac8691 !important; }
a:hover.vineri, .activ	{ border-bottom: 3px solid #ff0084; color: #ff0084 !important; }
a:hover.sambata, .activ	{ border-bottom: 3px solid #47a438; color: #47a438 !important; }
a:hover.duminica, .activ{ border-bottom: 3px solid #fedb88; color: #fedb88 !important; }

/*** Top Boxes ***/
.topBox					{ height: 160px; }
.topBox li				{ width: 264px; display: inline-block; margin-right: 30px; }
.topBox li.last			{ margin-right: inherit; }

/*** Buttons ***/
a.btn-gray				{ background: #26262f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; /* This will not validate... yet */ padding: 3px 5px; color: #fff; margin: 6px 0; display: inline-block; }
a:hover.btn-gray		{ background: #393940; }
a.btn-pink				{ background: #cd046c url(../img/btn_pink.gif) repeat-x; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; /* This will not validate... yet */ padding: 3px 5px; color: #fff; margin: 6px 0; display: inline-block; }
a:hover.btn-pink		{ background: #cd046c; }

/*** News page ***/
.news					{ border-bottom: 1px dotted #333; margin-bottom: 12px; padding-bottom: 10px; }
.news li.title			{ font-size: 1.4em; font-weight: bold; background: url(../img/calendar.png) no-repeat; padding: 0 0 6px 40px; line-height: 40px; }
.news li.title, .news a	{ color: #f6c138; }
.news a:hover			{ color: #b94712; }
.news li				{ font-size: 1.2em; }

/*** Moka's bloks ***/
.moka li				{ background: #1f384b; width: 254px; height: 163px; margin-bottom: 10px; display: inline-block; padding: 5px; }
.moka li .text			{ width: 126px; padding-left: 10px; display: inline-block; }
.moka li h2				{ font-size: 1.4em; margin-bottom: 20px; }
.moka li h2.title span	{ display: block; font-size: 1.8em; }
.moka li.left			{ margin-right: 20px; }

/*** Calendar bloks ***/
.calendar li				{ background: #1e021b; width: 254px; height: 163px; margin-bottom: 10px; display: inline-block; padding: 5px; }
.calendar li .text			{ width: 126px; padding-left: 10px; display: inline-block; }
.calendar li h2				{ font-size: 1.4em; margin-bottom: 20px; }
.calendar li h2.title span	{ display: block; font-size: 1.8em; }
.calendar li.left			{ margin-right: 20px; }

/*** Contact page ***/
h2.mark					{ font-size: 2em; padding-bottom: 8px; }
.tel					{ padding-left: 18px; background: url(../img/phone.gif) 0 4px no-repeat; font-size: 1.3em; }
.social li				{ display: inline-block; margin-right: 5px; }
.locatie 				{ width: 270px; }
.locatie li				{ display: inline-block; margin: 0 0 4px 10px; }
.locatie li a			{ border: 3px solid #fafafa; display: block; }
.locatie li a:hover		{ border-color: #e9e9e9; }

/*** Gallery page ***/
.gallery li				{ width: 123px; display: inline-block; padding: 0 10px 10px 0; }
.gallery li a			{ border: 3px solid #fafafa; display: inline-block; }