/*
Theme Name: TRAM
Description: tram.pl
Author: oloo
*/

* {
	margin:                 0;
	padding:                0;
        }

body {
	font:                   0.7em arial, verdana, sans-serif; 
	background:             #7e7d78 url(images/tlo.jpg) repeat-x;
        }

/* ramka*/
div#top {
	clear:				both;
	height:				107px;
	margin:				0 auto;
	width:				900px;
	}		
div#top-title {
	position:			relative;
	right:				20px;
	top:				36px;
	}
div#top-title h1 {
	padding-right:      42px;
        float:              right;
	color: 		        #d9d9d9;
        text-decoration:    none;
	font-size:		    2em;
	}
div#top-title h1 a{
	color: #d9d9d9;
        text-decoration: none;
}

div#top-title h1 a:hover {
	color: #d9d9d9;
}
div#logo {
	float:				left;
	width: 				222px;
	height: 			53px;
	margin-left: 		39px;
	margin-top: 		15px;
	margin-bottom:		20px;
	cursor: 			pointer;
	background: 		url(images/logo.gif) top no-repeat;
}
div#top-menu {
	margin: 			0 auto;
	font:               1.1em verdana, helvetica, sans-serif;
	font-weight:        bolder;
	width:				870px;
	height:				20px;
	clear:				both;
	background:         url(images/pasek_gora.jpg) top no-repeat;
	}	
div#top-menu ul {
	display:			block;
	float:				right;
	margin-right:		        15px;
	margin-top:			2px;
	}
div#top-menu ul li{
	float: 				left;
	list-style-type:    none;
	padding:			0 16px;
	}	
div#top-menu li a {
    color:              #cdccca;
    text-decoration:    none;
    }
div#top-menu li a:hover {
    color:              #ff9000;
    }
div#header {
	height: 		159px;
	background: 		url(images/foto2.jpg) top no-repeat;
	}
div#container {
	width:			1008px;
	clear:			both;
	margin:			0 auto;
	}

.breadcrumb {
	width:		870px;
	height:		20px;
	clear: 		both;
	margin: 	0 auto;
	padding-left:	10px;
	padding-top:	3px;
	background:     url(images/pasek_dol.jpg) top no-repeat;
        color:          #989898;
	}
.breadcrumb a {
	color: #d9d9d9;
        text-decoration: none;
}	
.breadcrumb a:hover {
	color: #d9d9d9;
        text-decoration: underline;
}

/* content page*/
div#content-page {
    float:                  left;
    width:                  700px;
    padding-bottom:	    40px;
	color:	#fff;
    }
	
div#content {
	margin:			15px 0 0 80px;
	width: 			860px;
	padding-bottom:		40px;
	color:	#fff;
}

.box {
	width: 			255px;
	padding-right: 	30px;
	padding-bottom: 30px;
	float:			left;
}
.newsletter {
        width: 230px;
        height: 140px;
        background-color: #32312f;
        color: #fff;
}
form.subscribeform {
	padding: 10px 0 0 15px;
        font-weight: bolder;
        color: #CDCCCA;
}
form.subscribeform p label span {
	font-size: 0.8em;
	font-weight: normal;
}
input#email {
        width: 207px;
        border: 2px solid #D9D9D9;
        margin-bottom: 5px;
        margin-top: 10px;
}
input#stnl_submit {
        background-color: #000000;
        border: 2px solid #D9D9D9;
        color: #FFFFFF;
        float: right;
        width: 90px;
}
div#content .box p { 
	line-height:	        1.5;
	padding:		5px 5px; 
}

.post_image {
	border: 0px;
        text-align: center;
}
div#content-page h2, div#content h2 {
    padding-top:	   10px;
    line-height:           1.6;
    text-transform:	   uppercase; 
	color: #000;
	}
div#content-page h2 {
    background: url(images/title.gif) left center no-repeat;
    padding-left: 25px;
    padding-bottom: 10px;
    margin-left: 10px;
    font: 1.3em verdana, helvetica, sans-serif;
    font-weight: bolder;
}
div#content h2 {
    padding-left: 5px;
    font: 1.2em verdana, helvetica, sans-serif;
    font-weight: bolder;
    padding-bottom: 5px;
}
div#content-page h2 a, div#content h2 a {
text-decoration: none;
color: #000;
	}
div#content-page h2 a:hover, div#content h2 a:hover {
text-decoration: underline;
color: #ff9000;
	}
 
div#content-page p, div#content p {
    line-height:            1.6;
    padding:                5px 20px;
	font-size:              1.2em;
        }

div#content-page p a, div#content p a {
    color: 		   			#fff;
    text-decoration:       underline;
    font-weight:           bolder;
	}

div#content-page p a:hover , div#content p a:hover {
	text-decoration: underline;
        color: #ff9000;
	}
.more-link { float: right; }

div#content-page ul li, div#content-page ol li, div#content ul li, div#content ol li {
    line-height:            1.6;
    font-size:              1.1em;
    margin-left:            60px;
	}
div#content-page img.alignleft { padding:5px 10px 5px 0; }
div#content-page img.alignright { padding:5px 0 5px 10px; }

/* leftmenu */
div#left {
    float:                  left;
    width:                  180px;
    padding-left:           5px;
    padding-bottom:         1px;
    margin-left:            69px;
    display: 		    inline;
    background-color:       #282624;
    }

div#left ul {
     padding: 0px;
}
 
div#left ul li {
	list-style-type:        square;
        color:                  #ff0000;
	padding: 		5px 0 0;
        margin-left:            15px;
	font:                   1em arial, verdana, sans-serif;
        font-weight:            bolder;
	}
div#left ul li ul li {
        color: #ff9000;
}		
div#left ul li a {
    color:                  #706e6e;
    text-decoration:        none;
        }
		
div#left ul li a:hover { 
    color:                  #ff9000;
    font-weight:            bolder;
        }
.navigation { padding-bottom: 20px; color:#989898; }
.navigation a { color:#989898; }
.alignleft { float: left; padding-right:10px; }
.alignright { float: right; padding-left:10px; }
.aligncenter { text-align: center; width: 100% !important; }
p.wp-caption-text { 
	font-size:1.1em !important;
	padding:0 !important;
	text-align:center; 
	font-style:italic;
	}
a { color: #000; text-decoration: none; }
a:hover { color: #ff9000; text-decoration: underline; }
h3 { text-transform: uppercase; }
div#mapa { 
	width: 510px; 
	height: 290px; 
	float: right;
	margin-right: 16px;
	}
.opis-menu {
        display:                none;
        font-size:              1.1em;
        line-height:            1.7;
        margin-left:            65px;
		min-height:				160px;
        }

.inwestycja-p {
        font-size:              1.1em;
        line-height:            2;
        margin-left:            30px;
        padding:                5px;
		cursor:					pointer;
}