/*
 * Project:	solis.net.pl
 * Date:		2009/05/14
 * webpassion.pl
 * Maciej Węgrzynek (maciej@webpassion.pl)
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #e1e3bb url(../images/main-bcg.png) top left repeat-x; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #071723; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; line-height: 1.42; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.4em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #d19326; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */


#root { border-top: 5px solid #1e3b47; background: url(../images/top.png) top center no-repeat; }
 #top { position: relative; width: 960px; margin: 0 auto; }
  #logo { margin: 0; padding: 32px 0 15px 0; text-align: center; }
   #logo a { display: block; width: 409px; margin: 0 auto; }
    #logo a img { display: block; margin: 0 auto; }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #content { overflow: hidden; width: 960px; margin: 0 auto; padding: 20px 0; border-top: 1px solid #1e3b47; }

 .wrapper { width: 960px; margin: 0 auto; }

/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { margin-bottom: 1px; font-weight: normal; font-family: georgia, serif; font-style: italic; }
h1 { font-size: 2.4em; }
h2 { font-size: 2.4em; }
h3 { font-size: 2.4em; }
h4 { font-size: 2em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.4em; }

h2.main { overflow: hidden; margin-bottom: 15px; background: url(../images/bullet3.png) center left no-repeat;  font-size: 3.6em; }
 h2.main span { display: block; float: left; padding: 0 15px 0 44px; color: #112937; background: url(../images/brd1.png) bottom left repeat-x; }

* html h2.main { width: 100%; }

h4.success { padding-bottom: 30px; }
.e404 h4 { padding-top: 30px; }

/* tables */
#root table { width: 98%; }
 #root table th, #root table td { padding: 20px 10px; color: #0f2733; border: 1px solid #7f8c05; text-align: center; vertical-align: middle; }
 #root table th { background: #f2f4cf; }
 #root table td { background: #f5f6e5; }
 #directions table td { text-align: left; }
 
 #root tfoot th, #root tfoot td { text-align: left; }
 
 * html #root tfoot th, 
 * html #root tfoot td { font-size: 1em; }
 *:first-child+html #root tfoot th, 
 *:first-child+html #root tfoot td { font-size: 1em; }
 
  #root table p { margin-bottom: 0; }
  
#root table.menu { width: 588px; margin: 10px 0 60px 0; border-top: 1px solid #abb395; border-bottom: 1px solid #abb395; }  
 #root table.menu th { width: 475px; border: none; background: none; text-align: left; }  
 #root table.menu td { border: none; background: none; }  
 #root table.menu td.subtext { text-align: left; }  
  #root table.menu td.subtext h4 { font-size: 1.4em; }

   #root table.menu th p { margin: 0; padding: 3px 0 3px 5px; font-weight: normal; font-size: 0.9em; line-height: 2; }  
  
 *:first-child+html #root table.menu td * { font-size: 14px; }  
 * html #root table.menu td * { font-size: 14px; }  
  
.text-a { margin-bottom: 20px; }
 .text-a p { margin-bottom: 3px; }
 
p.btn { padding-left: 110px; }
button { padding: 6px 20px; font-size: 0.74em; border: none; background: #b6bc61; text-transform: uppercase; }
button:hover { background: #d19326 !important; }

*:first-child+html button { padding: 3px 20px 2px 20px; font-size: 0.74em; border: none; background: #b6bc61; text-transform: uppercase; }
*:first-child+html #map-container button { margin-left: 5px; }

* html button { padding: 3px 20px 2px 20px; font-size: 0.74em; border: none; background: #b6bc61; text-transform: uppercase; }
* html button { margin-left: 5px; }

.warning { color: #d80822; }

#menu-list h3 { margin-top: 10px; cursor: pointer; width:100%; } 
 #menu-list h3 a { color: #071723; } 
 #menu-list h3 a:hover { color: #d19326; text-decoration: none; } 
 
 #menu-list h3.ui-state-active { padding-top: 20px; } 
 #menu-list h3.ui-state-active a { text-decoration: none; color: #d19326; } 
 
/* ELEMENTS
------------------------------------------- */

 #top .languages { position: absolute; top: 0; right: 0; overflow: hidden; list-style: none; margin: 0; padding: 7px 3px 7px 10px; background: #dfe1b5; }
  #top .languages li { float: left; padding-right: 7px; }
   #top .languages li a { display: block; }
    #top .languages li a img { display: block; border: 1px solid #2c474f; }

 #cycle { overflow: hidden; float: left; width: 590px; margin: 0 0 0 5px; padding: 10px; background: url(../images/frame1.png) top left no-repeat; }
  #cycle ul { overflow: hidden; list-style: none; width: 550px; height: 340px; margin: 0; padding: 0;  }
   #cycle ul li { position: relative; overflow: hidden; width: 550px; height: 340px; font-size: 1em; }
    #cycle ul li p { margin: 0; padding: 0; }
     #cycle ul li p a { display: block; }
      #cycle ul li p a img { display: block; }
    #cycle ul li p.title { position: absolute; top: 10px; right: 0; padding: 0 10px 0 15px; background: url(../images/trans-bg1.png); color: #3d3a3a; line-height: 24px; text-transform: uppercase; }
    #cycle ul li p.desc { position: absolute; bottom: 0; left: 0; width: 526px; padding: 8px 12px; background: url(../images/trans-bg2.png); color: #fff; font-family: georgia, serif; font-size: 1.8em; line-height: 1.33; }

 .js #cycle li { display: none; }	 
 * html.js #cycle li { display: block; }	 
 .js #cycle li.first { display: block; }	 

	 
 #cycle-a { width: 310px; margin: 20px 0 0 5px; padding: 10px; background: url(../images/frame2.png) top left no-repeat; }
  #cycle-a ul { overflow: hidden; list-style: none; width: 290px; height: 366px; margin: 0; padding: 0;  }
   #cycle-a ul li { position: relative; overflow: hidden; width: 290px; height: 366px; font-size: 1em; }
    #cycle-a ul li p { margin: 0; padding: 0; }
     #cycle-a ul li p a { display: block; }
      #cycle-a ul li p a img { display: block; }
		
 .js #cycle-a li { display: none; }	 
 .js #cycle-a li.first { display: block; }	

	#vertical-banners { overflow: hidden; clear: both; width: 100%; list-style: none; margin: 0; padding: 15px 0 0 0; text-align: center;}
	 #vertical-banners li { display: inline; padding: 0 3px 0 3px; }
	  #vertical-banners li img { padding: 2px; background: #fff; border: 1px solid #1e3b47; }
	  #vertical-banners li a { text-decoration: none; }
	  #vertical-banners li a:hover img { padding: 1px; border: 2px solid #d19326; }
 
  #nav { float: right; list-style: none; width: 330px; margin: 0; padding: 0; }
   #nav em { position: absolute !important; left: -10001px !important; overflow: hidden !important; }
   #nav li { font-size: 2.4em; font-family: georgia, serif; font-style: italic; line-height: 1.9; }
    #nav li a { display: block; padding-left: 24px; background: url(../images/bullet1.png) 0 -1000px no-repeat; color: #3d2304; text-decoration: none; }
    * html #nav li a { float: left; height: 1px; }
    #nav li a:hover { background-position: center left;  color: #d19326; text-decoration: underline; }
	 

  .cols-tb { overflow: hidden; width: 100%; background: url(../images/fcols.png) top left repeat-y; }
   .cols-tb div.primary-tb { float: left; width: 330px; padding: 5px 0; }
   .cols-tb div.secondary-tb { float: right; width: 600px; padding-bottom: 10px; }

    .cols-tb div.primary-tb #nav { float: none; }
     .cols-tb div.primary-tb #nav li { font-size: 1.8em; line-height: 1.66; }
      .cols-tb div.primary-tb #nav li a { display: inline; padding-left: 10px; background: none; }
      * html .cols-tb div.primary-tb #nav li a { float: none; height: auto; }
       .cols-tb div.primary-tb #nav li a.current { padding-right: 15px; background: url(../images/bullet2.png) 100% 5px no-repeat; }
		 
   .cols-tb div.primary-tb #nav ul { margin: 0; padding-left: 25px; }
    .cols-tb div.primary-tb #nav li li { list-style: none; font-size: 0.9em; }

  #nav-secondary { list-style: none; margin: 0; padding: 0 0 0 10px; }
	#nav-secondary li { font-size: 1.8em; font-family: georgia, serif; font-style: italic; line-height: 1.66; }
   #nav-secondary li a { padding-left: 17px; background: url(../images/bullet4.png) 0 5px no-repeat; color: #3d2304; text-decoration: none; }
   #nav-secondary li a:hover { background-position: 0 -86px; color: #d19326; text-decoration: underline; }

  #b-crumbs { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; }
   #b-crumbs li { float: left; padding-right: 5px; color: #80807f; font-size: 1em; text-transform: uppercase; }
    #b-crumbs li a { color: #3d2304; text-decoration: none; }
    #b-crumbs li a:hover { text-decoration: underline; }
 
  .gallery { overflow: hidden; list-style: none; margin: 0 0 20px -9px; padding: 0; }
   .gallery li { float: left; padding: 9px 0 0 9px; }
    .gallery li a { display: block; width: 102px; height: 102px; padding: 4px; border: 1px solid #3d2304; background: #fff; }
    .gallery li a:hover { border: 1px solid #d19326; background: #d19326; }
     .gallery li a img { display: block; border: 1px solid #7f7b26; }
  * html .gallery { width: 609px; }
  
  .galleries-list { overflow: hidden; list-style: none; margin: 0; padding: 0; }
   .galleries-list li { border-bottom: 1px solid #d1d6b3; font-size: 1em; }
    .galleries-list li a { display: block; padding: 10px; color: #112937; text-decoration: none; }
    .galleries-list li a:hover { background: #dccc91; }
     .galleries-list li a strong { display: block; font-size: 2.4em; font-weight: normal; }
     .galleries-list li a span { text-transform: uppercase; }
 
  #contact-form { padding: 12px 0; }
   #contact-form ul { list-style: none; margin: 0; padding: 0; }
    #contact-form ul li { overflow: hidden; width: 100%; padding-bottom: 20px; font-size: 1.2em; }
    #contact-form ul li.item-a { padding-bottom: 5px; }
     #contact-form ul li label { float: left; width: 100px; padding: 2px 10px 0 0; }
     #contact-form ul li label.error { display: block; float: none; width: auto; padding: 3px 0 3px 130px; background: url(../images/exclamation.png) 110px 50% no-repeat; color: #d80822; }
     #contact-form ul li input { width: 240px; padding: 3px; border: 1px solid #b3b774; background: #fdffe8; }
     #contact-form ul li textarea { width: 350px; height: 169px; padding: 3px; border: 1px solid #b3b774; background: #fdffe8; }
 
 #map-container { width: 560px; margin-top: 12px; padding: 14px; border: 1px solid #b3b774; background: #fdffe8; }
  #map { width: 558px; height: 270px; border: 1px solid #b3b774; }
  #map-container p { padding-top: 14px; margin: 0; }
  #map-container p * { vertical-align: middle; }
   #map-container p label { display: block; padding-bottom: 5px; }
   #map-container p input { width: 400px; padding: 3px; border: 1px solid #b3b774; background: #fff; font-size: 0.9em; }
   #map-container p label.error { display: block; padding: 3px 0 3px 20px; background: url(../images/exclamation.png) 0 50% no-repeat; color: #d80822; }
 
 
 #footer { border-top: 5px solid #d19326; }
  #footer .wrapper {  min-height: 152px; padding-top: 1px; background: url(../images/btm.png) top center no-repeat; }

  #footer .languages { overflow: hidden; width: 916px; list-style: none; margin: 0 22px; padding: 5px 0; border-bottom: 1px solid #ced19b; }
   #footer .languages li { float: left; font-size: 1em; padding: 0 5px 0 9px; }
    #footer .languages li a { display: block; float: left; color: #112937; text-transform: uppercase; text-decoration: none; }
    #footer .languages li a:hover { text-decoration: underline; }
     #footer .languages li a img { display: block; float: left; margin-right: 8px; border: 1px solid #2c474f; color: #112937; text-transform: uppercase; text-decoration: none; }

  #footer .cols-ta { clear: both; overflow: hidden; width: 100%; min-height: 68px; margin-top: 15px; background: url(../images/sign-btm.png) top center no-repeat; }
  * html #footer .cols-ta { height: 75px; }
   #footer .cols-ta p,
   #footer .cols-ta h3 { margin: 0; color: #1e3b47; font-size: 1em; font-style: normal; font-family: Arial,Helvetica Neue,Helvetica,sans-serif;  text-transform: uppercase; line-height: 1.2; }
   #footer .cols-ta h3 { font-weight: bold; }
    #footer .cols-ta a { text-decoration: none; color: #1e3b47; }
    #footer .cols-ta a:hover { text-decoration: underline; }

    #footer .cols-ta .primary-ta { float: left; width: 436px; text-align: right; }
    #footer .cols-ta .secondary-ta { float: right; width: 438px; }	 
	 
/* TINY MCE
------------------------------------------- */
body#tinymce { background: #e1e3bb; width: 600px; }
 body#tinymce a { color: #d19326 !important; }
 
#tinymce table { width: 98%; font-size: 14px; }
 #tinymce table th, #tinymce table td { padding: 20px 10px; color: #0f2733; border: 1px solid #7f8c05; text-align: center; vertical-align: middle; font-size: 14px; }
 #tinymce table th { background: #f2f4cf; }
 #tinymce table td { background: #f5f6e5; }
 
 #tinymce tfoot th, #tinymce tfoot td { text-align: left; }
 #tinymce table p { margin-bottom: 0; }
 
 #tinymce table.menu { width: 588px; margin-bottom: 50px; border-top: 1px solid #abb395; border-bottom: 1px solid #abb395; }  
 #tinymce table.menu th { width: 475px; border: none; background: none; text-align: left; }  
 #tinymce table.menu td { border: none; background: none; }  
 #tinymce table.menu td.subtext { text-align: left; }  
  #tinymce table.menu td.subtext h4 { font-size: 14px; }
  
   #tinymce table.menu th p { margin: 0; padding: 3px 0 3px 5px; font-weight: normal; font-size: 0.9em; line-height: 2; }  
  
/* UI Accordion
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; overflow:hidden; outline: 0; line-height: 1.3; text-decoration: none; /*font-size: 100%;*/ list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }