/*------------------------------------*\
  RESET
\*------------------------------------*/
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
address, caption, cite, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.clr{clear:both;}
.red{color:#AB0F07;}
.span{}
.tleft{text-align:left;}
.tright{text-align:right;}
.image{padding:5px;}

/*------------------------------------*\
  MAIN
\*------------------------------------*/
html {
  font-family: Calibri, Cambria, Georgia, "Times New Roman", Times, serif;
  background:#ffffff;
  color: #333333;
}

body {
  width: 1024px;
  margin: 0 auto;
  line-height: 1.5em;
  padding-top:0.5em;
  background:url(/image/bg12.gif) no-repeat;
  
}

/*------------------------------------*\
  TYPE
\*------------------------------------*/

/*--- HEADINGS ---*/
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 24px;
  font-weight: bold;
}

h1 {
  font-size: 1.5em; /* 24px --> 24 ÷ 16 = 1.5 */
  line-height: 1em; /* 24px --> 24 ÷ 24 = 1 */
}

h2 {
  font-size: 1.375em; /* 22px --> 22 ÷ 16 = 1.375 */
  line-height: 1.0909em; /* 24px --> 24 ÷ 22 = 1.090909(09) */
}

h3 {
  font-size: 1.25em; /* 20px --> 20 ÷ 16 = 1.25 */
  line-height: 1.2em; /* 24px --> 24 ÷ 20 = 1.2 */
}

h4 {
  font-size: 1.125em; /* 18px --> 18 ÷ 16 = 1.125 */
  line-height: 1.333em; /* 24px --> 24 ÷ 18 = 1.3333333(3) */
}

h5, h6 {
  font-size: 1em; /* 16px --> 16 ÷ 16 = 1 */
  line-height: 1.5em; /* 24px --> 24 ÷ 16 = 1.5 */
}

/*--- PARAGRAPHS ---*/

p {
  text-indent: 1em;
  margin-bottom: 1.2em;
}

p:first-letter { 
font-size: 120%;
color:#AB0F07; 
} 

p+p {
  text-indent: 1em;
  margin-top: -0.8em;
}

/*--- LISTS ---*/
ul, ol {
  margin-bottom: 1.0em;
    /* Remember, if your magic number is
    different to this, use your own. */
  padding:0 0 0 1em;
}

ul {
  list-style: square outside;
}

ul ul, ol ol {
	margin: 0 0 0 2em;
}

/*--- QUOTES ---*/
blockquote {
  margin: 0 60px 0 45px;
  border-left: 5px solid #fa0;
  padding-left: 10px;
  text-indent: -0.4em;
}
blockquote b {
  display: block;
  text-indent: 0;
}
blockquote p {text-indent:0;}
blockquote p:first-letter {
font-size: 100%;
color:#333333; 
} 



/*--- LINKS ---*/
a {
  color: #333;
  text-decoration: none;
  border-bottom: 0.0625em dotted #500202;
}

a:hover {
  color:#fa0;
  text-decoration: none;
  border-bottom: 0.0625em solid #fa0;
}


.read-more:after {
  content: "\00A0\000BB"; /* Insert a space then right angled-quote */
}

/*---IMAGES---*/


/*------------------------------------*\
  STRUCTURE
\*------------------------------------*/

/*---Logo---*/

#logo{
	width:360px;
	margin-top:1.50em;
}

/*---Quote---*/

#quote {
width:290px;
margin-top:1.5em;
padding-left:5px;
border-left:solid 2px #AB0F07;
}


/*---Menu---*/


#menu {
margin-top:6.5em;
width:400px;
}

#menu ul{
list-style:none;
font-size:2.3em;
letter-spacing:0.05em;
line-height:1.15em;
margin-left:-1em;
}

#menu .active {
color:#AB0F07;
font-weight:600;
}
#menu li {text-decoration:none;}
#menu li a{text-decoration:none; border-bottom:none; color:#333333;}

#menu li a:focus,
#menu li a:hover,
#menu li a:active,
#menu li a:focus em,
#menu li a:hover em,
#menu li a:active em{
text-decoration:none;
color:#AB0F07;
font-style:italic;
}

#menu1 {
margin-top:5.3em;
font-size:1.2em;
}

#menu1 .active {
color:#AB0F07;
font-weight:600;
}
#menu1 {text-decoration:none;}
#menu1 a{text-decoration:none; border-bottom:none; color:#333333;}

#menu1 a:focus,
#menu1 a:hover,
#menu1 a:active,
#menu1 a:focus em,
#menu1 a:hover em,
#menu1 a:active em{
text-decoration:none;
color:#AB0F07;
font-style:italic;
}


/*---Contact Main---*/

#contact_main {
width:460px;
height:auto;

}


#contact_main span {

}

/*---Content---*/

#content {
	width:500px;
	float:right;
	margin-right:5em;
	margin-top:-18em;
	padding:1em;
	background:#e2e3e3;
	opacity:.75;
}

#content p{
width:500;
}

#content_sub {
	margin-top:-18em;
}

#content_sub p{
}


