/*
Theme Name: ZŠ Pražská
Author: lopour.net
*/

/* CSS Document */

/* css reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;min-height:0;}
table,tr,th,td{vertical-align:top;}
ul,ul li,menu,menu li{margin:0;padding:0;list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
th{text-align:left;}
input,textarea{font-family:sans-serif;font-size:100%}
/* IE stretched buttons fix */
input.submit{width:0;overflow:visible;}
input.submit[class]{width:auto;}
/* css reset end */ 

.introtext {font-weight: bold;padding:0 40px 20px 0;}
h1.nadpis13 {height:75px;background:url(images/prirodni_ingredience.png) right top;background-repeat: no-repeat;}
h2.soucasnost, h2.historie {background:url(images/soucasnost_menu1.jpg) right 65px;background-repeat: no-repeat;margin:0px 25px 0 0;height:95px;}
h2.historie {background-image: url(images/historie_menu1.jpg);}
h2.ryze1, h2.ryze2 {width:235px;height:130px;background-image:url(/assets/templates/ub/images/img_055.png); background-position:right 8px;background-repeat:no-repeat;}
h2.ryze1 {background-image:url(/assets/templates/ub/images/ryze.png);}

/* elements */
html,body{height:100%;}
body{font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#3c280a;text-align:center;background:#eb8c26 url(img/bg/bg.png) top;}
a{color:#3c280a;} 
a:hover{text-decoration:none;color:#fff;}
.r{text-align:right !important;}
.c{text-align:center !important;}
.l{text-align:left !important;}
.j{text-align:justify !important;}
.cleaner{display:block;clear:both;height:0;overflow:hidden;float:none;}
.cleaner-decor{display:block;clear:both;height:12px;overflow:hidden;float:none;background:url(img/bg/bg_10.png) repeat-x top;  }
#ie6 .cleaner{height:1px;margin:0 0 -1px 0;}
.nodisplay{display:none;}
.prodlink {margin-right:15px;}

header, nav, section, article, footer{display:block;}

/* LAYOUT > */
#page{width:711px;text-align:left;margin:0 auto;padding:0 0 135px 0;}
header{padding:19px 0 19px 0;}

/* MAINMENU */
nav ul{padding:0 0 8px 0;}
nav ul li{display:inline;}
nav ul li a{font-size:14px;text-transform:uppercase;color:#164373;text-decoration:none;font-weight:bold;margin:0 32px 0 0;}
nav ul li a:hover, nav ul li.current_page_item a, nav ul li.current_page_ancestor a{color:#fff;}

/* CONTAINER */
.frame-top{position:relative;padding:25px 0 0 0;background:#c5a87b url(img/bg/content_top.png) no-repeat;}
.frame-bottom{padding:0 0 25px 0;background:url(img/bg/content_bottom.png) no-repeat bottom;}
#container{padding:0 0 25px 0;min-height:300px;background:url(img/bg/content.png) repeat-y;}
#ie6 #container{height:0;}

/* INTRO */
#intro{padding:33px 0 1px 46px;}
#intro article{float:left;width:302px;height:146px;margin:0 0 8px 6px;background:url(img/bg/bg_01.png) no-repeat }
#intro article h2{font-size:30px;text-transform:uppercase;padding:26px 27px 1px 27px;}
#intro article h2 a{color:#164373;text-decoration:none;}
#intro article h2 a:hover{color:#fff;}
#intro article h3{font-size:14px;padding:0 27px 0 27px;text-transform:uppercase;}
#intro article p{padding:0 27px 10px 27px;}

/* TIPS, RECIPE LIST */
#tips,#recipes-list{padding:4px 67px 1px 58px;}
#tips .header,#recipes-list .header{position:relative;left:-12px;width:302px;height:146px;margin:0 0 8px 6px;background:url(img/bg/bg_01.png) no-repeat }
#tips .header h1,#recipes-list .header h1{font-size:30px;color:#164373;text-transform:uppercase;padding:26px 27px 1px 27px;}
#tips .header h3,#recipes-list .header h3{font-size:14px;padding:0 27px 0 27px;text-transform:uppercase;}
#tips .header p,#recipes-list .header p{padding:0 27px 10px 27px;}
#tips .items,#recipes-list .items{position:relative;padding:7px 0 1px 0;background:url(img/bg/bg_02.png) top;-webkit-box-shadow:2px 2px 10px #000;-moz-box-shadow:2px 2px 10px #000;box-shadow:2px 2px 10px #000;}
#tips article,#recipes-list article{display:block;margin:0 0 16px 0;background:url(img/bg/bg_04.png) no-repeat bottom;}
#ie6 #tips article,#ie6 #recipes-list article{height:0;}
#tips article h2, #recipes-list article h2{color:#164373;font-size:18px;line-height:20px;padding:6px 24px 0 24px;background:url(img/bg/bg_03.png) no-repeat top;}
#tips article h3, #recipes-list article h3 {padding:6px 24px 0 24px;font-size:15px;color:#164373;}
#tips article ul,#recipes-list article ul {padding:6px 24px 7px 24px;}
#tips article ul li, #recipes-list article ul li {margin-left:17px;list-style: disc;margin-bottom:7px;}
#recipes-list article h2 a{color:#164373;text-decoration:none;}
#recipes-list article h2 a:hover{color:#fff;}
#recipes-list article h2 img.thumbnail{float:right;display:block;margin:-4px -9px 3px 20px;/*width:200px; height:80px;*/ overflow:hidden;}
#recipes-list article h2 img.thumbnail_product{float:right;display:block;margin:-4px -9px 3px 20px;/*width:200px; height:140px;*/ overflow:hidden;}
#tips article p, #recipes-list article p{line-height:14px;padding:0 24px 14px 24px;}
#recipes-list p.intro {font-size:12px;font-weight:normal;line-height:15px;color:#3C280A;padding:2px 5px 5px 0px;}

/* RECIPES DETAIL */
#recipes-detail{
padding:0 67px 0 58px;
}

#recipes-detail ul {
margin-left:18px;                 
} 

#recipes-detail ul li {
list-style: disc;
}

#recipes-detail .back{
padding:5px 0 20px 0;
background: url(img/arr/arr_01.png) no-repeat;
}

#recipes-detail .back a{
display: inline-block;
padding:7px 0 7px 64px;
font-weight: bold;
font-size:15px;
text-transform: uppercase;
text-decoration: none;
}

#recipes-detail .content {
position:relative;padding:10px 14px 12px 9px;background:url(img/bg/bg_02.png) top;-webkit-box-shadow:2px 2px 10px #000;-moz-box-shadow:2px 2px 10px #000;box-shadow:2px 2px 10px #000;
}



