body{margin:0;
font-size: 35vmin;
}

.page {width:850px;
}

.touristinfo {background-color:#FFF;padding-top:0px;display:block; float:left;height:18px;}

.container {width:701px;float:left;
 padding-top:0px;  z-index:-5; margin-left:0px;

}

.con-tent {padding-top:6px;padding-left:5px; margin-bottom:2px;
padding-right: 4px;
padding-left: 4px;
}
ul {padding-left:25px;}
.sidebar1{width:152px; padding-bottom:0px; margin-top:0px;
}

.rb{margin-left:2px;padding-bottom:0px;margin-right:1px; border-radius:4px; width:144px;padding-left:1px;}

.listy{padding:0px;float:left;border-bottom:1px solid grey;background-color:#EEE;margin-left:1px; border-bottom: 1px solid #EEE;border-top: 0px solid grey; }

.touristinfo, .listy, .content{width:535px;}
/*.con-tent, {margin-left:6px;}*/

.obsah {float:right; width:543px; border-right: 1px #849813 dotted;
 }

/*a[target="_blank"] { padding-right: 15px; background-image: url('../images/i/icon-external-link.gif'); background-repeat: no-repeat; background-position: 99% 0; }
a[href$=png], a[href$=jpg]  {
	padding-right: 0px; background-image:none; background-repeat: no-repeat;
	}*/

footer{padding:10px 0px;text-align:center;position:relative;clear:both; width:535px; border-top:1px solid grey;margin-left:5px;}

header, section, footer, aside, article, figure{display:block;}

.searchbox{float:right;position:relative; width:315px; height:28px;padding-right:5px;padding-top:0px;padding-bottom:0px;}

.right-p {font-size:14px; padding-left:2px; margin-bottom:1px; margin-top:2px;}

/*SEARCH*/
.cse .gsc-control-cse, .gsc-control-cse { background-color: transparent !important; border: 0 !important; border-color: transparent !important; padding-left: 0 !important; }
input.gsc-search-button { height: 12px ; margin-top: 3px !important; padding: 6px 12px !important; }
.gscb_a { text-decoration: none !important; }

.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 0 !important;
  position: relative;
  left: 4px;
  top: 1px;
}

.googleSearch > div {
    z-index: 50 !important;
	height:0px
}

.searchposition {  position: relative; visibility: visible; top: 82px; left: 700px; z-index: 500; width: 142px; }





.search-results {padding-left:8px;}
/*SEARCH*/

/*rome.info*/
body {font-family: Arial, Tahoma;
      background:#fff;
	  font-size:14px}
li {font-size:14px}

.menu ul, .menu ol, .menu dl, .quick-links ul {padding:0;margin:0;}
 p{margin-top:0;padding-left:0px;}
h4{margin-bottom:0px; /*color:#373737;*/}
H1 {
	FONT-SIZE: 19px;
padding-top:10px;
padding-left:0px

}
 h2 {font-size:17px;
	padding-left:0px; margin-bottom:9px;}
h3 {font-size:16px;
	padding-left:3px}
.ine {
    font-size:12px;
	text-indent:6px;
  }
A {TEXT-DECORATION:underline;

  color:#B22222

   }

   A:hover {
           COLOR:navy;
         TEXT-DECORATION:underline;
        }
a span{
         TEXT-DECORATION:underline;
        }

.title {font-size:15px;
 font-weight:bold
	  }

a:link {

	  color:#B22222}
img {border:1px}
.font {font-family:Times New Roman;
		font-size:19pt;
		padding-bottom:7px;
		color:#f1f4e5}
.menu {
	border-bottom:1px #ffffff solid;
	text-align: right;
	background-color:#f1f4e5;
	margin-right:6px;
width:148px;


	}

ul.menu li{border-bottom:2px solid white;
}

.menu a {padding-right:2px;
	padding-bottom:2px;
	padding-top:2px;
	display:block;
	text-decoration: none;
	background-color:#f1f4e5;

	}

.menu a:hover {background-color:#ffffff}
.pictures_li {border-top:17px solid white;}

.site_updated{Background-color: #f1f4e5;
padding-bottom: 3px;
padding-left: 4px;
padding-top: 2px;
border-top: 1px #849813 dotted;
border-bottom: 1px #849813 dotted;
font-size: 14px;
text-align:right;
width:148px;
}

 .float {float:right;
	padding: 6px}
	 .floatr {float:right;
	padding: 6px}
 .floatl {float:left;
	padding: 6px}

		.bgyellow   {
    Background-color:#FFFFCC;
	 padding-bottom:1px;
padding-top:1px;
border-top:1px #849813 dotted;
	border-bottom:1px #849813 dotted}

/*end rome.info*/

/*new*/
.quick-links p { margin-left: 0.89em;
 text-indent: -0.89em
 }
.quick-links {padding-left:4px; }

.horny_obrazok {width:700px;float:left;}

.logorome {float:left; background-image: url('/logorome.jpg');
width:700px; height:84px;}
.logolink {float:left; background-image: url('/logolink.jpg');
width:700px; height:42px;}
.logorome2 {float:left; background-image: url('/logorome2.jpg');
width:700px; height:24px;}
.logorome3 {float:left; background-image: url('/logorome3.jpg');
width:700px; height:22px;}
.weather {float:right; background-image: url('/img/bg.jpg');
width:144px; height:126px; margin-right:6px;}

.touristinfo {
Background-color: #f1f4e5;
padding-left: 7px;
padding-top: 2px;
border-top: 1px #849813 dotted;
border-bottom: 1px #849813 dotted;
font-size: 14px;
font-style: normal;
}
.touristinfo a {color:blue;}

.center {
    width:100%;
    height:100%;
    text-align: center;
	border-top:3px solid #FFCC66;
	font-size: 13px;
	padding-top:2px;
	margin-bottom:5px;
}



	.reklama {border-top:3px solid #dadada; width:140px; margin-left:auto; margin-right:auto;}

.quick-links {border-top:3px solid #FFCC66;padding-top:5px;
padding-bottom:5px;}

.cpic {padding-top:5px; padding-bottom:8px; display: block;
    margin-left: auto;
    margin-right: auto;
	width:98%;}
.ctext {
	text-align:center;
	}

.img_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.center a{font-size:14px;}
a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

.ticketbar-banner {padding-bottom:8px; width:99%;}
.banner1 {background-color: f2f4e7;border: 1px solid black;width: 698px;height: 116px;}
.banner2 {margin-top: 21px;height: 75px;background-color: #e1e4d1;font-family: Arial;}
.banner3 {color: #BB2121;margin-right: 10px;margin-left: 15px;font-size: 18;float: left;}
.banner4 {color: white;text-decoration: none;font-weight: bold;font-size: 20;}
.banner5 {height: 42px;width: 200px;background-color: #67be39;text-align: center;line-height: 44px;margin: 17px 27px 10px 20px;border-radius: 5px;border-bottom: 2px solid #398c0a;float: right;}

hr{display: block;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0.5em;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
border-style: inset;
border-width: 1px;}

div.quick-links li {list-style:none;padding-top:4px;padding-bottom:4px;}

.link-continue {display:inline-block;}
a .link-continue {color:black;}
a .rb-hotel {color:black;}
  .headline {color:#B22222;text-decoration:underline;font-size:14px;}
  .headline13 {color:#B22222;text-decoration:underline;font-size:13px;}

  a:hover .rb-hotel {background-color:#eee;
transition: all 0.2s; text-decoration:underline;color:#B22222;}
.rb-hotel {
    height:100%;
    text-align: center;
	border-top:3px solid #FFCC66;
	font-size: 13px;
	margin-bottom:5px;}
.rb-hotel img {padding:3px; width:120px;}
/*novy design */
	body {margin:0px;}
.page {
	width:856px;
	min-width:700px;
    }
.rb, .weather, .rbbox{width:146px;}
.a23 { width:696px;}
.obsah, .footerx {width:543px;}
.menu {width:152px; padding-bottom:0px; margin-top:0px; }
.header {width:700px;}
.header, .weather, .obsah, .rb, .a23 {float:left;}

.w3 {width:300px;}
.w2 {width:200px;}
.w25 {width:250px;}

.write {color:#0000FF; text-decoration:none; padding-bottom:53px;}
.ram {background-color:#DEE79C;
 border: 1px solid white;
padding: 8px 25px 8px 10px;
margin: auto;
margin-top:10px;
margin-bottom:10px;
border-radius: 8px;"}
.ram ul {-webkit-margin-before:-0.5em;}


@media(max-width:725px)
 {
	.listy, .con-tent, .touristinfo{width:530px;float:right;}
	.touristinfo{width:524px;}
	.obsah {width:530px; float:right;}
	.container {width:700px;}
	.page .logorome .logorome2 .logorome3 .logolink {width:700px;}
	.hotel-td {width:50%}
	ul.nav {background:#E9E9E9;padding-top:10px;}
	.menu li {font-size: 1.15em; font-weight:500; }
	.menu a {padding-right:2px;
	padding-bottom:7px;
	padding-top:10px;
	}
	ul.menu li {border-bottom:3px solid white;}
	.menu{float:left;background-color:#FFF;padding-bottom:0px;margin-left:0px; width:155px; margin-right:7px;}
.con-tent{padding:10px 0;float:right;background-color:#FFFFFF;padding-top:0px;}
H1 {padding-top:0px; margin-top:12px;}
.listy{padding:0px;float:right;background-color:#EEE;}
.searchbox{width:245px; padding-right:5px;vertical-align:central;}
#map {width: 460px;height:400px;margin-top:15px;margin-bottom:15px;padding: 0px; float:left;}
footer {width:525px;}
.nomobile { visibility: hidden;
    clear: both;
    display: none;!important}




 }
 @media screen and (min-width:725px) {
	.mobile {visibility:hidden; display:none;}
	.reklama-dole {display:none; visibility:hidden; }
		.square-pic {margin-bottom:20px;}

	}


@media(max-width:725px)
 {
	.rb {width:548px; /*display:none; visibility:hidden;*/}
		.rb-hotel img {height:100px;padding:3px;margin-top:8px;}

		.rb-hotel, .rb-hotel a{width:250px; float:left; font-size: 1.3em; }
	.rb-hotel {padding-right: 20px;border-top:1px solid grey;padding-top:10px; /*border-bottom:1px solid grey; */padding-bottom:10px; margin-bottom:3px;}
	.quick-links, .quick-links li, .quick-links ul, .headline, .headline13  {font-size: large}
	.quick-links {padding-bottom:8px; width:530px; clear:both;}
	 .reklama {display:none; visibility:hidden;}
	 .reklama-dole{width:250px; height:250px;float:left;margin-bottom:10px;border-top:1px solid grey;}
	.a23 {width:548px;}
	.page{width:710px;}
	.weather{display:none;}
		.rbbox {width:180px;}
		.header, .obsah, .rb, .a23 {float:left;}
 }

/*p {background: #FFF url('/img/transparent.gif');
}*/ <!-- zabrani rozseknutiu textu v polke sirky strany na starsich verziach android browseru, na druhej strane zakaze automaticku velkost fontu cim je font maly -->