/*
Document   : cate-main
Created on : 2012-01-19, 10:15:13
Author     : Łukasz Wadas
Description:
    The main style template for radcowska.com.pl for content management system web sites "CleanScritps"
*/

/*-- SPECIAL FONT DEFINITION --*/
@font-face {
    font-family: EU27;
    src: url("font/0371EU27.eot")  /* EOT file for IE */
}
@font-face {
    font-family: EU27;
    src: url("font/0371EU27.ttf") format('opentype');  /* TTF file for CSS3 browsers */
}

body{
    margin:     0;
    padding:    0;
    font-size:  12px;
    font-family:"Arial";
    color:      #3c3c3d;
    line-height: 20px;
    background:  #f6f5f2;
}
body, html{height: 100%}
img{border:none;}
a{color: #7e7e7c;text-decoration: none;}
a:hover, #actives{color:#00254a}
h1,h2,h3,h4,h5{margin-left:19px;margin-top:0px;margin-bottom:15px;font-family: EU27;font-weight: normal;color:#00264a}
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
p{margin-top:0;margin-bottom:15px;}
#container{
    width:948px;
    margin: 28px auto 10px;
    background: #fff;
    border: 2px solid #e4e3e0;
}
#hr{
    border-top:1px solid #a0a0a0;
    height: 4px;
    width: 100%;
    background: #221e11;
}
#colLeft{
    width: 270px;
    float:left;
}
#colRight{
    width: 630px;
    float: right;
}
/*-- Nav --*/

#navVert{
    height: 47px;
    width: 630px;
    border-bottom: 2px  solid #e4e3e0;
    margin-bottom: 10px;
}
#navVert a{
    margin: 0 19px;
    font-family: "Georgia";
    font-style: italic;
    font-size: 14px;
    display:block;
    float: left;
    font-weight: normal;
    padding: 14px 0;
}
#navVert a:hover{
    background: url('img/arrow2.jpg') no-repeat bottom center;
}
#nav {
    margin: 18px 0;
    padding: 0;
    list-style: none;
}
#nav ul{
    margin:  0;
    padding: 0;
    list-style: none;
}
#nav ul li{
    border-bottom: none;
  
}
#nav ul a{padding: 6px 0px 5px 64px;background-image: none;width:206px;}
#nav li{
    min-height: 32px;
    border-bottom: 1px solid #e4e3e0;

}
#nav a{
    font-family: "Georgia";
    font-style: italic;
    font-size: 14px;
    padding: 6px 0 5px 60px;
    display:block;
    width: 210px;
    background: #FFF url('img/arrow.png') no-repeat center right;
}
#nav a:hover{
    background-color: #e4e3e0;
}
/*-- KONFIGURACJA SLIDERA --*/
#slider{
    height: 245px;
    width: 630px;
    background: url('img/bg_slider.png') no-repeat bottom center;
}
.window {
    overflow: hidden;
    position:  relative;
    height: 218px;
    width: 630px;
    margin: 0 auto;
    top:1px;
}
.window img{
    height: 218px;
    width: 630px;
    float: left;
}
.paging{
    position: relative;
    z-index: 100;
    margin-right: 10px;
}
.paging div{
    float:  right;
}
.box{
    display:    block;
    float:      left;
    width:      6px;
    height:     6px;
    background: url('img/marker_slider.png') no-repeat top center;
    margin:     2px 0 0 3px;
    position: relative;
    top: 205px;
}
.active {
    background-position: bottom center;
}
.image_reel {
    left:           0;
    position:       absolute;
    top:            0;
}


/*-- CONTACT FORM --*/
.contact{
    list-style:     none;
    padding:        0;
    list-style-image: none;

}
.contact textarea, .contact input {
    border:         1px solid #e4e3df;
    padding:        2px;
     width:          213px;
            margin: 3px 0 3px 19px;
            color:#848383;
}
#send{
    cursor:         pointer;
    display:        block;
    padding:        0 10px;
    width:          70px;
    margin:         0 0 15px 168px;
    background:     #00264a;
    color:          #FFF;
    border:         1px solid #e4e3df;
}
.error {
    background-color:#FFEBE8;
    border:         1px solid #CC0000;
    color:          #000;
    margin:         0;
}
.error ul{
    list-style:     none;
}
.done, .error{
    font-size:      13px;
    width:          216px;
    margin: 2px 0 2px 19px;
}
.done p, .error p{margin:3px 10px;}
.done{
    background-color:#E9F9E6;
    border:         1px solid #175F16;
    color:          #000;
}

.contents{
    padding: 0 15px 0 21px;
}
.sep{
    clear:both;
}
#mm{
    float:right;
    position:relative;
    font-size:12px;
    top:15px;
}
#mm a{
    color:#3c3c3d;
}