@import "lib/reset.css";
@import "lib/nav.css";
@import "lib/scroll.css";

/* =body 
   (1em = default browser 16px of font-size)
   for 12px (0.75em = 1/16px * 12px)
 */
body { background: #040e1c url(../images/utils/bg.gif) no-repeat center top; color: #ffffff; font-size: 0.82em; text-align: center; font-family: "Trebuchet MS"; }

/* =hx */
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS" }

h1 { font-size: 3em; line-height: 1; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.25em; line-height: 1.2; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

/* =txt p/abr/acronym/address/del/blockquote/strong/em/dfn/pre/code/tt  */
p { margin: 0 0 1.5em; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

/* =table caption/tr/th/td/thead/tbody/tfoot */
table {  }
th {  }
td {  }
th, td {  }
tfoot { font-style: italic; }
caption { background: #ffc; }

/* =ul li */
ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: circle; }

/* =ol li */
ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

/* =dl dt/dd */
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

/* =a */
a { color: white; text-decoration: underline; }
a:hover { color: #007dc2; text-decoration: underline; }

/* =form */
label { font-weight: bold; }
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }

/* general */
#container { width: 940px; margin: 0 auto; text-align: left }
.main_content { color:#ccd0dc; }
.floatleft { float: left }
.floatright { float: right; }


/* titles */
#home #title_noutati { height: 30px; background: url(../images/titles/title_noutati.gif) no-repeat left top; text-indent: -5000px; border-bottom: 1px solid #1f2937; padding: 0 0 0.3em 0; margin: 0 }
#title_contact { height: 24px; width: 100%; background: url(../images/titles/title_contacteazane.gif) no-repeat left top; text-indent: -5000px; }

/* header */
#header { position: relative; }
#header #logo { position: relative; top: 0px; left: -10px;  }
#header .language { position: absolute; right: 10px; top: 25px; width: 147px; height: 18px; text-indent: -5000px; z-index: 600; border-bottom: 1px solid #212a37; }
#header .language a.romanian { float: left; height: 15px; width: 41px; background: url(../images/utils/lang_ro.gif) no-repeat left top; cursor: default }
#header .language a.english { float: right; height: 15px; width: 37px; margin: 0 30px 0 0; background: url(../images/utils/lang_en_off.gif) no-repeat left top; }
#header .language a.english:hover { background: url(../images/utils/lang_en.gif) no-repeat left top }
#header { height: 400px; }
#header #nav { position: absolute; right: 10px; top: 110px; }

/* home */
#home { background: #040e1c url(../images/utils/bg_home.jpg) no-repeat center top;  }
#home #content .main_content { border-bottom: 1px solid #212a37; position: relative; }
#home #content ol { margin: 0; padding: 0; width: 940px; list-style: none; }
#home #content ol li { float: left; width: 300px; margin: 0 20px 0 0; }
#home #content ol li.last { margin: 0 }
#home #content ol li p { color:#a0a0a0; padding: 0 20px 0 0; line-height: 1.2em; }
#home #content ol li h3 { color:#ffffff; padding: 0 20px 0 0; }
#home #gallery #mygallery { position: relative; z-index: 20; }
#home .stepcarousel { width: 100%; height: 160px }
#home .stepcarousel .panel { width: 940px; }
#home .samplebuttons { width: 990px; overflow: auto; border: none; z-index: 0; position: absolute; top: 100px; left: 0; margin: 0 0 0 -25px }
#home .samplebuttons a { outline: none; }
#home .samplebuttons .gnav_r { margin: 0;  display: block; float: right; height: 19px; width: 16px; background: url(../images/gallery_nav_right.gif); text-indent: -5000px; }
#home .samplebuttons .gnav_l { margin: 0; display: block; float: left; height: 19px; width: 16px; background: url(../images/gallery_nav_left.gif); text-indent: -5000px; }

#home #ibox_wrapper { border: 10px solid #031526; color:#a0a0a0 }
#home #ibox #ibox_footer_wrapper { position: absolute; margin-top: -35px; display: none; }
#home #ibox #ibox_footer_wrapper a { color: white; background: none; }
#home #ibox_content { background: #060f1e; padding: 20px; }
#home #inner_content h3 { color:#ffffff; font-size: 1.2em; border-bottom: 1px solid #212a37; padding: 0 0 10px 0;}

/* despre */
#despre { background: #040e1c url(../images/utils/bg_despre.jpg) no-repeat center top;  }
#despre .main_content { width: 400px; margin: 0 0 60px 90px; }
#despre #header { position: relative }
#despre #header .motto { line-height: 1.2; background: url(../images/quote_left.gif) no-repeat 10px 80%; padding: 0 0 0 90px; position: absolute; left: 0; top: 265px; font-size: 1.3em; font-style: italic; width: 470px; }
#despre #header .motto p { width: 310px; background: url(../images/quote_right.gif) no-repeat 96% top; padding: 0 90px 0 0; }
#despre #header .motto span { font-size: 0.75em; display: block; padding: 10px 0 0 0; }

/* evenimente */
#evenimente { background: #040e1c url(../images/utils/bg_evenimente.jpg) no-repeat center top; }
#evenimente #header { height: 275px; }
#evenimente #content .main_content { position: relative; border-bottom: 1px solid #212a37; overflow: auto; margin: 0 0 65px 0; padding: 0 0 20px 0; width: 620px; }
#evenimente #content .main_content ul li { line-height: 1.9em }
#evenimente #content .main_content .ev_pers { float: left; width: 300px; margin: 0 20px 0 0;  }
		#evenimente #content .main_content .ev_pers ul { width: 120px; float: left; margin: 0 0 0 15px; }
		#evenimente #content .main_content .ev_pers .right { width: 150px; float: right; margin: 0 }
#evenimente #content .main_content .ev_bus { float: left; width: 300px; }
		#evenimente #content .main_content .ev_bus ul { width: 120px; float: left; margin: 0 0 0 15px; }
		#evenimente #content .main_content .ev_bus .right { width: 150px; float: right; margin: 0 }
#evenimente #content .main_content ul li { display: block }
#evenimente #content .main_content h2 { color: #007dc2; font-family: Georgia; font-size: 1.9em; font-weight: normal; margin-bottom: 1em  }
#evenimente #content .main_content p { color: #868ca1; margin: 0 0 0.7em 0 }
#evenimente #content .hline { position: absolute; left: 0; top: 34px; border-bottom: 1px solid #212a37; height: 10px; font-size: 10px; width: 620px; }

/* servicii */
#servicii { background: #040e1c url(../images/utils/bg_servicii.jpg) no-repeat center top; }
#servicii #header { height: 380px; }
#servicii #header .motto { line-height: 1.2; background: url(../images/quote_left.gif) no-repeat 10px 80%; padding: 0 0 0 90px; position: absolute; left: 0; top: 265px; font-size: 1.3em; font-style: italic; width: 470px; }
#servicii #header .motto p { width: 310px; background: url(../images/quote_right.gif) no-repeat 96% top; padding: 0 90px 0 0; }
#servicii #header .motto span { font-size: 0.75em; display: block; padding: 10px 0 0 0; }
#servicii #content .main_content { width: 530px; margin: 0 0 95px 89px; padding: 10px 0 15px 0; border-bottom: 1px solid #212a37;  }
#servicii #content .main_content h2 { padding: 0 0 0.2em 0; color: #007dc2; border-bottom: 1px solid #212a37; font-family: Georgia; font-size: 1.9em; font-weight: normal; margin: 0  }
#servicii #content .main_content ul { float: left; margin: 0 120px 0 0; padding: 15px 0 0 0; list-style: none; color: #ccd0dc }
#servicii #content .main_content ul li { line-height: 1.7em; }
#servicii #content .main_content .right { margin: 0  }

/* galerie */
#galerie { background: #040e1c url(../images/utils/bg_galerie.jpg) no-repeat center top; }
#galerie #header { height: 275px; }
#galerie #content { position: relative; z-index: 3 }
#galerie #content .main_content h2 { border-bottom: 1px solid #212a37; color: #007dc2; font-family: Georgia; font-size: 1.9em; font-weight: normal; margin: 0  }
#galerie #gallery { margin: 0 0 50px 0; }
#galerie .eventslist { float: right; width: 290px; }
#galerie .eventslist h5 { margin: 0.2em 0 0.6em 0; border-bottom: 1px solid #212a37; color: #868ca1 }
#galerie .eventslist ul { list-style: none; margin: 0; padding: 0 }
.evenim-pers ul { margin-left: 10px!important; margin-bottom: 5px!important; width: 130px }

.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 640px;
	height: 260px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px 0; /*margin around each panel*/
	width: 640px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel img { margin: 0 16px 0 0; }
.samplebuttons { position: relative; width: 620px; border-bottom: 1px solid #212a37; overflow: auto; padding: 10px 0 30px 0; }
.samplebuttons .gnav_r { margin: 0 20px 0 0;  display: block; float: right; height: 19px; width: 16px; background: url(../images/gallery_nav_right.gif); text-indent: -5000px; }
.samplebuttons .gnav_l { margin: 0 0 0 20px; display: block; float: left; height: 19px; width: 16px; background: url(../images/gallery_nav_left.gif); text-indent: -5000px; }
.samplebuttons .evenim { position: absolute; left: 80px; top: 0; }
.samplebuttons .evenim h3 { margin: 0; padding: 0; font-size: 1.3em; }
.samplebuttons .evenim p { margin: 0; padding: 0 }


/* contacteaza */
.contacteaza { clear: both; position: relative; }
.contacteaza h2 { margin: 8px 0 0 0; border-bottom: 1px solid #212a37; padding: 0 0 0.5em 0; line-height: 1; }
.contacteaza ul, .contacteaza ul li { list-style: none; margin: 0; padding: 0; color: #ccd0dc; }
.contacteaza ul { border-bottom: 1px solid #212a37; height: 67px; position: relative }
.contacteaza ul li { line-height: 1.3; }
.contacteaza ul li a { color: #ccd0dc; text-decoration: none }
.contacteaza ul li a:hover { text-decoration: underline; color: #007dc2;  }
.contacteaza .address { position: absolute; left: 0; top: 14px; background: url(../images/utils/box_email.gif) no-repeat left 6px; padding: 0 0 0 50px;  }
.contacteaza .phone { position: absolute; left: 320px; top: 14px; background: url(../images/utils/box_phone.gif) no-repeat left 6px; padding: 0 0 0 50px;  }
.contacteaza .email { position: absolute; right: 90px; top: 14px; background: url(../images/utils/box_globe.gif) no-repeat left 3px; padding: 0 0 0 50px;  }

/* footer */
#footer { position: relative; border-top: 1px solid #212a37; margin: 40px 0 20px 0; }
#footer ul { list-style: none; margin: 0; padding: 10px 0 0 0; }
#footer ul li { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; padding: 0 10px 0 0; }
#footer ul li a { color: #868ca1; text-decoration: none; }
#footer ul li a:hover { color: #007dc2; text-decoration: underline; }
#footer .copyright { color: #4f5968; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
#footer .createdby { position: absolute; height: 33px; width: 33px; color: #4f5968; right: 0; top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
#footer .createdby a { display: block; height: 33px; background: url(../images/utils/x3-logo.gif); text-indent: -5000px  }