/*
 * Styl dla strony WWW Elżbiety Streker-Dembińskiej.
 * http://www.streker-dembinska.pl/
 *
 * Copyright (c) 2011 Piotr Grzegorz Dembiński
 *
 * $Author: pdemb $
 * $Date: 2011-07-25 20:20:41 $
 *
 * $Revision: 1.4 $
 */


/*
 * Main style code.
 */
 
body.main
{
  font-size: 12px ;
  font-family: "MS Sans Serif", "Arial", helvetica, sans-serif ;
  text-align: center ;

  background-color: rgb(245, 245, 245) ;
}


div
{
  margin: 0;
  padding: 0;      
}


div.textnavbox
{
  display: none ;
}


div.frame
{
  text-align: left ;
  width: 900px ;
  margin: auto auto ;

  background-color: white ;
}


div.page
{
  width: 100% ;

  background-color: white ;
}


div.page div.head
{
  width: 100% ;
}


div.head div.name
{
  float: left ; 
  margin: 10px ;
  max-width: 550px;
}


div.head div.name h1
{
  font-size: 26px;
  margin: 10px;
}


div.head div.name h2
{
  font-size: 18px;
  margin: 10px ;
}


div.head div.name h3
{
  font-size: 12px ;
  margin: 10px ;           
}



div.page div.bar
{
  min-width: 900px ;
  width: 100% ;

  clear: both ;
}

div.page div.bar ul
{
  width: 100% ;
  height: 30px ; 

  text-align: left ;

  font-weight: bold ;
}


div.page div.bar ul li
{
  float: right ;
  display: block ;
  min-width: 5em ;
}


div.page div.threecols
{
  display: table ;
  width: 100% ;
}


div.page div.threecols div
{
  display: table-row ;
}


div.page div.threecols div div.left,
div.page div.threecols div div.right,
div.page div.threecols div div.middle
{      
  display: table-cell ;
  vertical-align: top ;

  padding: 20px ;
}


div.page div.threecols div div.left
{
  padding-top: 0 ;
  padding-left: 10px ;

  width: 200px ;
  min-width: 200px ;
  max-width: 200px ;

  overflow: hidden ;
}


div.page div.threecols div div.right
{
  padding-top: 0 ;
}


div.page div.threecols div div.middle
{
  padding: 0 ;
}


div.page acronym ,
div.page abbr
{
  border: inherit ;

  font-weight : inherit ;
  font-size : inherit ;
  font-style : inherit ;
  font-family : inherit ;
  font-variant : inherit ;

  color : inherit ;
  background-color : inherit ;

  text-decoration : inherit ;
  text-transform : inherit ;
  letter-spacing : inherit ;
  word-spacing : inherit ;
  line-height : inherit ;

  visibility : inherit ;
}


ul.menubox
{
  -o-transition: color 500ms ease-in-out;
  -webkit-transition: color 500ms ease-in-out;
  -moz-transition: color 500ms ease-in-out;
  transition: color 500ms ease-in-out;
}


ul.menubox li ul
{
  background-color: white ;
}


.inset-shadow
{
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.47),       0 0 40px rgba(0, 0, 0, 0.09) inset ;

  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.47),       0 0 40px rgba(0, 0, 0, 0.09) inset ;

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.47),       0 0 40px rgba(0, 0, 0, 0.09) inset ; 	  

  filter: progid:DXImageTransform.Microsoft.Shadow(Enabled=1,       Strength=2, Direction=135, Color='#CCCCCC');
}


.red-gradient
{
  color: wheat ;

  background-color: rgb(171,33,40) ; 

  color: black ;

  background-image:       -webkit-gradient(linear, -45% 40%, 90% 135%,         from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.4))) ;

  background-image:       -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)) ;

  background-image:       -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)) ;

  background-image:       linear-gradient(-45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)) ;

  /* filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#20000000', EndColorStr='#c0000000') ; */
}


.red-gradient:hover
{
  color: white ;
}    


.red-gradient-h
{
  color: wheat ;

  background-color: rgb(171,33,40) ;

  background-image:       -webkit-gradient(linear, 0% 100%, 90% 0%,         from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7))) ;

  background-image:       -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)) ;

  background-image: 
      -o-linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)) ;

  background-image: 
      linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)) ;

  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,       StartColorStr='#20000000', EndColorStr='#A0000000') ;

/*
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,       StartColorStr='#20000000', EndColorStr='#A0000000') ;      
*/
}


