/* 
    Document   : style
    Created on : 2010-04-25, 09:27:35
    Author     : jarkona
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html,body{margin:0;padding:0}
body{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font: 66%;
    text-align:center
}

p{margin:0 10px 10px}

/* a{display:block;color: #981793;padding:10px}
*/

a:link {font-size:9px;font-weight:bold;color:#FF0000;	text-decoration: none;}
a:visited { font-size:9px;font-weight:bold;color:#FF0000; 	text-decoration: none;}
a:hover { font-size:9px;font-weight:bold;color:#006699; 	text-decoration: none;}
a:active { font-size:9px;font-weight:bold;color:#FF0000; 	text-decoration: none;}

a.head:link {	font-size:9px;	font-weight:bold;	color:#CC6600;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;}
a.head:visited { 	font-size:9px;	font-weight:bold;	color:#CC6600;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;}
a.head:hover { 	font-size:9px;	font-weight:bold;	color:#993300;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;}
a.head:active {	font-size:9px;	font-weight:bold;	color:#CC6600;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;}

#container{
    text-align:left;
    width:727px;
    margin:0 auto;
    background-color: #f4f4f4;

}


#wrapper{
    margin-top: -4px;
    height: 100px;
    background-image: url(../images/main/tlo_main_top.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

#content{
    float:left;
    width:500px;
}

#content p{
    line-height:1.4
}


div#header h1{
    height:80px;
    line-height:80px;
    margin:0;
    padding-left:10px;
    background: #EEE;
    color: #79B30B
}
#navigation{
    float:right;
    width:205px;
    margin-top: -100px;
}
#extra{
    background:#FF8539;
    float:left;
    width:500px;
}

#header{
    margin-left: -16px;
        z-index: 9006;
}

#footer{
    color: #FFF;
    clear:both;
    width:100%;
}

#footer p{
    margin:0;
    padding:5px 10px
}


#hobrazek {
    margin-left: -68px;
    z-index: 1;
    /* center -84
    */
}

#menuright {
    float:right;
    margin: 0 auto;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    background-color: transparent;
    width: 220px;
}

#logomini {
    float:left;
    clear: left;
    width: 150px;
    padding-top: 4px;
}

#onas {
    float:left;
    clear: left;
    width: 460px;
    padding-left: 18px;
    background-image: url(../images/main/tlo_main_top.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;


}

#onasdesc {
    float:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#333333;
    font-weight: normal;
    width: 300px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#wyjazdy {
   float:left;
    clear: left;
    width: 460px;
    padding-left: 18px;
   font-size:10px;
}

#nauka_lista {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 480px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-width: 1px;
    border-color: #dfe #365 #365 #dfe;
}

#firmy {
    border-style: solid;
    width: 180px;
    height: 300px;
    border-width: 1px;
    background-color: #ffffff;
    padding: 10px;
    margin: 0 auto;
}





#news {
    float: left;
    width: 300px;

}


.nauka_list {
    padding-bottom: 15px;
}

.personfoto {
    float:left;
    clear: left;
    width: 150px;
    margin-left: 16px;
}

.persondesc {
    float:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#333333;
    font-weight: normal;
    width: 280px;
}

.row{
    height: 105px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.leftdiv {
    float: left;
    width: 350px;
}

.newstop {
    background-image: url(../images/news/news_top.jpg);
    background-repeat: no-repeat;
    background-position: top;

    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    width: 320px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
    text-align: center;
}
.newsmid {
    background-image: url(../images/news/news_tlo.jpg);
    background-repeat: repeat-y;
    background-position: left;
    padding-right: 10px;
    padding-left: 10px;
    margin: -9px;
}

.newsfoot {
    background-image: url(../images/news/news_dol.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-position: top;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    width: 338px;
    height: 24px;
    margin-left: 1px;
}

.tab_main {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#333333;
    font-weight: normal;

}

.wyroznienie {
    color: #FF0000;
}

.dobule {

}



.clear {
    clear: both;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 1px;
    padding-left: 10px;
    width:350px;
    background: #777 url(../images/nauka_nurkowania/left-tab.jpg) left top no-repeat;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight: bold;
    color:#ffffff;
}

.rightpan {
    float: left;
    background: url(../images/nauka_nurkowania/right-tab.jpg) right top no-repeat;

}

div.rounded {
    clear: both;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-left: 10px;
    width:450px;
    font-size:11px;
    font-weight: bold;
    color:#ffffff;
    background: url(../images/nauka_nurkowania/left-tab.jpg) no-repeat top left;
    background-color: #777;
}

div.rounded div {
    padding-top: 1px;
    padding-bottom: 2px;
 background: url(../images/nauka_nurkowania/right-tab.jpg) no-repeat right;
}

.rounded a:link    {
  /* Applies to all unvisited links */
  text-decoration:  none;
  font-weight:      bold;
  background-color: #ddd;
  color:            yellow;
}

.tabmainsmall2 {


	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
	font-weight: normal;
}

.righttext {
    float: right;
}

.noborderimg{
    border-style: none;

}


#layer1 {
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 300px;
	left: 20px;
	top: 300px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 10px;
}

#close {
	float: right;
}

#blanket {
                background-color:#111;
                opacity: 0.45;
                position:absolute;
                z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
                top:0px;
                left:0px;
                width:100%;
                height: 100%;
            }
            #popUpDiv {
                background-color:#eeeeee;
                width:300px;
                height:300px;
                z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
            }