html, form
{
    height:100%;
}

body
{
    text-align: left;
    margin:0px;
    padding:0px; 
    position:relative;
    font-family: "Tinos";
    font-size: 11pt;
    background:white;
    color:#303030;
    height:100%;
    background:#eee;
    
}

#page
{
    min-height:100%;
    margin: 0 auto;
    margin-bottom:-83px; 
}

#page:after
{
    content: '';
    display:block;
    height:83px;
}


.itemsBlock
{
    margin-bottom:10px;
}

.item
{
    width:170px;
    padding:15px;
    margin:10px;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    position:relative;
    box-shadow:0px 0px 10px rgba(0,0,0,0.5);
}

.item:hover a
{
    text-decoration:underline;
}

.item a, .item a:focus, .item a:active
{
    color:Black;
    text-decoration:none;
}

.item img
{
    border:0px;
    transition: all 0.3s ease;
}

.item:hover img
{
    transform: scale(1.05);
}

.item .pic
{
    height:170px;
    margin-bottom:10px;
    text-align:center;
}

.pic img
{
    border-radius:5px;
}

.item .price
{
    font-weight:bold;
}

.item-pics
{
    max-width:500px;
    width:90%;
    margin:0 auto;
    text-align:center;
    display:inline-block;
    vertical-align:top;
}

.item-descr
{
    max-width:500px;
    width:90%;
    padding-left:20px;
    display:inline-block;
    vertical-align:top; 
}

a, a:focus, a:active { 
    outline-width: 0px;
    outline-style: none;
    color:#1758a0;
}

#header_bg
{
    background:url(/images/bg.jpg) center bottom black no-repeat;
}

#header
{    
    height:170px;
    max-width:1160px;
    padding:0px 20px;
    margin:0 auto;
    position:relative;  
    color:White;   
    background:url(/images/bg.jpg) center bottom black no-repeat; 
    
}

#logo
{
    position:absolute;
    top:10px;
    left:10px;
    background:url('/images/logo.png') no-repeat;
    width:200px;
    height:150px;
}

#rightHeaderBlock
{
    width:235px;
    position:absolute;
    right:10px;
    top:10px;
    text-align:right;
}

#cartLink:hover
{
    border:0px !important;
}

#cartBlock
{
    position:absolute;
    right:10px;
    top:3px;
    text-align:right;
}

#cartBlock span
{
    text-decoration:underline;
}

#headerPhone
{
    font-size:220%;
}

#headerAdress
{
    padding-top:10px;
    font-size:110%;
}

#topBlock
{
    position:relative;
    padding-top:5px;
    margin:10px 0;
    padding-right:420px;
}

#topBlock a
{
    text-decoration:none;
    color:#303030;
}

#searchBox
{
     position:relative;   
     display:inline-block;
     vertical-align:top;
     position:absolute;
     right:5px;
     top:0px;
}

#searchBox input
{
    padding:10px;
    padding-right:30px;
    width:350px;
    border:1px solid #824391;
    border-radius:5px;
}

#sBtn
{
    width:23px;
    height:23px;
    background:url(/images/searchBtn.png);
    cursor:pointer;
    position:absolute;
    right:8px;
    top:8px;
}

#menu_bg
{
    background:#3b1c42;  
    position:fixed;
    top:0px;
    width:100%;
    z-index:1000;
}

#menu
{
    max-width:1160px;
    padding:0px 20px;
    height:40px;
    margin:0 auto; 
    position:relative;
}

#menu a
{
    text-decoration:none;
    display:inline-block;
    padding:12px 8px 8px;
    margin:0px 10px;
    color:White;
    border-bottom:2px solid transparent;
}

#menu a:hover, #menu .selected
{
    border-bottom:2px solid #316691;
}

#content_bg
{
}

#content
{
    max-width:1160px;
    padding:0px 20px;
    margin:0 auto;
    padding-top:5px;
}

#catalog
{
    position:absolute;
    bottom:10px;
    right:10px;   
    width:980px; 
    text-align:right;
}

#catalog a
{
    display:inline-block;
    vertical-align:top;   
         
    margin:0px 10px; 
    padding:5px 10px;
    border:2px solid #c7b2d6; 
    
    width:150px;
    height:34px; 
    
    border-radius:25px;    
    
    color:White;
    text-decoration:none;
    font-size:110%;
    
    text-align:center;
    
    background:rgba(0,0,0,0.8);
    
    
}

#catalog a:hover
{
    color:#f2b550;
}

.catItemPadding
{
    padding:14px 10px;
    height:16px;
}

#footer
{
    height:71px;
    margin:0 auto;
    position:relative;
    background:#000a25;
    padding-top:12px;
    overflow:hidden;
}

#f_menu
{
    max-width:1160px;
    padding:0px 20px;
    color:White;
    text-align:right;
    margin:10px auto;
}

#f_menu a
{
    color:White;
    margin:0px 10px;
    text-decoration:none;
}

#f_menu a:hover
{
    text-decoration:underline;
}

