/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE:WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,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,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {
   margin:0;
   padding:0;
   border:0;
   outline:0;
   font-size:100%;
   font:inherit;
   vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
   display:block;
}
body {
   line-height:1;
}
ol,ul {
   list-style:none;
}
blockquote,q {
   quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after {
   content:'';
   content:none;
}
/* remember to define visible focus styles!
:focus{
  outline:?????;
} */

/* remember to highlight inserts somehow! */
ins {
   text-decoration:none;
}
del {
   text-decoration:line-through;
}

table {
   border-collapse:collapse;
   border-spacing:0;
}

img {
   border: 0px;
}

a {
   color: #873C02;
   text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

strong {
   font-weight:bold;
}

/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

body {	
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 20px;
   color: #505050;
   background: #000000 url(bg.jpg) repeat-x top;
}

.ls{
   list-style: none;
   padding-left: 0px;
}

.ls li {
   background: url(ls.png) no-repeat 0px 6px;
   margin-bottom: 4px;
   padding-left: 15px;
}

h1{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 24px;
   color: #a5460f;
   font-weight: bold;
}

h2{
   font-family: Arial,Helvetica,sans-serif;
   font-size: 18px;
   color: #ffffff;
   font-weight: normal;
   text-align: center;
   background: url(h2_bg.png) repeat-x bottom;
   padding-bottom: 5px;
}

h3{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 24px;
   color: #a5460f;
   font-weight: bold;
   padding-top: 30px;
   padding-bottom: 10px;
   background: url(h3_bg.png) repeat-x bottom;
}

h4{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #873c02;
   font-weight: bold;
}

h5{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #873c02;
   font-weight: normal;
}

h6{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #873c02;
   font-weight: normal;
   padding-bottom: 10px;
}

.read{
   text-align: right;
   padding-right: 10px;
}

.read a{
   color: #a5460f;
   font-weight: bold;
}

.read a img{
   padding-right: 2px;
}

#wrap{
   width: 968px;
   margin: 0 auto;
}

/*logo*/
#logo{
   height: 85px;
   padding-left: 50px;
   padding-top: 35px;
}

#logo h1 a{
   font-family: Arial,Helvetica,sans-serif;
   font-size: 16px;
   color: #ffffff;
   font-style: italic;
   font-weight: normal;
   text-decoration: none;
}

#logo small {
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
   color: #ffffff;
   font-style: italic;
   font-weight: normal;
}

/*menu*/
#menu{
   background: url(menu_bg.png) no-repeat top left;
   width: 968px;
   height: 55px;
}

#menu ul {
   padding-left: 0px;
   padding-top: 5px;
   margin: 0px;
}

#menu li {
   display: inline;
}

#menu a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;
   display: block;
   float: left;
   height: 35px;
   text-align: center;
   text-decoration: none;
   color: #ffffff;
   padding: 15px 40px 0 40px;
}

#menu a:hover, #menu .active, #menu .on {
   background: url(menu_hover.png) no-repeat center;
}

#prev{
   background: #ffffff;
   padding-top: 5px;
}

#header_bg{
   background: url(header.jpg) no-repeat center;
   height: 261px;
}

#prev_but{
   float: right;
   padding-bottom: 10px;
   padding-right: 10px;
}

#prev_but ul {
   padding-left: 0px;
   padding-top: 5px;
   margin: 0px;
   list-style: none;
}

#prev_but li {
   display: inline;
}

#prev_but a {
   display: block;
   float: left;
   width: 15px;
   height: 14px;
   background: url(prev_but.png) no-repeat left;
   margin-right: 5px;
}

#prev_but a:hover, #prev_but .active {
   background: url(prev_but_hov.png) no-repeat center;
}

/*content*/
#content{
   background: #fff;
   padding-left: 15px;
   padding-right: 15px;
}

.con_bot{
   background: url(con_bg_bot.png) no-repeat top;
   height: 10px;
   clear: both;
}

#column_box{
   background: url(index_bg.png) repeat-y center;
   padding-left: 20px;
}

.column1 p, .column2 p, .column3 p{
   color: #2e2e2e;
   line-height: 14px;
}

