/******************************************************************************
      project: SpolecneAktivity.cz
        autor: Laki <info@laki.cz>
        media: screen
  description: Default styles for web project
  
  Struktura nadpisu:
  h1 - nazev webu
  h2 - nadpis stranky
  h3 - nadpisy navigacnich bloku (pro non-css)
  h4 - nadpisy sekci
  h5 - nadpisy bloku
 ******************************************************************************/

/******************************************************************************
     O B E C N E
 ******************************************************************************/
body
{
  text-align:center;
  background-image: url("/Content/Images/sa-header-background.gif"); 
  background-repeat: repeat-x;
  /*background-color: #F0FFF0;*/
}
#page
{  
  background-image: url("/Content/Images/sa-header2.jpg"); 
  background-repeat: no-repeat;
  background-position: center 0px;
}
/* vycentrovana stranka */
#wrapper
{
  text-align:left; margin:0px auto; width: 950px; min-width: 950px; position: relative;
} 
/* ukonci obtekani */
.clear
{
  clear: both;
  height: 0px;
  overflow: hidden;
}
/* oblasti, ktere se nezobrazuji v css verzi */
.noDisplay  
{
  position: absolute;
  top: -10000px;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* vychozi nastaveni pisma */
body  
{
  font-size: 9pt;
  font-family: sans-serif;
  color: #171738;
}
/* vychozi nastaveni odkazu */
a, a:link, a:visited, a:active
{
  color: #686895;
  text-decoration: underline;
}
a:hover, a:focus
{
  color: #181818;
  text-decoration: underline;
}
/* vodorovny oddelovnik - pouziva se pro non-css cleneni */
hr
{
  display: none;
}
p
{
    line-height: 110%;
}

h3
{
    margin: 5px 0px;
    font-size: 100%;
    text-transform: uppercase;
    font-weight: normal;
}

/******************************************************************************
     Z A H L A V I 
 ******************************************************************************/
#header
{
  height: 170px;
  /*background-image: url("/Content/Images/sa-header2.jpg");
  background-repeat: no-repeat;
  background-position: -310px 0;
  
  background-color: #ebebeb;*/
  
  color: white;
}
#header h1  /* Nadpis webu - logo - nahrazeni obrazkem -> klikaci */
{
  position: absolute;
  width: 250px;
  height: 89px;
  top: 35px;
  
  /*background-image: url("/Content/Images/logo.png");*/
  background-repeat: no-repeat;
  background-position: 0 0;
}
#header h1 a
{
  width: 250px;
  height: 89px;
  display: inline-block;
}
#header h1 span
{
  display: none;
}
/* navigace */
#navigation_bar
{
  position: absolute;
  width: 950px;
  height: 30px;
  top: 138px;
  
  float: both;
  
  line-height: 30px;
  font-size: 110%;
  text-transform: uppercase; 
}
#events_links /* leva navigace */
{
  float: left;
  
  padding-left: 44px;
  position: relative;
  margin-top: 0px;
}
#events_links ul
{
  display: inline-block;
  margin-left: 4px;
}
#events_links span
{
  color: white;
  font-weight: bold;
  
  position: absolute;
  top: 0;
  left: 0;
}
#events_links ul
{
  background-color: #BBCCBB; 
  
/* V souvislosti s kulatymi rohy to nezvlada IE 8, pomocne prvky pro vykresleni se zobrazuji bez pruhlednosti -> vznikne nepruhledny prouzek   
  opacity: 0.7;    
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  filter: alpha(opacity=60);  */
  
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
}
#events_links ul li
{
  margin-left: 4px; /* odsazeni od sebe */
  margin-right: 4px;
}
#events_links ul li.first
{
  margin-left: 8px;
}
#events_links ul li.last
{
  margin-right: 8px;
}
#events_links ul li a, 
#events_links ul li a:visited, 
#events_links ul li a:active
{
  position: relative;
  color: #000000;  
  text-decoration: none;
}
#events_links ul li a:hover,
#events_links ul li a:focus
{
  color: #ffffff;
}

#navigation_bar ul li /* obe - horizontalni menu */
{
  display: inline;
}

#navigation_links ul li /* prava navigace */
{
  float: right;  
}

#navigation_links li
{
  display: inline;
  
  margin-left: 4px; /* odsazeni od sebe */
  
  line-height: 26px;
  height: 24px;
  
  background-color: #BBCCBB; 

/*  filter: alpha(opacity=60);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;  */  
  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
    
  padding-left: 8px;
  padding-right: 8px;
}

#navigation_links li a,
#navigation_links li a:active,
#navigation_links li a:visited
{
  /*color: #fff; */
  color: #000000;
  text-decoration: none;
  
  position: relative; /* udela text jako dalsi vrstvu */
}
#navigation_links li a:hover,
#navigation_links li a:focus,
#events_links li a:hover
#events_links li a:focus
{
  color: #ffffff;
}

/* uzivatelske funkce */
#user
{
  position: absolute;
  width: 250px;
  top: 10px;
  right: 0px;
}
#user .block
{
  position: relative;
  
  width: 230px;
  height: 10px;
  float: right;

  color: white;
}

#user .block a,
#user .block a:visited,
#user .block a:active
{
  color: black;
  text-decoration: none;
}
#user .block a:hover,
#user .block a:focus
{
  /*color: white;  */
  text-decoration: underline;
}
/* blok pro prihlaseni uzivatele */
#user .form-block
{
    background-color: #BBCCBB;
    width: 214px;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    padding: 8px;
    
    margin-bottom: 5px;
}

#user .block.login
{
  
}

#user .block.login h3
{
    margin: 0px;
}

/* prihlasovaci formular */
#user .block.login form
{
  margin-left: 4px;
  margin-top: 3px;
}
#user .block.login form input
{
  width: 85px;
  height: 18px;
  padding: 0;
  margin-top: 12px;
}
#user .block.login form label
{
  position: absolute;
  text-transform: uppercase;
  font-size: 85%;
  padding-left: 2px;
  color: White;
}

#user .block.login form button
{
  position: absolute;
  top: 35px;
  right: 10px;
  padding:0;
  width: 20px;
  height: 20px;
  /*margin-top: 12px;
  display: inline-block;*/
  
  background-color: #271B27;
  background-image: url("/Content/Images/bg_login_button.gif");
  background-repeat: no-repeat;
  
  border: 0;
}
#user .block.login a.forget
{
  display: inline-block;
  font-size: 80%;
  margin-top: 4px;
  margin-left: 4px;
  color: #CC8833 !important;
  font-size: 90%;
}
#user .block.login a.register
{
  display: inline-block;
  margin-top: 4px;
  margin-left: 4px;
  font-weight: bold;
  color: #F4CB1A !important;
  text-transform: uppercase;
  font-size: 100%;
}

/* ovladaci panel uzivatelskeho uctu */
#user .block.control
{
  background-color: #BBCCBB;
  
/*  filter: alpha(opacity=60);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;     */
  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  
  color: white;
  height: 120px;
}
#user .block.control h5
{
  margin-top: 10px;
  margin-bottom: 4px;
  margin-left: 4px;
  margin-right: 8px;
  text-align: right;
  float: right;
}
#user .block.control img
{
  float: right;
  margin-right: 8px;
  border: 2px solid white;
}
#user .block.control ul
{
  margin-left: 8px;
  width: 130px;
  text-transform: uppercase;
}
#user .block.control ul li
{
  line-height: 110%;
}

#user #user-info
{
    clear: right;
    float: right;
    width: 80px;
}

#user #user-menu
{
    margin-top:10px;
}

/******************************************************************************
     O B S A H   W E B U
 ******************************************************************************/
 
 
/* Navigace */

.bradcrumb-navigation-wrapper
{
    margin-bottom: 10px;
}

#bradcrumb-navigation
{
    padding: 7px 0px 7px 10px;
    background-color: #F2F2F2;
    color: #3D6425;
    font-size: 90%;
    font-variant: small-caps;
    letter-spacing: 1px;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
      
}

#bradcrumb-navigation a
{
    font-variant: normal;
    text-decoration:none;
}

/* Cloud */

div.cloud li
{
    display: inline;
    line-height: 130%;
}
div.cloud .size0 a { font-size: 8px; }
div.cloud .size1 a { font-size: 9px; }
div.cloud .size2 a { font-size: 10px; }
div.cloud .size3 a { font-size: 11px; }
div.cloud .size4 a { font-size: 12px; }
div.cloud .size5 a { font-size: 13px; }
div.cloud .size6 a { font-size: 14px; }
div.cloud .size7 a { font-size: 15px; }
div.cloud .size8 a { font-size: 16px; }
div.cloud .size9 a { font-size: 17px; }
div.cloud .size10 a { font-size: 18px; }

/* project colors */

.logoColor1
{
    color: #107BA7;
}

.logoColor2
{
    color: #eab939;
}
 
.logoColor3
{
    color: #3e7b42;
}

.logoColor4
{
    color: #8c644a;
}

.logoColorDating
{
    color: #E60523;
}
  
.box-link
{
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #C48077;
    padding: 4px 10px;
}

.box-link a
{
    color: #FFF;
    text-decoration: none;
} 

#pager
{
    margin-top: 10px;
    background-color: #dae3f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

#pager .total
{
    float: right;
}

#dynamic-pager
{
    margin-top: 15px;
    padding: 5px;
}

div.information-text
{
    margin: 5px 0xp;
    padding: 10px;
    
    background-color: #0F7AA6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    color: #FFF;
}

div.warning-text
{
    margin: 5px 0xp;
    padding: 10px;
    
    background-color: #F2BA0B;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    color: #8E6549;
}

div.error-text
{
    margin: 5px 0xp;
    padding: 10px;
    
    background-color: #8D4C26;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    color: #FFF;
}

div.error-text a
{
    color: #FFCC99;
}

/* sportovni akce */
#section1,
#section1 a
{
  color: #184856;
}
/* kulturni akce */
#section2,
#section2 a
{
  color: #735905;
}
/* spolecenske akce */
#section3,
#section3 a
{
  color: #1F3B2F;
}
/* turisticke akce */
#section4,
#section4 a
{
  color: #1F3B2F;
}
#section1 ul li
{
  list-style-image: url("/Content/Images/bullet_preview1.png");
}
#section2 ul li
{
  list-style-image: url("/Content/Images/bullet_preview2.png");
}
#section3 ul li
{
  list-style-image: url("/Content/Images/bullet_preview3.png");
}
#section4 ul li
{
  list-style-image: url("/Content/Images/bullet_preview4.png");
}
#section1 .details
{
  background-color: #184856;
}
#section2 .details
{
  background-color: #735905;
}
#section3 .details
{
  background-color: #1F3B2F;
}
#section4 .details
{
  background-color: #1F3B2F;
}

/* spodni cast obsahu titulni stranky */
#homepage_bottom
{
  margin-top: 15px;
}
#homepage_bottom .toolbar
{
  float: left;
  margin-left: 10px;
}
#homepage_bottom .toolbar.first
{
  margin-left: 0;
}

/******************************************************************************
     T O O L B A R
 ******************************************************************************/
.toolbar
{
  width: 230px; /* 230-8-6 - poadding */
  /*height: 250px;*/
  
  /*padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 8px;
  padding-right: 6px;
  
  color: white;*/
}
.toolbar h4
{
  font-size: 120%;
  font-weight: normal;
  letter-spacing: 2px;
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 8px;
  color: white;
}

.toolbar p
{
    margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 8px;
}

.toolbar a
{
    color: White;
}

.toolbar button
{
  background-color: #333;
  color: white;
  text-transform: uppercase;
  border: none;
  height: 30px;
}
/* Tooolbox - registrace */
#t_registration
{

}
#t_registration button
{
  width: 133px;
  height: 28px;
  text-align: center;
  padding-top: 4px; 
  background-repeat: none;
  background-image: url("/Content/Images/bg_t_registration_button.gif");
}
/* Toolbox - vyhledavani */
#t_search
{
}
#t_search button
{
  width: 132px;
  height: 29px;
  text-align: center;

  background-repeat: none;
  background-image: url("/Content/Images/bg_t_search_button.gif");
}
/* Toolbox - kaendar */
#t_calendar
{
}


/******************************************************************************
     Z A P A T I
 ******************************************************************************/
#footer
{
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 8px;
  
  background-image: url("/Content/Images/bg_footer.png");
  background-repeat: repeat-x;
  background-position: 0 0;
  
  font-size: 90%;
  color: #939393;
  
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
  margin-top: 5px;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active
{
  color: #5c5978;
}
#footer .column
{
  width: 250px;
  float: left;
}
#footer .column.wide
{
  width: 435px;
}
#footer ul.links.external li
{
    padding-left: 25px;
    height: 20px;
    vertical-align: middle;
}
#footer ul.links.external li.l_xml
{
    padding-left: 40px;
    background-image: url("/Content/Images/external/xml_ico.gif");
    background-repeat: no-repeat;
}
#footer ul.links.external li.l_rss
{
    background-image: url("/Content/Images/external/rss_ico.png");
    background-repeat: no-repeat;
}
#footer ul.links.external li.l_fb
{
    background-image: url("/Content/Images/external/facebook_ico.gif");
    background-repeat: no-repeat;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}


/* LIGHTBOX styles */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/content/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/content/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#fileLoadingImage
 {
 	src: url(/content/Images/lightbox/loading.gif);
 }
 
#fileBottomNavCloseImage
{
	src: url(/content/Images/lightbox/closelabel.gif);
}