/*********************************************
1. RESET
2. BODY
3. WRAPPERS
4. HEADER
5. HORNI MENU
6. OBSAH
7. FOOTER
*********************************************/










/************************ 1. 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,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
strong {font-weight:bold;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after, q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
.clear {clear:both;}
h2, h3 {color:#da1a35;}
.tabulkaCen h3 {
  font-size:1.1em;
}
.black h3 {color:#3d3d3d;}


/************************ 2. BODY ************************/
body {
  background:#fae7b1 url(../images/body/background.jpg) center top no-repeat;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  behavior:url("hover.htc"); 
}
a {color:#da1a35;}
a:hover {color:#ff6c00;}


/************************ 2. WRAPPERS ************************/
#mainWrapper {width:960px;margin:0 auto;}


.topKontakt {
	color:#eea952;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:7px 0px 0px 0px;
}
.topKontakt a {color:#eea952;text-decoration:none;}
.topKontakt a:hover {color:#ffd8a7;text-decoration:underline;}
.logo {margin:8px 0px 0px 0px;float:left;background:url(../images/logo.png) no-repeat;width:410px;height:120px;}
.logo:hover {background-position:-410px 0;}
#textWhiteWrapper .contentWrapper .errorDiv {width:100%;font-size:2em;text-align:center;color:#da1a35;font-weight;bold;margin:10px 0px 30px 0px;}

/************************ 3. TOP MENU ************************/
#topMenu {margin:75px 0px 0px 0px;float:left;cursor:pointer;}
#topMenu a {color:#fff;text-decoration:none;font-size:1.7em;padding:7px 10px 7px 10px;border-left:1px solid #fff;}
#topMenu a:hover {color:#724010;text-decoration:none;}
#topMenu .active {color:#724010;text-decoration:none;}
#topMenu li {float:left;}
#topMenu .noBorder {border:none;}

/************************ 4. UVODNI FOTKA ************************/
#whiteWrapper {background:url(../images/top-logo-border.png) repeat; width:100%;padding:20px 0px 0px 0px;float:left;}
#whiteWrapper img {margin:0px 0px 0px 20px;}
#whiteWrapper h1 {font-size:4em;color:#fff;margin:-23px 0px -35px 20px;&margin:-30px 0px -35px 20px;width:920px;height:100px;background:url(../images/top-logo-drobecky.png) no-repeat;display:block;padding:30px 0px 0px 0px;text-align:center;}

/************************ 5. HLAVNI OBSAH ************************/
#textWhiteWrapper {background:url(../images/top-logo-border.png) repeat;width:920px;padding:20px 20px 20px 20px;float:left;}
#textWhiteWrapper .contentWrapper {background:url(../images/top-logo-border.png) repeat;width:880px;float:left;padding:20px;}
#textWhiteWrapper .contentWrapper p {color:#3d3d3d;font-size:1.2em;line-height:1.3em;padding:10px 0px 10px 0px;}

#textWhiteWrapper .wrapperBoxy {margin:0px -20px 0px 0px;}
#textWhiteWrapper .colorBox {width:284px;float:left;line-height:1.3em;color:#3d3d3d;margin:0px 13px 20px 0px;}
#textWhiteWrapper .colorBox .top{width:100%;height:28px;}
#textWhiteWrapper .colorBox .center {padding:0px 20px 0px 20px;}
#textWhiteWrapper .colorBox .bottom{width:100%;height:23px;}
#textWhiteWrapper .colorBox .ytop{background:url(../images/boxy/box-yellow-top.png) repeat-y;}
#textWhiteWrapper .colorBox .ybottom{background:url(../images/boxy/box-yellow-bottom.png) repeat-y;}
#textWhiteWrapper .colorBox .ycenter{background:url(../images/boxy/box-yellow-center.png) repeat-y;width:244px;}
#textWhiteWrapper .colorBox .rtop{background:url(../images/boxy/box-red-top.png) repeat-y;}
#textWhiteWrapper .colorBox .rbottom{background:url(../images/boxy/box-red-bottom.png) repeat-y;}
#textWhiteWrapper .colorBox .rcenter{background:url(../images/boxy/box-red-center.png) repeat-y;width:244px;}  
#textWhiteWrapper .colorBox .otop{background:url(../images/boxy/box-orange-top.png) repeat-y;}
#textWhiteWrapper .colorBox .obottom{background:url(../images/boxy/box-orange-bottom.png) repeat-y;}  
#textWhiteWrapper .colorBox .ocenter{background:url(../images/boxy/box-orange-center.png) repeat-y;width:244px;}

.yTopLong {width:880px;height:20px;background:url(../images/boxy/long-top-y.png) no-repeat;float:left;}
.yBottomLong {width:880px;height:28px;background:url(../images/boxy/long-bottom-y.png) no-repeat;float:left;margin:0px 0px 50px 0px;}

.oTopLong {width:880px;height:20px;background:url(../images/boxy/long-top-o.png) no-repeat;float:left;}
.oBottomLong {width:880px;height:28px;background:url(../images/boxy/long-bottom-o.png) no-repeat;float:left;margin:0px 0px 50px 0px;}

.rTopLong {width:880px;height:20px;background:url(../images/boxy/long-top-r.png) no-repeat;float:left;}
.rBottomLong {width:880px;height:28px;background:url(../images/boxy/long-bottom-r.png) no-repeat;float:left;margin:0px 0px 50px 0px;}

.oTopLong2 {width:880px;height:20px;background:url(../images/boxy/long-top-o.png) no-repeat;}

#textWhiteWrapper .contentWrapper h2 {font-size:1.6em;margin:0px 0px 10px 0px;color:#da1a35;font-weight:bold;}
#textWhiteWrapper .contentWrapper .tabulkaCen {
	width:880px;
	font-size:1.4em;
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 20px;
}
#textWhiteWrapper .contentWrapper .tabulkaCen th{
	font-weight:bold;
	color:#444444;	
	padding:0px 0px 5px 0px;
}
#textWhiteWrapper .contentWrapper .tabulkaCen h3{
	&margin:0px 20px 0px 20px;
}
#textWhiteWrapper .contentWrapper .tabulkaCen .long{
	width:740px;
}
#textWhiteWrapper .contentWrapper .tabulkaCen .long2{
	width:640px;
}
#textWhiteWrapper .contentWrapper .tabulkaCen .adresa{
	width:300px;
	padding:0px 20px 0px 0px;
	border-right:1px solid #fee78c;
}
#textWhiteWrapper .contentWrapper .tabulkaCen .adresa h3{
	font-weight:bold;
}
#textWhiteWrapper .contentWrapper .tabulkaCen .dalsiInformace{
	padding:0px 0px 0px 120px;
}
#textWhiteWrapper .contentWrapper .y{
	background:url(../images/boxy/y-cena.png) repeat;
	border:1px solid #fcdf6f;
	border-top:none;
	border-bottom:none;
}
#textWhiteWrapper .contentWrapper .y th{
	border-bottom:1px solid #fcdf6f;
}
#textWhiteWrapper .contentWrapper .tabulkaCen td{
	color:#3d3d3d;
	padding:10px 0px 5px 5px;
}
#textWhiteWrapper .contentWrapper .y td{
	border-bottom:1px solid #fee78c;
}
#textWhiteWrapper .contentWrapper .y tr:hover{
	background:#fee78c;
}
#textWhiteWrapper .contentWrapper .o{
	background:url(../images/boxy/o-cena.png) repeat;
	border:1px solid #ffcb7c;    
	border-top:none;
	border-bottom:none;
}
#textWhiteWrapper .contentWrapper .o th{
	border-bottom:1px solid #ffcb7c;
}
#textWhiteWrapper .contentWrapper .r{
	background:url(../images/boxy/r-cena.png) repeat;
	border:1px solid #faa28f;
	border-top:none;
	border-bottom:none;
}
#textWhiteWrapper .contentWrapper .r th{
	border-bottom:1px solid #faa28f;
}
#textWhiteWrapper .contentWrapper .r td{
	border-bottom:1px solid #fab8ab;
}
#textWhiteWrapper .contentWrapper .r tr:hover{
	background:#fab8ab;
}
#textWhiteWrapper .contentWrapper .y .head:hover,
#textWhiteWrapper .contentWrapper .o .head:hover,
#textWhiteWrapper .contentWrapper .r .head:hover{
	background:none;
	color:#3f3f3f;
}
#textWhiteWrapper .contentWrapper .tabulkaCen td{
	color:#3d3d3d;
	padding:10px 0px 5px 5px;
}
#textWhiteWrapper .contentWrapper .tabulkaCen .noBorder{
	border-bottom:none;
}
#textWhiteWrapper .contentWrapper .tabulkaCen iframe{
	position:absolute;
	margin:-10px 0px 0px -215px;
}
#textWhiteWrapper .contentWrapper .mapa{
	height:250px;
	width:100%;
}
#textWhiteWrapper .contentWrapper .odkazyUmap {
	float:left;
	margin:10px 0px 0px 0px;
}

#textWhiteWrapper .contentWrapper .dotazovyFormularInput {
	width:200px;
	border:1px solid #ffa927;
	background:#fffaf3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#616161;
	padding:5px 10px 5px 10px;
}
#textWhiteWrapper .contentWrapper .dotazovyFormularInput option{
	background:#fff4e4;
	color:#383838;
}
#textWhiteWrapper .contentWrapper .dotazovyFormularArea {
	width:480px;
	border:1px solid #ffa927;
	background:#fffaf3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#616161;
	padding:5px 10px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
}
#textWhiteWrapper .contentWrapper .dotazovyFormularButton {
	width:200px;
	border:1px solid #ffa927;
	background:#fffaf3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#616161;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	cursor:pointer;
}
#textWhiteWrapper .contentWrapper .dotazovyFormularInput:hover,#textWhiteWrapper .contentWrapper .dotazovyFormularInput:focus,
#textWhiteWrapper .contentWrapper .dotazovyFormularArea:hover,#textWhiteWrapper .contentWrapper .dotazovyFormularArea:focus,
#textWhiteWrapper .contentWrapper .dotazovyFormularButton:hover,#textWhiteWrapper .contentWrapper .dotazovyFormularButton:focus {
	background:#fff4e4;
	border:1px solid #ff8400;
	color:#383838;
}
#textWhiteWrapper .contentWrapper .tabulkaCen .odsazeniDotazu {
	height:80px;
}
#textWhiteWrapper .contentWrapper .tabulkaCen label {
	font-size:0.8em;
	color:#da1a35;
	float:left;
	margin:3px 0px 0px 5px;
}
#textWhiteWrapper .contentWrapper .celeJmeno label {
  font-size:0.8em;
	color:#da1a35;
	float:left;
	margin:35px 0px 0px -215px; 
	position:absolute;
} 
#textWhiteWrapper .contentWrapper .emailOdeslan {
  width:100%;
  background:#b7f6c3;
  color:#27bb43;
  border:1px solid #27bb43;
  font-weight:bold;
  padding:15px 0px 15px 0px;
  font-size:2em;
  text-align:center;
  margin:0px 0px 30px 0px;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#textWhiteWrapper .contentWrapper .emailNeOdeslan {
  width:100%;
  background:#f6b7b7;
  color:#f64c4c;
  border:1px solid #f64c4c;
  font-weight:bold;
  padding:15px 0px 15px 0px;
  font-size:2em;
  text-align:center;
  margin:0px 0px 30px 0px;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#textWhiteWrapper .contentWrapper .rezervovatLink {
	font-size:0.8em;
}

