/* CSS Document Luiis Group Version 4.0*/

body { margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color:#37372f; background: #FFF; }

a { color:#d81b1b; text-decoration:underline; }
a:hover { color:#d81b1b; text-decoration:none; }
img { border: 0; }

h1 { font-family: sansumi; font-size: 24px; color: #b9b9b9; margin: 0 0 1px 0; padding: 0; font-weight: lighter; }
#about_us h1, #works_page h1, #blog h1, #contact_page h1  { font-family: sansumi; font-size: 24px; color: #d62828; margin: 0 0 10px 0; padding: 0; }
h2 { font-size: 20px; color:#d62828; margin: 0; padding: 0 0 6px 0; visibility:visible !important; }
#about_us h2 { font-size: 20px; color:#989696; margin: 0; padding: 0 0 15px 0; visibility:visible !important; }
#blog h2 { font-size: 20px; color: #666; margin: 0; padding: 0 0 15px 0; visibility:visible !important; }
#contact_page h2 { font-size: 20px; color: #666; margin: 0; padding: 0 0 6px 0; visibility:visible !important; }
#home h3 { font-family: sansumi; font-size: 20px; color:#d62828; margin: 0; padding: 0 0 6px 0; visibility:visible !important; }
#blog h3 { font-family: sansumi; font-size: 16px; font-weight: bold; color:#d62828; margin: 0; padding: 0 0 6px 0; visibility:visible !important; }
#about_us h3 { font-size: 16px; color: #333333; margin: 0; padding: 0 0 6px 0; visibility:visible !important; }
h4 { font-family: sansumi; font-size: 14px; font-weight: bolder; margin-bottom: 0; padding-bottom: 0; color: #000000; }
h5 { font-family: sansumi; font-size: 16px; margin-bottom: 6px; padding-bottom: 4px; color:#d81b1b; border-bottom: 1px solid #CCC; color: #000000; }

/* Page */
#home { background: #FFF url('/images/bg_page.png') repeat-x }
#about_us, #blog, #contact_page, #works_page, #admin { background: #FFF url('/images/bg.png') repeat-x !important; }

/* Container */
#container { width: 980px; margin: 0 auto; }

/* Header */
#header { width: 980px; float: left; margin-top: 50px; }
#logo { width: 295px; float: left; margin-left: 15px; height: 57px; }
#menu { width: 655px; float: right; margin-right: 15px; height: 57px; }
#menu ul { margin: 0; padding: 0; float: right; display: inline; margin-top: 26px; }
#menu ul li { margin: 0 12px 0 0; padding: 0; float: left; display: inline; }
#menu ul li .last { margin: 0 !important; }
#menu ul li span { display: none; }
/* Menu class */
#menu .menu_01 { display: block; background: url('/images/menu/menu_01.png') no-repeat; width: 54px; height: 31px; }
#menu .menu_02 { display: block; background: url('/images/menu/menu_02.png') no-repeat; width: 56px; height: 31px; }
#menu .menu_03 { display: block; background: url('/images/menu/menu_03.png') no-repeat; width: 63px; height: 31px; }
#menu .menu_04 { display: block; background: url('/images/menu/menu_04.png') no-repeat; width: 65px; height: 31px; }
#menu .menu_05 { display: block; background: url('/images/menu/menu_05.png') no-repeat; width: 78px; height: 31px; }
#menu .menu_01_sel, #menu .menu_01:hover { display: block; background: url('/images/menu/menu_01_sel.png') no-repeat; width: 54px; height: 31px; }
#menu .menu_02_sel, #menu .menu_02:hover  { display: block; background: url('/images/menu/menu_02_sel.png') no-repeat; width: 56px; height: 31px; }
#menu .menu_03_sel, #menu .menu_03:hover  { display: block; background: url('/images/menu/menu_03_sel.png') no-repeat; width: 63px; height: 31px; }
#menu .menu_04_sel, #menu .menu_04:hover  { display: block; background: url('/images/menu/menu_04_sel.png') no-repeat; width: 65px; height: 31px; }
#menu .menu_05_sel, #menu .menu_05:hover  { display: block; background: url('/images/menu/menu_05_sel.png') no-repeat; width: 78px; height: 31px; }

#intro { width: 950px; float: left; margin-left: 15px; margin-top: 40px; margin-bottom: 36px; min-height: 73px; }
#about_us #content, #blog #content, #contact_page #content, #works_page #content, #admin #content { width: 100%; float: left; margin-top: 50px; }
#admin{ margin-left:10px;}
#content { width: 100%; float: left; margin-top: 10px; }
#column_left { width: 590px; float: left; }
#column_right { width: 305px; float: left; margin-left: 50px; }

/* Footer */
#footer { width: 100%; float: left; margin-top: 30px;  padding: 20px 0 20px 0; background: #cecece url('/images/bg_footer.png') repeat-x; }
#footer .container { width: 980px; margin: 0 auto; font-size: 10px !important; line-height: 12px; }
#footer .left { float: left; width: 305px; border-right: 1px solid #bebbbb; padding-right: 20px; height: 85px; }
#footer .left p { margin: 0; padding: 0 0 3px 0; }
#footer .center { float: left; width: 285px; border-right: 1px solid #bebbbb; padding: 0 20px; height: 85px;  }
#footer .center p { margin: 0; padding: 0 0 3px 0; }
#footer .right { float: left; width: 306px; padding-left: 20px; height: 85px; }
#footer h3 { font-family: sansumi; font-size: 14px !important; font-weight: bolder; color:#d62828; margin: 0; padding: 0 0 6px 0; visibility:visible !important; }

/* Blog */
.authorLink { margin: 0; padding: 0; font-size: 11px; font-style:italic; color: #999; }
.authorLink_small { margin: 0; padding: 0 0 10px 0; font-size: 11px; font-style:italic; color: #999; }
.blogElement { width: 540px; float: left; min-height: 185px; padding: 25px 25px 0 25px; margin: 0; }
.bubble { background: #FFF url('/images/blog_buble.png') no-repeat top left; }
.bubble2 { background: #FFF url('/images/blog_buble2.png') no-repeat top left; }
.blogElement .text { width: 100%; float: left; height: 140px; }
.blogElement .text p { margin-top: 0; padding-top: 0; }
.blogElement .plus { color:#FD0018 !important; font-weight:bold !important; padding:0 5px 0 0; text-decoration:none !important; }
.blogElement a { color:#37372f; font-weight:bold; text-decoration:none; }
.blogElement a:hover { color:#37372f; font-weight:bold; text-decoration:underline; }
.articleContainerBig { width: 100%; float: left; }
.articleImage { width: 200px; float: left; padding: 0 10px 0 0; }
.articleText { margin: 0; padding: 0 0 6px 0; }
.blogCommentsRow { width: 100%; float: left; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; }
#commentForm { float: left; width: 100%; margin-top: 10px; }
.inputBlog, .captcha { width: 270px; float: left; border: 1px solid #666; font-family:Tahoma, Geneva, sans-serif; font-size: 12px; }
.captchaImg { width: 270px; float: left; }
.textCaptcha { font-size: 10px; }
.categories { margin: 0; padding: 0 0 0 20px; }
.categories li { list-style-image: url('/images/blog/bullet.gif'); margin-bottom: 4px; }
#clickComment { width: 583px; display: block; height: 25px; float: left; background: #F3F3F3; padding: 5px 0 5px 5px; border: 1px solid #F1F1F1; }
#clickComment img { width: 25px; height: 22px; float: left; }
#clickComment h3 { width: 300px !important; float: left; margin: 5px 0 0 6px; }
#commentForm form { display: none; width: 583px !important; float: left !important; padding-top: 20px; background: #F3F3F3; padding: 5px 0 5px 5px; border: 1px solid #F1F1F1; }
#socialBar { display: block; width: 585px; float: left; padding: 5px 0 5px 5px; border-top: 1px dotted #CCC; }

/* About Home */
#about { width: 100%; min-height: 150px; float: left; } /* background: #FFF url('/images/bg_about.png') no-repeat top right; */
#about h2 { padding-bottom: 5px; }

/* Twitter */
#twitter { width: 305px; height: 150px; float: left; background: #FFF url('/images/tweet_buble.png') no-repeat top left; margin-top: 10px; }
#twitter .text { width: 275px; padding: 3px 10px 0 20px; height: 100px; float: left; }
#twitter .bottom { width: 285px; float: left; margin-top: 10px; padding-left: 20px; color: #b9b9b9 !important; font-size: 13px !important; }
#twitter .tweet { width: 255px; padding-left: 15px; }
#twitter_update_list { margin: 0; padding: 0; }
#twitter_update_list li { padding: 0; list-style: none; }

/* Works */
#works { width: 961px; height: 345px; float: left; background: url('/images/bg_project.png') no-repeat;  padding: 16px 0 0 19px; }
#cycle_container { width: 940px; }
#cycle_container #nav { float: right; }
#cycle { width: 940px; height: 316px; position: relative; }
.cycle_post { width: 940px; height: 316px; overflow: hidden; position: absolute; display: block; }
#nav { position: relative; z-index: 1000; background: url('/images/bg_trans.png'); width: 350px; padding: 5px; display: block; font-size: 10px; right: 0; margin-top: -35px; }
#nav_links { float: right; }
#nav_links a { width: 12px; height: 6px; display: block; float: left; margin-left: 10px; text-indent: -9999px; background: #aaa; margin: 3px 0 0 3px; padding: 0; }
#nav_links a.activeSlide { background: #d81b1b; }
#projects_link { float: right; margin-bottom: 40px; margin-top: 5px; }

/* About us */
#about_us #column_left strong { color:#d81b1b; }
#about_us #column_right strong { font-weight: lighter; color: #d81b1b; }
#services { float: left; }
#services .item { float: left; border-bottom: 1px dotted #333; padding-bottom: 10px; margin-bottom: 10px; }
#services .item .picture { width: 80px; float: left; text-align:center; padding-top: 15px; }
#services .item .picture img { width: auto; }
#services .item .text { width: 215px; padding-left: 10px; float: left; }

#people { width: 100%; float: left; }
#people .picture { width: 80px; min-height: 105px; float: left; border-bottom: 1px dotted #333; margin-bottom: 10px; padding-bottom: 10px; }
#people .picture img { width: 80px; }
#people .text { width: 215px; min-height: 105px; padding-left: 10px; float: left; border-bottom: 1px dotted #333; margin-bottom: 10px; padding-bottom: 10px; }
#people .text p { margin: 0; padding: 0; float: left; width: 100%; }

/* Works page */
#our_works { width: 100%; float: left; }
#clients { width: 100%; float: left; }
#clients span { display: block; width: 100%; padding: 2px 0 0 0; float: left; font-size: 14px; }

/* Contact */
#contact_page .label { width: 100px; float: left; }
#contact_page .form { width: 300px; float: left; border: 1px solid #666; font-family:Tahoma, Geneva, sans-serif; font-size: 12px; }
#contact_page .error { border: 1px solid #C00 !important; }
label.error { display: none !important; }
p.mandatory { color: #C00; font-size: 10px; width: 100%; float: left; }
.asForm { display: none !important; }

/* Table */
.normalTable { width: 100%; padding: 0; border: 0; }
.normalTable td { padding: 0; border: 0; vertical-align:middle; }
#adminBar { position: absolute; top: 0; left: 0; min-width: 980px; z-index: 10000; width: 100%; background-color:#000000; text-align:right; }
#adminBar a { float: right; }
.menuAdminIndex{ margin:0; padding:0; list-style:none}
.containerAdminText{ float:left; width:1200px}
.containerFCK{ float:left; width:600px;}

.clientiAdmin{ float:left; width:200px; border: solid 1px; min-height:100px; height:auto; padding:5px;}
.clientiContainerAdmin{ float:left; width:1010px}