/* CSS Document */
body {
background-color:#e8e8e8;
background-image:url(images/rolety_szczecin_bg.jpg);
background-repeat:repeat-x;
background-position:top;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:6px;
margin:0px;
padding:0px;
}
p {overflow:hidden;}

/* -------------------------------  div-y --------------------------------------*/
div#page {
background-image:url(images/rolety_szczecin_bg_page.jpg);
background-repeat:repeat-y;
width:820px;
height:auto;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
div#left {
background-image:url(images/rolety_szczecin_left.jpg);
width:60px;
height:400px;
float:left;
}
div#right {
background-image:url(images/rolety_szczecin_right.jpg);
width:60px;
height:400px;
float:left;
}
div#center {
border:1px #FFFFFF solid;
width:698px;
height:auto;
float:left;
}
div#top {
background-color:#c7c7c7;
width:698px;
height:9px;
}
div#logo {
background-image:url(images/rolety_szczecin_logo.jpg);
width:698px;
height:81px;
border-top:1px #FFFFFF solid;
border-bottom:1px #FFFFFF solid;
}
div#logo_bottom {
background-color:#a88685;
width:698px;
height:9px;
}
div#box_menu {
background-image:url(images/rolety_szczecin_menu_bg.jpg);
background-repeat:repeat-x; 
width:698px; 
height:23px;
border-top:1px #ffffff solid;
border-bottom:1px #b8b8b8 solid;
}
div#koperta {
width:260px;
height:23px;
text-align:right;
float:left;
}
div#content {
background-image:url(images/szafy_szczecin_content_bg.jpg);
background-repeat:repeat-x; background-position:top;
background-color:#f2f2f2;
width:698px; 
height:auto;
}
div#page_ofirmie {
background-image:url(images/szafy_szczecin_ofirmie.jpg);
background-position:bottom left;
background-repeat:no-repeat;
width:648px;
height:54px;
margin-left:25px;
margin-right:25px;
border-bottom:1px #ac0001 solid;
}
div#page_rolety {
background-image:url(images/szafy_szczecin_rolety.jpg);
background-position:bottom left;
background-repeat:no-repeat;
width:648px;
height:54px;
margin-left:25px;
margin-right:25px;
border-bottom:1px #ac0001 solid;
}
div#page_szafy {
background-image:url(images/szafy_szczecin_szafy.jpg);
background-position:bottom left;
background-repeat:no-repeat;
width:648px;
height:54px;
margin-left:25px;
margin-right:25px;
border-bottom:1px #ac0001 solid;
}
div#page_kontakt {
background-image:url(images/szafy_szczecin_kontakt.jpg);
background-position:bottom left;
background-repeat:no-repeat;
width:648px;
height:54px;
margin-left:25px;
margin-right:25px;
border-bottom:1px #ac0001 solid;
}
div#text {
background-image:url(images/szafy_szczecin_text_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
width:648px;
height:auto;
padding-left:25px;
padding-right:25px;
padding-top:30px;
padding-bottom:20px;
font-size:12px;
text-align:justify;
overflow:hidden;
}
div#underline {
width:648px;
height:25px;

border-bottom:1px #b8b8b8 solid;
}
div#footer {
width:746px;
height:57px;
padding-right:74px;
padding-top:3px;
background-image:url(images/szafy_szczecin_footer.jpg);
margin-left:auto;
margin-right:auto;
text-align:right;
}
div.left_akapit {
width:610px; 
padding-left:38px;
}
div.box_center {
text-align:center; 
overflow:hidden;
}
div.big_box {
width:648px; 
overflow:hidden;
}
div.big_box_left {
width:303px;
height:auto;
border-right:1px #999999 solid;
padding-right:20px;
text-align:justify;
float:left;
}
div.big_box_right {
width:304px;
height:auto;
text-align:justify;
padding-left:20px;
float:left;
}
div.mini_menu {
width:640px; 
overflow:hidden;
border-left:1px #b8b8b8 solid;

height:auto;
}
div.mini_menu_two {
width:372px; 
overflow:hidden;
border-left:1px #b8b8b8 solid;

border-bottom:1px #b8b8b8 solid;
height:15px;
background-color:#E1E1E1;
}
#left_menu {width:148px; height:auto; float:left;}
#left_menu ul{margin:0px; padding:0px;}
#left_menu ul li{ display:block; padding-left:20px; }
#left_menu ul li a{ text-decoration:none; }
#left_menu ul li.active{background-color:#666666; display:block;}
#left_menu ul li.active a{ font-weight:bold; color:#FFF;  text-decoration:none; }



