@charset "utf-8";
*, html, body {margin:0;padding:0;}
html, body {width:100%;height:100%;}
body {
	font: .8em/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#000;
}
.page {
	position:fixed;
	left:0px; right:0px; top:0px; bottom:0px;
	background:url(../images/back-transparency.png);
	min-height:740px;
	z-index:30;
}
textarea {font: normal 1em/normal Verdana, Tahoma, Arial, Helvetica, sans-serif;	color: #000000;}

#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p { margin-top: 0;}
p { margin-bottom: 10px;}
.mensi { font-size:.8em;}

h1 { font-size: 24px; color:#E9AA00; margin-bottom:.3em; font-weight:normal;}
h2 { font-size: 14px; color:#FFF; margin-bottom:0px;}
h3 { font-size: 14px; color:#FFF; margin-top:8px; margin-bottom:8px;}

hr { display:none;}
img {	border: none;}
a img {	border: none;}
a:link { color:#FFF;	text-decoration: underline;}
a:visited {	color:#EAEAEA;	text-decoration: underline;}
a:hover {	color:#D6B355;}
a:hover, a:active, a:focus { text-decoration: none;}

.container { position:relative; width: 980px; margin: 0 auto; background:url(../images/bg.png) repeat-y;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
	z-index:100;
}

.Header { position:relative; background:url(../images/bg-top.png) no-repeat; height:393px;}
.HeaderLogo { position:absolute; width:430px; height:86px; top:82px; left:50px;}
.LogoGarcia { position:absolute; width:120px; height:80px; top:195px; left:50px;}
.HeaderSlogan { position:absolute; width:428px; height:20px; top:150px; left:50px; font-size:11px;}
.HeaderRef { position:absolute; width:450px; height:115px; top:190px; left:180px; overflow:hidden;}
.HeaderRef p { font-size:15px; font-style:italic; color:#CCCCCC;}
.HeaderRef p.Name { padding-right:50px; text-align:right;}
.HeaderPhoto { position:absolute; width:266px; height:266px; top:44px; right:50px;}

#SlideShow { position:relative;  width:260px; height:260px; border:solid 3px #FFF; overflow:hidden;}
#SlideShow img { position:absolute; top:0; left:0; z-index:8;  opacity:0.0;}
#SlideShow img.active { z-index:10; opacity:1.0;}
#SlideShow img.last-active { z-index:9;}

.Nav { position:absolute; height:38px; width:880px; top:322px; left:50px; background:url(../images/nav-bg.png) repeat-x;}
.Nav a {font-size:14px; text-decoration:none; color:#E9AA00; font-weight:bold;}
.Nav a:hover {text-decoration:none; color:#FFF;}
.Nav ul {list-style-type:none; margin-left:-12px; margin-top:0px; clear:both; line-height:38px;}
.Nav ul li {float:left; background:url(../images/line.png) right no-repeat; padding-right:15px; padding-left:12px;}
.Nav ul li.Backnon {background: none}

.ContMain { position:relative; margin: 0 auto; width:880px;	min-height:400px;}
.MainText { position:relative; padding-bottom:80px;}
.MainText ul {margin-left:20px;}
.TextBlock {padding-bottom:40px;}
.TextBlock p { line-height:1.6em;}

.LeftBlock { float:left; width:464px; position:relative;}
.RightBlock { float:right; width:404px;}
.RightBlock img { border: 2px solid #FFF;}
.DetailBigThumb {}
.DetailThumbnails { margin-top:8px;margin-left:-10px;}
.DetailThumb { float:left; width:127px; margin-left:10px; margin-bottom:12px; text-align:center;}
.DetailThumb img { border: 1px solid #FFF;}
.cena { font-size:1.1em; font-weight:bold; color:#E9AA00;}
.Objednat { margin-top:30px; margin-bottom:15px; margin-left:120px;}
.Objednat p { display:block; width:190px; height:59px;}
.Objednat a { display:block; width:100%; height:100%; background:url(../images/btn-objednat.png); text-decoration:none; font-weight:bold; color:#FFF;}
.Objednat a:hover {background:url(../images/btn-objednat.png) 0px -59px;}
.Objednat span { display:block; margin-left:72px; padding-top:12px; line-height:16px;}

.content { padding: 5px 20px; }
.Footer { position:absolute; bottom:0; left:55px;width:900px; height:70px; overflow:hidden; background:url(../images/linefooter.png) top no-repeat;z-index:200;}
.Footer p { margin-top:10px; color:#D6B355; font-size:.8em;}
.Footer .bvstudio { position:absolute; right:0; top:10px; width:120px; height:30px;}
.Letiste { float:right; width:380px; border-left: 1px solid #CCC; padding-left:10px; margin-top:36px;}
.LetisteLeft { float:left; width:250px;}
.Thumb { float:left; width:214px; margin-right:6px; margin-bottom:12px; text-align:center;}
.Thumb img { border: 2px solid #FFF;}
.Thumb a:hover img { border: 2px solid #E9AA00;}


.FloatRight { float: right;}
.FloatLeft { float: left;}
.Clearer { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.ImgBorder { border: 1px solid #000;}
.RightDiv { text-align:right; font-weight:bold;}

.Paging { width:480px; margin:0 auto;}
.Paging a { display:block; width:100%; height:100%;}
.Paging a span { display:none;}
.PagingBack { float:left; width:160px; height:72px; line-height:72px;background:url(../images/pikto-sipky-back.png) no-repeat; background-position:0 -144px;}
.PagingNext { float:left; width:160px; height:72px; line-height:72px;background:url(../images/pikto-sipky-next.png) no-repeat; background-position:0 -144px;}
.PagingNum { float:left; width:160px; height:72px; text-align:center}
.PagingNum p {margin-top:20px;}
.PagingNum em { font-size:.8em;}

.PagingBack a { background:url(../images/pikto-sipky-back.png) no-repeat;}
.PagingNext a { background:url(../images/pikto-sipky-next.png) no-repeat;}
.PagingBack a:hover { background-position:0 -72px;}
.PagingNext a:hover { background-position:0 -72px;}

#DetailDalsiZbozi { width:350px; margin-top:50px;}
#DetailDalsiZbozi ul li { list-style-type:none;}
ul li.ItemPrevOff { float:left; width:160px; height:72px; line-height:72px;
									background:url(../images/pikto-sipky-back.png) no-repeat; background-position:0 -144px;} 
ul li.ItemPrev { float:left; width:160px; height:72px; line-height:72px;}
ul li.ItemPrev a { display:block; width:100%; height:100%;
								background:url(../images/pikto-sipky-back.png) no-repeat;}
ul li.ItemPrev a span { display:none;}
ul li.ItemPrev a:hover { background-position:0 -72px;}

ul li.ItemNextOff { float:right; width:160px; height:72px; line-height:72px;
									background:url(../images/pikto-sipky-next.png) no-repeat; background-position:0 -144px;} 
ul li.ItemNext { float:right; width:160px; height:72px; line-height:72px;}
ul li.ItemNext a { display:block; width:100%; height:100%;
								background:url(../images/pikto-sipky-next.png) no-repeat;}
ul li.ItemNext a span { display:none;}
ul li.ItemNext a:hover { background-position:0 -72px;}

.ImgBorderRight { border: 2px solid #FFF; float:right; margin-left:15px; margin-bottom:10px;}
.H2Order { font-size:18px;}
.hrVisible { display:block; margin-bottom:8px;}
.OrderKontakty {margin-bottom:8px;}
.OrderLeft { float:left; width:50%;}
.OrderRight { float:left; width:50%;}
.Orderboxblue { float:right; width: 280px; margin-bottom:10px;}
.Orderboxblue .obup {	height: 42px; background:url(../images/order-orange-up.png); text-align:center;}
.Orderboxblue .obup h3 {line-height: 38px; color:#E9AA00; padding-top:4px;font-size:18px;}
.Orderboxblue .obmiddet { background:url(../images/order-orange-mid.png); padding:6px 14px 0px 14px; font-size:.9em; font-weight:bold; color:#666;}
.Orderboxblue .obmiddet p {margin:0; line-height:1em; line-height:1.5em;}
.Orderboxblue .obmiddet div span { float:right;color:#E9AA00;}

.cenacelkem { font-size:1.4em; color:#E9AA00; padding-top:6px;}
.Orderboxblue .obbot { height: 15px; background:url(../images/order-orange-bot.png) no-repeat;}
#FormObjednavka input { padding:3px; margin:2px; font-size:1em; }
.InputOr { border:2px solid #EBB731;}
.InputNeeded { background-color:#FEEEC3;}
.InputErr { background-color:#F96;}
.FormError { margin-bottom:15px;}
.FormError p { font-weight:bold; color:#F00;}
.FormError ul { font-weight:bold; font-size:.9em; margin-left:50px;}
#FormObjednavka input.objednavka_button { background-color:#E9AA00; aline-height:32px; padding:8px 16px; cursor:pointer; font-weight:bold; font-size:1.3em;margin-bottom:10px;}
#t_text { padding:10px; font-size:1em; width:460px; border:2px solid #EBB731; }

h1 a, h1 a:link, h1 a:visited, h1 a:hover {color:#E9AA00; font-weight:normal; text-decoration:none;}
h2 a, h2 a:link, h2 a:visited, h2 a:hover {color:#FFF; text-decoration:none;}

.novorocenky2016 { position:absolute; top: 6200px;}

.tooltip-texty { color:#000;}
.Tooltip-h1 { font-size:18px; font-weight:bold;}
#PopupText { position:fixed; color:#FFF; background:rgba(0,0,0,0.75); left:0; right:0; top:0; bottom:0;z-index:999; display:none;}
#PopupClose { position:fixed; color:#FFF; right:10px; top:10px; width:30px; height:30px; font-size:32px;z-index:1000;}
#PopupClose a {display:block; width:100%; height:100%; text-decoration:none;}
#PopupBorder { position:fixed; color:#000; background:#FFF; left:30px; right:30px; top:60px; bottom:30px;z-index:1000; overflow:scroll;overflow-x: hidden;}
#PopupCont { padding:20px;}
#t_text { width:100%; max-width:100%;}
#ChooseText { font-weight:bold;}
.PopupItems p { cursor:pointer; border-bottom:1px solid #CCC; padding-top:5px;padding-bottom:5px; margin-top:0px; margin-bottom:0px;}
.PopupItems p:hover { background-color:#EEE;}
@media only screen and (min-width: 999px) {
  #PopupBorder { left:90px; right:90px;}
}
@media only screen and (max-width: 999px) {
  /* rules that only apply for canvases narrower than 1000px */
}

@media only screen and (device-width: 768px) and (orientation: landscape) {
  /* rules for iPad in landscape orientation */
  .container { position:relative; width: 700px; margin: 0 auto; background:url(../images/bg-mini.png);
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
	z-index:100;
	}
	.Header { position:relative; background:url(../images/bg-top.png) no-repeat; height:431px;}
	.HeaderLogo { position:absolute; width:428px; height:86px; top:42px; left:50px; z-index:200;}
  .HeaderSlogan { position:absolute; width:428px; height:20px; top:110px; left:50px; font-size:11px;}
  .HeaderRef { position:absolute; width:310px; height:115px; top:190px; left:50px; overflow:hidden;}
  .HeaderRef p { font-size:14px; font-style:italic; color:#CCCCCC;}
	.ContMain { position:relative; margin: 0 auto; width:600px;}
	.Nav { position:absolute; height:76px; width:600px; top:322px; left:50px; background:url(../images/nav-bg.png);}
	.Footer { position:relative; width:600px; height:auto; background:url(../images/linefooter.png) top no-repeat;}
	.Footer .bvstudio { position: relative;}

}
@media only screen and (min-width: 481px) and (max-width: 767px)
{
  .container { position:relative; width: 700px; margin: 0 auto; background:url(../images/bg-mini.png);
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
	z-index:100;
	}
	.Header { position:relative; background:url(../images/bg-top.png) no-repeat; height:431px;}
	.HeaderLogo { position:absolute; width:428px; height:86px; top:42px; left:50px; z-index:200;}
  .HeaderSlogan { position:absolute; width:428px; height:20px; top:110px; left:50px; font-size:11px;}
  .HeaderRef { position:absolute; width:310px; height:115px; top:190px; left:50px; overflow:hidden;}
  .HeaderRef p { font-size:14px; font-style:italic; color:#CCCCCC;}
	.ContMain { position:relative; margin: 0 auto; width:600px;}
	.Nav { position:absolute; height:76px; width:600px; top:322px; left:50px; background:url(../images/nav-bg.png);}
	.Footer { position:relative; width:600px; height:auto; background:url(../images/linefooter.png) top no-repeat;}
	.Footer .bvstudio { position: relative;}
}
@media only screen and (max-width: 480px)
{

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* iPhone, Android rules here */

}