/* 
    Document   : main
    Created on : 2010-02-12, 12:13:06
    Author     : zajac
    Description:
        Purpose of the stylesheet follows.
*/

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

root { 
    display: block;
}

html{
  background-color:#ddd;
  height:100%;
}
body{
   font-family:Arial,Verdana, helvetica,sans-serif ;
   height:100%;
}



*{
  margin:0;
  padding:0;
}

p{
  padding:0.5em 0;
}

ul{
  margin-left:20px;
}

h1,h2,h3,h4,h5{
  padding:0.5em 0;
  line-height:1.2em;
}

img{
  border:none;
}

.main{
  padding:0 10px;
  min-height:100%;
  width:1000px;
  margin:auto;
/*  background-color: #000;*/
  background-image: url(../images/main_shadow.png);
  background-repeat: repeat-y;
}

.banner{
  height:380px;
  background-color: #003a57;
  background-image: url(../images/psychiatra_baner.png);
  background-repeat: no-repeat;
  background-position: 60px -20px;
  position: relative;
}

.banner .fotel{
  position: absolute;
  left:560px;
  top:50px;
  background-image: url(../images/psychiatra_fotel.png);
  background-repeat: no-repeat;
  background-position:top left;
  width:400px;
  height:310px;
}

.banner .text{
  color:#fff;
  position:absolute;
  top:135px;
  left:265px;
}

.banner .text .name{
  font-size:33px;
  font-weight:bold;
  padding-bottom:10px;
  text-shadow:1px 1px 6px #111;
}

.banner .text .specialisation{
  font-size:25px;
  padding-left:90px;
  text-shadow:1px 1px 6px #111;
}

.content{
   background-image: url(../images/cien.png);
  background-repeat: repeat-x;
  background-position:top left;
  min-height:150px;
  background-color: #fff;
  padding:5px 20px;
  color:#1b2122;
overflow: hidden;
line-height:1.4em;
}

.content a{
  color:#1b2122;
  text-decoration: underline;
}
.content a:hover{
  text-decoration: none;
}

.content .text{
  padding:10px;
  font-size:15px;
  overflow:hidden;
}

.content .text .left{
  float:left;
  width:500px;
  margin-right:10px;
}

.content .text .right{
  float:left;
  width:400px;
  margin-left:10px;
  margin-top:20px;
}

.navigation{
  float:right;
  overflow: hidden;
  color:#ad5000;
  font-size:16px;
  font-weight: bold;
  padding:5px;
}

.navigation a{
  color:#ad5000;
  text-decoration: none;
  overflow: hidden;
  min-width: 106px;
  
  display:block;
}

.navigation .button_center{
  text-align: center;
  min-width:106px;
  margin:0px 16px;
   background-image: url(../images/button-center-small.png);
  background-repeat: repeat-x;
  background-position:top left;
  line-height:30px;
  float:left;
  padding:0 5px;
}

.navigation .button_left{
  margin-left:-16px;
   background-image: url(../images/button-left-small.png);
  background-repeat: no-repeat;
  background-position:top left;
  line-height:30px;
  padding-left:15px;
}

.navigation .button_right{
  margin-right:-16px;
   background-image: url(../images/button-right-small.png);
  background-repeat: no-repeat;
  background-position:top right;
  line-height:30px;
  padding-right:15px;
  display: block;
}

.navigation .button_center.select{
  background-image: url(../images/button-center-small-s.png);
}

.navigation .select .button_left{
  background-image: url(../images/button-left-small-s.png);
}

.navigation .select .button_right{
  background-image: url(../images/button-right-small-s.png);
}


.footer_navigation{
  background-color: #808080;
  background-image: url(../images/psychiatra_szary_dol_z_cieniem.png);
  background-repeat: no-repeat;
  background-position:bottom left;
  height:113px;
  padding-top:20px;
  font-size:13px;
  padding-left:40px;
  line-height: 1.5em;
  
}

.footer_navigation a{
  color:#fff;
  text-decoration:none;
}

.footer_navigation a:hover{
  color:#fff;
  text-decoration:underline;
}

.footer{
  color:#fff;
  font-size:11px;
  text-align:center;
  padding:10px;
  text-shadow:0px 0px 1px #aaa;
}

.footer a{
  color:#fff;
  text-decoration: underline;
}

.footer a:hover{
   text-decoration: none;
}

.maps{
  padding:10px;
  float:left;
}

.address{
  float:left;
  padding:140px 10px 0 10px;
}

h1.title{
  padding-left:10px;
  font-size:30px;
  color:#1b2122;
  text-shadow: 1px 1px 1px #364244;
}

.start{
  background-color: #003a57;
  width:100%;
  height:100%;
  min-width:1100px;
  min-height:503px;
}

.start table{
  width:100%;
  height:100%;
}

.in_table{
  width:1100px;
  height:503px;
  background-image: url(../images/baner_strona_glowna.png);
  background-repeat: no-repeat;
  background-position:top center;
  margin:auto;
  position:relative;
}

.in_table .fotel{
  position: absolute;
  left:660px;
  top:150px;
  background-image: url(../images/psychiatra_fotel.png);
  background-repeat: no-repeat;
  background-position:top left;
  width:400px;
  height:310px;
}


.in_table .text{
  color:#fff;
  position:absolute;
  top:195px;
  left:240px;
}

.in_table .text .name{
  font-size:40px;
  font-weight:bold;
  padding-bottom:10px;
  text-shadow:1px 1px 6px #111;
}

.in_table .text .specialisation{
  font-size:28px;
  padding-left:150px;
  text-shadow:1px 1px 6px #111;
}

.in_table .button_center{
  text-align: center;
  min-width:150px;
  margin:0px 20px;
   background-image: url(../images/button-center.png);
  background-repeat: repeat-x;
  background-position:top left;
  line-height:54px;
  
  padding:0 5px;
  position:absolute;
  top:410px;
  left:740px;
}

.in_table .button_left{
  margin-left:-20px;
   background-image: url(../images/button-left.png);
  background-repeat: no-repeat;
  background-position:top left;
  line-height:54px;
  padding-left:15px;
}

.in_table .button_right{
  margin-right:-20px;
   background-image: url(../images/button-right.png);
  background-repeat: no-repeat;
  background-position:top right;
  line-height:54px;
  padding-right:15px;
}


.in_table .button_center.select{
  background-image: url(../images/button-center-s.png);
}

.in_table .select .button_left{
  background-image: url(../images/button-left-s.png);
}

.in_table .select .button_right{
  background-image: url(../images/button-right-s.png);
}

.in_table .button_center a{
  color:#ad5000;
  text-decoration: none;
  overflow: hidden;
  width: 100%;
  font-size:25px;
  font-weight: bold;
}

.in_table .text .data{
  font-size:15px;
  padding-left:150px;
  padding-top:10px;
}

.in_table .text .data a{
 color:#fff;
 text-decoration: underline;
}

.in_table .text .data a:hover{
 text-decoration: none;
}

.in_table .skype{
  position:absolute;
  top:430px;
  left:180px;
  height:auto;
  width:auto;
  color:#fff;
  text-shadow:1px 1px 6px #111;
}

.in_table .skype img{
 margin:0 10px;
 
}