#gallery {width:500px; height:auto; overflow:hidden; float:left; }
#gallery a{ display:block; float:left; margin:5px; }

#gallery_box { overflow:hidden; }

/* -----------------------------------------------------------------------------*/


/* --------------------------------- menu --------------------------------------*/
div.ql_menu {
	width:104px; float:left; 
}
.ql_menu UL {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; LIST-STYLE-TYPE: none; 
}
.ql_menu li a {
	  padding-right: 6px; display: block; padding-left: 7px; font-weight: 100; font-size: 12px; padding-bottom: 3px; color: #333333; padding-top: 5px;   border-right:1px #b8b8b8 solid; border-left-style: none;  text-align: center; text-decoration: none; width:90px; font-weight:bold;
}
.ql_menu li a:link {
	  padding-right: 6px; display: block; padding-left: 7px; font-weight: 100; font-size: 12px; padding-bottom: 3px; color: #333333; padding-top: 5px;   border-right:1px #b8b8b8 solid; border-left-style: none;  text-align: center; text-decoration: none; width:90px; font-weight:bold;
}
.ql_menu li a:visited {
	   padding-right: 6px; display: block; padding-left: 7px; font-weight: 100; font-size: 12px; padding-bottom: 3px; color: #333333; padding-top: 5px;   border-right:1px #b8b8b8 solid; border-left-style: none;  text-align: center; text-decoration: none; width:90px; font-weight:bold;
}
.ql_menu li a:hover {
	 padding-right: 6px; display: block; padding-left: 7px; font-weight: 100; font-size: 12px; padding-bottom: 3px; color: #333333; padding-top: 5px;   border-right:1px #b8b8b8 solid; border-left-style: none;  text-align: center; text-decoration: none; width:90px; font-weight:bold;  text-decoration:none; background-color:#E1E1E1;
	
}
div.ql_menux {
	width:104px; float:left; 
}
.ql_menux UL {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; LIST-STYLE-TYPE: none; 
}

.ql_menux li a {
	 padding-right: 6px; display: block; padding-left: 7px; font-weight: 100; font-size: 12px; padding-bottom: 3px; color: #333333; padding-top: 5px;   border-right:1px #b8b8b8 solid; border-left-style: none;  text-align: center; text-decoration: none; width:90px; font-weight:bold;  text-decoration:none; background-color:#E1E1E1;
	
}


/* -----------------------------------------------------------------------------*/

/* --------------------------------- mini menu --------------------------------------*/
div.ql_mini_menu {
	border-bottom:1px #b8b8b8 solid;
	border-right:1px #b8b8b8 solid;
	background-color:#E1E1E1; 
	float:left; 
}
.ql_mini_menu UL {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; LIST-STYLE-TYPE: none; 
}
.ql_mini_menu li a {
	  padding-right: 7px; display: block; padding-left: 7px; font-weight: 100; font-size: 12px; padding-bottom: 3px; color: #333333; padding-top: 5px;  border-left-style: none;  text-align: center; text-decoration: none;  font-weight:bold;
}
.ql_mini_menu li a:link {
	  padding-right: 7px; display: block; padding-left: 7px; font-weight: 100; font-size: 10px; padding-bottom: 3px; color: #333333; padding-top: 2px;    border-left-style: none;  text-align: center; text-decoration: none; font-weight:bold;
}
.ql_mini_menu li a:visited {
	   padding-right: 7px; display: block; padding-left: 7px; font-weight: 100; font-size: 10px; padding-bottom: 3px; color: #333333; padding-top: 2px;  border-left-style: none;  text-align: center; text-decoration: none;  font-weight:bold;
}
.ql_mini_menu li a:hover {
	 padding-right: 7px; display: block; padding-left: 7px; font-weight: 100; font-size: 10px; padding-bottom: 3px; color: #333333; padding-top: 2px;    border-left-style: none;  text-align: center; text-decoration: none; font-weight:bold;  text-decoration:none; background-color:#CCC;
	
}
div.ql_mini_menux {
	width:124px; float:left; 
}
.ql_mini_menux  UL {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; LIST-STYLE-TYPE: none; 
}

