@charset "utf-8";

/* CSS Document */

BODY {background-image:url("../images/body_bg.jpg"); background-repeat:repeat-x; background-position:top; background-color:#2B3032;  margin:0; padding:0;}

#site {width:815px; margin:0 auto; padding:0; position:relative; background:none;}

.clearfloat {clear:both;}

a img {border:none;}



#logo img {behavior: url("../../iepngfix.htc");}

 

#logo {position:absolute; width:223px; height:193px; left:23px; top:0; z-index:100;}

#header {width:815px; background-image:url("../images/header.jpg"); background-position:top right; background-repeat:no-repeat; height:130px;}



#nav_ico {margin-left:234px; padding-left:401px; height:61px;}

#nav_ico div {float:left; width:40px; text-align:center; margin-top:33px; margin-bottom:15px;}
#nav_ico div.facebook {float:left; width:72px; text-align:center; margin-top:33px; margin-bottom:15px;}



/* ============================  menu ==============================*/ 

#menu {padding:0; color: #fff; font-family:Tahoma, sans-serif; font-size:13px; margin-left: 234px; margin-right: 0px; text-align:center; text-transform:uppercase; font-weight:bold; border-top:1px solid #fff;}



#menu ul {margin: 0; padding:22px 0 8px 0; list-style-type: none;}

#menu li {display: inline; padding:8px 0 8px 0;}

#menu li a {text-decoration: none; color: #fff; padding:0px 8px 0px 0px;}

#menu li a:hover {text-decoration: underline;}	



/* ============================  index content ==============================*/ 

#index_content {background-image:url("../images/index_content.jpg"); background-position:top; background-repeat:no-repeat; padding-left:45px; padding-top:55px; height:224px;}

#index_content p {width:420px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.2; margin-bottom:10px; margin-top:10px; height:135px; overflow:hidden;}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    #index_content p { height:111px; }

}



h1 {margin:0; padding:0; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.red {color:#e00044;}



/* ============================  index news ==============================*/ 

#news {background-image:url("../images/news_bg.gif"); background-position:top; background-repeat:no-repeat; width:815px; height:216px;}

#black_news {width:451px; font-family:Arial, Helvetica, sans-serif; padding:15px 25px 15px 45px; float:left;  }

#data {color:#ff7979; float:left; font-size:12px;font-weight:bold;}

#title_news {float:left; color:#ffeeee; font-size:12px; font-weight:bold; margin-left:20px; width:360px;}

#black_news p {color:#FFFFFF; font-size:12px; margin:15px 0 15px 0; padding:0; float:left; display:block; width:305px; height: 90px; overflow: hidden;}

.foto_news {float:right; padding-top: 0px;}

#black_news h2 {font-weight:bold; font-size:15px; color:#FFFFFF; margin:0; padding:0 0 15px 0;}



#white_news {float:left; width:230px; padding:15px 25px 15px 35px; font-family:Arial, Helvetica, sans-serif;}

#white_news h2 {font-weight:bold; font-size:15px; color:#000000; margin:0; padding:0 0 15px 0;}







/* ============================  subpage content ============================== */



#container{width:815px;margin: 0 auto; padding:0; margin-top:9px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }



#nav{float:left; width:208px; padding:0; background: #3E3F41; background-image:url("../images/left_col_bg.jpg"); background-repeat:repeat-x; background-position:top; color:#FFFFFF; position:relative;}

address {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#bdbdbd; font-style:normal; line-height:1.4; position:absolute; left:30px; bottom:30px; z-index:1; }

#nav ul {list-style-type:none; margin:55px 0 0 0; padding:0; background-image:url(../images/submenu_bg.jpg); background-repeat:no-repeat; background-position:bottom center;}

#nav ul li {padding:10px 0 10px 15px; background-image:url(../images/submenu_bg.jpg); background-repeat:no-repeat; background-position:top center;}

#nav ul li a {color:#ffffff; text-decoration:none; font-weight:bold;}

#nav ul li:hover {background-color: #FF7979; cursor:pointer;}

#nav ul li.active {background-color: #6a0824; cursor:pointer;}

#nav ul li span.LM_youAreHere {color:#999999; }

#nav ul li:hover span.LM_youAreHere {color:#ffffff; }

#nav p {margin:55px 0 0 0; padding:0;}
#nav #adres {min-height:530px; height:auto !important; height:530px;}



#content{float:right; width:607px; padding:0; background:#ffffff;}

#tresc {min-height:500px; height:auto !important; height:500px; padding:0 30px 30px 30px; line-height:1.6; text-align:justify; color:#444444;}

#tresc h1 {color:#333333; font-size:16px;}



.left {float:left; width:330px;}

#tresc img {float:right; margin-left:20px;}

#tresc a {color:#FF0000; text-decoration:underline;}

#tresc a:hover {color:#999999; text-decoration:none;}



#foto {width:530px; text-align:center;}

#foto img {width:auto; float:left; margin-left:0;} 



#obrazki {width:550px; text-align:left; padding-top:20px;}

#obrazki img {width:auto; float:left; margin-right:5px;}



#pagetrail {margin:0 0 20px 0; padding:20px 0 5px 0; color:#999999; border-bottom:1px dashed #CCCCCC;}

#pagetrail a {font-size:11px; color:#999999;}



#mapka {width:300px; height:380px; margin:0; padding:0; border:0px solid #818fac; margin-bottom:10px;}

#referencje ul {list-style-type:none; margin:0; padding:0;}
#referencje ul li {margin:0; padding:0;}
#loga_firm {float:right; width:220px; text-align:center;}


#photodiv {margin:0; padding:0; width:220px; text-align:center;}



#rotator {cursor: pointer; overflow: hidden; margin: 0; position: relative; width: 220px; height: 140px;}



#rotator img {margin-left:0; border:0; cursor: pointer; width: 220px; height: 140px;}



/* ============================  galeria ==============================*/ 
#galeria_lista {width:520px; margin:0 auto;}
#galeria_lista ul {list-style-type:none; margin:0; padding:0;}
#galeria_lista ul li {float:left; text-align:center; margin:0; padding:10px 30px;}
#galeria_lista img {margin-left:0;}
.foto_gal {width:200px; height:133px; overflow:hidden;}

#galeria {margin:0 auto; width:520px; padding:15px 0 0 0;}
#galeria img {float:none; margin-left:0;}

.ramka {width: 120px; height:120px; text-align:center; overflow: hidden; display: inline; float: left; margin:5px;}




/* ============================  footer ==============================*/ 

#footer {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#555555; padding-top:35px; text-align:center; margin-bottom:30px;}

#footer a {text-decoration:none; color:#999999;}