/*

AZZAHRADY.SK CSS FILE

Author: http://www.tvorbawebov.sk | Martin Csomor | Roman Kučera
Version: 0.1 (01.10.2009) for all browsers 
Author-url: http://www.azzahrady.sk
                             
*/

@media all {
/*
DEFAULT BODY
*/

	body
	 {
		background: #fff url("../images/layout/default/bg.png") repeat-x;
		color:#2d4212;
		font-family: Trebuchet MS, Times New Roman,  Verdana,  Arial,  Helvetica,  sans-serif;
		font-size:12px;

		margin:0 auto
  }
	a
	{
		color:#ff6405;
		outline:none;
		text-decoration:none;
  
  }	
	a:hover
	{
		color:#ed5d05;
		text-decoration:none;

  }
  

/*
DROP DOWN PANEL
*/
  .contact_panel_ddpanel .contact_panel_content_ddpanelcontent
  { /*CSS for "content" DIV of Drop Down Panel*/
   color: white;
   background: url("../images/layout/default/top_roller_bg.png") repeat-x; /*background of Drop Down Panel*/
   height: 391px;
   
  /*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
  }
    /*
    DROP DOWN PANEL CONTENT
    */
    #bg  #top_roller .top_roller_tab_paneltab
    { /*CSS for "toggle" tab DIV of Drop Down Panel*/
     width: 180px;
    background: url("../images/layout/default/arrow-up.png") no-repeat 5% 50% !important; /* add */
    background: url("../images/layout/default/arrow-up_ie.png") no-repeat 5% 50%; /* add */      
     float: right;
     font-size: 125%;
     margin-right: 58px !important;
     margin-right: 29px;
     margin-top: 2px;
     font-weight: bold;
     font-style:italic
    }
  
    #bg  #top_roller .top_roller_tab_paneltab a
    { /*"toggle" tab related CSS*/
     float: right;
     color: white;
     text-decoration: none; 
    }
  
    #bg  #top_roller .top_roller_tab_paneltab a span img.pointerimage
    { /*CSS for pointer image within toggle tab*/

     width: 20px;
     height: 12px;
    }
  
    #bg  #top_roller .top_roller_tab_paneltab a:active, .contact_panel_ddpanel .top_roller_tab_paneltab a:focus
    { /*"toggle" tab related CSS*/
     outline: 0;
    }
  
    #bg  #top_roller .top_roller_tab_paneltab a:hover span
    { /*"toggle" tab related CSS*/
     background-color: transparent;
    }
    /*
    DROP DOWN PANEL CONTENT  END
    */
    #contact_panel  #contact_panel_content #wrapper_top
    {	
      width: 1000px;
      height: 391px;
    	margin:0 auto
    }  
    #contact_panel  #contact_panel_content #left
    {	
      width: 49%;
      float:left;
    }       
    #contact_panel  #contact_panel_content #right
    {	
      width: 49%;
      float:right;
    }  
                      
    /*
    DROP DOWN PANEL CONTENT  MAP
    */
     #contact_panel  #contact_panel_content #left span
    {	
     font-size: 125%;
     padding: 20px 0 0 30px;
     font-weight: bold;
     font-style:italic;
     float:left;
    }    
    #contact_panel  #contact_panel_content #left .mapa
    {
      margin: 10px 0 0 10px;
      border: 2px solid #fff;      
    } 
    /*
    DROP DOWN PANEL CONTENT  MAP END
    */
    
    /*
    DROP DOWN PANEL CONTENT  CONTACTFORM
    */ 
    #contact_panel  #contact_panel_content #right span
    {	
     font-size: 125%;
     padding: 20px 0 0 30px;
     font-weight: bold;
     font-style:italic;
     float:left;
    }
    #contact_panel  #contact_panel_content #right form
    {	
     font-weight: bold;
     font-style:italic;
     padding: 0px 0 0 50px;
    }
    #contact_panel  #contact_panel_content #right label
    {	
      width: 150px;
      float:left;
      margin-top: 10px;
    }
    #contact_panel  #contact_panel_content #right input, textarea, select
    {	
      width: 240px;
      margin-top: 10px;
      color: #7e470e;
      border: 1px solid #fff;      
      background: url("../images/layout/default/input_bg.png") repeat-x;
    }
    #contact_panel  #contact_panel_content #right textarea, select, option
    {	    
      background: url("../images/layout/default/input_bg.png") repeat;
    }
    #contact_panel  #contact_panel_content #right .button
    {	    
      background: url("../images/layout/default/input_bg.png") repeat;
      height: 27px;
      margin-left: 90px;
      width: 150px;
      color: #7e470e;
      font-weight: bold;
      font-style:italic;      
      font-size: 120%;
      background-color: transparent;
      border: 1px solid #fff;
    }                                     
    /*
    DROP DOWN PANEL CONTENT  CONTACTFORM END
    */
       
/*
DROP DOWN PANEL END
*/


/*
MAIN DIVS + SUB CLASSES
*/

#bg
{  
  background: #fff url("../images/layout/default/bg.png") repeat-x;
  overflow: hidden;
  
}
 
  #bg #top_roller
  {
     background: url("../images/layout/default/top_roller_closed.png") repeat-x;
     width: 1000px;
     height:25px;
     margin:0 auto
  }
#wrapper  
{	
  width: 1000px;
  background: url("../images/layout/default/wrapper_top.png") no-repeat top;
	margin:0 auto
}
  #header
  {
    width: 1000px;
    margin: 0 auto;  
    /*padding-top: 28px !important;
    padding-top: 40px; */
    padding-top:82px !important;

  
  }
  #header .search_form
  {
    position: absolute;
    margin: -40px 0 0 750px;
    width: 240px;
    height: 30px;

  }
  #header .search_form p
  {
    margin: 0; 
    padding: 0;
  }  
  #header .fulltext_search
  {
  float: left;
  background: url("../images/layout/default/input_search.png") repeat-x;
  border: 1px solid #fff;
  color: #0741b5;
  font-style: italic;
  height: 18px;
  padding: 2px 0 0 5px;
  width: 200px;
  }
  #header .submit_fulltext_search
  {
    float: left;
    border: 0;
    width: 24px;
    height: 20px;
    padding-left: 5px;
  } 
    #header   input
  {
        margin: 10px 0 0 0 !important;
     
  }    
  #header #logo h1, #header #logo img
  {
    float:left;
    height: 282px;
    width: 282px;
    margin: 0;
    padding: 0;
  }
  #header #logo span, #header #logo img
  {

    margin: 0;
    padding: 0;
  }  
  #header .header_right
  {
    float:right;
    width: 718px;
    height: 282px;
    background: url("../images/layout/default/header_right.png") no-repeat;
  }
  #header .header_right .header_image
  {
    float:left;
    width: 706px;
    height: 250px;
    margin:0;
    padding: 0;
    /*background: url("../images/layout/default/header_image.png") no-repeat top left;*/
  }
  #header .header_right  .header_image h2
  { 	  
    margin: 0; 
    z-index: -999;  
  }
/*
CONTENT
*/  

#content
{
  width: 1000px;
  height: 100%;
  float:left;
}
  #content #content_left
  {
    float:left;
    width: 270px;
  }
    #content #content_left #left_menu
    {
      width: 270px;
      float:left;
      height: 100%;
      margin: 0 !important;
      padding: 0;
      background: url("../images/layout/default/left_menu_bg_top.png") no-repeat;
    }
    #content #content_left #left_menu
    {
      list-style-type: none;
      padding: 56px 0 0 0;
      margin: 0;
      font-weight: bold;
      
    }
    #content #content_left #left_menu   ul.menu1
    {
      list-style-type: none;
      color: #000;
      margin: 0;
      padding: 0;float:left;	        
    }
    #content #content_left #left_menu   li.menu1
    {
      float:left;
      background: url("../images/layout/default/menu_li.png")  no-repeat left top;
      width: 240px;
      height: 27px;
      color: #000;
      padding: 0 0 0 30px;
      margin: 0;
    }
    #content #content_left #left_menu   li.menu1 a
    {
      color: #000;
      float:left;
      margin: 5px 0 0 0;
      padding: 0;
    }
    #content #content_left #left_menu   li.menu1 a:hover
    {
      color: #fff;
      float:left;
      margin: 5px 0 0 0;
      padding: 0;
    }
    #content #content_left #left_menu   li.menu1_submenu
    {
      float:left;
      background: url("../images/layout/default/menu_li.png")  no-repeat left top;
      width: 270px;
      
      color: #000;
      margin: 0;
    }
    #content #content_left #left_menu   li.menu1_submenu a
    {
      color: #000;
      float:left;
      height: 22px !important;
      height: 18px;
            padding: 0 0 0 30px;   
      margin: 5px 0 0 0;
    }
    #content #content_left #left_menu   li.menu1_submenu a:hover
    {
      color: #fff;
      float:left; 
      
      margin: 5px 0 0 0;
    }                 
    #content #content_left #left_menu   li.menu1_active
    {
      float:left;
      background: url("../images/layout/default/menu_li_active.png")  no-repeat left top;
      width: 270px;
      
      color: #fff;
         
    }
    #content #content_left #left_menu   li.menu1_active a
    {
      color: #fff;
      float:left;
            padding: 0 0 0 30px;   
      margin: 5px 0 0 0;
    }
    #content #content_left #left_menu   li.menu1_active a:hover
    {
      color: #fff;
      float:left; 
      
      margin: 5px 0 0 0;
    }
    #content #content_left #left_menu   ul.menu2
     {           
      list-style-type: none;
      color: #000;

      margin: 0;
      padding: 0;
      float:left;

    }
    #content #content_left #left_menu   li.menu2
     {
      background: url("../images/layout/default/menu2_li.png")  no-repeat left top;
      width: 225px;
      height: 20px;

      float:left;
      color: #000;
      padding: 0 0 0 45px;
      margin: 0; 
    }
    #content #content_left #left_menu   li.menu2 a
    {
      color: #000;
      float:left;
      margin: 2px 0 0 0;
      padding: 0;
    }
    #content #content_left #left_menu   li.menu2 a:hover
    {
      color: #fff;
      float:left;
      margin: 2px 0 0 0;
      padding: 0;
    }        
    #content #content_left #left_menu   li.menu2_active
     {
      float:left;
      background: url("../images/layout/default/menu2_li_active.png")  no-repeat left top;
      width: 270px;
      height: 20px;
      color: #000;
      

    }
    #content #content_left #left_menu   li.menu2_active a
     {
      color: #000;
      float:left;
      margin: 2px 0 0 45px;
      padding: 0;      
    } 
    #content #content_left #left_menu   li.menu2_active a:hover
     {
      color: #fff;
      float:left;
      margin: 2px 0 0 45px;
      padding: 0;      
    }
    #content #content_left .menu_down
     {
          background: url("../images/layout/default/menu_down.png")   no-repeat left bottom;
          width: 270px;
          height: 281px;
          float: left;

    }
          
#content #content_right
{
float:right;
width: 730px;
background: url("../images/layout/default/content_right_bg.png") no-repeat left top;

}
  #content #content_right h3
   {
    color: #2d4212;
    margin: 0;
    padding: 10px 0 0 55px;
    font-weight: bold;
    font-style:italic;
    width: 600px;
    font-size: 170%;
  }
  #content #content_right h4
   {
    color: #2d4212;
    margin: 0;
    padding: 10px 0 0 0;
    font-weight: bold;
    font-style:italic;

    font-size: 130%;
  }
  #content #content_right h5
   {
    color: #2d4212;
    margin: 0;
    font-weight: bold;
    font-style:italic;

    font-size: 130%;
  }      
  #content #content_right .article_text
   {
    padding: 30px 100px 0 60px;
    min-height: 470px;
    font-style:italic;
    height: auto !important;
    height: 470px;
    font-size: 104%;

  }
  #content #content_right .article_text p
   {


  }
  #content #content_right .article_text  a
  {
    font-style:italic;
    font-weight: bold;
    color: #86b234;

  }
  #content #content_right .article_text .img
  { 
  margin-right: 10px; 
  border: 2px solid #65A201; 
  float:left;
  }

  #content #content_right .article_text  a:hover
  {
    text-decoration: underline
  }  
  #content #content_right .article_text  ul
  {
    list-style-type: square; 
  }
  
  #content #content_right .article_text label
  {
    float: left;
   width: 160px;
   font-weight: bold;

  }
  
  
  #content #content_right .article_text h2 
  {
    text-align: center;
    color: red;
    padding: 0px;
  }
  
  #content #content_right .article_text .akcie a 
  {
    color: red;    
  }
  
  
  #content #content_right .article_text input
  {
    width: 300px;
    margin-bottom: 5px;
    border: 1px solid #9BD23C;
    height: 20px;
  }

  #content #content_right .article_text #gb_odoslat
  {
   border: 1px solid #9BD23C;
   margin-top: 5px;
   width: 185px;
   height: 30px;
   color: #fff;
   font-weight: bold;
   letter-spacing: 1.2px;
   background-color: #82B92F;
  }
  
  #content #content_right .article_text textarea
  {
    width: 300px;
    margin-bottom: 5px;
    border: 1px solid #9BD23C;

    color: #000000;
  }
  
  
  #down
  {
    width: 1000px;
    height: 100%;
    
  
  }
    #down #down_left
    {
        float:left;
        width: 270px;
        position:relative;
        height: 267px; 
        background: url("../images/layout/default/content_left_bg_down.png") no-repeat bottom left; 
    }
    
    #down #down_right
    {
      float:right;
      width: 730px;
    }
    #down #down_right h4
    {
      margin: 0;
      padding: 10px 0 5px 60px;
      font-weight: bold;
      font-size: 170%;
      color: #2d4212;
      font-style:italic; 
    }
    #down #down_right em
    {
     color: #6B8F2C;     
    }
    #down #down_right span
    {   
      width:90px;
      font-weight: bold;
      color: #2d4212;
      font-style:italic;
    }
    #down #down_right #projects
    {  
      margin: 10px 0 0 60px; 
      padding-top: 10px;
      width: 516px;
      height: 185px;
      border: 1px solid #cdcdcd;
      background: url("../images/layout/default/projects_bg.png")   repeat-x bottom;
    }
    #down #down_right .projects_in
    {  
      margin: 20px 0 0 13px !important;
      margin: 20px 0 0 7px;
      width: 153px;
      float:left;
      background-color: #fff;
      height: 134px !important;
      border: 1px solid #cdcdcd;
    }
    #down #down_right .projects_in img 
    {
     margin: 0; padding: 0;
     height: 134px;
     width: 153px;
    }
    #down #down_right .projects_border
    {  
      float:right;
      width: 151px;
      height: 218px;
      margin-top: -210px;
      margin-left: -1px;
      background: url("../images/layout/default/projects_border.png")   no-repeat top left
    }
    #down #down_right .projects_in .projects_img
    {  
    
      float:left;
      margin: 2px 0 0 2px;
    }
  #footer
   {
        
        width: 1000px;
        height: 319px;
        position: relative;
        float:left !important;
        margin: 0 auto;
        padding: 0;
        background: url("../images/layout/default/footer_bg.png")   no-repeat top left
  }
  
    #footer a
     {
      color: #234201  
    }
  
  
    #footer a:hover
     {	  
      color: #498a01;
      text-decoration: none
    
    }
  
    #footer .footer_in
     {
     height: 214px;
     width: 970px;
     padding: 105px 0 0 0px;
     text-align: center;
     color: #fff; 
     border: 0px solid red;
    }
    #footer .footer_in .partner_img
     {
     padding-left: 0px;
    
    }
  
    #footer .footer_cop
     {
     color: #fff;
     font-weight: bold;
     font-size: 11px;
     padding: 30px 0 0 10px;
    }
    #footer .footer_cop a
     {
      color: #fff;
      text-decoration: underline;
    }
    #footer .footer_cop a:hover
     {
      color: #fff;
      text-decoration: underline;
    }    
  .footer_repeat
   {
        width: 100%;
        overflow: visible;
        float:left !important;     
        background: url("../images/layout/default/footer.png")  repeat-x bottom;
        height: 319px;
        margin: -319px 0 0px 0;   
  }

  /*
  TWEB CMS 
  */
    
  .ok
  {
  	clear:both;
  	color:green
  }
  
  .message
  {
    color: #fff;

  }
  
  .other_news
  {
    clear:both;

  	text-align: right;
  	position:relative
  }
  
  .paginator
  {
    text-align: center;
  	margin-top:10px;
  	position:relative;
  	padding-left:  60px !important;
  	padding-left: 0;
  }
  
  .hr
  {
  	border-bottom:1px solid #fff;
  	margin:0;
  	padding-bottom:5px
  }
  
  .border_progress
  {
  	border:1px solid gray;
  	width:250px
  }
  
  #progressBar
  {
  	border:1px solid #FFF;
  	font-size:1px;
  	height:5px;
  	width:0
  }
  .article_dl_small
  {
    font-size: 80%;
    color: #7F7F7F;
  }
  .float_left
  {
  	border-bottom:2px solid #65A201;

  	padding-bottom:10px;
  	padding-top:10px;

        width: 610px !important;
     	        width: 100%;     
    position: relative;
    overflow: visible;
  }
  .float_left   .align_right
  {
  	text-align:right;

  }  
  .float_left_gallery
  {
  	float:left;
  	margin-bottom:10px;
  	padding-top:10px;
  	width:560px ;
  	text-align: center;
  }
  .float_left_gallery .img2
  {
  	margin-bottom:10px;
  	border: 2px solid #65A201;
  }
    
  .gallery_comment
  {
  	clear:both;
  	padding:15px 0 0
  }
  
  .center
  {
  	clear:both;
  	padding-top:10px;
  	text-align:center;

  }
  .error
  {
    color: red;
  }
  .gallery_image
  {
  	float:left;
  	margin-left:40px !important;
  	position:relative;
  	text-align:center;
  	width:140px
  }
  
  .gallery_left
  {
  	clear:both;
  	padding:0;
  	width:460px
  }
  
  .right_next
  {
  	margin-left:247px;
  	text-align:right
  }
  
  #lightbox
  {
  	background-color:#eee;
  	border-bottom:2px solid #666;
  	border-right:2px solid #666;
  	padding:10px
  }
  
  #lightboxDetails
  {
  	font-size:.8em;
  	padding-top:.4em
  }
  
  #lightboxCaption
  {
  	float:left
  }
  
  #keyboardMsg
  {
  	float:right
  }
  
  #closeButton
  {
  	right:5px;
  	top:5px
  }
  
  #lightbox img
  {
  	border:none;
  	clear:both
  }
  
  #overlay img
  {
  	border:none
  }
  
  #overlay
  {
  	background-image:url(../images/layout/default/overlay.png)
  }
  
  img, object, p, input
  {
  	border:0;
  	margin: 0;
  	padding: 0;
  	outline: 0;
  }
  
  form em
  {
  	color:red;
  	font-style:normal;
  	font-weight:700
  }
  
  .price,#left .minibox .minibox_content span
  {
  	font-weight:700
  }
  .errorMessage
  {
    color: #fff;
    height: 10px;
    padding-left: 150px;

    clear:both;
  }
  
  .message_ok
  {
    color: green;
  }
  .clear,ul
  {
  	clear:both
  }
  .chybna-stranka {
   font-size: 13px;
  }
  
  .chybna-stranka img {
   float: left;
   padding-right: 10px;
  }  
  
  .table_bg_1
  {
   background-color: #9BD23C;
   color: #fff;
  }
  
  .table_bg_2
  {
   background-color: #F6FCFF;
  }
}