﻿/*=========================== TAGS ============================*/

* { margin: 0; padding: 0; }
html { min-width: 980px; }
body { background: url(http://www.rkgoblin.cz/images/tail-body.jpg) repeat center top; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1em; color: #556e7b; min-width: 980px; }
object { vertical-align: top; outline: none; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 1em; vertical-align: middle; font-weight: normal; }
fieldset { border: 0; }

p { margin: 0; padding: 0; }

img { border: 0; vertical-align: top; text-align: left; }

ul, ol { list-style: none; }

/*========================== ALIGMENT =========================*/

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.wrapper { width: 100%; overflow: hidden; }
.container { width: 100%; }

/*=========================== TAILING =========================*/

.tail-top { background: url(http://www.rkgoblin.cz/images/tail-top.gif) left top repeat-x #fff; }
.tail-bottom { background: url(http://www.rkgoblin.cz/images/tail-bottom.gif) left bottom repeat-x; }

/*=========================== FORMS ===========================*/

#search-form label { color: #dbf3f9; font-family: Tahoma, Arial, helvetica, sans-serif; display: block; font-weight: bold; font-size: .92em; padding-bottom: 6px; }
#search-form fieldset { float: left; }
#search-form span { float: left; width: 102px; }
#search-form input { background-color: #f7f8f8; border: 1px solid #4f6470; padding: 2px 0 2px 10px; width: 80px; }
#search-form select { height: 20px; background-color: #f7f8f8; border: 1px solid #4f6470; font-family: Tahoma, Arial, helvetica, sans-serif; }
#search-form fieldset.style1 { width: 233px; }
#search-form fieldset.style1 select { width: 213px; color: #4f5e65; margin-bottom: 10px; font-weight: bold; }
#search-form fieldset.style1 input { font-size: .92em; }
#search-form fieldset.style1 a { font-family: Tahoma, Arial, helvetica, sans-serif; color: #fff; }
#search-form fieldset.style1 p { padding-top: 15px; margin: 0; }
#search-form fieldset.style2 { width: 312px; }
#search-form fieldset.style2 input { color: #097ec8; font-weight: bold; width: 310px; font-family: Tahoma, Arial, helvetica, sans-serif; margin-bottom: 10px; }
#search-form fieldset.style2 select { font-size: .92em; width: 92px; }
#search-form fieldset.style2 a { color: #f2f6f8; font-size: 1.17em; line-height: 1.2em; text-decoration: none; text-transform: uppercase; font-family: Georgia, "Times New Roman" , Times, serif; display: block; float: left; background: url(http://www.rkgoblin.cz/images/button-tail.gif) repeat-x left top; margin: 22px 0 0 8px; }
#search-form fieldset.style2 a em { display: block; background: url(http://www.rkgoblin.cz/images/button-left.gif) no-repeat left top; }
#search-form fieldset.style2 a b { font-style: normal; display: block; background: url(http://www.rkgoblin.cz/images/button-right.gif) no-repeat right top; padding: 7px 18px 16px 18px; }
#search-form fieldset.style2 a:hover { color: #000; }

#search-form-style2 { width: 560px; color:#fff}
#search-form-style2 .otherParams { margin: 10px 0 0 0 }
#search-form-style2 .otherParams .title{ width: 560px; display:block}
#search-form-style2 .otherParams label { float: left; width: 100px; padding: 2px 0; }
#search-form-style2 .otherParams input { float: left; }
#search-form-style2 .otherParams .city label {width: 34px; padding: 0}
#search-form-style2 .otherParams .city input {margin: 2px 5px 0 0}

#search-form-style2 .otherParams .size label {width: 60px; padding: 0}
#search-form-style2 .otherParams .size input {margin: 2px 5px 0 0}

#search-form-style2 .otherParams .texty input {border: 1px solid #4f6470; padding: 2px 0 2px 10px; color:#537182}
#search-form-style2 .otherParams .texty label {width: 20px; padding: 2px 0 0 2px}
#search-form-style2 .otherParams .textCisloZak label {width: 80px; padding: 2px 0 0 2px}
#search-form-style2 .otherParams .textCisloZak input {border: 1px solid #4f6470; padding: 2px 0 2px 10px; color:#537182}

#search-form-style2 .otherParams .items { padding-bottom: 0; }

#search-form-style2 .pr { width:40px; float:left; text-align:center; display:block; height:40px}
#search-form-style2 .btnMain { width:100px; height:40px; margin: 0 0 15px 0 ;float:right}

#search-form 
#search-form .extra { padding-bottom: 20px; }

fieldset.style3 { width:550px; margin-bottom:20px}
fieldset.style3 p { color: #fff; width:550px}
fieldset.style3 label{ width:550px; display:block; margin:5px 0 0 0}
fieldset.style3 input { width:350px; padding:5px}
fieldset.style3 textarea { width:350px; padding:5px; height:50px}
fieldset.style3 .btnMain { width:100px; height:40px; margin: 0px 0 15px 0 ;float:right; display:block}

/*---*/

#contacts-form fieldset { float: left; }
#contacts-form .field1 { width: 319px; }
#contacts-form .field2 { width: 271px; }
#contacts-form .field1 div { height: 53px; }
#contacts-form label { display: block; }
#contacts-form input { width: 258px; padding: 2px 0 2px 3px; background: #fff; color: #556e7b; border: 1px solid #b3c2cc; vertical-align: top; line-height: 1.2em; }
#contacts-form textarea { width: 266px; height: 121px; overflow: auto; background: #fff; color: #556e7b; border: 1px solid #b3c2cc; padding: 2px 0 2px 3px; margin-bottom: 15px; }

/*========================== LISTS ============================*/

.list { padding-bottom: 10px; }
.list li { padding: 0 0 5px 10px; background: url(http://www.rkgoblin.cz/images/marker1.gif) no-repeat left 5px; }
.list1 li { padding-bottom: 18px; }
.list1 li cite { font-style: normal; line-height: 1.5em; color: #026fb0; }
.list1 li h5 { text-align: right; }

/*========================== OTHER ============================*/

#header h1 a{ width:245px; height:90px; display:block; text-indent:-9999px; background: url(http://www.rkgoblin.cz/images/logoRkGoblin.png) no-repeat left top; margin:40px 0  0 15px; float:left}
#headerSmall h1 a{ width:245px; height:90px; display:block; text-indent:-9999px; background: url(http://www.rkgoblin.cz/images/logoRkGoblin.png) no-repeat left top; margin:40px 0  0 15px; float:left}
#mainMenu {width:578px; height:67px; display:block; background: url(http://www.rkgoblin.cz/images/bgMenu.png) no-repeat left top; margin: 50px 0 0 110px; float:left; padding:25px 0 0 30px;}
#mainMenu li{ list-style:none; display:inline; padding: 0 50px 0 10px; }
#mainMenu li a {color:#fff;  text-decoration:none}
#mainMenu li a:hover {color:#fff;  text-decoration:underline}

.img-indent { margin-bottom: 20px; }

.img-box1 { width: 100%; overflow: hidden; }
.img-box1 img { float: left; margin: 0 20px 0 0; }

p { line-height: 1.5em;  }
.p0 { margin: 0; }

.address span { float: right; margin-right: 12px; }

.tab1 { width: 100%; border: 0; margin-bottom: 10px; }
.tab1 td { color: #026fb0; padding: 4px 0 5px 10px; }
.tab1 tr.top td { color: #fff; font-weight: bold; background: #a3acaf; }
.tab1 tr.alt { background-color: #fff; }

.tab2 { width: 100%; border: 0; margin-bottom: 10px; border-bottom: 1px solid #fff; }
.tab2 td { color: #026fb0; padding: 5px 0 5px 10px; }
.tab2 tr.top td { color: #858a8c; font-weight: bold; background: #fff; }
.tab2 tr td { border-bottom: 1px solid #fff; }
.tab2 tr td a { font-size: .92em; color: #f56228; font-weight: bold; }

dl { color: #026fb0; line-height: 1.5em; }
dl dt { font-weight: bold; }
dl dd { padding-bottom: 20px; }

/*================= TXT, LINKS, LINES, TITLES =================*/

a { color: #1272c3; outline: none; }
a:hover { text-decoration: none; }


h3 { font-size: 25px; line-height: 1.2em; color: #949a9c; text-transform: uppercase; margin-bottom: 32px; }
h4 { font-size: 1.17em; text-transform: uppercase; font-family: Georgia, "Times New Roman" , Times, serif; margin-bottom: 17px; line-height: 1.29em; }
h5 { font-size: 1em; line-height: 1.5em; color: #026fb0; }
h5.extra { margin-bottom: 17px; }

.link { color: #f56228; text-transform: uppercase; }

.link1 { text-align: right; font-size: .92em; line-height: 1.2em; }
.link1 a { color: #383e3f; padding: 1px 0 2px 21px; display: inline-block; background: url(http://www.rkgoblin.cz/images/marker.png) no-repeat left top; }

.line-hor { margin: 20px 0; background: url(http://www.rkgoblin.cz/images/line-hor.gif) repeat-x left top; height: 1px; overflow: hidden; font-size: 0; line-height: 0; }

/*============================ BOXES ==========================*/

.main-box { width: 100%; background: url(http://www.rkgoblin.cz/images/main-tail.jpg) repeat-y center 850px; }
.main-box .top { background: url(http://www.rkgoblin.cz/images/main-top.jpg) no-repeat center top; }
.main-box .bot { background: url(http://www.rkgoblin.cz/images/main-bot.jpg) no-repeat center bottom; padding-bottom: 112px; }

/*---*/

.box { background: #b9e0f7; width: 100%; }
.box.alt { margin-bottom: 20px; }
.box .inner { padding: 12px 10px 14px 10px; }
.box h4 { text-transform: none; color: #606466; }
.box p { color: #026fb0; }

/*---*/

.box1 { background: #f9e5af; width: 100%; }
.box1 .inner { padding: 12px 10px 14px 10px; }
.box1 h4 { text-transform: none; color: #606466; }

/*========================== HEADER ===========================*/

#header { }

/*========================= CONTENT ===========================*/

#content .row-1 { background: #728fa0 url(http://www.rkgoblin.cz/images/cont-tail1.jpg) repeat-x left top; }
#content .row-1 .inside { padding: 0 0 0 40px; }
#content .row-1 .col-1 { width: 614px; background: url(http://www.rkgoblin.cz/images/bg-right.jpg) no-repeat right top; }
#content .row-1 .col-2 { width: 326px;  }
#content .row-1 .col-1 h4  { color: #0d4668; padding-top: 15px; margin-bottom: 14px; }
#content .row-1 .col-2 h4  { color: #0d4668; padding: 15px 0 0 15px; margin-bottom: 14px; }
#content .row-1 .col-2 #swfContent { width:320px ; height:251px; padding:25px 0 0 25px;}
#content .row-1 .col-2 p { color: #fff; padding: 0 0 0 15px; margin-bottom: 14px; }
.mainSearchResult td, .mainSearchResult th { padding:6px; margin:0px; text-align:center}
.mainSearchResult th {background-color:#e26030; color:#fff; font-size:0.8em; font-weight:bold}
.mainSearchResult td { border-right: dashed 1px #bfbfbf; border-bottom: dashed 1px #bfbfbf;font-size:0.85em; }
.mainSearchResult td.preview { border:none;} 
.mainSearchResult td.preview img { height:50px} 
.mainSearchResult tr { cursor:pointer} 

.ano { width:16px; height: 16px; display:block; background: url(http://www.rkgoblin.cz/images/icon-yes.png) no-repeat right top; text-indent:-99999px }
.ne { width:16px; height: 16px; display:block; background: url(http://www.rkgoblin.cz/images/icon-no.png) no-repeat right top; text-indent:-99999px }
.vybavenost { padding: 0 0 0 15px; width:280px; color:#fff; margin-bottom:15px}
.vybavenost td { padding:2px}
.cena { font-size:1.5em}
.cena span { font-weight:bold}
#content .row-2 { background: url(http://www.rkgoblin.cz/images/cont-tail3.gif) repeat-x left bottom #f8f9fa; padding: 27px 20px 30px 40px; position: relative; }

/*========================= FOOTER ============================*/

#footer p { padding: 21px 20px 0 0; }
#footer .copySmall { width:300px; height:30px; display:block; float:left; margin: 0 0 0 15px; font-size:0.8em}
#footer p, #footer a { color: #8a9193; }
#footer span { text-transform: uppercase; }
#footer a { text-decoration: underline; }
#footer a:hover { text-decoration: none; }

/*=============================================================*/

/*--- carousel ---*/
.carousel-box, .carousel-box-static { position: relative; width: 980px; height: 163px; background: url(http://www.rkgoblin.cz/images/cont-tail2.gif) repeat-x left top;}
.carousel-box h4, .carousel-box-static h4 { padding-top: 11px; margin-bottom: 13px; }
.carousel-box .prev { position: absolute; left: 15px; top: 80px; }
.carousel-box .next { position: absolute; right: 15px; top: 80px; }
.carousel-box .carousel { width: 860px; overflow: hidden; margin-left: 48px;}
.carousel-box .carousel, .carousel-box-static .carousel-static { width: 900px; overflow: hidden; margin-left: 48px;}
.carousel-box ul li, .carousel-box-static ul li { float: left; border: 0; margin-right: 16px; position: relative; }
.carousel-box ul li a, .carousel-box-static ul li a { width: 164px; height: 108px; display: block; }
.carousel-box ul li a img, .carousel-box-static ul li a img {width: 156px; border: solid 4px #fff}
