/* $Id: layout-fixed.css,v 1.5.2.3 2009/02/13 19:20:19 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */
div.sitech  
  { 

background-color: white;
 font-weight: bolder;
  }
		
div.sitech-inner

{   background-image:  url(http://www.vseprookna.cz/sites/all/pictures/reklama/Sitech.jpg) ;
background-repeat: no-repeat;
background-color: white;
height: 130px;
width: 180px;
padding: 5px
}			


/* Rotatory   */
  .banners div {
	position:relative; 
	top: 30px;
  left: -22px;
  height: 190px;
	z-index: 200;
}


div.servis
{  height: 190px;
width: 190px;
 background-image:url(http://www.vseprookna.cz/sites/all/pictures/reklama/servis-oken-banner.jpg) ; 
 margin-left: 0px;
 margin-top: 30px;

}

div.servis p 
{
padding: 20px;
margin-left: 10px;
margin-right: 15px;
width: 130px;
line-height: 30px;
font-size: 14px;
text-align: center;
}

div.servis ul 

{
position: relative;
top: 20px;
margin-left: 20px;
width: 140px;

}

div.servis ul  li 
{

}

#servis-kovani
{
  color: #166e94;
font-size: 30px;


}

#okna
{
color: #166e94;
font-size: 40px;
font-weight: bold;
}

#vase

{
  color: #166e94;
font-size: 24px;

}

#kovani
{
  color: #166e94;
font-size: 30px;
font-weight: bold;

}

#sklo
{
   color: #166e94;
font-size: 40px;
font-weight: bold;

}

#ramy
{
  color: #166e94;
font-size: 20px;
font-weight: bold;


}

	.banners   img {
	border:1px solid #6b5a84;
	padding: 4px;
	background: #6b5a84;
}
    .banners a { text-decoration: none }


    
 
.ebanner img {
	border: 4px solid #c4e7f4;
	padding: 4px;
	background: #c4e7f4;
	margin-left: -14px;
}
    
.info
{
z-index: 5;

font-family: Arial; 
font-size: 24px;
font-weight: bold;
color: #3dae4b;



}

.info p
{ width: 500px;
  height: 40px;
  background-color: #e8f0f1;
  position: relative;
top: -155px;
left: 475px;
z-index: 5;

   

}


.mapa ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.mapa li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.mapa table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.mapa a, .mapa :visited {
display:block;
font-size:10px;
width:500px;
padding:7px 0;
color:#000;
background:#949e7c;
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
.mapa :hover{
color:#444;
background:#d4d8bd;
}

/* hide the sub level links */
.mapa ul ul {
visibility:hidden;
position:absolute;
width:500px;
height:0;
}
/* make the sub level visible on hover list or link */
.mapa ul li:hover ul, .mapa ul li:active ul,
.mapa ul a:hover ul{
visibility:visible;
}


 /*  Moje styly   */
 div#sluzby   {
background-color: rgb(243, 251, 255);
margin-left: 0px;
font-size: 10px;

 }

 hr.sluzby
 {
 margin-left: 5px; width: 190px; color: brown;  }



/** body **/
  body   {
   
   font-family:  Verdana;
   font-size: 15px;
   background-color: #e8f0f1;
   
  }

  h1 {
	 font:  bolder 1.3em verdana;
	 margin-bottom: 0;
   	 color: #1d9773;

     }
     
  h2 {
	 font:  1.1em verdana;
 	 margin-bottom: 0;
	 color: #1d8997;  }

  h3 {
	 font: bold 1em verdana;
	 letter-spacing: 1px;
	 margin-bottom: 0;
   color: black;     }

  h4 {
	 font: bold 1em verdana;
	 letter-spacing: 1px;
	 margin-bottom: 0;
   color: black     }
   
  h5 {
	 font: bold 1em verdana;
	 letter-spacing: 1px;
	 margin-bottom: 0;
   color: black;      }

  
      
  div.purple  
 {font:  bolder 1em arial;
	 color: purple
  }

   div.home, div.home a
  { text-decoration: none;
    text-align: justify
  
  } 
  
  div.homeshop 
  {
  text-align: center;
  position: relative; 
  top: 40px;
  width:200px }
  
  
  ul.home
  {  position:relative;
  left: 220px;
  top: -80px
       }
  
  
  
  div.uvod      {  
  position: absolute; 
  width: 390px; 
  height:120px; 
  top: 10px;
  left: 0px;
  font-weight: bold
   }

  div.rozcesti-podklad {
  position: relative; 
  width: 155px; 
  height: 120px; 
  top: -125px;
  left: 375px;
  margin-left: 20px;
  background-color: #62c7ec; 
  
      }
      
  div.rozcesti  a
  {
    color: green;
  }
  

  

   /* Nastavení specifickych odstavcu */
  #page,
  #closure-blocks
  {
    /*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
    margin-left: auto;
    margin-right: auto;
    width: 970px;
  }

  #page-inner    {    
    position: relative;
    top: -10px;   
  }

 

/** header **/
  #header
  { height: 130px; 
  }
  
  #logo
  {
  
  position: relative;
    height: 130px; 
    top: 0px;
    margin-left: -5px; 
    z-index: 1
  }
    

/** main (container for everything else) **/
  #main
  {width: 970px;
   
  }

  #main-inner
  { margin-left: auto;
    margin-right: auto;
   
    
  }

/** content **/
  #content,
  .no-sidebars #content
  {
    float: left;
    width: 970px;
    margin-left: 0;
    margin-right: -950px; /* Negative value of #content's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }

  .sidebar-left #content
  {
    width: 760px;
    margin-left: 190px; /* The width of #sidebar-left. */
    margin-right: -970px; /* Negative value of #content's width + left margin. */
  }



  .two-sidebars #content
  {
    width: 570px;
    margin-left: 200px; /* The width of #sidebar-left */
    margin-right: -770px; /* Negative value of #content's width + left margin. */
  }

  #content-inner
  {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
   
  }
  div.uvod      {  
  position: relative; 
  width: 390px; 
  height:120px; 
  top:0px;
  left: 0px
   }

  div.rozcesti-podklad {
  position: relative; 
  width: 155px; 
  height: 120px; 
  top: -125px;
  left: 375px;
  margin-left: 20px;
  background-color: #62c7ec; 
  
      }
      
  div.rozcesti  a
  {
    color: green;
  }
  
  
/** navbar **/
  #navbar
  {   background-color: #c4e7f4;
    float: left;
    width: 970px;
    margin-left: 0;
    margin-right: -970px; /* Negative value of #navbar's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
    height: 2.1em; /* The navbar can have any arbritrary height. We picked one
                      that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
                      Set this to the same value as the margin-top below. */
  }

  .with-navbar #content,
  .with-navbar #sidebar-left,
  .with-navbar #sidebar-right
  {
    margin-top: 1.3em; /* Set this to the same value as the navbar height above. */
  }

  

  #primary, #primary a   /* lista primarnich odkazu */

  {
    text-decoration: none;
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
             color: #216068;
    
    margin: 5px 5px 0px 5px;
    position: relative;
    height: 30px; 
    left: 20%;
    background-color: #c4e7f4;
    width: 80%;
    z-index: 5;


  }
  

 #primary a:hover 
{  color: #ffffff;
     
 
  }
    #primary a:active
  {  color: #ffffff;
  
 
  }
  
 




  #navbar ul /* Primary and secondary links */
  {
    margin: 0 0 0 0 ;
    padding: 0;
    text-align: left;
  }

  #navbar li /* A simple method to get navbar links to appear in one line. */
  {
    float: left;
    padding: 0 10px 0 0;
  }

  /* There are many methods to get navbar links to appear in one line.
   * Here's an alternate method: */
  /*
  #navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
  */

/** sidebar-left **/
 #sidebar-left
  {
    float: left;
    width: 200px;
    
    margin-right: -200px; /* Negative value of #sidebar-left's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
    background-color: #c4e7f4;
    text-decoration: none;
    top: -1.3em;
    z-index: 1;
    position: relative; 
  }

  #sidebar-left-inner, #sidebar-left-inner a
  { 
     margin-left: 7px;
    padding: 0;
    text-decoration: none;
    color: #1d8997;
    font-weight: bold;
    font-size:  95%;

     }
     
   #sidebar-left-inner a:hover 
{  color: #31ba2e;
     
 
  }
    
  
/** sidebar-right **/
  #sidebar-right
  {
    float: left;
    width: 200px;
    margin-left: 735px; /* Width of content + sidebar-left. */
    margin-right: -935px; /* Negative value of #sidebar-right's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
  font-size: 80%;
  z-index: 3;
  }

  #sidebar-right-inner
  {
    margin: 0 0 0 35px;
    padding: 0;
  }

/** footer **/
  #footer
  {
    margin-right: auto;
    margin-left: auto;
  }

  #footer-inner
  {



    }
/** closure **/
  #closure-blocks, 
 {

    margin-left: 755px;

  }

/** Prevent overflowing content **/
  #header,
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right,
  #footer,
  #closure-blocks
  {
    

  }

  #navbar
  {
    overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
    
  }