.col_text{
   padding-right: 30px;
   padding-left: 70px;

}

.column1, .column2, .column3{
   background: url(top_box.jpg) no-repeat top left;
   width: 250px;
   float: left;
}

.column1, .column2{
   padding-right: 80px;
}

.column_title{
   padding-left: 55px;
}

.column1 .column_title{
   background: url(img_title1.jpg) no-repeat left top;
   height: 37px;
   padding-top: 15px;
}

.column2 .column_title{
   background: url(img_title2.jpg) no-repeat left top;
   height: 37px;
   padding-top: 15px;
}

.column3 .column_title{
   background: url(img_title3.jpg) no-repeat left top;
   height: 37px;
   padding-top: 15px;
}

/*footer*/
#foot_col{
   padding-top: 20px;
   color: #ffffff;
}

#foot_col a, #footer a{
   color: #ffffff;
}

.foot_col1, .foot_col2, .foot_col3{
   float: left;
   width: 230px;
   padding-left: 69px;
}

.foot_col1 .foot_pad{
   padding-top: 5px;
}

.foot_col3 .foot_pad, .foot_col2 .foot_pad{
   padding-left: 40px;
   padding-top: 17px;
}

.link1{
   background: url(link1.png) no-repeat 0px 2px;
   padding-left: 30px;
   min-height: 18px;
   padding-bottom: 10px;
}

.link2{
   background: url(link2.png) no-repeat 0px 2px;
   padding-left: 30px;
   min-height: 18px;
   padding-bottom: 10px;
}

.link3{
   background: url(link3.png) no-repeat 0px 2px;
   padding-left: 30px;
   min-height: 18px;
   padding-bottom: 10px;
}

.link4{
   background: url(link4.png) no-repeat 0px 2px;
   padding-left: 30px;
   min-height: 18px;
   padding-bottom: 10px;
}

.footer_border_bot{
   clear: both;
   background: url(footer_border_bot.png) no-repeat center bottom;
   height: 10px;
}

#footer{
   text-align: center;
   padding-top: 20px;
   padding-bottom: 20px;
   color: #ffffff;
}

/*index*/

.index_content_bg{
   margin-top: 10px;
   background: url(index_bg.jpg) repeat-y center;
}

.index_content_left{
   padding-right: 30px;
   float: left;
   width: 430px;
}

.index_content_right{
   padding-left: 20px;
   float: left;
   width: 425px;
}

/*about*/

.about a{
   color: #a5460f;
}

.news_about{
   padding-top: 20px;
   padding-bottom: 10px;
   background: url(h3_bg.png) repeat-x bottom;
}

.news_about_nobor{
   padding-top: 20px;
   padding-bottom: 10px;
}

/* gallery */

.row {
   padding: 0;
   height: 235px;
}

.box_img2 {
   width: 298px;
   height: 226px;
   background: url(img_bg_ind3.png) 0px 0px no-repeat;
   padding: 3px 3px 0px 3px;
   display:inline-block;
   vertical-align:top;
   margin:0 5px 10px 0;
}

.box_img2 h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size:24px;
   font-weight: 100;
   color: #002380;
   text-align: left;
   padding: 8px 0px 3px 0px;
}

.rol_over:hover {

   background:url(rol_over_galery.png) left top no-repeat;
}

.g_size {
   width: 298px;
   height: 130px;
   display: block;
}

/*contact*/

.contact_content_bg{
   background: url(con_bg.png) repeat-y center;
   padding-left: 20px;
}

.contact_content_left{
   padding-right: 30px;
   float: left;
   width: 540px;
}

.contact_content_right{
   padding-left: 90px;
   float: left;
   width: 255px;
}

.orange{
   color: #873c02;
}

.gray_hr{
   height: 1px;
   margin-top: 5px;
   padding-bottom: 10px;
   border-top: 1px dotted #666666;
}

/*lisence*/

.lisence_content_left{
   float: left;
   width: 570px;
}

.lisence_content_right{
   padding-left: 70px;
   float: left;
   width: 275px;
}


.lisence_content_left a, .lisence_content_right a{
   color: #873c02;
}



/*
scroll styles here
*/

