/**
 * Stylesheet for Sebranka sites
 * 
 * @author Jan Vlcek; vlki@seznam.cz
 */

/* BODY */

  body {
    
    position:           relative;
    
  	font-family:				Tahoma, Verdana;
  	font-size:				  14px;
  	color:					    #000000;
  
  	padding:				    40px 0 0 0;
  	margin:					    0;
  
  	background:         #464646 url('../images/bg_body.gif') 0 0 repeat;
  
  }

	* html body {

		text-align:				center;

	}

/* LINK STYLE */

	a {

		color:				        #BA6C21;
		text-decoration:			underline;
		
		font-weight:          bold;

	}

	a:hover {

		text-decoration:      none;

	}
	
	a:visited {
    
    font-weight:          normal;
    
  }
  	

/* HEADLINES */

  h1 {
    
    margin:       0px;
    padding:      0px;
    
    font-size:    26px;
    font-weight:  bold;
    
    color:        #000000; /* #BA6C21*/
    
  }

  h2 {
    
    margin:       0px;
    padding:      10px 0px 15px;
    
    font-size:    22px;
    font-weight:  bold;
    
    color:        #000000;
    
  }

  h3 {
    
    margin:       0px;
    padding:      10px 0px 15px;
    
    font-size:    18px;
    font-weight:  bold;
    
    color:        #000000;
    
  }



/* PARAGRAPH */

  p {
    
    text-indent:  15px;
    line-height:  150%;
    
    text-align:   left;
  
  }


/* LISTS */

  ul, ol {
    
    padding:  5px 0px 5px 40px;
    margin:   0px;
  
  }
  
  ul li ul, ul li ol, ol li ol, ol li ul {
    padding:  0px 0px 0px 20px;
  }
  
  ul li, ol li {
    
    padding:  0px;
    margin:   0px;
    
    line-height:  150%;
  
  }


/* IMAGES */

  img {
    
    border:   5px solid #BA6C21;
    margin:   20px;
  
  }
  
  img.left {
    
    float:    left;
    
  }

  img.right {
    
    float:    right;
    
  }
  

/* LINES */

  hr {
    
    clear:  both;
    
    padding:  0px;
    margin:   0px;
  
  }
  
  
/* CLASSES */

  .center {
    
    text-align:   center;
  
  }


/* LAYOUT */ 

	div#main {
    
    width:            727px;
    margin:           0 auto;
    
    text-align:       left;
    
  }
  
  div#head {
    
    height:           217px;
    
    background:       url('../images/bg_head.png') top left no-repeat;

  }
  
  div#head a {
  
    position:   relative;
    float:      left;

    display:    block;

    padding:    0px;
    margin:     0px;
  
  }

  div#head a span {
  
    display:    none;
  
  }
  
  div#head a#logotype {
    
    top:      18px;
    left:     18px;
    
    width:    191px;
    height:   173px;
  
  }
  
  div#head a#link1, div#head a#link2, div#head a#link3, 
    div#head a#link4, div#head a#link5 {
 
    top:      158px;
    height:   32px;
    
    background: url() 0px 8px no-repeat;
    
  }

  div#head a#link1 {
    
    left:     30px;
    width:    111px;
    
    background-image: url('../images/menu_link1.png');
    background-position: 10px 8px;
  
  }
  
  * html div#head a#link1 {
    
    background-image: url('../images/menu_link1.gif');
    
  }    

  div#head a#link2 {
    
    left:     30px;
    width:    79px;
    
    background-image: url('../images/menu_link2.png');
  
  }

  * html div#head a#link2 {
    
    background-image: url('../images/menu_link2.gif');
    
  } 

  div#head a#link3 {
    
    left:     30px;
    width:    114px;
    
    background-image: url('../images/menu_link3.png');
  
  }

  * html div#head a#link3 {
    
    background-image: url('../images/menu_link3.gif');
    
  } 

  div#head a#link4 {
    
    left:     30px;
    width:    67px;
    
    background-image: url('../images/menu_link4.png');
  
  }

  * html div#head a#link4 {
    
    background-image: url('../images/menu_link4.gif');
    
  } 

  div#head a#link5 {
    
    left:     30px;
    width:    113px;
    
    background-image: url('../images/menu_link5.png');
  
  }

  * html div#head a#link5 {
    
    background-image: url('../images/menu_link5.gif');
    
  } 
  
  div#head a#link1:hover {
  
    background-position:  10px -27px;
  
  }
  
  div#head a#link2:hover, div#head a#link3:hover, 
    div#head a#link4:hover, div#head a#link5:hover {
    
    background-position:  0px -27px;
    
  }

  div#content {
    
    width:            667px;
    min-height:       300px;
    
    background:       url('../images/bg_content.gif') 0px 0px repeat-y;
    
    margin:           -1px 0px 0px 0px;
    padding:          10px 25px 10px 35px;
  
  }
  
  /* IE6 min-height bug */
  * html div#content {
    
    height:           300px;
  
  }
 
  div#foot {
    
    width:            727px;
    height:           50px;
    
    background:       url('../images/bg_foot.gif') top left no-repeat;
  
  }
  
  div#foot p {
    
    padding:          15px 0px 0px 20px;
    margin:           0px;
    
    color:            #6C3F13;
    
    font-size:        9px;
    text-indent:      0px;
    
  }
  
  div.signature {
    
    text-align:       right;
    
    margin:           0px 30px 0px 0px;
    font-style:       italic;
  
  }
  
  dl {
  
    margin:           0px 0px 0px 20px;
    padding:          0px;
    
    line-height:      150%;
  
  }
  
  dl dt {
    
    margin:           5px 0px 0px 0px;
    
    font-weight:      bold;
    
  }
  
  a.mail {
    
    font-weight:      normal;
  
  }


  /* FLASH MESSAGES */
  
.flash, .info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 5px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px;
	opacity: 0.9;
	border: none !important;

}
.info {
    color: #00529B;
    background-color: #C6DBFF;
    background-image: url('../images/icons/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/icons/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/icons/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/icons/error.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../images/icons/warning.png');
}