/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline } /* http://www.w3schools.com/cssref/tryit.asp?filename=trycss_display_inline */


/* kolory
 * 
 * c92c2c - truskawkowy
 * cf6123 - pomorancz
 * f3c363 - zolty
 * f1e9bb - creamy cat
 * 5c483a - szary braz
 * 48230d - nowy braz
 * f3b163 - jasny pomorancz
 * 
 * */
 
 /* zaokraglone rogi
 border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
*/



/* Global properties ======================================================== */
body {
    background: #48230d 0 0;
    font-family: Arial;
    font-size: 100%;
    line-height: 1em;
    color: #000000;
    }
html{
    min-width: 980px;
    }  
html, body{
    min-height: 100%;
    }

    .container {
      margin: 0 auto;
      position: relative;
      font-size: 1.2em;
      width: 980px;
      min-height: 100%;
      height: auto;
      height: 100%;
  } 
  
  .container#wrap{
	border: solid #48230d 9px;
	background: #f1e9bb;
	overflow: hidden;
	/*margin-top: 145px;*/
  }
    /* Header */
    
    header{
        padding: 5px 0px 0px 40px;
        background: #f1e9bb;
        border-bottom: #cf6123 solid 15px;
        position:  fixed;
       /* margin: -145px 0 0 -10px;*/
		width: 100%;
		height: auto;
		z-index: 1;
    }
    
    .opera header{
        margin: 0;
    }
   
    header .logo{
        float: right;
        margin: 0px 0 0 0px;
        height: 64px;
    }
    
    .logo a:hover{
		background-color: #f1e9bb;
    }
    
    header .dane{
		float: right;
		font-size: 0.85em;
		line-height: 1.3em;
		text-align: center;
		vertical-align: middle;
		margin: 8px 20px 0 20px;
		color: #48230d;
    }
    
    #rejestracja{
		margin: 9px 0 0 10px;
		float: left;
    }
    
    header .button {
  		background-color: #c92c2c;
  		border: 4px solid #5c483a;
  		color: #f1e9bb;
  		padding: 10px 22px;
  		text-align: center;
  		text-decoration: none;
  		display: inline-block;
  		font-size: 16px;
		float: left;
		font-weight: bold;
		margin: 10px 60px 0 70px;
	}
    
    .container#header, .container#header_arti{
        min-height: 0px;
        min-width: 976px;
        margin: 0 auto;
        padding-bottom: 0;
        border: none;
    }
    
    .container#header_arti{
        min-height: 84px;
    }
   
    /* Content */  
    
    /* general */
    
    #fl_left{
		float: left;
		/*position: relative;*/
    }

    #fl_left iframe{
		position: absolute;
		height: 720px;
		width: 96%;
    }
    
    h2{
		font-size: 2em;
		color: #48230d;
		margin: 15px 15px 25px 15px;
    }
    
    h3{
		font-size: 1.2em;
		margin: 7px;
		color: #48230d;
    }
    
    a{
		color: #d15007;
    }
    
    a:hover{
		color: #f1e9bb;
		background-color: #d15007;
		text-decoration: none;
    }
    
    a:hover img{
		
    }
    
    .italic{
		font-style: italic;
    }
    
    .bold{
		font-weight: bold;
    }
    
    p{
		text-indent: 20px;
    }
    
    .opis{
		text-indent: 0px;
		font-size: 0.8em;
		margin: 0 0 0 20px;
    }
    
    .plain_text{
		margin: 25px;
		line-height: 1.5em;
    }
    
  /*  a.hov:hover + .invisible, .invisible:hover{
		display: block;
    }*/									/* jakby ktoś  chciał coś chowanego*/
    
    .aktual, .lekarz{
		margin-top: 15px;
		background: #f1e9bb;
		overflow: hidden;
    }
    
    .aktual h1, .lekarz h1, .aktual .data{
		font-size: 1.3em;
		display: block;
		background: #5c483a;
		color: #f1e9bb;
		width: 79%;
		line-height: 1.5em;
		text-indent: 8px;
		border-bottom: solid #cf6123 10px;
		border-top: solid #48230d 5px;
		float: left;
		height: 25px;
    }
    
    .lekarz h1{
		width: 100%;
    }
    
    .lekarz img{
		position: relative;
		float: right;
		margin: -10px 0px 10px 0;;
    }
    
    .lekarz .info{
		position: relative;
		float: left;
		width: 447px;
		padding: 3px;
    }
    
    .lekarz h1{
    	margin: 0px 0 10px 0;
    }
    
    .aktual .data{
		position: relative;
		float: left;
		width: 21%;
		font-size: 0.8em;
		line-height: 2.4em;
		font-weight: bold;
		margin: 0 0 4px 0;
    }
    
    .aktual p, .lekarz p{
		padding: 0px 5px 0px 5px;
    }
    
    .lekarz p{
		
    }
    
    #cennik, #godziny{
		width: 96%;
		background: #f3b163;
		margin-left: 12px;
		margin-top: 20px;
		border-top: solid #48230d 5px;
		border-bottom: solid #f3b163 3px;
		line-height: 1.8em;
    }
    
    #cennik .usluga{
		width: 56%;
    }
    
    #cennik .cena{
		width: 22%;
    }
    
    #cennik tr:nth-child(even), #godziny tr:nth-child(even){
		background: #f1e9bb;
    }
    
    #cennik tr:nth-child(odd), #godziny tr:nth-child(odd){
		background: #f3b163;
    }
    
    .male{
		font-size: 0.8em;
    }
    
    #godziny{
		width: 957px; /* 100%*/
		margin-left: 0;
		line-height: 1.3em;
    }
    
    #godziny td, #godziny th{
		width: 14.28%; /*15%*/
		padding: 5px 2px 5px 2px;
    }
    
    #galeria{
		width: 100%;
    }
    
    #galeria td{
		padding: 15px;
    }
    
    .mini_photo{
		border: solid 8px #5c483a;/*#f3b163 jasny pomarancz, #5c483a szary braz */
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
    }
    
    .mini_photo:hover{
		border-color: #f3b163;
    }
    
    tr{
		width: 100%;
		
    }
     
     td{
		text-align: center;
		vertical-align: middle;
     }
     
     th{
		color: #f1e9bb;
		background: #5c483a;
		border-bottom: solid #cf6123 10px;
		vertical-align: middle;
     }
     
     .lewo{
		border-bottom: solid #f3b163 3px;
     }
    
    /* menu top */
    
    .menu_top{
		min-width: 980px;
		overflow: hidden;
		font-size: 1.16em;
		background: #5c483a;
		border-bottom: solid #48230d 4px;
		border-top: solid #48230d 4px;		/*nieruchome menu*/
		position: fixed;
		z-index: 1;
		margin: -9px 0 0 0px;/*koniec nieruchomego menu*/ 
    }
     
    .menu_top ul{
		position: relative;
		float: left;
		width: 100%;
    }
    
    .menu_top ul li{
		position: relative;
		float: left;
		display: inline-block;
		min-width: /*13.5%;*/14.25%;
		text-align: center;
		width: 14.25%;
    }
    
    
    #menu_top_first{
		width: /*19%;*/14.5%;
    }
    
    .menu_top ul li a{
		text-decoration: none;
		font-variant: small-caps;
		font-weight: bold;
		color: #f1e9bb;
		display: block;
		min-height: 32px;
		line-height: 0.8em;
		padding: 13px 0 0px 0;
    }
    
    #nasi, #godz{
		padding: 4px 0px 7px 0px;
		white-space: pre-line;
    }
    
    .menu_top ul li a:hover, #znacznik{
		background: #cf6123;
    }
    
    
    /* Main Content */
    #mainContent{
        float: /*left;*/right;					/*nieruchome menu*/
        width: 720px;
        min-height: 446px;
        position: relative;
        padding: 10px;
        font-size: 0.7em;
        background: #f1e9bb;
        margin: /*0*/43px 0px 0 -7px;		/*nieruchome menu*/
    }
    
    #mainContent ul{
		list-style-type: square;
		margin: 0 0 0 40px;
    }
    
    #mainContent ul#podlista{
		list-style-type: circle;
    }
    
    #mainContent .dane{
		position: relative;
		float: left;
		margin: 5px 20px 15px 60px;
    }
    
    #map_canvas {
        width: 600px;
        height: 290px;
        margin: 0px 0 20px 56px;
        float: left;
    }
    
    .jasne {
		background: #f1e9bb;
    }
    
    #main_godziny, #textGodziny{			/* nieruchome menu*/
		margin-left: -239px;
    }
    
    
    /* Sidebar */    
    aside{
        float: left;
        width: 240px;
        min-height: 446px;
        height: inherit;
        position: relative;
        margin: 43px -7px 0 0;		/*nieruchome menu
        /*position: fixed;
        z-index: 1;*/
    }
    
    .nav-box{
		position: relative;
		float: left;
        font-size: 0.7em;
        margin: 0;
        width: 240px;
    }
    
    .nav-box#cennik-img{
		background: url('../images/listwa.jpg') repeat left top;
		height: 1410px;
		width: 237px;
    }
    
     .nav-box#uslugi-img{
		background: url('../images/listwa.jpg') repeat left top;
		height: 390px;
		width: 237px;
    }
    
    .nav-box#lekarz-img{
		background: url('../images/listwa.jpg') repeat left top;
		height: 200px;
		width: 237px;
    }
    
    .nav-box#kontakt-img{
		background: url('../images/listwa.jpg') repeat left top;
		height: 680px;
		width: 237px;
    }
    
    .nav-box#galeria-img{
		background: url('../images/listwa.jpg') repeat left top;
		height: 900px;
		width: 237px;
    }
    
    .nav-box#aktualnosci-img{
		background: url('../images/listwa.jpg') repeat left top;
		height: 900px;
		width: 237px;
    }
    
    .nav-box ul{
		position: relative;
		float: left;
        padding: 9px 0 4px 0;
        margin-left: 0px;
        background: #48230d;
        border-right: solid #48230d 9px;
        border-bottom: solid #48230d 9px;
        width: 95%;
    }
    
    .nav-box ul li{
		position: relative;
        margin-bottom: 0px;
        margin-top: 0px;
        min-height: 0.5em;
        display: block;
        border: solid 1px #48230d;
    }
    
    .nav-box ul li a{
		display: block;
		vertical-align: middle;
		line-height: 1.3em;
		min-height: 30px;
        text-decoration: none;
        color: #f1e9bb;
        padding: 10px 6px 0 6px;
        background: #cf6123;
    }
    
    .nav-box ul li a:hover{
        font-style: normal;
        background: #f3b163;
        color: #48230d;
    }
    

