@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px}

img{border:0px;}
a, a:visited, a:active{color:#993366; text-decoration:none;}
a:hover{color:#993399; text-decoration:underline;}

body{ background: url(img/backchier.png) no-repeat right bottom #668486;}

#warp{ width:900px; margin:0 auto; padding:10px 0px 10px 0;}


/*HEADER*/
#header{width:900px; float:left; background:url(img/head.gif);}
.logo{ width:97px; float:left; padding:20px;}
.slog{ width:400px; float:right; padding:20px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:36px; color:#999999;}

#search { float:right; width:190px; height:20px; padding: 9px 35px 0 0;}
.left-search{float:left; background: url(img/left-search.gif) no-repeat; width:10px; height:20px;}
.right-search{float:right; background:url(img/right-search.gif) no-repeat; width:20px; height:20px;}
.main-search{float:left; background:url(img/main-search.gif) repeat-x; width:160px; height:20px;}
#search input {	font-family:Arial, Helvetica, sans-serif;  background:url(img/main-search.gif) repeat-x; border:none; font-size:12px; color:#333333;padding:0px; width:160px; height:20px; float:left;}


/*MENI*/
#mainmeni{width:900px; float:left; height:37px; padding-top:70px;}
.meni{width:900px; float:left; height:37px; background:url(img/meni.gif) no-repeat;}
.meniItem{width:400px; float:left; padding:9px 5px;}
.meni ul{ }
.meni li{ padding:5px 15px; border-right: 1px solid #666666; color:#FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif;display:inline; text-decoration:none;}
.meni a,.meni active, .meni visited{ color:#FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.meni a:hover{color: #FFCC00; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

/*MAIN LEFT*/
.leftBox{ float:left; padding:30px 15px 0px 18px; border-right: 1px solid #FFFFFF;}
.leftBoxItem{ width:170px ;float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6b444e; padding-bottom:15px; clear:both;}
.leftBoxValid{ width:170px ;float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6b444e; padding-bottom:10px; clear:both;}
.leftBoxValid a, .leftBoxValid a:active,.leftBoxValid a:hover, .leftBoxValid a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ab7a87; padding-bottom:10px; clear:both; text-decoration:none;}
.pro{ float:left; width:161px;}
.protop{float:left; background:url(img/pro-top.png) no-repeat; width:161px; height:13px;}
.promain{ float:left; background: url(img/pro-main.png) center #8b5b67; width:135px; padding:5px 13px 13px 13px;}
.promainItem{width:131px; float:left;}
.promaintext{ float:left; padding:5px; background:#b19199; width:151px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}
.promaintext a,.promaintext active,.promaintext a:hover,.promaintext visited{ float:left; background:#b19199; width:151px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none;}
.probot{float:left; background:url(img/pro-bot.png) no-repeat; width:161px; height:10px;}

/*MAIN CONTENT*/
#main{width:900px; float:left; background:url(img/bg-content.gif) repeat-x bottom left #ececec; padding-bottom:10px;}
.way{width:864px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6b444e; padding:10px 18px;}
.bot-holder{width:900px; float:left;}
.bot-main{width:852px; float:left; background:url(img/bot-main.gif); height:24px;}
.left{float:left; width:24px; height:24px; background:url(img/bot-left.gif);}
.right{float:right; width:24px; height:24px; background:url(img/bot-right.gif);}

.main-cont{ width:315px; float:left; border-right:1px solid #FFFFFF; padding:15px 15px 15px 15px;}
.main-contItem{color:#333333; float:left; font-family:  Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; width:315px; text-align:justify;}
.main-contItem1{color:#333333; float:left; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; width:315px; text-align:justify;}
.main-contBox{color:#333333; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; width:300px; text-align:justify; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding:5px;}
.main-contPro{ float:left; width:120px; border:1px solid #333333;}
.main-contPro1{color:#333333; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; width:160px; text-align:justify; padding-left:10px;}
.main-contProText{color:#333333; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; width:160px; text-align:justify;}
h1{ color:#6b444e; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; width:315px; clear:both;}
h2{ float:left; width:150px; font-size:12px; color:#6b444e; font-family:Arial, Helvetica, sans-serif;}
.main-cont-Kont{color:#333333; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; width:315px; text-align:justify; padding:15px 0px;}
.style2{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#6b444e; float:left; padding-right:5px;}

/*MAIN RIGHT*/
.rightBox{ width:315px; float:left; padding:30px 15px 15px 15px;}
.rightBoxItem{ width:301px; height:94px; float:left; background:url(img/Item.png) no-repeat; padding-bottom:10px;}
.rightItem{float:left; height:94px; width:60px; background:url(img/arrow.png) no-repeat center right;}
.rightItemText{float:left; height:60px; width:115px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:left; padding:33px 0 0 5px; text-decoration:none;}
.rightItemText a, .rightItemText a:visited, .rightItemText a:active{float:left; height:60px; width:115px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:left;  text-decoration:none;}
.rightItemText a:hover{float:left; height:60px; width:115px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #FFCC00; text-align:left; text-decoration:none;}
.rightItemPic{float:left; height:74px; width:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:left; padding:8px 0 0 12px; text-decoration:none;}
.style1{font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#6b444e; float:left; width:300px;}
.rightItemPic1{float:right; height:94px; width:115px; }

/*CONTACT FORM*/
.cssform{ width: 250px; clear: left; margin: 0; padding:0;}
.cssform p{ width: 250px; clear: left; margin: 0; padding: 5px 0 5px 0;}
.cssform label{ font-weight: normal; float: left; width: 250px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6b444e; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 250px;}
.cssform textarea{ width: 250px; height: 150px;}
.submit{ background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:60px; height:23px; border:0px; color:#6b444e;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{ margin-left: 3px;}

/*LEFT MENI*/
#menu4 {width: 160px; display:inline;}
#menu4 li a { text-decoration: none; border-bottom: 1px solid #6b444e;}
#menu4 li a:link, #menu4 li a:visited, #menu4 li a:active { color: #6b444e; display: block; background: url(img/arrow-meni.png) no-repeat left; padding: 3px 0 0 20px; text-align:left;}
#menu4 li a:hover{ color: #333333; background: url(img/arrow-meni.png) no-repeat left; padding: 3px 0 0 20px;  text-align:left;}
#menu4 ul { list-style: none; margin: 0; padding: 0;}


/* CSS used for the Virtual Pagination Demos. Modify/remove as desired*/

.paginationstyle{ /*Style for demo pagination divs*/
width: 500px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}
.pag{float:right; width:670px; font-size:12px; color:#333333; text-align:right; padding:0 20px 0 0; font-family:Arial, Helvetica, sans-serif;}
.pag a, a:visited{text-decoration:none;}
.pag a:hover{text-decoration:none; color:#000000;}