/**** Pages Checker Style ****/
.pcs 
{
	color:#B47613;
	font-size:14px;
	text-decoration:none;
	padding:0px 3px;
	cursor:pointer;
}
.pcs_selected
{
	background:#B47613;
	color:white;
	font-size:14px;
	text-decoration:none;
	padding:0px 5px;
	cursor:default;
}
.pcs:hover
{
	color:#B47613;
	font-size:14px;
	text-decoration:none;
	padding:0px 3px;
	cursor:pointer;
	font-weight:bold;
}
/********************/

h1
{
    color:black;
    margin-top:0px;
}

h2
{
    color:black;
    font-size:170%;
    margin:15px 0px;
}

h3
{
    color:black;
    font-size:130%;
    margin:12px 0px;
}

.btnAdd
{
    color:black;
    background: white;
    padding:6px 15px;
    font-size:130%;
    margin:10px 0px;
    cursor:pointer;
    
    border:1px solid #ccc;
    border-bottom:2px solid #316691;
    
    display:inline-block;
    vertical-align:top;
}

.btnAdd:hover, .orderBtn:hover, #ordertable .btnSend:hover
{
    border-bottom:2px solid #824391;
}

.cart_remove
{
    width:15px;
    height:15px;
    cursor:pointer;
    background:url(/images/close.png);
}

#cart_table
{
    margin:0 auto;
    width:100%;
}

#cart_table td
{
    padding-left:15px;
    text-align:left;    
}

#cart_table input
{
    width:50px;
    padding:6px;
    font-size: 130%;
    text-align:center;
    margin:0 3px;
    border:0px;

    border:1px solid #ccc;
    border-bottom:2px solid #316691;
}

#cart_table img
{
    margin-bottom:10px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#cart_table a
{
    color:black;
}

#cart_total
{
    font-size:200%;
}

.orderBtn
{
    color:black;
    background: white;
    padding:6px 15px;
    font-size:130%;
    margin:10px 0px;
    cursor:pointer;
    
    border:1px solid #ccc;
    border-bottom:2px solid #316691;
    
    display:inline-block;
    vertical-align:top;
}

#ordertable
{
    width:470px;
    margin:0 auto;
}

#ordertable input[type=text], #ordertable textarea
{
    width:300px;
    padding:6px;
    font-size: 130%;
    margin:0 3px;
    border:0px;

    border:1px solid #ccc;
    border-bottom:2px solid #316691;
}

#ordertable textarea
{
    max-width:300px;
    min-width:300px;
    height:60px;
    min-height:60px;
    max-height:180px;   
}

#ordertable .btnSend
{
    color:black;
    background: white;
    padding:6px 15px;
    font-size:130%;
    margin:10px 0px;
    cursor:pointer;
    
    border:1px solid #ccc;
    border-bottom:2px solid #316691;
    
    display:inline-block;
    vertical-align:top;
}



@media (max-width:1200px)
{
    #logo
    {
        position:static;
        display:block;
        margin-left:20px;
    }
    
    #rightHeaderBlock
    {
        right:20px;
    }
    
    #catalog
    {
        background:rgba(0,0,0,0.8);
        position:static;
        width:100%;
        text-align:center;
    }
    
    #catalog a
    {
        display:inline-block;
        vertical-align:top;   
         
        margin:10px 10px; 
        padding:0px;
        border:0px; 
    
        width:auto;
        height:auto; 
    
        border-radius:0px;    
    
        color:White;
        text-decoration:none;
        font-size:110%;
    
        text-align:center;
    
        background:none;
    }
    .catItemPadding
    {
        padding:0px;
    }

    #header
    {
        height:auto;
        max-width:100%;
        padding:0px;
    }
}

@media (max-width:1100px)
{
    #searchBox
    {
        max-width:35%;
    }
    #searchBox input
    {
        width:90%;
        padding-right: 10px;
    }
    #topBlock
    {
        padding-right:40%;
    }
    
    .item-pics
    {
        max-width:45%;
    }
    .item-pics img
    {
        max-width:90% !important;
        height:auto !important;
    }
    .item-descr
    {
        max-width:45%;
    }
    .item-descr select
    {
        max-width:90%;
    }
}

@media (max-width:750px)
{
    .hm
    {
        display:none !important;
    }
    
    #f_menu a
    {
        margin:5px;
        white-space:nowrap;
        display:inline-block;
        vertical-align:top;
    }
    
    #page
    {
        min-width:300px;
    }
    #footer
    {
        min-width:300px;
    }
    
    #cart_table td, #order_table td
    {
        width:auto !important;
        padding:5px;
    }
    #ordertable, #order_table
    {
        width:100%;
    }
    #ordertable td
    {
        max-width:45%;
    }
    #ordertable input[type=text]
    {
        width:90%;
        font-size:100%;
    }
}

@media (max-width:530px)
{
    #searchBox
    {
        position:relative;
        margin:0 auto;
        width:100%;
        max-width:100%;
        top:0px;
        left:0px;
        right:0px;
        margin-bottom:5px;
    }
    #searchBox input
    {
        width:100%;
    }
    
    #topBlock
    {
        padding-right:10px;
        max-width:100%;
    }
    
    #ordertable td
    {
        max-width:45%;
    }
    
    #headerPhone
    {
        font-size:150%;
    }
    .itemsBlock
    {
        text-align:center;
    }
    
    #cart_table td img, #cart_table td span 
    {
        display:none;
    }
    
    
}