/* 
project:  internet studio
author:   luka cvrk (www.solucija.com) 
*/

/*reset*/
:link,:visited { text-decoration:none } :focus,:active { outline: 0 } ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img, fieldset { border:none } address { font-style:normal }

*{ margin: 0; padding: 0; } 
body { font: .8em Tahoma, "Trebuchet MS", sans-serif; line-height: 1.6em; background: #fff url(/images/front/bg.gif) repeat-x; color: #8E8E91; }
a { color: #EB0000; background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; text-decoration: underline; }
p { margin: 0 0 5px 0; }
h1 { font: normal 2.8em Georgia, "Times New Roman", Arial; color: #444; }
h2 { font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
h3 { font: normal 1.4em Georgia, "Times New Roman", Arial; margin: 15px 0 10px;border-bottom: 1px solid #eee; }
img { border: 0; }
#content { width: 930px; margin: 10px auto; }
#logo { margin: 0px 0 20px 0; width: 340px; float: left; }
#logo p { margin: 0; }
#menu { float: right; padding: 70px 0 0; margin: 0 0 10px; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { float: left; width: 87px; padding: 2px 0 7px; text-align: center; margin: 0 0 0 10px; color: #636365;  }
#menu li a.current { background: #fff url(/images/front/button.gif) no-repeat; color: #fff; }
#menu li a:hover { text-decoration: none; color: #000; background: #fff url(/images/front/button_grey.gif) no-repeat; }
.clear { clear: both; }
.caption { background: #fff url(/images/front/title.gif) no-repeat; padding: 2px 0 0 18px; height: 32px; color: #fff;  }
.caption p { margin: 0; }
#left { margin: 0 0 20px; clear: left; width: 380px; float: left; }
.box { background: #eee; }
.box67mr1 img { padding: 2px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff;-moz-border-radius: 4px;
                -khtml-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius-bottomright: 4px;
}
.smallthumb { width: 109px; }
#center { width: 250px; float: left; margin: 0 0 20px 15px; }
#center-full { width: 100%; float: left; margin: 0 0 20px 15px; color:#555 }
#center-right { width: 615px; float: left; margin: 0 0 20px 5px; color:#555 }
#right { float: right; width: 270px; }
.box32 img { padding: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff;
             -moz-border-radius: 4px;
             -khtml-border-radius: 4px;
             -webkit-border-radius: 4px;
             border-radius: 4px;}
.date { font-size: .8em; border-top: 1px solid #ccc; padding: 0 5px; background-color:#eee;}
#right-full { float: right; width: 280px; }
.box { background: #eee; padding: 10px 10px 6px 10px;}
.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
.box li a { padding: 0 5px; }
#footer { font-size: .84em; clear: both; padding: 15px; background: #eee; }
#footer a { color: #444; }
#fl {text-align:center}

input,textarea,select { font-family: Tahoma, "Trebuchet MS", Tahoma, sans-serif; }

/******************* MOJE STYLY *************************/

/* CSS Grid */

.box20,
.box25,
.box30,
.box32,
.box33,
.box40,
.box45,
.box50,
.box59mr1,
.box67mr1,
.box70,
.box75,
.box100{float:left; display: inline; *margin-right:-1px; } /* IE margin hack */

/* dp = div percet */

.box20{width:20%;}
.box25{width:25%;}
.box30{width:30%;}
.box31{width:31%;}
.box32{width:32%;}
.box33{width:33.33%;}
.box40{width:40%;}
.box45{width:45%;}
.box50{width:50%;}
.box59mr1{width:59%; margin-right: 1%;}
.box67mr1{width:67%; margin-right: 1%;}
.box70{width:70%;}
.box75{width:75%;}
.box100{width:100%;}


.sup-rss a{

    color:#333;
}

#jsInfo{

    background: #ffd;
    color: #000;
    text-align: right;
    padding: .1em 1em;
    margin: 0;
    border-bottom:  #999 thin solid;

}

#langFlags{
    text-align:right;
    margin-bottom: -40px;
}

/***************************** INFO Video ********************/


dl.infoVideoList dt {
    width: 80px;
    float: left;
}
dl.infoVideoList dd {
    margin-left: 80px;
}
dl.infoVideoList label, dl.infoVideoList input, dl.infoVideoList textarea {
    margin: 0 0 0.6em 0;
}

/*********************************** display none ********************************/
.display-none{
    display:none;
}

.display-none-overflow{
    display:none;
    overflow: hidden;
}

/************************************ bad links ***********************************/
a[href^="error:"] {
    background: red;
    color: white;
    text-decoration: blink;
}


/**
* Api documetation
* -------------------------------------------------------------------------- */

#api-doc h3 {
    font-size: 2.2em;
    margin: 2em 0 0.5em 0;
}

#api-doc h4 {
    font-size: 2em;
    margin: 1.5em 0 0.5em 0;
}

#api-doc h5 {
    font-size: 1.7em;
    margin: 1.5em 0 0.5em 0;
    font-weight: normal;
}


#api-doc h6 {
    font-size: 1.3em;
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    font-style: italic;

}

#api-doc pre {
    font-size: 1.3em;
    border: dashed thin black;
    background-color: #eee;
    padding: 10px;
    margin: 10px 0px;
    overflow: auto;
}


/*table reset*/
#api-doc table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;


}

#api-doc table.list{
    line-height:1.2em;
    width:100%;
    border-collapse:collapse;
    font-size:1em;
    margin:1em 0 1em 0;

}
#api-doc table.list th{
    background-color: #D1E6EF;
    border-bottom: thin;
    border-bottom-color: #eee;
    border-bottom-style: solid;
    text-align:left;
    padding:5px;
}

