/* 
    Document   : main.css
    Created on : 2012-06-04, 00:03:41
    Author     : Jarosław Twarowski
    Description:
        Purpose of the stylesheet follows.
*/

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}

/* clear float */
.clearfloat {clear:both; height:0; font-size:1px; line-height:0px;}

/* common styles */
img {border: 0;}
.floatleft {float:left;}
.floatright {float:right;}

body { 
    font-weight:normal;
    text-align:left; 
    color:#fff; 
    font-family: Tahoma, Verdana, sans-serif; 
    font-size:14px;
}
h1{color:#fff;font-size:24px;font-weight: bold; font-family: "Trebuchet MS";}
h2{color:#fff;font-size:18px;font-weight: normal;}
a,a:visited,a:active {color:#fff;text-decoration: underline;}
a:hover {color:#fff;text-decoration: underline;} 
p {line-height:140%;padding:5px 0}

html{background:transparent url(/themes/frogut/images/bg.png) no-repeat top center fixed;}
#wrapper{margin: 0 auto;width: 980px;position: relative;}

.nav-item-165{
color: #cc0000 !important;
text-transform: uppercase;
}

#logo_wrapper{background:transparent url(/themes/frogut/images/logo_bg.png) no-repeat;width:222px; height: 74px;margin:50px 0 15px 15px}
#logo_wrapper img{margin:11px 12px 11px 13px}

#menu{width: 487px;height: 127px;position: absolute;right: -15px;top:35px;background:transparent url(/themes/frogut/images/menu_bg.png) no-repeat;}
#menu ul{list-style: none}
#menu li{float:left;}
#menu li a{text-decoration: none;text-align: center;display: block;}

#menu li.nav-item-85{margin:10px 0 0 8px;}
#menu a.nav-item-85{float: left;height: 48px;padding: 29px 0 0;width: 70px;}
#menu li.nav-item-69{margin:28px 0 0 23px;}
#menu a.nav-item-69{float: left;height: 45px;padding: 24px 0 0;width: 68px;}
#menu li.nav-item-86{margin: 19px 0 0 11px;}
#menu a.nav-item-86{float: left;height: 60px;padding: 40px 0 0;width: 100px;}
#menu li.nav-item-91{margin: 8px 0 0 15px;}
#menu a.nav-item-91{float: left;height: 56px;padding: 35px 0 0;width: 95px;}
#menu li.nav-item-92{margin: 35px 0 0 28px;}
#menu a.nav-item-92{float: left;height: 43px;padding: 23px 0 0;width: 65px;}

/*en*/
#menu li.nav-item-103{margin:10px 0 0 8px;}
#menu a.nav-item-103{float: left;height: 48px;padding: 29px 0 0;width: 70px;}
#menu li.nav-item-104{margin:28px 0 0 23px;}
#menu a.nav-item-104{float: left;height: 45px;padding: 24px 0 0;width: 68px;}
#menu li.nav-item-109{margin: 19px 0 0 11px;}
#menu a.nav-item-109{float: left;height: 60px;padding: 40px 0 0;width: 100px;}
#menu li.nav-item-117{margin: 8px 0 0 15px;}
#menu a.nav-item-117{float: left;height: 56px;padding: 35px 0 0;width: 95px;}
#menu li.nav-item-120{margin: 35px 0 0 28px;}
#menu a.nav-item-120{float: left;height: 43px;padding: 23px 0 0;width: 65px;}

/*de*/
#menu li.nav-item-122{margin:10px 0 0 8px;}
#menu a.nav-item-122{float: left;height: 48px;padding: 29px 0 0;width: 70px;}
#menu li.nav-item-123{margin:28px 0 0 23px;}
#menu a.nav-item-123{float: left;height: 45px;padding: 24px 0 0;width: 68px;}
#menu li.nav-item-128{margin: 19px 0 0 11px;}
#menu a.nav-item-128{float: left;height: 60px;padding: 40px 0 0;width: 100px;}
#menu li.nav-item-136{margin: 8px 0 0 15px;}
#menu a.nav-item-136{float: left;height: 56px;padding: 35px 0 0;width: 95px;}
#menu li.nav-item-139{margin: 35px 0 0 28px;}
#menu a.nav-item-139{float: left;height: 43px;padding: 23px 0 0;width: 65px;}

/*se*/
#menu li.nav-item-141{margin:10px 0 0 8px;}
#menu a.nav-item-141{float: left;height: 48px;padding: 29px 0 0;width: 70px;}
#menu li.nav-item-142{margin:28px 0 0 23px;}
#menu a.nav-item-142{float: left;height: 45px;padding: 24px 0 0;width: 68px;}
#menu li.nav-item-147{margin: 19px 0 0 11px;}
#menu a.nav-item-147{float: left;height: 60px;padding: 40px 0 0;width: 100px;}
#menu li.nav-item-155{margin: 8px 0 0 15px;}
#menu a.nav-item-155{float: left;height: 56px;padding: 35px 0 0;width: 95px;}
#menu li.nav-item-158{margin: 35px 0 0 28px;}
#menu a.nav-item-158{float: left;height: 43px;padding: 15px 0 0;width: 65px;}

#content_wrapper{width:980px;text-align: left;background:transparent url(/themes/frogut/images/bg_2.png) no-repeat;height: 480px}
#inner_content_wrapper{margin: 18px 0 0 18px;float:left;height: 432px;width: 944px;}

#inner_content_wrapper.o-nas{background: url(/themes/frogut/images/o_nas.png) no-repeat 0 0}
#inner_content_wrapper.o-nas #main_area{width:490px; float:left;padding: 65px 0 50px 60px;}
#inner_content_wrapper.o-nas #image1{position: absolute;top:325px;left:560px;}
#inner_content_wrapper.o-nas #image2{display: none}
#inner_content_wrapper.o-nas #submenu a{display: block;color:#fc4c94;width:100px;background:url(/themes/frogut/images/submenu_1b.png) no-repeat 100% 50%;}
#inner_content_wrapper.o-nas #submenu a:hover{color:#940552;background:url(/themes/frogut/images/submenu_1a.png) no-repeat 100% 50%;}
#inner_content_wrapper.o-nas #submenu .nav-selected a{color:#940552;background:url(/themes/frogut/images/submenu_1a.png) no-repeat 100% 50%;}

#inner_content_wrapper.produkty{background: url(/themes/frogut/images/produkty.png) no-repeat 0 0}
#inner_content_wrapper.produkty #main_area{width:490px; float:right;padding: 85px 20px 50px 60px;}
#inner_content_wrapper.produkty #submenu{float:left;color:#2cb7e9;padding:135px 0 0;width:150px;}
#inner_content_wrapper.produkty #submenu a{display: block;color:#2cb7e9;width:135px;background:url(/themes/frogut/images/submenu_2b.png) no-repeat 0 50%;padding-left:15px}
#inner_content_wrapper.produkty #submenu a:hover{color:#0a82ad;background:url(/themes/frogut/images/submenu_2a.png) no-repeat 0 50%;}
#inner_content_wrapper.produkty #submenu .nav-selected a{color:#0a82ad;background:url(/themes/frogut/images/submenu_2a.png) no-repeat 0 50%;}


#inner_content_wrapper.produkty #image1{position: absolute;top:340px;left:220px;}
#inner_content_wrapper.produkty #image2{display: none}

#inner_content_wrapper.ekologia{background: url(/themes/frogut/images/ekologia.png) no-repeat 0 0}
#inner_content_wrapper.ekologia #main_area{width:490px; float:left;padding: 65px 0 50px 60px;}

#inner_content_wrapper.ekologia .bigImage{position: absolute;top:85px;left:115px;}

#inner_content_wrapper.kontakt{background: url(/themes/frogut/images/kontakt.png) no-repeat 0 0}
#inner_content_wrapper.kontakt #main_area{width:490px; float:left;padding: 65px 0 50px 60px;}
#inner_content_wrapper.kontakt #submenu{display: none;}
#inner_content_wrapper.kontakt #image1{position: absolute;top:310px;left:790px;}
#inner_content_wrapper.kontakt #img1_txt{position: absolute;top:25px;left:32px;color:#666666;font-size: 11px;text-align: center}
#inner_content_wrapper.kontakt #img1_txt a{color:#666666;font-size: 11px;}
#inner_content_wrapper.kontakt #image2{position: absolute;top:150px;left:560px;}
#inner_content_wrapper.kontakt #img2_txt{position: absolute;top:28px;left:61px;color:#666666;font-size: 11px;text-align: center}
#inner_content_wrapper.kontakt #img2_txt a{color:#666666;font-size: 11px;}

#inner_content_wrapper.kontakt #dojazd{display: none; position: absolute;top:160px;left:475px;z-index: 999;}
#inner_content_wrapper.kontakt #dojazd a{left: 271px;position: absolute;top: 36px;width: 20px;z-index: 1000;text-decoration: none;}
#inner_content_wrapper.kontakt #jak-dojechac{margin-top:65px;cursor: pointer}

#main_area h1{padding-bottom: 10px;}
#main_area ul{padding:10px 0 10px 30px;}



#submenu{width:110px;float:right;color:#fc4c94;padding: 200px 0 0;}
#submenu ul{list-style: none;}
#submenu ul li {padding-bottom: 5px}
#submenu a{text-decoration:none;line-height: 150%;font-weight:bold;font-size:12px}


#footer{font-size:10px;font-family: Tahoma;color:#d59dbb;margin: 0 0 0 20px;width: 940px;}
#footer span{font-weight:bold;color:#fff;font-size: 11px;}
#footer #copy{margin-top:10px}


#note {float:left;width:780px}
#lang{float:right;margin:0;width: 100px;}
#lang img{width:20px;height:20px}
.tekst{font-size:11px; color:#000;padding-top: 25px;}
/*
#lang a{    background-color: #E8E8E8;
    color: #C1C1C1;
    display: block;
    float: left;
    font-size: 11px;
    margin: 0 2px 0 0;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
    width: 24px;}
#lang a:hover{text-decoration: none;}
#lang a.selected{color:#059da2;}




 menu 
#menu {margin: 20px auto 0;}
#menu ul {list-style-type:none;}
#menu li {float:left; padding:0 1px;}
#menu li.last {border:none;padding-right: 0;}
#menu li a {color:#fff; text-decoration:none; font-size:17px;font-weight:normal; padding: 8px 6px;display:block; background-color: #079CA5}
#menu li a:hover, #menu li a.nav-selected {background-color: #5CBF14}

#content{
    margin:30px 20px;
    position: relative;
}
#content span{
    color:#42B4BB;
    font-weight:bold;
}
#content a, #content a:visited{
    color:#42B4BB;
     text-decoration: none;
}
#content a:hover{
    text-decoration: underline;
}
.modal_box{
    background-color: #0999A2;
    width: 710px;
    padding:10px 0;
    color:#fff;
    position: fixed;
    display:none;
    z-index:9999 !important;
    zoom:1;
}
.scroll{
        overflow: auto;
        max-height: 500px;
        padding: 0 20px;
}
.modal_box .close{
    text-align: right;
}

.modal_box h2{
    color: #CFFD67;
    margin-top: 0px;
}

#content ul{
    margin: 15px;
}

 Z-index of #mask must lower than #boxes .window 
#mask {
  position:absolute;
  z-index:200;
  background-color:#efefef;
  display:none;
  top:0;
  left:0;
}

.modal_box ul{margin: 10px 10px 0 20px;}*/


.MD_KONTENER{height:1445px;}
.MD_KONTENER2{height:1320px;}
#mb_ext {width:930px; min-height:400px; background:white; margin:-12px 0 15px 10px; padding:0 15px 15px; box-shadow:0px 0px 8px 4px #850347;}
#mb_ext2 {width:930px; min-height:226px; background:white; margin:-12px 0 15px 10px; padding:15px 15px 15px; box-shadow:0px 0px 8px 4px #850347;}
#mb_ext2 p {color:#3e3e3e;}
#mb_ex2 ul {margin:0 0 15px 20px;}
#mb_ext2 ul li {color:#3e3e3e;margin:0 0 15px 20px;}
#mb_ext h1 {color:#850347; font-weight:bold; font-size:24px; padding:20px 0; text-align:center;}
#mb_ext h2 {color:#000000; font-size:24px; font-family: "Trebuchet MS"; border-bottom:1px solid #850347; padding-top:20px; margin-bottom:20px; font-weight:normal;}
#mb_ext h3 {color:#3e3e3e; font-size:20px; padding:20px 0; font-family: "Trebuchet MS"; font-weight:normal;}
#mb_ext p {color:#3e3e3e;}
#mb_ext a {color:#2cb7e9;}
#mb_ext a:hover {color:#0a82ad;}
#mb_ext ul {margin:0 0 15px 20px;}
#mb_ext ul li {color:#3e3e3e;}
#mb_ext ol {margin:0 0 15px 20px;}
#mb_ext ol li {color:#3e3e3e; padding:3px 0; font-weight:bold;}
#mb_ext ol li span {font-weight:normal;}

#mb_ext .mb_zajaw {float:left; width:310px; text-align:center; margin-bottom: 10px; padding:10px 0;}
#mb_ext .mb_zajaw a {display:block; text-decoration:none; font-size:16px;}
#mb_ext .mb_zajaw:hover a {color:#0a82ad;}
#mb_ext .mb_zajaw a img {height:175px;}
#mb_ext .mb_zajaw p {height:60px; padding:10px;}
#mb_ext h2.mb_index_h2 {color:#850347; font-size: 24px; font-weight: bold; padding: 20px 0; text-align: center; margin-bottom:0; border-bottom:0;}

#mb_ext .mb_zajaw2 {float:left; width:310px; text-align:center; margin-bottom: 10px; padding:10px 0;}
#mb_ext .mb_zajaw2 a {display:block; text-decoration:none; font-size:16px;}
#mb_ext .mb_zajaw2:hover a {color:#0a82ad;}
#mb_ext .mb_zajaw2 a img {height:175px;}
#mb_ext .mb_zajaw2 p {height:205px; padding:10px;}

#mb_ext .mb_zajaw3 {float:left; width:935px; text-align:center; margin-bottom: 10px; padding:10px 0;}
#mb_ext .mb_zajaw3 a {display:block; text-decoration:none; font-size:16px;}
#mb_ext .mb_zajaw3:hover a {color:#0a82ad;}
#mb_ext .mb_zajaw3  img {float:left;height:175px;}
#mb_ext .mb_zajaw3 p {width:725px;height:90px; padding:10px; text-align:left;}
#mb_ext .mb_zajaw3 h3 {color:#3e3e3e; font-size:20px; padding:12px 0; font-family: "Trebuchet MS"; font-weight:normal;}
#mb_ext .mb_zajaw3 h2 {width:725px; margin-bottom:0px;}
#mb_ext .mb_zajaw3.MD_LEFT h2 {margin-left:185px; text-align:right; padding-right:15px;}
#mb_ext .mb_zajaw3.MD_LEFT p {margin-left:185px;}
#mb_ext .mb_zajaw3.MD_RIGHT h2 { text-align:left; padding-left:15px;}
#mb_ext .mb_zajaw3.MD_RIGHT img {float:right;}

#mb_ext .mb_zajaw_prod {width:455px; padding:10px 10px 0px 0; margin-top:20px;}
#mb_ext .mb_zajaw_prod a img {float:left; margin-top:10px;}
#mb_ext .mb_zajaw_prod .mb_zajaw_name {border-bottom:1px solid #2cb7e9; padding-bottom:3px; margin:0 15px 0 65px;}
#mb_ext .mb_zajaw_prod .mb_zajaw_inner {float:left; width:269px;}
#mb_ext .mb_zajaw_prod .mb_zajaw_inner p {text-align:left; height:180px;}
#mb_ext .mb_zajaw_prod .mb_zajaw_inner2 {float:left; width:269px;}
#mb_ext .mb_zajaw_prod .mb_zajaw_inner2 p {text-align:left; height:315px;}
#mb_ext .mb_img_zajaw {float:left; width:230px; height:220px; text-align:center; padding:15px 0; margin:0 2px 2px 0; background:#999073; }
#mb_ext .mb_img_zajaw div {display:table-cell; width:230px; height:220px; vertical-align:bottom;}
#mb_ext .mb_img_zajaw div img {max-width:220px; max-height:220px;}
.mb_clear {clear:both;}

.bcontainer{padding-right:15px;margin-right:auto;margin-left:auto;width:100%}
.brow{margin-right:-15px;margin-left:-15px;margin-top:30px;margin-bottom:15px}
.brow:after,.brow:before{display:table;content:" "}
.brow:after{clear:both}
.bcol-sm-6,.bcol-sm-3,.bcol-sm-4,.bcol-sm-8,.bcol-sm-12{
position:relative;min-height:1px;padding-right:15px;padding-left:15px;-webkit-box-sizing: border-box;}
@media (min-width:768px){.bcol-sm-6{float:left;width:50%}.bcol-sm-3{float: left;width:25%;}.bcol-sm-4{float:left;width:33.33333333%}.bcol-sm-8{float:left;width:66.66666667%}.bcol-sm-12:{float: left;width: 100%;}}
.brow p{text-align:justify; }
.brow img{width: 100%}
.brow h1{font-size: 32px;}.brow h2{font-size: 24px;}
.bcontainerbg{    width: 930px;
    min-height: 400px;
    background: white;
    margin: -12px 0 15px 10px;
    padding: 0 15px 15px;
    box-shadow: 0px 0px 8px 4px #850347; color:black}
.bcontainer h2{    color: #850347;
    font-weight: bold;
    font-size: 18px;
    padding: 20px 0;
    text-align: center;
    font-family: "Trebuchet MS";}
.bcontainer h1{    color: #850347;
    font-weight: bold;
    font-size: 24px;
    padding: 20px 0;
    text-align: center;}
    font-family: "Trebuchet MS";




#menu ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#menu ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#menu ul li.current-menu-item
{
	background:#ddd
}

#menu ul ul li:hover
{
	background:#f6f6f6
}

#menu ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
    z-index:100;
}

#menu ul ul li
{
	float:none;
	width:200px
}

#menu ul ul a
{
	line-height:120%;
	padding:10px 15px;
    color:#000;
}

#menu ul ul ul
{
	top:0;
	left:100%
}

#menu ul li:hover > ul
{
	display:block
}

/* === seo ==*/

.seo {
    margin-top: 90px;
    display: block;
}

.old_h1 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    font-family: "Trebuchet MS";
    padding-bottom: 10px;
}

.seo_btn {
    background: #9D1B61;
    border-radius: 10px;
    padding: 7px 15px;
}

#submenu {
    margin-top: -65px;
}
.seo img {
    margin-top: 15px;
}
.CTA {
    background: #850347;
    padding: 15px;
    color: #fff;
    text-align: right;
    font-size: 22px;
}

.CTA a {
    text-decoration: none;
}
.CTA a:hover{
    text-decoration: underline;
}