@import 'reset.css';

/* 	Layout
 ``````````````````````````````````````````````````````````````````````````` */

body {
    background: #fff url("../images/bg.gif") repeat-x;
    font-family: Verdana, Arial,  "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
    font-size: 11px;
    color: #2d2f2a
}

h1 { font-size: 45px; color: #2a2a2a; }
h2 { font-size: 17px; color: #2c3a1b; }

p { line-height: 19px; text-align: left; }

a { text-decoration: none; cursor: pointer; color: #0054d3; }
a:hover { text-decoration: underline; }

ul { list-style-type: none; }


/* Page
 ``````````````````````````````````````````````````````````````````````````` */	

#page { width: 982px; margin: 0 auto 0 auto; position: relative; }

/* Header
 ``````````````````````````````````````````````````````````````````````````` */

#page #header { width: 100%; height: 239px; position: relative; }
#page #header .woman { width: 671px;; height: 239px; background: url("../images/top_women.jpg") no-repeat; position: absolute; right: -85px; top: 0; text-indent: -99999em; }
#page #header #logo { width: 210px;; height: 135px; background: url("../images/logo_sms_hulk.gif") no-repeat; position: absolute; left: 40px; top: 48px; text-indent: -99999em;  }

/* Header -> menu
 ``````````````````````````````````````````````````````````````````````````` */

#page #header #menu { width: 982px; height: 38px; background: url("../images/bg_menu.gif") no-repeat; position: absolute; bottom: 7px; }
#page #header #menu ul { margin: 2px 0 0 2px; }
#page #header #menu ul li { height: 20px; padding: 0 1px 0 1px; float: left; display: inline; background: none; /*url("../images/menu_bar.jpg") no-repeat top right; */ }
#page #header #menu ul li:last-child { background: none; }
#page #header #menu ul li a { display: block; margin-top:3px; color: #fff; font-family: Arial; text-shadow: 0px 1px 0px #454444; font-weight: bold; font-size: 10pt; }

/* Center
 ``````````````````````````````````````````````````````````````````````````` */

#page #center { width: 982px; min-height: 570px; background: url("../images/bg_center.gif") no-repeat; }

/* Header -> message
 ``````````````````````````````````````````````````````````````````````````` */

#page #center #message { width: 650px; min-height: 282px; height: auto!important; height: 282px; float: left; display: inline; background: url("../images/kom.png") no-repeat top right; margin: 25px 0 0 65px; }
#page #center #message p { width: 65%; margin: 15px 0 15px; }
#page #center #message p a { text-decoration: underline; }

/* Center -> right column
 ``````````````````````````````````````````````````````````````````````````` */

#page #center #right { width: 230px; float: right; display: inline; margin: 18px 10px 0 0; }

/* Center -> right column -> panel
 ``````````````````````````````````````````````````````````````````````````` */

#page #center #right #panel { width: 227px; height: 203px; background: url("../images/bg_panel.gif") no-repeat; float: right; display: inline; }
#page #center #right #panel fieldset { margin: 22px 0 0 20px; display: block; }
#page #center #right #panel fieldset ul.form { margin: 0; top: 0; left: 0; width: 100%; }
#page #center #right #panel fieldset ul.form li { margin: 0 0 7px 0; height: 50px; }
#page #center #right #panel fieldset ul.form li label { color: #2a2a2a; font-weight: bold; font-family: Tahoma; display: block; margin: 0 0 5px 5px; }
#page #center #right #panel fieldset ul.form li input { display: block; color: #2a2a2a; padding: 8px 0 22px 10px; margin-bottom: -12px; width: 174px; background: url("../images/bg_input.gif") no-repeat; }
#page #center #right #panel fieldset ul.form li.submit { width:88%; text-align: right; margin: 10px 24px 0 0; position: relative; }
#page #center #right #panel fieldset ul.form li.submit input { padding: 0; margin: 0; width: auto!important; height: auto; display: inline; }

#page #center #right #panel fieldset ul { position: relative; top: -48px; width: 50%; }
#page #center #right #panel fieldset ul li { margin-bottom: 3px; }
#page #center #right #panel fieldset ul li a { text-decoration: underline; }

#page #center #right .sms_hulk_chat { display: block; width: 225px; height: 78px; background: url("../images/banner_smshulkchat.gif") no-repeat; text-indent: -99999em; margin: 0 0 0 3px; }

/* Center -> boxes
 ``````````````````````````````````````````````````````````````````````````` */

#page #center #boxes { width: 940px; margin: 10px 0 0 25px; }
#page #center #boxes .box { min-height: 400px; width: 303px; background: url("../images/box_bg_height.jpg") repeat-y; margin: 0 15px 0px 0; float: left; display: inline; }
#page #center #boxes .box.last { margin-right: 0; }
#page #center #boxes .box_bottom { width: 303px; min-height: 400px; position:inherit; height: auto!important; height: 180px; background: url("../images/box_bg_bottom.jpg") no-repeat left bottom; }
#page #center #boxes .box .head { width: 303px; height: 67px; background: url("../images/box_bg_height.jpg") repeat-y; }
#page #center #boxes .box .head h2 { position: relative; top: 10px; left: 14px; text-shadow: 0 1px 0 #fff; }
#page #center #boxes .box .head.green { background: url("../images/box_header_green.jpg") repeat-y; }
#page #center #boxes .box .head.yellow { background: url("../images/box_header_yellow.jpg") repeat-y; }

#page #center #boxes .box p { width: 80%; margin: 0 auto 10px auto; }




/* Center Members
 ``````````````````````````````````````````````````````````````````````````` */

#page #center-member { width: 982px; min-height: 600px; background: url("../images/bg_center.gif") no-repeat; font-size: 12px; }

/* Center Members Header -> message
 ``````````````````````````````````````````````````````````````````````````` */

#page #center-member #message { width: 550px; min-height: 282px; height: auto!important; height: 282px; float: left; display: inline; margin: 25px 0 0 65px; }
#page #center-member #message p { width: 95%; margin: 15px 0 15px; }
#page #center-member #message p a { text-decoration: underline; }

/*  Center Members -> right column
 ``````````````````````````````````````````````````````````````````````````` */

#page #center-member #right { width: 230px; float: right; display: inline; margin: 18px 10px 0 0; }

/*  Center Members -> right column -> panel
 ``````````````````````````````````````````````````````````````````````````` */

#page #center-member #right #panel { width: 327px; height: 203px; float: right; display: inline; }
#page #center-member #right #panel fieldset { margin: 22px 0 0 20px; display: block; }
#page #center-member #right #panel fieldset ul.form { margin: 0; top: 0; left: 0; width: 100%; }
#page #center-member #right #panel fieldset ul.form li { margin: 0 0 7px 0; height: 50px; }
#page #center-member #right #panel fieldset ul.form li label { color: #2a2a2a; font-weight: bold; font-family: Tahoma; display: block; margin: 0 0 5px 5px; }
#page #center-member #right #panel fieldset ul.form li input { display: block; color: #2a2a2a; padding: 8px 0 22px 10px; margin-bottom: -12px; width: 174px; background: url("../images/bg_input.gif") no-repeat; }
#page #center-member #right #panel fieldset ul.form li select { display: block; color: #2a2a2a; padding: 8px 0 22px 10px; margin-bottom: -12px; width: 250px; background: url("../images/bg_input.gif") no-repeat; }
#page #center-member #right #panel fieldset ul.form li.submit { width:88%; text-align: right; margin: 10px 24px 0 0; position: relative; }
#page #center-member #right #panel fieldset ul.form li.submit input { padding: 0; margin: 0; width: auto!important; height: auto; display: inline; }

#page #center-member #right #panel fieldset ul { position: relative; top: -48px; width: 50%; }
#page #center-member #right #panel fieldset ul li { margin-bottom: 3px; }
#page #center-member #right #panel fieldset ul li a { text-decoration: underline; }

#page #center-member #right .sms_hulk_chat { display: block; width: 225px; height: 78px; background: url("../images/banner_smshulkchat.gif") no-repeat; text-indent: -99999em; margin: 0 0 0 3px; }

/*  Center Members -> boxes
 ``````````````````````````````````````````````````````````````````````````` */

#page #center-member #boxes { width: 940px; margin: 10px 200px 0 0px; }
#page #center-member #boxes .box { width: 303px; background: url("../images/box_bg_height.jpg") repeat-y; margin: 0 15px 0px 0; float: left; display: inline; }
#page #center-member #boxes .box.last { margin-right: 0; }
#page #center-member #boxes .box_bottom { width: 303px; min-height: 500px; position: inherit;/*height: auto!important; height: 180px; */ background: url("../images/box_bg_bottom.jpg") no-repeat left bottom; }
#page #center-member #boxes .box .head { width: 303px; height: 67px; background: url("../images/box_bg_height.jpg") repeat-y; }
#page #center-member #boxes .box .head h2 { position: relative; text-align:center; top: 10px; left: 14px; text-shadow: 0 1px 0 #fff; }
#page #center-member #boxes .box .head.green { background: url("../images/box_header_green2.png") repeat-y; }
#page #center-member #boxes .box .head.yellow { background: url("../images/box_header_yellow.jpg") repeat-y; }

#page #center-member #boxes .box p { width: 80%; margin: 0 auto 10px auto; }

/* Center Members -> right column -> panel
 ``````````````````````````````````````````````````````````````````````````` */

#page #center-member #message fieldset { margin: 22px 0 0 20px; display: block; }
#page #center-member #message fieldset ul.form { margin: 0; top: 0; left: 0; width: 100%; }
#page #center-member #message fieldset ul.form li { margin: 0 0 7px 0; }
#page #center-member #message fieldset ul.form li label { color: #2a2a2a; font-weight: bold; font-family: Tahoma; display: block; margin: 0 0 5px 5px; }
#page #center-member #message fieldset ul.form li label.inner_label { color: #2a2a2a; font-weight: normal; font-family: Tahoma; display: block; margin: 0 0 5px 5px; }
#page #center-member #message fieldset ul.form li.normal_input input { display: block; color: #2a2a2a; padding: 8px 0 22px 10px; margin-bottom: -12px; width: 250px; background: url("../images/bg_input.png") no-repeat; font-size: 12px; }
#page #center-member #message fieldset ul.form li.monoinput input { display: inline; color: #2a2a2a; padding: 8px 0 22px 10px; margin-bottom: -12px; }
#page #center-member #message fieldset ul.form li.submit { width:88%; text-align: left; margin: 10px 24px 0 0; position: relative; }


#page #center-member #message fieldset ul.form li.submit input:hover {border: 1px solid #000099;}
/*
#page #center-member #message fieldset ul.form li.submit input:focus {border: 1px solid #907981;}
#page #center-member #message fieldset ul.form li.submit input:active {border: 1px solid #907981;} 
*/



#page #center-member #message fieldset ul.form li.submit input { padding: 5px; margin: 3px; border:1px solid #C8E8FD; width: auto!important; height: auto; display: inline; }




#page #center-member #message fieldset ul { position: relative; top: -48px; width: 50%; }
#page #center-member #message fieldset ul li { margin-bottom: 3px; }
#page #center-member #message fieldset ul li a { text-decoration: underline; }

#page #center-member #right .sms_hulk_chat { display: block; width: 225px; height: 78px; background: url("../images/banner_smshulkchat.gif") no-repeat; text-indent: -99999em; margin: 0 0 0 3px; }

/* Center Members -> messasge -> table
 ``````````````````````````````````````````````````````````````````````````` */

#page #center-member #message table { width: 100%; padding:7px; border: thin solid #78A8FD;  }
#page #center-member #message .tbl th { padding:7px; background-color:#78A8FD; color:#fff }
#page #center-member #message .tbl td { padding:7px; }

/* Header -> menu-member
 ``````````````````````````````````````````````````````````````````````````` */

#page #header #menu-member { width: 982px; height: 38px; background: url("../images/bg_menu.gif") no-repeat; position: absolute; bottom: 7px; }
#page #header #menu-member ul { margin: 9px 0 0 16px; }
#page #header #menu-member ul li { height: 20px; padding: 0 26px 0 26px; float: left; display: block; background: url("../images/menu_bar.jpg") no-repeat top right; }
#page #header #menu-member ul li:last-child { background: none; }
#page #header #menu-member ul li a { display: block; margin-top:3px; color: #fff; font-family: Arial; text-shadow: 0px 1px 0px #454444; font-weight: bold; font-size: 10pt; }

/* Center Members -> Top menu drop down

 ``````````````````````````````````````````````````````````````````````````` */

#page #header #menu-member ul { /* all lists */
	list-style: none;
}
#member-bar ul li ul li { /* all list items */
	float: left;
  position: relative;
	padding: 3px;
}

#page #header #menu-member ul li ul { /* second-level lists */
	display: none;
  position: absolute;
 	top: 1em;
	left: 0;
}