/*vylety*/
#textWhiteWrapper .contentWrapper .tabulkaCen .vylet{
	padding:20px 0px 0px 0px;
}              
#textWhiteWrapper .contentWrapper .tabulkaCen .vylet img{
	margin:0px 20px 20px 0px;
}
#textWhiteWrapper .contentWrapper .tabulkaCen .vylet p{
	font-size:1em;
}
#textWhiteWrapper .contentWrapper .tabulkaCen .jakDaleko {
	float:right;
	margin:-17px 0px 0px 0px;
	font-weight:normal;
}
#textWhiteWrapper .contentWrapper .tabulkaCen .vylet .viceInfoLik {
	float:right;
}
#textWhiteWrapper .contentWrapper .tabulkaCen .vylet .tipyNaVyletyDalsi li {
	padding:5px 0px 0px 0px;
}
/************************ 5. FOOTER ************************/
#footer {
	background:url(../images/footer/background.png) repeat-x;
	height:161px;
	width:100%;
	float:left;
	margin:-9px 0px 0px 0px;
	color:#fff;
	font-size:0.9em;
}
#footer .wrapper {width:960px;margin:0 auto;padding:9px 0px 0px 0px;}
#footer .wrapper img {float:left;}
#footer p {width:590px;float:left;padding:35px 0px 0px 10px;}
#footer .second {float:left;margin:20px 0px 0px 0px;&margin:30px 0px 0px -290px;position:relative;z-index:1000;}
#footer .second .left {width:660px;float:left;display:block;margin:0px 0px 0px 20px;}
#footer .second .right {width:260px;float:right;display:block;text-align:right;margin:0px 20px 0px 0px;&margin:-10px 20px 0px 0px;}
#footer .second a {text-decoration:underline;text-transform:uppercase;color:#fff;}
#footer .second a:hover {text-decoration:none;color:#4c230d;}
#footer .second .left .active {text-decoration:none;color:#4c230d;}

/************************ 6. FOTOGALERIE ************************/
.galerie1 {
	float:left;
	margin:0px 20px 20px 0px;
	border:5px #ffb57a solid;
	opacity: .9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}
.galerie1:hover, .mapaRam:hover {
	border:5px #fa8517 solid;
	opacity: 1;
}
.galerie2 {
	float:right;
	padding:0px 0px 20px 0px;
}
.mapaRam {
	float:left;
	border:5px #ffb57a solid;
	opacity: .9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#textWhiteWrapper .contentWrapper .ieodsazeni {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  &margin:0px 20px 0px 20px;
  &width:838px;
}
#textWhiteWrapper .contentWrapper .ieodsazeniimg {
  &width:20px;
  &float:left;
  &height:100px;
}
#textWhiteWrapper .contentWrapper .spanie {
  &margin:0px 0px 0px 20px;
}
.cena h3 {
  font-weight:normal;
}

table {float:left;}



.detailyVyletu li {padding:10px 0px 10px 0px;}
.detailyVyletu .vyletLipopis {
  font-weight:bold;
  width:200px;
  display:block;
  float:left;
}
.nadpisVyletuA a {text-decoration:none;}

.vymenaOdkazu {
  font-size:1.2em;
}
.vymenaOdkazu li {
  padding:10px 0px 10px 0px;
}