div.left h1,
div.right h1
{
  color: white ;
  background-color: rgb(171,33,40) ;

  background-image:       -webkit-gradient(linear, 0% 100%, 90% 0%,         from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7))) ;

  background-image:       -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)) ;

  background-image:       -o-linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)) ;

  background-image:       linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)) ;

  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,       StartColorStr='#20 000000', EndColorStr='#A0000000') ;

  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,       StartColorStr='#20000000', EndColorStr='#A0000000') ;      


  -webkit-box-shadow:       0 1px 4px rgba(0, 0, 0, 0.47), 0 0 40px rgba(0, 0, 0, 0.09) inset ;

  -moz-box-shadow:       0 1px 4px rgba(0, 0, 0, 0.47), 0 0 40px rgba(0, 0, 0, 0.09) inset ;

  box-shadow:       0 1px 4px rgba(0, 0, 0, 0.47), 0 0 40px rgba(0, 0, 0, 0.09) inset ; 	  


  filter: progid:DXImageTransform.Microsoft.Shadow(Enabled=1,       Strength=2, Direction=135, Color='#CCCCCC');

  display: block ;
  font-size: 12px ;
  padding: 5px ;
  padding-left: 10px ;
  margin-bottom: 0 ;

  border-top-left-radius: 15px 10px ;
}


ul.menubox
{
  display: block ;
  padding: 0px ;
  padding-top: 10px ;
  padding-bottom: 10px ;

  margin: 0px 0px 10px 0px ;
  font-weight: bold ;

  border-bottom-right-radius: 15px 10px ;
}


ul.menubox li
{
  display: block;
  padding: 0px 0 0px 0 ;
  margin: 0 5px 0 5px ;

  padding: 5px ;
}


ul.menubox li ul
{
  padding-left: 0 ;

  margin: 0 ;
  margin-top: 5px ;

  color: rgb(40, 40, 40) ;
  background-color: rgb(245, 245, 245) ; 

  /* border-top-left-radius: 15px 10px ; */
  border-bottom-right-radius: 15px 10px ;


  background-color: white ;

  background-image:       -webkit-gradient(linear, -45% 0%, 0% 135%,         from(rgba(0, 0, 0, 0.0)), to(rgba(0, 0, 0, 0.2))) ;

  background-image:       -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)) ;

  background-image:       -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)) ;

  background-image:       linear-gradient(-45deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)) ;


  filter: progid:DXImageTransform.Microsoft.DropShadow(color=#CC000000, dnl
      enabled=1, offX=2, offY=2);
}


ul.menubox li ul:hover
{
  color: black ;
}


ul.menubox li ul li
{
  padding: 5px ;
}


ul.cal
{
  display: block ;
  margin: 0px ;
  padding: 0 ;

  background-color: rgb(245, 245, 245);
}


ul.cal li
{
  display: block ;

  padding: 10px ;

  font-weight: bold ;
}



div.middle
{
  width: 500px ;
  min-height: 400px ;
}


ul.headbox
{
  display: block ;
  margin: 10px 0 10px 0 ;
  padding: 0 ;

  background-color: rgb(171,33,40) ;
}


ul.headbox li
{
  margin: 0px ;
  padding: 20px ;      

  display: none ;
}


ul.headbox li:first-child
{
  color: ivory ;
  min-height: 200px ;
  max-height: 250px ;
  height: 250px ;
  overflow: hidden;

  display: block ;      
}


ul.headbox li h1
{
  margin: 0 ;
  padding: 0 ;

  font-size: 20px ;
}


ul.headbox li h2
{
  margin: 0 ;
  padding: 0 ;

  font-size: 16px ;
}


div.page div.threecols div div.right
{
  width: 150px ;
  min-width: 150px ;
  max-width: 150px ;
}


ul.dropdown li
{
  display: block ;
  padding: 0.5em ;
}

ul.dropdown li ul li
{
  display: block ;
  padding: 0.5em ;      
}


div.head
{
  max-height: 220px ;
  overflow: hidden ;
}


ul.graynote
{
  background-color: rgb(245, 245, 245) ;
  color: rgb(40, 40, 40) ;

  -o-transition: color 500ms ease-in;
  -webkit-transition: color 500ms ease-in;
  -moz-transition: color 500ms ease-in;
  transition: color 500ms ease-in;
}


ul.graynote:hover
{
  color: black ;
}


div.foot
{
  position: relative ;
  min-width: 900px ;
  width: 100% ;
  bottom: 0;

  text-align: center ;

  background-color: none ;
  color: gray ;

  margin: 0 ;
  margin-top: 0px ;

  padding: 5px ;
  padding-left: 0;
  padding-right: 0;
}


div.foot ul
{
  margin: 0 ;
  display: inline ;

  text-align: center ;

  font-weight: bold ;
  word-spacing: 120% ;

  padding: 0px ;
}


div.foot ul li
{
  margin: 0;
  display: inline ;
}


div.foot ul li a,
div.foot ul li a:link,
div.foot ul li a:hover,
div.foot ul li a:visited,
div.foot ul li a:focus,
div.foot ul li a:active
{
  font: inherit ;
  color: inherit ;
  background-color: inherit ;
  text-decoration: inherit ;
}


div.foot ul li a:hover,
{
  text-decoration: underline ;
}


div.foot h1
{
  font-size: 100% ;
  font-weight: normal ;
  display: inline ;
}