/*---Intro---*/

.intro p {
	color: #333333;
	font-family: baskerville, palatino, 'palatino linotype', georgia, serif;
	font-size: 2.25em;
	font-style: italic;
	line-height: 0.8em;
	margin: 1em 0 0 4.7em;
	padding: 0;
	text-transform: lowercase;
}
.intro p:first-letter { 
font-size: 100%;
color:#333333;
} 

.intro p strong {
    display: block;
    font-size: 0.5em;
    font-weight: 300;
    padding-left: 6.7em;
	font-variant:normal;
}
.intro span a{border:none;}

/*---Main Foto---*/

.main_foto{margin-top:2em; border: 1px #500202 outset;}

/*------------------------------------*\
  STRUCTURE
\*------------------------------------*/

/*--- kolumny 3 Portfolio---*/
.col_3{text-align:center;}
.col_3 h1{padding-top:15px;}
.col_3 p{padding:1px 5px 0 10px; text-align:left;}
.col_3 img{border:7px solid #333333; margin-bottom:5px;}
.col_3 p img{border:none; vertical-align:bottom; padding-left:5px;}

.col13_pf{
width:32%;
margin:0 0 0 0;
background:#e2e3e3;
opacity:.75;
height:64em;
}

.col23_pf{
width:32%;
margin:0 0 0 19px;
background:#e2e3e3;
opacity:.75;
height:64em;
}

.col33_pf{
width:32%;
margin:0 0 0 19px;
background:#e2e3e3;
opacity:.75;
height:64em;
}

.pf-padding{margin-bottom:8px;}

/*--- kolumny 3 Serwis---*/
.col_3{text-align:center;}
.col_3 h1{padding-top:15px;}
.col_3 p{padding:1px 5px 0 10px; text-align:left;}
.col_3 img{border:7px solid #333333; margin-bottom:5px;}
.col_3 p img{border:none; vertical-align:bottom; padding-left:5px;}

.col13{
width:32%;
margin:0 0 0 0;
background:#e2e3e3;
opacity:.75;
height:18em;
}

.col23{
width:32%;
margin:0 0 0 19px;
background:#e2e3e3;
opacity:.75;
height:18em;
}

.col33{
width:32%;
margin:0 0 0 19px;
background:#e2e3e3;
opacity:.75;
height:18em;
}

.pf-padding{margin-bottom:8px;}

/*--- kolumny 3 Klienci---*/
.col_3{text-align:center;}
.col_3 h1{padding-top:15px;}
.col_3 p{padding:1px 5px 0 10px; text-align:left;}
.col_3 img{border:7px solid #333333; margin-bottom:5px;}
.col_3 p img{border:none; vertical-align:bottom; padding-left:5px;}

.col13_cl{
width:32%;
margin:0 0 0 0;
background:#e2e3e3;
opacity:.75;
height:26em;
}

.col23_cl{
width:32%;
margin:0 0 0 19px;
background:#e2e3e3;
opacity:.75;
height:26em;
}

.col33_cl{
width:32%;
margin:0 0 0 19px;
background:#e2e3e3;
opacity:.75;
height:26em;
}

/*--- kolumny 3 Ceny---*/
.col_3{text-align:center;}
.col_3 h1{padding-top:15px;}
.col_3 p{padding:1px 5px 0 10px; text-align:left;}
.col_3 img{border:1px solid #999999; margin-bottom:5px;}
.col_3 p img{border:none; vertical-align:bottom; padding-left:0px;}

.col13_pr{
width:32%;
margin:0 0 0 0;
background:#e2e3e3;
opacity:.75;
height:26em;
}

.col23_pr{
width:32%;
margin:0 0 0 19px;
background:#e2e3e3;
opacity:.75;
height:26em;
}

.col33_pr{
width:32%;
margin:0 0 0 19px;
background:#e2e3e3;
opacity:.75;
height:26em;
}

/*--- kolumny 2 ---*/
.col_2{text-align:center;}
.col_2 h1{padding-top:15px;}
.col_2 p{padding:1px 5px 0 10px; text-align:left;}
.col_2 img{border:1px solid #999999; margin-bottom:5px;}
.col_2 p img{border:none; vertical-align:bottom; padding-left:0px;}
.col_2 hr {width:83%;}

.col12{
width:32%;
margin:0 0 0 0;
background:#e2e3e3;
opacity:.75;
height:28em;
}
.col12 p{text-align:left;}

.col22{
width:67%;
margin:0 0 0 0;
background:#e2e3e3;
opacity:.75;
height:28em;
}
.col22 p{text-align:left;}

/*---FOOTER---*/

.footer{
border-top:solid 2px #333333;
}
.footer h1{border-top:solid 1px #500202; margin-top:2px; text-align:center; font-size:1em; font-weight:lighter; padding-top:0.5em; font-variant:small-caps; font-stretch:extra-expanded;}
.footer h2{font-size:0.9em; padding-top:5px;}
.footer strong{color:#500202;}
.footer a{color:#500202;}
.footer a:hover{color:#fa0;}