.item { width: 964px; height:261px; padding-left: 5px;}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:relative; overflow:hidden; width: 964px; height: 261px;} 
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height:20px; float:right; margin:5px 0; padding-right: 20px;} 
.navi a { width: 17px; cursor:pointer; height: 14px; float:left; margin:0 0 0 1px; background:url(prev_but.png) no-repeat scroll right top; display:block; font-size:1px;} 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 1px;  background:url(prev_but_hov.png) no-repeat scroll right top}

.header1
{
   width: 964px; height: 261px;
   background: url(header.jpg) no-repeat;
}

.header2
{
   width: 964px; height: 261px;
   background: url(header2.jpg) no-repeat;
}

.header3
{
   width: 964px; height: 261px;
   background: url(header3.jpg) no-repeat;
}

.header4
{
   width: 964px; height: 261px;
   background: url(header4.jpg) no-repeat;
}

fieldset {

}
fieldset form {
   margin-top:10px;
}

fieldset form div {
   clear:left;
}

fieldset form label  {
   width: 140px;
   float: left;
   margin: 0 20px 5px 0;
   color: #505050;
   font-weight: bold;
}

fieldset form input {
   margin-bottom: 5px;
   width: 508px;
   border: none;
   background: url(input_bg.png) no-repeat left top;
   padding: 6px 15px 6px 15px;
}

fieldset form input.checkbox {
   width: 12px;
   height: 12px;
   border: 0;
}

fieldset form select {
   margin-bottom: 5px;
   width: 255px;
   height:18px;
}

fieldset form select optgroup {
   font-style: normal;
}

fieldset form input,
fieldset form select,
fieldset form textarea,
fieldset form button {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   vertical-align: top;
   color: #505050;
   border:0;
}

fieldset input.check {
   color: #19B36B;
   border:0;
   width:12px;
   height:12px;
}

fieldset form textarea {
   background: url(con_mess.png) no-repeat left top;
   width: 508px;
   padding: 8px 15px 8px 15px;
   margin: 0px 0 10px 0;
   height: 169px;
}

fieldset form button {
   background: url(submit.jpg) no-repeat left top;
   text-align: center;
   font-size:14px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
   padding: 5px 2px 8px 2px;
   width: 110px;
   margin: 0px 0px 0px 0px;
   text-transform:uppercase;
}

div.error,
div.ok {
   height:auto;
   padding:5px 10px;
   line-height: 1.4em;
   font-size: 1.2em;
   text-align:left;
}

div.error {
   color: #FF0000;
   border:1px solid #FF0000;
}

div.ok {
   color: #19B36B;
   border:1px solid #19B36B;
}

.errors {
   color: #FF0000;
}

/*
 * pages
*/

div.pages {
   clear:both;
   text-align: center;
}

div.pages ul,
div.pages ul li {
   display: inline-block;
   margin:0 !important;
   padding:0 !important;
}

div.pages a,
div.pages span {
   margin:0;
   padding:0;
   display: inline-block;
   border: 1px solid #ccc;
   padding: 3px;
   margin: 0 8px 0 0;
   color: #ccc;
   text-decoration:none;
}


div.pages a:hover,
div.pages a.on {
   border: 1px solid #000;
   color:#000;
}

span#empty {
   border: 1px solid #E3EBEE;
   color: #E3EBEE;
}

span.match {
   color: #0033CC;
}

div.path {
   padding-bottom:10px;
}

div.path {
   padding-bottom:10px;
}

div#docs {
   clear:both;
   margin:10px 0;
}

div#docs h2 {
   text-align:left;
}

section.service h1 {
   padding:10px 0 10px 0;
}

section.service ul {
   color:#D84005;
   list-style-type:disc;
   padding:0 10px;
   list-style-position:inside;
}

/* table with black borders */

.text table {
   border: 1px solid #000;
}

.text table td {
   border: 1px solid #000;
   padding: 3px;
}

.text table th {
   border: 1px solid #000;
}

.noborder {
   border: none;
}

section ul li {
   display:inline-block;
   width:453px;
   margin:10px 14px 10px 0;
   vertical-align:top;
}


/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */


div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}