@charset "utf-8";

body{	
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  /*font-family:Verdana, Sans;	*/
  font-size:12px;
  background-image:url("./bg.jpg");
  background-repeat:repeat;
  background-attachment:fixed;
  -o-background-size:100% 100%;
  -webkit-background-size:100% 100%;
  -khtml-background-size:100% 100%;
  -moz-background-size:100% 100%;
  background-size:100% 100%;
}
/* colors */

h1,h2, h3{
  color:#45f;
}

a{
  color:#46c;
}

a:visited{
  color:#777;
}


a:hover{
  color:#34f;
}

.mail_textBox, .mail_textarea, .mail_button, th
{
  color:#000000;
}

#menu, #menu a
{
  color: #FFFFFF;
}

#footer, #footer a
{
  color: #000;  
}

#menu a:hover, #header
{
  color: #bcf;
}


/* background-colors */

th
{
  /*background-color:#ccf;*/
}

.mail_textBox, .mail_textarea, .mail_button, #main
{
  background-color:#FFFFFF;
}

table.gallery{  
  background-color:#EEEEFD;
}

.gallery_caption,.gallery_caption_album
{
  background-color:#ddd;
}

#location, table
{
  background-color:#eee;  
}

#text
{
  background-color:transparent;
}

#footer, #location
{
  background-color:rgba(207,207,207,0.5);
}

/* border-colors */
.mail_textBox, .mail_textarea, .mail_button
{
  border-color:#006;
}

table, th
{  
  border-color:#adadad;
}
/*
td.gallery
{        
  border-color:#ccf;
}*/
/*
tr.gallery{ 
  border-color:#888;
}
*/
img.gallery{    
  border-color:#FFF;  
}

.gallery_caption,.gallery_caption_album, .pager_button
{  
  border-color:#999;    
}

#footer, #location
{  
  border-color:#999;
}

/* end colors */


a:hover
{
  text-decoration:underline;
}

img{
  border:none;
}

table{
  border-style:solid;
  border-width:1px;
  border-radius:4px;
  /*background-image: url('pattern.png'), linear-gradient(top, #efefef, #dddddd);
  background-image: url('pattern.png'), -webkit-linear-gradient(top, #efefef, #dddddd);
  background-image: url('pattern.png'), -moz-linear-gradient(top, #efefef, #dddddd);
  background-image: url('pattern.png'), -o-linear-gradient(top, #efefef, #dddddd);
  background-image: url('pattern.png'), -ms-linear-gradient(top, #efefef, #dddddd);*/
  background-image: linear-gradient(top, #efefef, #dddddd);
  background-image: -webkit-linear-gradient(top, #efefef, #dddddd);
  background-image: -moz-linear-gradient(top, #efefef, #dddddd);
  background-image: -o-linear-gradient(top, #efefef, #dddddd);
  background-image: -ms-linear-gradient(top, #efefef, #dddddd);
}

th{	
  border-style:solid;
  border-width:0;
  border-bottom-width:1px;  
  text-align:left;	
}

.mail_textBox, .mail_textarea, .mail_button{
  border-width:thin;	
}


#main{
  -webkit-box-shadow: 0 0 16px 5px #000;
  -moz-box-shadow: 0 0 16px 5px #000;
  -khtml-box-shadow: 0 0 16px 5px #000;
  -o-box-shadow: 0 0 16px 5px #000;
  box-shadow: 0 0 16px 5px #000;  
  background-color:rgba(255,255,255,0.9);
}

#header{
  font-size:16px;
  background-color:transparent;
  background-image:url("./header.png");	
  background-repeat:repeat-x;
  vertical-align:middle;
  position:absolute;
}

#header_title{
  text-align:left;
  color:inherit;
}

#header_cas{
  text-align:center;
}

#banner {
  background-image: url("./MioBanner.png");	
}

#menu {
  background-image: url("./menu.png");
  background-repeat: repeat-x;	
  vertical-align:middle;	
}
#menu a {
  background: url("./spacer.png") no-repeat;		
  padding: 12px 5px 12px 11px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:  12px;	
  position:relative;
  top:26px;
}

#menu a:hover {	
  text-decoration:underline;
}

#menu a.first {
  background: none;
}

#menu img{
  position:relative;
  top:4px;
  right:4px;	
}

#text{  
  text-align:justify;  	  
  font-size:1.2em;
}

#footer{
  overflow:hidden;  
  font-size:12px;
  font-style:normal;    
  padding-top:4px;	
  border-top-style:solid; 
  border-top-width:1px;
}

#f_icons{
  text-align:right;
  text-decoration:none;	
  float:right;	
  background-color:transparent;
  width:295px;
  height:21px;
  padding-right:5px;
  padding-bottom:3px;
}

a#f_icons{
  text-decoration:none;
}

#copyright{
  text-align:left;
  float:left;
  background-color:transparent;
  width:220px;
  height:24px;
  padding-left:5px;
  
}

#aktualizacia{
  text-align:right;
  float:left;
  background-color:transparent;
  width:200px;
  height:24px;
}
#searchbutton{
  background-image:url("./search.png");
  background-repeat:no-repeat;
}

#autogram{
  text-align:right;
}
#mio_loading{
  position:absolute;
}
p.podpis{
  text-align:right;
  font-style:italic;
}

td.gallery{
  width:256px;
  border-style:none;
  /*border-width:1px;  */
  padding:0 8px;	
}

td.gallery a
{
  text-decoration:none;
}

tr.gallery{
  height:256px;
  border-style:none;
  /*border-width:1px;*/
}


table.gallery{
  width:774px;
  text-align:center;
  height:auto;
  margin:auto;
}

img.gallery{	
  border-width:2px;
  border-style:solid;
  box-shadow:2px 2px 5px #888;
  -webkit-box-shadow:2px 2px 5px #888;
  -moz-box-shadow:2px 2px 5px #888;
}

.gallery_caption,.gallery_caption_album
{
  text-align:center;
  width:100%;
  font-weight:bold;
  border-style:solid;
  border-width:1px;
  border-radius:3px;
}

.gallery_caption_album
{
  text-transform:uppercase;
  text-decoration:underline;
}

#location
{  
  border-bottom-style:solid; 
  border-bottom-width:1px;
  box-shadow:inset 0px 5px 5px -2px #555;
}


.pager
{
  /*border-width:1px;
  border-style:solid;
  border-radius:3px;
  padding:0px;
  line-height:32px;
  margin:2px;
  background-image: linear-gradient(top, #efefef, #dddddd);
  background-image: -webkit-linear-gradient(top, #efefef, #dddddd);  */
  float:right;
  margin-right:12px;  
}

.pager_button
{
  height:32px;  
  display:block;
  float:left;
  border-width:1px;
  border-style:solid; 
  padding:0 4px;
  line-height:32px;
  margin:3px 0 3px -1px;
  background-image: linear-gradient(top, #efefef, #dddddd);
  background-image: -webkit-linear-gradient(top, #efefef, #dddddd);
  background-image: -moz-linear-gradient(top, #efefef, #dddddd);
  background-image: -o-linear-gradient(top, #efefef, #dddddd);
  background-image: -ms-linear-gradient(top, #efefef, #dddddd);
}

.top_pager
{
  margin-top:35px;
}

.pager_button img
{
  opacity:0.7;
}

.pager_button img:hover
{
  opacity:1;
}

.gallery_head
{
  float:left;
}