/* 
    Document   : style
    Created on : 2010-03-08, 16:49:19
    Author     : Shinji
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body
{
background: #261818;
margin:0px;
color: #FFFFFF;
font-size:10pt;
}
a{color:#814d6d;text-decoration:underline;}
a img{border:0px;}
#main
{
    width:972px;
    margin:auto;
}

#header {
    width: 972px;
    height: 268px;
    
    border: solid #814d6d;
border-width: 0px 3px 3px 3px;
    position:relative;
}

#logo
{
    background: url('../images/logo.png');
    width:334px;
    height:57px;
    position:absolute;
    left:0px;
    top:20px;
}
#logo_rezerwacja
{
    background: url('../images/logo_rezerwacja.png');
    width:240px;
    height:60px;
    position:absolute;
    right:-2px;
    top:20px;
    color: #FFFFFF;
    font-size:14pt;
    text-align:right;
    padding-top:10px;
    padding-right:10px;
}
#menu_box {
    background: url('../images/menu.png');
    width:928px;
    height:38px;
    padding-left: 50px;
    padding-top:0px;

}
#box {
 padding-bottom:10px;
}
#boxBorderLeftTop{
    background: url('../images/BorderLeftTop.png');
    background-repeat: no-repeat;
    width:17px;
    height:18px;

        
}
#boxBorderCenterTop{
    background: url('../images/BorderCenterTop.png');
    height:18px;
        
}
#boxBorderRightTop{
    background: url('../images/BorderRightTop.png');
    background-repeat: no-repeat;
    width:17px;
    height:18px;
           
}
#boxBorderLeftMiddle{
    background: url('../images/BorderLeftMiddle.png');
    width:17px;
       
}
#boxBorderCenterMiddle{
 font-size:10pt;

 
}
#boxBorderRightMiddle{
    background: url('../images/BorderRightMiddle.png');
    width:17px;
    
           
}
#boxBorderLeftBottom{
    background: url('../images/BorderLeftBottom.png');
    background-repeat: no-repeat;
    width:17px;
    height:15px;
        
}
#boxBorderCenterBottom{
    background: url('../images/BorderCenterBottom.png');
    height:15px;
       
}
#boxBorderRightBottom{
    background: url('../images/BorderRightBottom.png');
    background-repeat: no-repeat;
    width:17px;
    height:15px;
}
#boxBorderHeader{
    background: url('../images/BorderHeader.png');
    background-repeat: no-repeat;
    width:251px;
    height:27px;
    text-align:center;
    font-weight:bold;
    text-shadow: 1px 1px 1px #1C1C1C;
    font-size:12pt;
}
#boxNewsletter{
    background: url('../images/newsletter.png');
    background-repeat: no-repeat;
    width:252px;
    height:81px;
    font-size:12pt;
}
#box_left{
    float:left;
    margin-top:7px;
    margin-right: 7px;
}
#box_right{
    margin:7px 0px;
    float:right;

}

#reklama {
    width:247px;
    height:85px;
    background-image: url('../images/reklama.png');
    padding: 3px;
}
#duzareklama {
    width:303px;
    height:95px;
    background-image: url('../images/reklamaBig.png');
    padding: 3px;
}

#page_box
{
    width: 978px;
}

#page_trans
{
     opacity:0.6;
     filter:alpha(opacity=60);
     -moz-opacity:0.6;
     background-color:#FFFFFF;
     width:399px;
     height:382px;
     position:absolute;
     top:30px;
     left:38px;

}

#footer {
    margin-top:10px;
    padding:3px 6px;
    background-image: url('../images/footer.png');
    width:966px;
    height:20px;
    clear:both;
}

#footer a {
    color:white;
    text-decoration:none;
}

#kontakt
{
    position: absolute;
    bottom: 3px;
    right:20px;
    color: #FFFFFF;
    font-size: 12pt;
}

#tagi
{
    position: absolute;
    bottom: 5px;
    left:20px;
    color: #FFFFFF;
    font-size: 8pt;
}




#galeria {
float:left;
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 312px;
    height:110px;
}
#galeria img
{
    border:0;
    margin:2px;
}
/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
#galeria div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
#galeria div.items div {
    float:left;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}

input,select,file {
    border: 1px solid #000000;
    font-size: 12px;
    

}
.inpt {width:138px;}
.sendinpt {width:80px;}
#oferta_box{ position:relative;border: #FFFFFF 1px solid;float:left;margin: 8px;}
#oferta_text{position:absolute;bottom:0px; right:0px;padding:2px 30px; width:90px;background: #814d6d;opacity:0.8;filter:alpha(opacity=80);color:#FFFFFF;text-decoration:none;text-align:center;}


#lista_podstron{ bottom:-25px; text-align:right; border: #814d6d 3px solid; padding:5px;padding-top:-5px;margin-bottom:5px;margin-top: -5px;}

#google_translate_element { width:100%; border: solid 3px #814d6d; text-align:right; }

.upp{text-transform: uppercase;}