/* 
    Document   : style
    Created on : 2009-06-22, 12:46:25
    Author     : Dorota
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


#body {

background:transparent url(../pixnew/tlo.png) repeat-x;    /*poprzedni kolor d6d6d6*/
font-family:Tahoma,Trebuchet MS,Arial;
margin:auto;
font-size:11px;
height:100%;
width:100%;
text-align:center;
}
#bodyContainer {
height:100%;
margin:auto;
position:relative;
text-align:left;
top:0px;
width:1012px; /*szerokość cześci z treścią - poprzednio 1100px*/
background-color:#padding-top:15px;;  /*poprzednio   background:transparent url(../pixnew/tlo.png) repeat-x*/;           
}
#menuContainer {
background:transparent ;
height:60px;
padding-top:15px;
position:relative;

}
#logo {
background:transparent url(../pixnew/logo_mc_new.png) no-repeat scroll 0 0;
float:left;
height:60px;
margin-left:0px;
position:relative;
width:264px;
}
#menuUp {
background:transparent url(../pixnew/tlo_menu_gornego.png);
height:60px;
float:left;
margin-left:40px;
margin-top:-5px;
position:relative;
text-align:left;
}
#menuUp img {
    margin-right:0px;
}
.menu_box {
background:transparent url(../pixnew/menu_box.png) no-repeat scroll 0 0;
float:left;
height:60px;
margin-left:35px;
margin-top:0;
position:relative;
width:100px;
    }
.newsletter {
width:300px;
float:left;
position:relative;
margin-left:5px;
}
.news {
font-family:Tahoma,Trebuchet MS,Arial;
font-size:12px;   /*czcionka do stopki newslettera */
line-height:12px;
margin-top:0;
margin-bottom:5px;
}
input, textarea {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #98A6B4;
font-family:Verdana, Tahoma;
font-size:11px;
text-align:center;
}
form {
    float:left;
}
.news_title {
font-family:Verdana, Tahoma,Trebuchet MS,Arial;
font-size:12px;
font-weight:bold;
margin-bottom:0;
margin-top:0;
}
#contantContainer {
padding-top:5px;
float:left;
left:0px; /*przesunięcie części z obrazkami/grafikami na głównej stronie z lewej*/
position:relative;
right:50px;
/*top:15px;*/
width:1012px;
}
#tloUp {
background: transparent  /* kolor tła w cześci z graficzkami */ 
height:303px;
width:100%;
}
#tloDown {
background: transparent;

/*background-color:#f0f0f0;
padding-top:15px; */
float:left;
/* margin-top:5px; */
width:100%;
margin-bottom:0;
}


#stopka {

background: transparent;
/*background-color:#f0f0f0; */
font-family: Verdana, Tahoma,Trebuchet MS,Arial;
font-size:11px;
width:100%;
float:left;
}

.line {
background:transparent url(../pixnew/line.png) no-repeat scroll 0 0;
background-position:center; 
background: transparent;
/*background-color:#f0f0f0; */
float:left;
height:27px;
margin-top:0px;
width:100%;

}
.end {
background: transparent ;
/*background-color:#f0f0f0; */
float:left;
font-size:11px;
width:100%;
height:65px;
text-align:center;
}
.end a {
    color:#4a55a3;
    }
.box_logo {
color:black;
float:right;
font-size:11px;
line-height:15px;
margin-top:0;
text-align:left;
width:300px;
}
div.okienko { 
background-color:#c0c0c0; 
width:790px;  
height:293px;  
float:left;
margin:5px;
border:12;
}  
div.okienko IMG {  
 border:0px;  
}  
/*
.img_opel {
background:transparent url(../pixnew/img_opel.png) no-repeat scroll 0 0;
border:0 none;
float:left;
height:293px;
margin-left:5px;
margin-right:1px;
margin-top:5px;
width:797px;
} */
.menu {
float:left;
height:293px;
margin-top:5px;
width:162px;
}
.text_menu {
color:#ffffff;
font-family:Verdana, Tahoma, Helvetica, Trebuchet MS,Arial;
font-weight:bold;
font-variant:small-caps;
font-size:12px;
margin-left:8px;
margin-top:13px;
text-align:left;
}
.text_small {
color:white;
font-family:Trebuchet MS,Arial;
font-size:12px;
margin-left:20px;
margin-top:8px;
text-align:left;
}
.button_first {
     background:transparent url(../pixnew/button_menu_first_new.png) no-repeat scroll 0 0; /*pierwszy przycisk menu po prawej*/
     width:200px;
     height:48px;
     float:left;
     cursor:pointer;
	 }