#api-doc table.list td{
    padding:5px;
    border:thin solid #eee;
    border-left:none;
    border-right:none
}

#api-doc table.list tbody{
    text-align:left;
}

#api-doc table.list thead th{
    text-align:left;
    background-color: #fff;
    border-bottom: thin;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
}

#api-doc table.list tbody tr:hover td, table tbody tr.hover td {
    background:#eee;

}


/**
* Header
* -------------------------------------------------------------------------- */
#header{
    background: #fff url(/images/front/1.png) repeat-x;
    border:#ddd solid thin;
    height: 24px;
    width:928px;
    padding: 4px 0 0 0;
    margin: 0;
    text-align:right;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

}

#header-adv-search{
    display:none;
    width:190px;
    text-align:left;
    background-color:#eee;
    z-index:1000;
    position:relative;
    border:#ddd solid thin;
    padding:5px;
    left:668px;
    top:3px;


}



/**
* First page
* -------------------------------------------------------------------------- */

h2.firstPost{
    font-size:2.3em;
    border-bottom: 1px dotted #ccc;
    margin-top: -10px;
}

div.firstPost{
    font-weight: bold;
}

.firstPost-box{
    border:#eee solid thick;
    background-color: #eee;
    padding: 5px 5px 0px 5px;
}



/**
* Rounded corner
* -------------------------------------------------------------------------- */

.full-rounded{
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.bottom-rounded{
    -moz-border-radius-bottomleft: 2px;
    -khtml-border-radius-bottomleft: 2px;
    -webkit-border-radius-bottomleft: 2px;
    border-radius-bottomleft: 2px;

    -moz-border-radius-bottomright: 2px;
    -khtml-border-radius-bottomright: 2px;
    -webkit-border-radius-bottomright: 2px;
    border-radius-bottomright: 2px;
}

.top-rounded{
    -moz-border-radius-topleft: 4px;
    -khtml-border-radius-topleft: 4px;
    -webkit-border-radius-topleft: 4px;
    border-radius-topleft: 4px;

    -moz-border-radius-topright: 4px;
    -khtml-border-radius-topright: 4px;
    -webkit-border-radius-topright: 4px;
    border-radius-topright: 4px;
}


/*
* Logo replace
* -------------------------------------------------------------------------- */
h1.replace {  
    width: 411px;
    height: 120px;
    background: url("/images/front/baskytara.com_logo.png");
    text-indent: -9999px;
}


#scrollup {
    position: relative;
    overflow: hidden;
    height: 28px;
    width: 400px;
    top:-5px;
    left:4px;
    text-align:left;
}

.headline {
    position: absolute;
    top: 210px;
    left: 5px;
    height: 28px;
    width:400px;
}

.shop-cat-current{
    background-color:#fff;
}

