/*
$Id: style.css, v 1.0  for: 12 komiks internetowy
*/

BODY            { margin: 0px; padding: 0px;


    SCROLLBAR-FACE-COLOR: #dddddd;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #777777;
    SCROLLBAR-3DLIGHT-COLOR: #888888;
    SCROLLBAR-ARROW-COLOR: #171717;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff}

A               { font-family: Arial; font-weight: bold; text-decoration: none; color: #222;}
A:hover         { font-family: Arial; font-weight: bold; text-decoration: underline; color: #FFF;}
A:visited       { font-family: Arial; font-weight: bold; text-decoration: underline; color: #222; }

A img
 {
 border: none; 
}

img
 {
 border: none; 
}

/*
-------------------------------------------------- style elementow roznych---------------------
*/






.nawigacja {
margin-left: 50px;
font-family: Arial;
font-weight: bold;
text-decoration: none; color: #000;
}

h1 {
color: #000000;
font-size: 36px;
font-weight: normal;
letter-spacing: -.05em;
margin: 11px 0 30px 0;
line-height: 100%;
float: right;
}

h3 {
font-size: 14px;
font-family: Verdana;
text-decoration: none;
color: #333; 
}

h4 {
color: #000000;
font-size: 14px;
}

h5 {
margin-bottom: 0px;
}

.ramka {
border: 1px dashed #444;
padding: 5px;
}



.tlom {
       background-image: url(gifs/tlom.jpg);
       align: left;
       text-vertical-align: top;
       background-position: left top;
       margin: 0 0 0 0px;
       width: 100px;
   
}


.tlol {
       background-image: url(gifs/tlol.jpg);
       align: left;
       text-vertical-align: top;
       background-position: right top;
       margin: 0 0 0 0px;

}


.tlop {
       background-image: url(gifs/tlor.jpg);
       align: left;
       text-vertical-align: top;
       background-position: left top;
       margin: 0 0 0 0px;
 
 
 
}
.tytul {
color: #444444;
font-size: 24px;
font-weight: normal;
letter-spacing: -.05em;
margin: 11px 0 30px 0;
line-height: 100%;
float: right;
 font-family: Arial;
}

.credit {
       clear:both;
       color: #666;
       font-size: 10px;
       padding-top:0px;
       font-family: Arial;
}

.credit a:link, .credit a:visited {
       color: #666;
        font: Verdana;
        font-weight: normal;
}

.credit a:hover {
   text-decoration: underline;
    color: #fff;
    font: Verdana;
    font-weight: normal;

}



.ramka_l {
       margin: 10px 20px 0 0;
       border: 10px solid #F1F1F1;
       float: right;
       }
       
  .ramka_p {
       margin: 10px 0 0 20px;
              border: 10px solid #F1F1F1;
       }     
       
   .ramka_l:hover {
       margin: 10px 20px 0 0;
       border: 10px solid #555;
       float: right;
       }
       
  .ramka_p:hover {
       margin: 10px 0 0 20px;
              border: 10px solid #555;
       }     
       
       
   .menu{
    font-size: 14px;
	font-family: Verdana;
	text-decoration: none;
	text-align: center;
	color: #bbb; 
	background-color:#222;
	height: 24px;
	padding-left: 10px;
	padding-top: 2px;
	padding-right: 10px;
	border-bottom: 1px dashed #666;
	border-top: 2px solid #444;
	}  
     
     .menu a:link, .menu a:visited{
     padding-top: 3px;
     font-weight: bold;
     text-decoration: none;
     color: #bbb;
     }
     
     .menu a:hover{
     padding-top: 3px;
     font-weight: bold;
     text-decoration: underline;
     color: #fff;
     }