.button_krem_first {
     background:transparent url(../pixnew/button_krem_first_new.png) no-repeat scroll 0 0; /*pierwszy przycisk menu po prawej podczas najechania na niego myszką*/
     width:200px;
     height:48px;
     float:left;
          cursor:pointer;
}
.button_menu {
     background:transparent url(../pixnew/butt_menu_new.png) no-repeat scroll 0 0;
     width:200px;
     height:48px;
     float:left;
    cursor:pointer;
}
.button_krem {
     background:transparent url(../pixnew/button_krem_new.png) no-repeat scroll 0 0;
     width:200px;
     height:48px;
     float:left;
          cursor:pointer;
}
.button_fiolet {
     background:transparent url(../pixnew/button_fiolet.png) no-repeat scroll 0 0;
     width:200px;
     height:48px;
     float:left;
     margin-bottom:1px;
     cursor:pointer;
}
.button_ciemny {
     background:transparent url(../pixnew/button_ciemny.png) no-repeat scroll 0 0;
     width:200px;
     height:48px;
     float:left;
     margin-bottom:1px;
     cursor:pointer;
}
.button_krem_last {
     background:transparent url(../pixnew/button_krem__last_new.png) no-repeat scroll 0 0; /*ostatni przycisk menu po prawej podczas najechania na niego myszką*/
     width:200px;
     height:48px;
     float:left;
          cursor:pointer;
}
.button_last {
     background:transparent url(../pixnew/button_menu_last_new.png) no-repeat scroll 0 0; /*ostatni przycisk menu po prawej*/
     width:200px;
     height:48px;
     float:left;
     margin-bottom:0px;
     cursor:pointer;
}
.box {
float:left;
height:135px;
margin-top:5px;
margin-bottom:5px;
margin-right:1px;
margin-left:0px;
position:relative;
width:250px;
}
.box_first {
float:left;
height:130px;
margin-top:5px;
margin-bottom:5px;
margin-right:1px;
margin-left:5px;
position:relative;
width:249px;
}
.box_last {
    width:249px;
    height:140px;
    float:left;
    position:relative;
    margin-right:0px;
    margin-left:0px;
    margin-bottom:15px;
    margin-top:5px;
}
.box_top {
 background:transparent url(../pixnew/globalheader_bg.png);
    width:250px; /*100%;*/
    height:32px;
    float:left;
    position:relative;
    margin-top:0px;
    margin-bottom:5px;
/*	background:transparent url(../pixnew/box_background.png) ;  tło do nagłówków dolnego menu*/

}
.box_fill {
    width:250px; /*100%;*/
    height:100px;/*130px*/
    float:left;
    position:relative;
    margin-top:1px;
    margin-bottom:0px;
}
#tloDown h1, #tloDown p { margin-left:20px;margin-right:20px}
h1 { font-size:18px;font-weight:bold; margin-top:20px}
.clearer { width:100%; height:1px; clear:both; font-size:1px;display:block}




.auto {

font-size:90%;
margin:15px 0;
padding:0 0 1px;
width:95%;
margin-left: 20px;
}
.auto .autoh {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #9D9D9D;
margin:0;
overflow:hidden;
height:30px
}



.auto .autoh h4{
    float:left;
font-size:100%;
margin:6px;
padding:0;
font-weight:bold;
color:#3C66AE;
    
}
.auto .autoh p {
float:right;
font-weight:bold;
margin:6px;
white-space:nowrap;
}
#list .auto {
background:#EAEFFF none repeat scroll 0 0;
}
div.nowy, #list .nowy {
border:5px solid #dddddd;
background:#eeeeee none repeat scroll 0 0;


}
.auto .autodesc {
margin:0;
overflow:hidden;
padding:2px 3px 2px 5px;
text-align:left;
}
.autoh a {color:#999999; font-weight:bold; font-size:14px; }
.auto .autodesc div {

float:right;
margin:20px;
padding:0;
width:111px;
}
.auto .autodesc p {

margin:2px 0 0;
width:635px;
}

.clearer {width:100%;clear:both;height:0.01px;}