#recipes-detail .container{
background: url(img/bg/bg_05.png) repeat-y;
}

#ie6 #recipes-detail .wrapper {
height:0;
}

#recipes-detail .header{
min-height:10px;
background: url(img/bg/bg_06.png) no-repeat;
}

#ie6 #recipes-detail .header{
height:10px;
}

#recipes-detail .header .col-left{
width:240px;
padding:15px 0 18px 17px;
float: left;
}

#recipes-detail .header .col-left h1{
font-size:22px;line-height:24px;color:#164373;padding:0 0 8px 0;margin:0 0 10px 0;background: url(img/bg/bg_10.png) no-repeat bottom;
}

#recipes-detail .header .col-left .table{
padding:0 0 13px 0;
background: url(img/bg/bg_10.png) no-repeat bottom; 
}

#recipes-detail .header .col-left table td,#recipes-detail .header .col-left table th{
padding:0 0 2px 0;
font-size:14px;
font-weight: bold;
}


#recipes-detail .header .col-left table th{
padding-right:4px;
color:#164373;
text-transform: uppercase;
}


#recipes-detail .header .thumbnail, #recipes-detail .header .detail {
position: relative;
width:275px;
height:180px;
padding:17px 12px 12px 0;
float: right;
}

#recipes-detail .header .thumbnail span, #recipes-detail .header .detail span {
position: absolute;
top:17px;
left:-2px;
display: block;
width:275px;
height:180px;
background: url(img/bg/bg_08.png) no-repeat;
}

#recipes-detail .header .detail span {
background: none;
}

#recipes-detail .header .thumbnail img {
width:270px;
height:180px;
}

#recipes-detail .header .detail img {
margin-left:80px;
}

#recipes-detail .cleaner-decor{
margin:0 16px;
}


#recipes-detail .recipe{
clear: both;
padding:0 0 18px 0;
background: url(img/bg/bg_07.png) no-repeat bottom;
}