.shop-prod-param-current{
    background-color:#eee;
    padding:2px 4px;
    border:#ccc solid thin;
}

.form input.text{
    background:url(/images/shop/input.png) no-repeat scroll 0 0 white;
    border:1px solid #ccc;
    font-size:1.2em;
    padding:2px;
}

input.button{
    font-size:1.2em;
    padding:2px;
}

select{
    font-size:1.2em;
    padding:2px;
}
.buttonMain{
    font-weight:bold;
}

.form textarea{
    background:url(/images/shop/input.png) no-repeat scroll 0 0 white;
    border:1px solid #ccc;
    font-size:1.2em;
    padding:2px;
}


.menu-title-none{
    display:none;
}

#menu-item-title{
    float:right;
}

/* ---------- Shop ---------------------------------------------------------- */
#product-list{

}

.product-item{
    float: left;
    margin:5px;
    background-color:#eee;
    border: solid thin #ccc;
}

.product-title{
    font-size: 1.1em;
    margin:5px;
}

.product-img{
    background-color:#fff;
    margin:5px;
    text-align:center;
    padding-top:10px;
    height:120px;
}

.product-info{
    margin:5px;
}

.product-order{
    margin:5px;
}

.product-grid{
    float: left; height: 220px; border: 1px solid black;margin:5px
}


#order-progress {
    text-align:center;
    font-size:1.3em;
    margin-bottom:50px;
    margin-left:50px;
}

#order-progress div{
    margin-left:20px;
    padding:5px;
    float:left;
}

#order-progress .order-progress-current{
    background-color:#eee;
    padding:5px;
    height:20px;
}

#shipping-data{
    margin:10px 0 0 0;
}


#shipping-data dt{
    font-weight:bold;
    float:left;
    margin-right:10px;
    width:100px;
    text-align:right;
}

#shipping-data dd{
}


.form{
    margin:0px;
}


.form dt{
    font-weight:bold;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    width:100px;
    text-align:right;
}

.form dd{
    margin-bottom:10px;
}



.product dt{
    font-weight:bold;
    float:left;
    margin-right:10px;
    margin-bottom:3px;
    width:150px;
    text-align:right;
}

.product dd{
    margin-bottom:3px;
}

.barva-podkladu-border {
    float: left;
    border: 1px solid #CCCCCC;
    padding: 1px;
    background-color: #FFFFFF;
    margin: 5px 5px 0 0;
    display: block;
    text-decoration: none;
}

a.barva-podkladu {
    display: block;
    width: 20px;
    height: 20px;
    text-decoration: none;
    line-height: 20px;
}

a.barva-podkladu div {
    cursor: pointer;
    display: block;
    width: 10px;
    height: 10px;
    line-height: 10px;
}



/*************************** SIMON *****************************/

/*table reset*/
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

table.list{
    line-height:1.2em;
    width:100%;
    border-collapse:collapse;
    font-size:1em;
    margin:1em 0 1em 0;

}
table.list th{
    background-color: #D1E6EF;
    border-bottom: thin;
    border-bottom-color: #6FA5BB;
    border-bottom-style: solid;
    text-align:left;
    padding:5px;
}

table.list td{
    padding:5px;
    border:1px solid #EEEEEE;
    border-left:none;
    border-right:none
}

table.list tbody{
    text-align:left;
}

table.list thead th{
    text-align:left;
    background-color: #fff;
    border-bottom: thin;
    border-bottom-color: #333;
    border-bottom-style: solid;
}

table.list tbody tr:hover td, table tbody tr.hover td {
    background:#EEEEEE;

}


table.shipping-list{
    line-height:1.2em;
    width:100%;
    border-collapse:collapse;
    font-size:1em;
    margin:1em 0 1em 0;

}
table.shipping-list th{
    background-color: #D1E6EF;
    border-bottom: thin;
    border-bottom-color: #6FA5BB;
    border-bottom-style: solid;
    text-align:left;
    padding:5px;
}

table.shipping-list td{
    padding:5px;
    border:1px solid #EEEEEE;
    border-left:none;
    border-right:none
}

table.shipping-list tbody{
    text-align:left;
}

table.shipping-list thead th{
    text-align:left;
    background-color: #fff;
    border-bottom: thin;
    border-bottom-color: #333;
    border-bottom-style: solid;
}