.ql_mini_menux  li a {
	 padding-right: 3px; display: block; padding-left: 3px; font-weight: 100; font-size: 10px; padding-bottom: 3px; color: #333333; padding-top: 2px;   border-right:1px #b8b8b8 solid; border-left-style: none;  text-align: center; text-decoration: none; width:117px; font-weight:bold;  text-decoration:none; background-color:#E1E1E1;
	
}

div.ql_mini_menu_two {
	width:124px; float:left; 
}
.ql_mini_menu_two UL {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; LIST-STYLE-TYPE: none; 
}
.ql_mini_menu_two li a {
	  padding-right: 3px; display: block; padding-left: 3px; font-weight: 100; font-size: 12px; padding-bottom: 3px; color: #333333; padding-top: 5px;   border-right:1px #b8b8b8 solid; border-left-style: none;  text-align: center; text-decoration: none; width:117px; font-weight:bold;
}
.ql_mini_menu_two li a:link {
	  padding-right: 3px; display: block; padding-left: 3px; font-weight: 100; font-size: 10px; padding-bottom: 3px; color: #333333; padding-top: 2px;   border-right:1px #b8b8b8 solid; border-left-style: none;  text-align: center; text-decoration: none; width:117px; font-weight:bold;
}
.ql_mini_menu_two li a:visited {
	   padding-right: 3px; display: block; padding-left: 3px; font-weight: 100; font-size: 10px; padding-bottom: 3px; color: #333333; padding-top: 2px;   border-right:1px #b8b8b8 solid; border-left-style: none;  text-align: center; text-decoration: none; width:117px; font-weight:bold;
}
.ql_mini_menu_two li a:hover {
	 padding-right: 3px; display: block; padding-left: 3px; font-weight: 100; font-size: 10px; padding-bottom: 3px; color: #333333; padding-top: 2px;   border-right:1px #b8b8b8 solid; border-left-style: none;  text-align: center; text-decoration: none; width:117px; font-weight:bold;  text-decoration:none; background-color:#E1E1E1;
	
}
div.ql_mini_menu_two {
	width:124px; float:left; 
}
.ql_mini_menu_two  UL {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; LIST-STYLE-TYPE: none; 
}

.ql_mini_menu_two  li a {
	 padding-right: 3px; display: block; padding-left: 3px; font-weight: 100; font-size: 10px; padding-bottom: 3px; color: #333333; padding-top: 2px;   border-right:1px #b8b8b8 solid; border-left-style: none;  text-align: center; text-decoration: none; width:117px; font-weight:bold;  text-decoration:none; background-color:#E1E1E1;
	
}

/* -----------------------------------------------------------------------------*/

/* ---------------------------- hiperlacza -------------------------------------*/
a {
color:#333333;
font-size:12px;
text-decoration:underline;
}
a:hover {
color:#990000;
}
a.bold {
color:#333333;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
a:hover.bold {
color:#990000;
}
a.footer {
color:#6b0808;
font-size:10px;
text-decoration:none;
}
a.real {
color:#9e0b0f;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}
a:hover.real {
color:#9e0b0f;
font-size:14px;
font-weight:bold;
text-decoration:none;
}


/* -----------------------------------------------------------------------------*/

/* ---------------------------- img --------------------------------------------*/
img {
border:none;
}
img.left {
border:1px #666666 solid; padding:2px; margin-left:10px; margin-bottom:5px; float:right;
}
img.right {
 margin-left:10px; margin-bottom:5px; float:right;
}
img.border {
border:1px #666666 solid; padding:2px;
}
/* -----------------------------------------------------------------------------*/

/* ----------------------------- czcionki --------------------------------------*/
.big {
font-size:12px; font-weight:bold;
}
.middle {
font-size:11px; font-weight:bold;
}
/* -----------------------------------------------------------------------------*/