#recipes-detail .recipe .wrapper{
background: url(img/bg/bg_09.png) repeat-y 274px 0;
}

#recipes-detail .recipe .col-left{
width:250px;
padding:0 0 12px 17px;
float: left;
}

#recipes-detail .recipe .col-left .title, #recipes-detail .recipe .col-left h2 {
font-size:14px;color:#164373;padding:0 0 12px 0;text-transform: uppercase;font-weight: bold;
}

#recipes-detail .recipe .col-left table{
margin:0 0 12px 0;
line-height:14px;
}
#recipes-detail .recipe .col-left table td{
padding:0 19px 0 0;
}

#recipes-detail .recipe .col-right{
width:240px;
padding:0 17px 18px 0;
float: right;
}

#recipes-detail .recipe .col-right .title, #recipes-detail .recipe .col-right h2 {
line-height: normal;
font-size:14px;color:#164373;padding:0 0 15px 0;text-transform: uppercase;font-weight: bold;
}

#recipes-detail .recipe .col-right p{
padding:0 0 14px 0;
line-height:14px;
}

/* FOOTER */
footer{display:block;position:fixed;left:0;right:0;bottom:0;width:100%;height:135px;background:url(img/bg/footer.png) repeat-x top;z-index:999;}
#ie6 footer{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}


footer .in{position:relative;width:711px;text-align:left;margin:0 auto;}
footer img.slogan{position:absolute;top:55px;right:95px;}
footer img.head{position:absolute;top:-19px;right:-80px;}

/*#recept {position:absolute;left:-160px;top:0px;width:150px;}*/

/* PRODUCTS */
#products{padding:4px 30px 1px 58px;}
#products .header{position:relative;left:-12px;width:302px;height:146px;margin:0 0 5px 6px;background:url(img/bg/bg_01.png) no-repeat}
#products .header h1{font-size:30px;color:#164373;text-transform:uppercase;padding:26px 27px 1px 27px;}
#products article{position:relative;display:block;float:left;left:-12px;width:302px;height:146px;margin:0 -6px 8px 6px;font-sizebackground:url(img/bg/bg_01.png) no-repeat}
#products article{position:relative;display:block;float:left;left:-12px;width:302px;height:146px;margin:0 -6px 5px 6px;   background:url(img/bg/bg_01.png) no-repeat}
#products article h2{font-size:30px;color:#164373;text-transform:uppercase;padding:26px 27px 1px 27px;}
#products article h2 a{color:#164373;text-decoration:none;}
#products article h2 a:hover{color:#fff;}
#products article h2 img{position:absolute;top:9px;right:20px;}


/* PRODUCTS CATEGORY*/
#products-category{padding:4px 0 1px 58px;}
#products-category .header{position:relative;left:-12px;width:302px;height:146px;margin:0 0 5px 6px;background:url(img/bg/bg_01.png) no-repeat}
#products-category .header h1{font-size:30px;color:#164373;text-transform:uppercase;padding:26px 27px 0 27px;}
#products-category .header p{position:relative;top:-4px; font-weight:bold;line-height:12px;padding:0 27px 0 27px;}
#products-category article{position:relative;left:-11px;float:left;width:120px;margin:0 43px 12px 0;text-align:center;}
#ie6 #products-category article{display:inline;}
#products-category article h2 a{text-transform:uppercase;color:#164373;font-size:14px;text-decoration:none;}
#products-category article h2 a:hover{color:#fff;}
#products-category article h2 img{display:block;margin:0 auto;}

/* banner tip */
.banner_tip{position:absolute;top:-2px;left:-148px;width:138px;}
.banner_tip .title-main{color:#164373;font-weight:bold;text-transform:uppercase;font-size:15px;}
.banner_tip .thumbnail{position:relative;padding:1px 0 2px 0;}
.banner_tip .thumbnail span{position:absolute;display:block;top:1px;left:0;width:138px;height:91px;background:url(img/bg/bg_11.png) no-repeat;}
.banner_tip .title{padding:0 0 3px 0;font-weight:bold;line-height:14px;background:url(img/bg/bg_03.png) no-repeat bottom;}
.banner_tip .title a{text-decoration:none;}
.banner_tip .more{padding:2px 0 6px 0;background:url(img/bg/bg_03.png) no-repeat -10px bottom;}
.banner_tip .more a{text-decoration:none;}