/* 
    Document   : style
    Created on : 2010-3-16, 10:10:48
    Author     : Veselin Ignatov
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
body {line-height: 1;background-color: #fff; color: #000; text-align: center; font-size: 14px; font-family: arial;overflow-x: hidden;
overflow-y: scroll;}
ol, ul {list-style: none;}
h3{font-size: 19px; margin: 4px 3px 0 10px; padding-top: 3px;}
a, a:hover, a:focus, a:visited{text-decoration: none; color: #000;}
label{width: 5em;float: left;text-align: right;margin-right: 0.5em;display: block}
.submit input{margin-left: 7.5em;}
.success{background: #c3e99d; border: 2px solid #9cc96f; color: #000; padding: 10px;}
.error{background: #e7b8b0; border: 2px solid #de7b6a; color: #000; padding: 10px;}

#conteiner{margin: 0 auto; padding: 0 auto;width: 1000px; text-align: left;background-color: #fff; position: relative;}
    #header{float: left; width: 100%; padding-top: 18px; position: relative;}
        #topLeft{width: 600px; margin-left: -9px;}
            #logo{margin-left: 5px;width: 530px; height: 58px; background: url(../img/logo.jpg) no-repeat;}
            #menu{height: 30px; margin-bottom: 20px;}
                #menu ul{position: relative; }
                #menu li{float: left; display: block; padding: 3px 7px; margin: 5px; color: #000;}
                #menu li a{padding: 3px; font-size: 15px; font-weight: bold;}
                #menu li a:hover{background: #84c9f5;  }
            #topRight{ background-color: #000000; height: 26px;}
            #topRight{position: absolute; top: 0; right: 0; padding: 0 44px 0 44px;  background: #000000;  line-height: 25px;text-decoration: none; color: #fff; border: none; cursor: pointer; font-size: 15px; font-weight: bold; text-align: left;}
            #lang{position: absolute; top: 43px; right: 0;}

    #content{float: left; width: 100%;  clear: both;}
        #contentTop{border-top: 3px solid #c5c5c5; height: 31px;}
        #contentContent{margin: 10px 0 0 7px; min-height: 480px; width: 986px; float: left;}
        #contentContentGallry {margin: 3px 0 -1px 0px;}
        #contentContentHome{margin: 0px 0 0 0px;  width: 986px; float: left;}
            #home{float: left;}
                #homeInfo{z-index:11; position: absolute; top: 0; left: 0; background: url(../img/homeTransBackpng.png) no-repeat; width: 308px; height: 480px; color: #fff; font-size: 18px; font-weight: bold;}
                    #homeInfoTop{margin: 5px;}
                    #homeInfoContent{margin: 10px; font-family: verdana, arial; font-size: 14px; overflow: hidden;}
                        #homeInfoContent p{line-height: 20px; height: 460px;overflow: hidden;}
                    #homeLastNews { }
                    #home h3 {border-top:3px solid #C5C5C5; padding:3px 0 0; float: left; width: 950px;}
 /**/                   #homeSlidshow {position: relative; padding: 0; height: 480px; margin: 0 0 0 7px;}
                    #accordion_home h3{height: 20px; clear: both; float: left; }
            #news{background: #b2a99f; color: #fff; padding: 20px; min-height: 440px;}
                #accordion a{color: #ffffff; font-size: 15px; font-weight: bold;}
                #accordion h3{padding: 10px; border-top: 3px solid #ffffff; }
                #accordion div{padding: 10px;}
            #projects{float: left;}
                #projects #top{float: left; margin-bottom: 6px;}
                #projects #bottom{float: left;}
                #slider ul{float: left;}
                    .object1{float: left; width: 180px; height: 230px; background-color: #B2A99F; margin: 7px 7px 7px 8px; display: block; overflow: hidden;}
                    .object2{float: left; width: 290px; height: 230px; background-color: #B2A99F; margin: 7px 7px 7px 8px;}
                    .object3{float: left; width: 387px; height: 230px; background-color: #B2A99F; margin: 7px 7px 7px 8px;}
            #projectContent{background-color: #B2A99F; padding: 20px; color: #fff; font-size: 16px;height: 440px;}
            #projectContent a {color: #fff}
                 h4{margin: 0 0 10px 0; font-size: 18px; color: #fff;}
            #drawingContent{height: 480px; background-color: #B2A99F; position: relative; background: url(../img/drawings_bg.png) no-repeat;}
            #drawingContentFiles { float: left;}
            #drawingContentFilesTop {width: 986px; height: 52px; background: url(../img/drawingsfiles_top.png) no-repeat; position: relative; float: left;}
            #drawingContentFilesMiddle {width: 986px; min-height: 420px; background: url(../img/drawingsfiles_middle.png) repeat-y; float: left;}
            #drawingContentFilesBottom {width: 986px; height: 7px; background: url(../img/drawingsfiles_bottom.png) no-repeat; float: left;}
                #drawingLeft{position: absolute; top: 90px; left: 8px; width: 300px;}
                    #drawingLeft p{color: #fff; font-size: 20px; margin: 5px 5px 5px 5px;}
                    #drawingLeft a{color: #fff;}
                    #drawingLeft input{border: 2px solid #000000; font-size: 17px; height: 20px; width: 175px;}
                    #drawingLeft #submiting{background-color: #ffffff; font-size: 18px; height: 27px; width: 179px; margin-top: 10px; padding-bottom: 3px;}
                #drawingRight{position: absolute; top: 50px; right: 50px;}
                    #drawingRight img{margin: 10px;}
                #drawingBottom{position: absolute; bottom: 100px; left: 170px; font-size: 18px; }
                #drawingLogged {position: absolute; top: 5px; left: 120px; color: #ffffff; font-weight: bold; font-size: 17px;}
                     #drawingLogged a {color: #ffffff;}
                     #drawingLogged p {float: left;}
                #drawingInfo {width: 200px; background-color: #ffffff; color: #000000; position: absolute; top: 290px; left: 8px; padding: 4px; font-weight: bold; font-size: 12px; line-height: 15px;}
                    #drawingBottom em{margin: 0 35px;}
                #drawingContentFiles #files {position: relative;}
                #drawingContentFiles #files #container_id, #drawingContentFiles #files .users_link, #drawingContentFiles #files #objects_link{padding: 0 20px 10px 20px; color: #fff}
                #drawingContentFiles #files #container_id ul a, #drawingContentFiles #files .users_link ul a, #drawingContentFiles #files #objects_link ul a{ color: #fff; font-size: 18px; font-family: arial; margin: 4px 0;}
                #drawingContentFiles h4{padding: 5px 10px 20px 20px; color: #fff; width: 200px;}
            #aboutus{height: 480px;}
            #aboutus img{float: left; border: 1px solid #ffffff;}
                #aboutusteam {background-color: #B2A99F; width: 489px; height: 215px; float: right;}
                #aboutusLeft{float: left; background-color: #B2A99F; width: 489px;  text-align: center; height: 215px;}
                .aboutusLeftimg { float: left; width: 200px; padding-left: 15px;}
                .aboutusLeftImg img{ }
                .aboutusLeftText {float: left; width: 265px;}
                 #aboutusLeft img{float: left; border: 2px solid #ffffff;}
                    #aboutusLeft p{color: red;  font-size: 16px; float: left;width: 270px; text-align: left; }
                    #aboutusLeft a{color: #485bb8;}
                    #drawingInfo a{color: #485bb8; text-decoration: underline;}
                    #aboutusLeft .name{color: #000; font-size: 16px; margin: 3px;}
                    #aboutusLeft .name1{color: #ffffff; font-size: 16px; font-weight: bold; margin: 12px 0 5px 0;}
                    #aboutusLeft .name2{margin: 20px 0; font-weight: bold; color: #885a40; font-size: 15px;}
                    #aboutusLeft .name3{color: #000; font-weight: bold; margin: 5px 0; font-size: 15px;}
                    #aboutusLeft .name4{color: #000; font-weight: bold; margin: 5px 0; font-size: 15px;}
                    #aboutusLeft .name5{color: #000; font-weight: bold; margin: 5px 0; font-size: 15px;}
                    #aboutusLeft h4{margin: 10px 0 0 0;}
                    .aboutusItemLeft-1, .aboutusItemLeft-2, .aboutusItemLeft-3, .aboutusItemLeft-4, .aboutusItemLeft-5, .aboutusItemLeft-6, .aboutusItemLeft-7,
                    .aboutusItemLeft-8, .aboutusItemLeft-9, .aboutusItemLeft-10, .aboutusItemLeft-11, .aboutusItemLeft-12, .aboutusItemLeft-13, .aboutusItemLeft-14, .aboutusItemLeft-15,
                    .aboutusItemLeft-16, .aboutusItemLeft-17, .aboutusItemLeft-18, .aboutusItemLeft-19, .aboutusItemLeft-20, .aboutusItemLeft-21, .aboutusItemLeft-22, .aboutusItemLeft-23
                    {display: none; margin: 15px 0 0 0;}
                    .aboutusItemLeft-0 {margin: 15px 0 0 0;}
                #aboutusRight{float: right; background-color: #B2A99F; width: 973px; height: 257px; margin-top: 8px; padding: 0 0 0 13px;}
                    .aboutusItem{float: left; margin: 16px 9px 4px 9px;}
            #contactus{background: #b2a99f; color: #fff; height: 470px; text-align: center; padding-top: 10px; position: relative;}
                #contactus p{color: #fff; font-size: 18px; margin: 5px;}
                #googlemap {float: left; margin-left: 30px; margin-top: 15px; margin-right: 9px; position: absolute; top: 12px; right: 13px;}
                #contactForm {float: left; margin-left: 23px; margin-top: 15px; width: 348px;}
                #contactForm label {margin-right:0; padding: 0; text-align: left;color:#FFFFFF;font-size:18px;margin:3px;}
                #contact {margin: 0 auto; padding: 0 auto;}
                .cotactusinfo{padding: 10px; text-align: left;}
        #contentBottom{float: left;  width: 995px; border-bottom: 3px solid #c5c5c5; border-top: 3px solid #c5c5c5; margin: 10px 0; padding: 4px 3px 0px 3px; background-color: #ffffff;}
        #contentBottom h3 {padding: 1px;}
            #slogon{border-top: 3px solid #c5c5c5; padding: 3px 0 0 0;}
    #footer{float: left; width: 100%; padding: 20px 0 0 0; text-align: center; height: 30px;}
        #footer ul {text-align: center; margin: 0 auto; padding: 0 auto; text-align: center; position: relative;}
        #footer li{float: left; display: block; padding: 5px 17px;  color: #000; font-size: 15px; font-weight: bold;}
        #footer .red{color: red; }

        #top-body {width: 100%; height: 100%; position: absolute; top: 200px; right: 0;z-index: 100;}
#homeSlidshow {
    
    height:490px;
}

#homeSlidshow IMG {position: absolute; top: 0; left: 0; z-index:-8; opacity: 0.0;}

#homeSlidshow IMG.active {z-index:10; opacity: 1;}

#homeSlidshow IMG.last-active {z-index:9;}

#slider ul, #slider li{margin:0; padding:0; list-style:none;}
#slider, #slider li{width:1000px; height:488px; overflow:hidden;}
span#prevBtn{}
span#nextBtn{}

#top-search {
	
	width:100%;
        top:0px;
	left:0px;
	position:absolute;
        background: url(../img/topbg.png) repeat-x;
        z-index:10;
        /*opacity: 0.9;*/
     
        border-bottom: 2px solid gray;
        
}
#toptop {
        height: 100%;
	width:100%;
        top:0px;
	left:0px;
	position:absolute;
        z-index:10;
        /*opacity: 0.9;*/
        display:none;

}

#top-search form {
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/search_top.png) no-repeat;
	width:262px;
	height:30px;
	padding:5px 0 0 40px;
	display:none;
}
#top-search .box {
	width:195px;
	background:transparent;
	border:0;
	margin-left:5px;
}
#top-search .btn {
	margin-left:10px;
	width:35px;
	background:transparent;
	border:0;
	text-indent:-9999px;
	cursor:pointer;
}
#topfav{ margin: 0 auto; padding: 0 auto; text-align: center; position: relative;}

.topfavimgs{margin: 11px 10px; opacity: 10; border: 2px solid gray;position: relative; height: 100px; z-index: 11;}
.topfavimg{}
.topfavimg label{position: absolute; bottom: 0; left: 0;}

 #gallery
        {
            background: #b2a99f; color: #fff; padding: 20px;
        }
        #gallery ul
        {
            list-style: none;
        }
        #gallery ul li
        {
            display: inline;
        }
        #gallery ul img
        {
            border: 5px solid #3e3e3e;
     
        }
        #gallery ul a:hover img
        {
            border: 5px solid #fff;
            
            color: #fff;
        }
        #gallery ul a:hover
        {
            color: #fff;
        }
.form-row {
    width: 344px;
    text-align: left;
    float: left;
	clear: both;
	padding: 2px;
}
.form-d{
    float: left; margin-right: 10px; width: 60px; text-align: center;
}
.field-label {
    margin: 3px 0;
    clear: both;
    height: 20px;
    text-align: left;
}

.field-label label {
    height: 20px;
    width: 200px;
}

.field-widget input{
    width: 340px;
}
.field-widget .submit{
    margin-top: 10px;
    margin-left: 67px;
    text-align: center;
    width: 200px;
}