/*===== footer =====*/

.footer{
    height: 60px;
    float: left;
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding: 0 0 4px 0;
    color: #cf6123;
    font-size: 0.8em;
}

/*
*
*
* * * * For Mobile
*
*
*/

@media only screen and (max-width: 900px) {
	
	
	
	html, body{
    min-width: 200px;
    width: 100%;
    }  

   .container {
      width: 98%;
  }
  
  	.container#wrap{
		border: solid #48230d 0px;
  }
	
	    /* Header */
    
    header{
        padding: 8px 0px 5px 0px;
        position:  fixed;
        border-bottom: #cf6123 solid 10px;
		width: 100%;
		height: auto;
		z-index: 1;
    }
   
    header .logo{
    	display: none;
        float: left;
        margin: 0px 0 0 0px;
        height: 64px;
        width: 50%;
    }
    
    header .dane{
    	display: none;
		float: left;
		font-size: 0.8em;
		line-height: 1.2em;
		width: 50%;
    }
    
    #rejestracja{
    	display: inline-block;
		margin: 0px 0 0 0px;
    }
    
    header .button{
    	padding: 6px 4px;
    	float: right;
    	margin: -40px 0 0 0;
		font-size: 0.8em;
		line-height: 1.2em;
    	width: 50%;
    	display: inline-block;
    }
    
    .container#header, .container#header_arti{
			min-width: 200px;
			margin: 0;
			padding: 0;
    }
    
    /* menu top */
    
	#menuGaleria{
		display: none;
		width: 0;
	}
    
    .menu_top{
		min-width: 200px;
		margin-bottom: 20px;
		font-size: 1.1em;
		position: relative;
		z-index: auto;
    }
     
    .menu_top ul{
		position: relative;
		float: left;
		width: 100%;
		padding: 4px 0 0 0;
    }
    
    .menu_top ul li{
		position: relative;
		float: left;
		display: inline-block;
		min-width: 50%;
		text-align: center;
		height: 25px;
		padding: 0px 0 0 0;
    } 
    
    .menu_top ul li a{
		min-height: 100%;
		line-height: 1.2em;
		padding: 0px 0 0px 0;
		margin: 0px 0 0 0;
    }
    
    #nasi, #godz{
    	padding: 0px 0 0px 0;
    	margin: 0px 0 0 0;
		white-space: normal;
    }
    
    /* Sidebar */    
    aside{
        width: 100%;
        min-height: 0px;
        height: auto;
        margin: 0px 0px 0 0;
    }
    
    .nav-box{
        width: 100%;   
    }
    
    .nav-box#cennik-img, .nav-box#uslugi-img, .nav-box#lekarz-img, .nav-box#kontakt-img, .nav-box#galeria-img, .nav-box#aktualnosci-img{
		display: none;
    }
    
    .nav-box ul{
        border-right: solid #48230d 0px;
        border-bottom: solid #48230d 0px;
        padding: 0 0 4px 0;
        width: 100%;
    }
    
    .nav-box ul li{
        height: 22px;
        border: solid 1px #48230d;
    }
    
    .nav-box ul li a{
			line-height: 1.6em;
			min-height: 22px;
        	padding: 0px 0px 0 6px;
    }
    
    /* Main Content */
    #mainContent{
        width: 100%;
        min-height: 200px;
        padding: 0;
        font-size: 0.65em;
        margin: 0px 0 0 0;
    }
    
    #mainContent ul{
		margin: 0 0 0 30px;
    }
    
    #mainContent .dane{
		margin: 4px;
    }
    
	#mainContent .dane p{
		padding-bottom: 4px;
	}
    
    #map_canvas {
        width: 95%;
        margin: 0 2.5% 10px 2.5%;
    }
    
    /* specific site content */
    .aktual, .lekarz{
		margin-top: 3px;
		margin-bottom: 5px;
    }
    
    .aktual h1, .aktual .data{
		line-height: 1.3em;
		text-indent: 0px;
		border-top: solid #48230d 0px;
		border-bottom: solid #cf6123 0px;
		background: none;
		color: none;
		height: auto;
		padding: 0;
		margin: 0 5px 0 5px;
    }
    
    .aktual .aktualHeader{
    	height: auto;
		font-size: 11px;
    	min-height: 22px;
    	width: 100%;
    	position: relative;
    	float: left;
		background: #5c483a;
		color: #f1e9bb;
		border-bottom: solid #cf6123 10px;
		border-top: solid #48230d 3px;; 
    }
    
    .aktual h1{
		width: 76%;    
    }
    
    .aktual .data{
    	position: absolute;
    	bottom: 50%;
    	transform: translate(0, 50%);
    	right: 0;
    }
    
    .lekarz img{
    	display: block;
		float: none;
		margin: auto;
    }
    
    .lekarz .info{
    	width: 99%;
    }
    
    .lekarz h1{
    	margin: auto;
    	font-size: 1.22em;
    	line-height: 1.7em;
    	height: auto;
    }
    
    #main_godziny {
		margin-left: 0;
		overflow-x: auto;
    }
    
    #cennik, #godziny{
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		min-width: auto;
		width: auto;
    }
    
    #godziny td, #godziny th{
		width: 14%;
		min-width: 75px;
		padding: 2px 2px 2px 2px;
    }
    
    
	.textInMainContent, .plain_text, #textGodziny{
    	
		padding: 7px;
    	
		margin: 0;
    
	}
  
	#fl_left{
		padding: 7px;
    	
		margin: 0;
		height: 720px;
	} 
	#fl_left iframe{
		position: absolute;
		height: 680px;
		min-height: 650px;
		width: 96%;
		margin-bottom: 7px
    	} 
    
	.textUslugi{
    	margin-bottom: 3px;
    }
    
    .textUslugi h2{
		line-height: 1.0em;  
  	}
    
}


@media only screen and (max-width: 900px) and (min-width: 520px) {

	 .lekarz img{
    	
		display: block;
		float: right;
		
		margin: auto;
		
		margin-left: 4px;
    		}
    
   
	.lekarz .info{
		position: relative;
		float: none;
		min-width: auto;
		
		width: auto;
		padding: 3px;
    		}
    
    
	.lekarz .textlekarz{
		
		position: relative;
		float: left;
		min-width: auto;
		
		width: auto;   
    }

	}