#page #header #menu-member ul li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#page #header #menu-member ul li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
/*
	background-color:#02437D;  
	*/
	background-color: #AACA45;
	z-index:100;
}

#page #header #menu-member ul li ul li a {
	display: block;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	width:100%;
}

#page #header #menu-member ul li ul li
{
	display: block;
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-bottom-width: thin;
	padding: 0px;
	margin: 0px;
	width:180px;
}

#page #header #menu-member ul li ul li a:hover {
		
}

/* Footer
 ``````````````````````````````````````````````````````````````````````````` */

#footer { color: #78A8FD; clear: both; width: 100%; height: 53px; background: url("../images/bg_footer.gif") repeat-x; margin-top: 10px; }
#footer .padding { width: 700px; margin: 0 auto 0 auto; padding: 15px 0 0 0; text-align: right; }
#footer .padding a { color: #fff; }


/*  Formularze
 ``````````````````````````````````````````````````````````````````````````` */

input { font-size: 12px; color: #63634e; border: none; }
select { font-size: 12px; color: #63634e; border: 1px solid #1a99ee; padding:4px; block; color: #2a2a2a; height:30px; width: 250px; }
textarea { font-size: 12px; color: #63634e; border: 1px solid #1a99ee; color: #2a2a2a; margin-bottom: 12px; width: 247px; height:100px; }

/* Menu css                 
--------------------------------------------------------*/

#popitmenu{	
	position: absolute;
	background-color: #F6F6F6;
	border:1px solid black;
	font: normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	visibility: hidden;
}

#popitmenu a{
	text-decoration: none;
	padding-left: 6px;
	color: black;
	display: block;
}

#popitmenu a:hover{ /*hover background color*/
	background-color: #0887DC;
}
/* Additional css
----------------------------------------------*/
.errortxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	/*
	//Irrelevant
	background-repeat: no-repeat;
	background-position: left center;
	font-style: normal;
	font-weight: normal;*/
	padding: 5px;
}

/* New Container
--------------------------------------------------------------*/
#content-container {
	width:100%;
}
#left-content {
	float:left;
	width:48%;
}
#right-content {
	float:right;
	width:48%;
}
#right-content table {
	width:50%;
	margin:10px 2px 2px 4px;
}
#right-content table th {
	text-align:center;
	background-color:#6891f9;
	color:#fff;
	padding:5px;
}
#right-content table td {
	padding:1px 1px 1px 5px;
}