/*
CSS Name: Default Styles
Description: MOOSCHKA.COM Stylesheet
Author: Tomasz Razik http://www.ertedesign.com/
Version: 1.2
*/

html {overflow: -moz-scrollbars-vertical;}

body {
 background: #fff url('../images/layout/bg.jpg') center 0px repeat-y;
 margin: 40px 0;
 font-family: 'trebuchet ms', Arial, Verdana, Sans-serif;
 font-size: 14px;
 color: #4F5155;
}

a {color: #FF2F63;background-color: transparent;font-weight: normal;}

h1 {
 color: #444;
 background-color: transparent;
 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
 float:left;
 width:auto;
}

.h1m { width:100%; margin-top:17px; }

.error { padding:10px; background:#ff0000; color:#fff; font-weight:bold; margin:10px 0;}
.info_ok { padding:10px; background:#82CA9C; color:#245B38; font-weight:bold; margin:10px 0; }

h2.forumcat { background: url('../images/layout/forumcatbg.gif') top left repeat-x; height:35px; line-height:35px; font-size:18px; padding: 0px 10px; color:#471C36; margin:0;}
h4.forumrow { background: url('../images/layout/forumrowbg.gif') top left repeat-x; height:28px; line-height:28px; font-size:14px; padding: 0px 10px; color:#471C36; margin:0;}
.forumtable td ,.forumtable2 td{ 
  padding:5px; 
  vertical-align:top; 
  background:#fff;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: .7;
}
.forumtable td strong,.forumtable2 td strong { color:#933A6F; }

.forumdarktable td { background:#ccc; }

.req { font-weight:bold; color:#ff0000; }

code {font-family: Monaco, Verdana, Sans-serif; font-size: 12px; background-color: #f9f9f9; border: 1px solid #D0D0D0; color: #002166; display: block; margin: 14px 0 14px 0; padding: 12px 10px 12px 10px;}

a img { border:0; }

/* remember to define focus styles! */
:focus { outline: 0; }

.auto {width:auto;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

.float_left { float:left; }
.float_right { float:right; }
.align_right { text-align:right; }
.align_left { text-align:left; }
.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; margin: 0px; padding: 0px; }


/**--------------------------------------------------**/
ul#navlist {float:right;margin-left: 0;padding-left: 0;white-space: nowrap;}
#navlist li{display: inline;list-style-type: none;font-size:13px;font-stretch: ultra-condensed;}
#navlist a { padding: 6px 4px; font-weight:bold; text-transform:uppercase;}
#navlist a:link, #navlist a:visited{color: #000;background-color: #fff;text-decoration: none;}
#navlist a:hover{color: #fff;background-color: #B0314E;text-decoration: none;}
#navlist li#active a{color: #fff;background-color: #B0314E;text-decoration: none;}
/**--------------------------------------------------**/
ul#navlist2 {float:right;margin-left: 0;padding-left: 0;white-space: nowrap;}
#navlist2 li{display: inline;list-style-type: none;font-size:12px;font-stretch: ultra-condensed;}
#navlist2 a { padding: 6px 4px; font-weight:bold; text-transform:uppercase;}
#navlist2 a:link, #navlist2 a:visited{color: #000;text-decoration: none;}
#navlist2 a:hover{text-decoration: underline;}
#navlist2 li#active a{text-decoration: underline;}
/**--------------------------------------------------**/
ul#navlist3 {/*float:right;*/margin-left: 0;padding-left: 0;white-space: nowrap;}
#navlist3 li{display: inline;list-style-type: none;font-size:13px;font-stretch: ultra-condensed;}
#navlist3 a { padding: 6px 4px; font-weight:bold; text-transform:uppercase;}
#navlist3 a:link, #navlist3 a:visited{color: #000;background-color: #fff;text-decoration: none;}
#navlist3 a:hover{color: #fff;background-color: #B0314E;text-decoration: none;}
#navlist3 li#active a{color: #fff;background-color: #B0314E;text-decoration: none;}
/**--------------------------------------------------**/
#container { width:980px; margin: 0 auto;border-top:solid 0px #ccc; }
#home {}
#homelogo { position:absolute; z-index:10;margin-top:100px; }
#logo,#motto {display:none;}
#homemenu div{position:absolute;  margin-top:630px; margin-left:50px; }

#zajawki {
	position: absolute;
	z-index:9;
	padding:10px 5px 10px 5px;
	top:50%;left:50%;margin-left:370px;margin-top:-280px;
	width:200px;
	height:517px; font-size:12px;
	background:#efefef;
	border: solid 0px #000;
}
#zajawki img { border:solid 1px #B0314E; }
#zajawki a { color:#000; text-decoration:none; }
#zajawki a:hover { color:#555; text-decoration:underline; }

#banner1 {
  position: absolute;
  width: 90px;
  height: 540px;
  border: solid 1px #000;
  top:50%;
  left:50%;
  z-index:7;
  margin-left:-620px;
  margin-top:-260px;
  text-align:center;
  padding:1px;
}

h3.pink { color:#FF2F63; font-weight:bold; font-size:18px; border-top: solid 1px #890043; }

.team h4 { color:#FF2F63; font-weight:bold; font-size:16px; border-top: solid 1px #efefef; }
.team h4 span { color:#000; }
.team img { margin-right:20px; border: solid 1px #000; }

.mooschka_news img { margin-right:20px; border: solid 1px #000; width:60px; }
.mooschka_news p { padding:0;margin:0; }
.mooschka_news p span { font-size:10px; }

.gallery { text-align:left; }
.gallery img { margin-right:20px; border: solid 2px #FF2F63; }

.galBg ul li { display:inline; padding-right:10px;}
.galBg ul li img, .showsalon img { margin-right:10px; margin-top:10px; border: solid 2px #FF2F63; }

.links { text-align:right; font-size:11px; font-family:arial;}
.links a.on { font-weight:bold; color:#000000; }

.dots { background: url('../images/layout/dot.jpg') top left repeat-x; height:5px; }
.forumrow { font-size:11px; }

/*PAGINATION*/
ul#pagination {border:0; margin:0; padding:0;}
ul#pagination li{border:0; margin:0; padding:0;font-size:13px;list-style:none;}
ul#pagination a{border:solid 1px #890043;margin:5px 2px;padding:4px 8px;}
ul#pagination .previous-off,ul#pagination .next-off {color:#666666;display:block;float:left;font-weight:bold;}
ul#pagination .next a,ul#pagination .previous a {font-weight:bold;border:solid 1px #890043;}
ul#pagination .active{color:#fff;background:#890043;font-weight:bold;display:block;float:left;padding:5px 8px;margin:5px 2px;}
ul#pagination a:link,ul#pagination a:visited {color:#0063e3;display:block;float:left;}
ul#pagination a:hover{border:solid 1px #890043; background:#890043;}

.salon img { float:left; margin-right:20px; border: solid 1px #890043;}

#start { 
width:883px; 
height:599px; 
background: url('../images/layout/start.jpg') top left no-repeat; 
top:50%;
left:50%;
position: absolute;
margin-left:-442px;
margin-top:-299px;
}
#startzajawki { 
  width: 490px; 
  float:right; 
  margin-bottom:0px;
  padding-top:35px;
}
.startzajawka {
	background:#fff; 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: .9;
	padding: 1px 5px;
	zoom: 1;
	margin:0px 0px 5px 0px;
	border-top: solid 1px #B3304D;
}

.startzajawka a { color:#000; font-size:12px; font-weight:bold; text-decoration:none;/* text-transform:uppercase;*/}
.startzajawka a:hover { color:#890043; font-size:12px; font-weight:bold;text-decoration:underline; }
.startzajawka img { 
	border: solid 1px #890043; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	zoom: 1;
	z-index:20;
}

#startbanners {
width: 350px; 
float:left;
padding-top:310px;
}
#startbanners a {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: .8;
	padding: 1px 5px;
	zoom: 1;
}

/** SUBMENU **/
.underlinemenu{
font-weight: bold !important;
float:right;
margin-top:-25px;
margin-left:25px;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; /*set value to "left", "center", or "right"*/
}
.underlinemenu ul li{
display: inline;
}
.underlinemenu ul li a{
color: #000;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 5px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 0px solid #000; /*bottom border is 3px*/
font-weight: bold !important;
font-size:11px;
}
.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: #B0314E;
color: #B0314E;
}

.underlinemenu ul li a#active{
border-bottom-color: #B0314E;
background: #B0314E;
color:#fff;
}

.galrow span { font-size:11px; }

/** SUB MENU 2 **/
.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #B3304D; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
margin-top:-35px;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 11px Arial;
color: black;
text-decoration: none;
margin: 0 2px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: #fff; /*Default menu color*/
}

.invertedshiftdown2 a:hover{
background-color: #B3304D; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #B3304D; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .first a, .invertedshiftdown2 .first a:hover{ /** currently selected menu item **/
background-color: #fff !important; /*Highlight red color theme*/
color: #000;
font-weight:normal;
font-style:italic;
}

/****************/