* {margin:0; padding:0; font-family:sans-serif}
input, select, textarea, .btn {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
img { border:0;}
body {max-width:640px; margin:0 auto; color:#000; background:#FFF; font-size:small; line-height:1.33;}

/* uni */
.tac { text-align:center;}
.tar { text-align:right;}
.tal { text-align:left;}
.fl { float:left}
.fr { float:right}
.cell { display:table-cell;}
.fc0 {display:block; clear:both; float:none; margin:0; padding:0; font-size:0; height:0; line-height:0; overflow:hidden;}
.fsm { font-size:90%;}
.warning { margin:0 0 .5em; color:#C00; font-weight:bold;}
.bt3 {border-top:3px solid #417C99;}
.bt1 {border-top:1px solid #E0E0E0;}
.bb1 {border-bottom:1px solid #E0E0E0;}

.arts-1, .arts-2, .arts-3, .arts-4, .arts-5 {display:none}
.prep-1 .arts-1, .prep-2 .arts-2, .prep-3 .arts-3, .prep-4 .arts-4, .prep-5 .arts-5 {display:block}

a {font-size:100%; color: #417C99; text-decoration: underline;}

#logo { padding:.5em 1em;
color:#FFF; background: #6cb0d0; 
background: -moz-linear-gradient(top, #6cb0d0 0%, #37789E 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6cb0d0), color-stop(100%,#37789E));
background: -webkit-linear-gradient(top, #6cb0d0 0%,#37789E 100%); 
background: -o-linear-gradient(top, #6cb0d0 0%,#37789E 100%); 
background: -ms-linear-gradient(top, #6cb0d0 0%,#37789E 100%); 
background: linear-gradient(top, #6cb0d0 0%,#37789E 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cb0d0', endColorstr='#37789E',GradientType=0 ); }

.price { font-size:125%; font-weight:bold; color:#E20025; white-space:nowrap;}

.btn {display:block; width:100%; font-size:125%; height:3em; line-height:3em; border:1px solid #CCC; border-radius:.5em; cursor:pointer; text-align:center; text-decoration:none; font-weight:bold;
color:#000; background:#DEDEDE; 
background: -moz-linear-gradient(top, #DEDEDE 0%, #C9C9C9 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DEDEDE), color-stop(100%,#C9C9C9));
background: -webkit-linear-gradient(top, #DEDEDE 0%,#C9C9C9 100%); 
background: -o-linear-gradient(top, #DEDEDE 0%,#C9C9C9 100%); 
background: -ms-linear-gradient(top, #DEDEDE 0%,#C9C9C9 100%); 
background: linear-gradient(top, #DEDEDE 0%,#C9C9C9 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEDEDE', endColorstr='#C9C9C9',GradientType=0 );}
.btn:hover { border-color: #999; box-shadow: 0 0 3px #999;}

.btn-red { border-color:#37789E; color:#FFF; background: #6cb0d0; 
background: -moz-linear-gradient(top, #6cb0d0 0%, #37789E 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6cb0d0), color-stop(100%,#37789E)); 
background: -webkit-linear-gradient(top, #6cb0d0 0%,#37789E 100%);
background: -o-linear-gradient(top, #6cb0d0 0%,#37789E 100%); 
background: -ms-linear-gradient(top, #6cb0d0 0%,#37789E 100%); 
background: linear-gradient(top, #6cb0d0 0%,#37789E 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cb0d0', endColorstr='#37789E',GradientType=0 ); }

#search-box { position:relative; width:100%; margin:0 0 1em; color:#FFF; background:#37789E; }
#search-box .arts-1, #search-box .arts-2, #search-box .arts-3, .search-box-sort { padding:1.5em 1em; color:#000; background:#EEE;}
#search-box a {display:inline-block; color:#FFF; }
#search-box .arts-1 a, #search-box .arts-2 a, #search-box .arts-3 a, #search-box .search-box-sort a { color:#417C99;}

.search-box-sort {padding:.5em 1em; font-size:110%; font-weight:bold;}
.search-box-sort table { width:100%; }
.search-box-sort td { vertical-align:bottom;}
.search-box-sort .tal, .search-box-sort .tar { width:6em;}

.search-nav { float:right; overflow:hidden; height:3.5em; margin:-3.5em .5em 0 0; font-weight:bold; }
.search-link { float:right; overflow:hidden; height:2.5em; margin:-2.5em .5em 0 0;  }
.search-nav li, .search-link li { list-style:none; float:left; }
#search-box .search-nav li a, .search-nav li a { display:block; height:3em; overflow:hidden; padding:.5em 1em 0; border-radius:.5em .5em 0 0; line-height:1.25; text-decoration:none; }
.search-link li a { padding:.5em; line-height:1.25; }
.prep-1 #search-box-a1, .prep-2 #search-box-a2, .prep-3 #search-box-a3 { color:#000; background:#EEE;}

#search-box {line-height:2;}
#search-box .btn {margin:.5em 0 0;}
#search-box select, #search-box .full, #search-box .input-half { width:100%; height:2em; margin: 0 0 1em; padding:0; font-size:110%;}
#search-box .input-half { width:80%;}
#search-box .half-l { float:left; width:35%; }
#search-box .half-r { float:right; width:63%;}
#search-box .half-r .half { width:48%;}
#search-box .w1 { float:left; width:40%; }
#search-box .w2 { float:left; width:19.99%; text-align:center;}
#search-box .w3 { float:right; width:40%; }

.article-list-tit { padding: 1em 1em .5em; font-size:110%;}
.article-list { border-top:3px solid #417C99;}
.article { margin:0 0 1em; padding:1em; border-bottom:1px solid #E0E0E0;}
.article img.fl { margin-right:1em;}
.article h3 { margin:0 0 .5em; font-size:125%; font-weight:bold;}
.article p.price { margin:.5em 0 0; }
.next-article { padding:1em;}

.art-tit1 {padding:1em; font-size:133%;}
.art-tit2 {padding:1em 1em 0; font-size:133%;}
.art-gal {padding:1em 0; background:#EEE; text-align:center;}
.art-gal ul { overflow:hidden; padding:0 1em .5em;}
.art-gal li { list-style:none; }

.ico, .ico-r { font-size:120%;}
.ico span, .ico-r span {float:left; margin:.1em .5em 0 0;  background:url('/o/reality/mobile/icons.png') no-repeat;}
.ico-r span {float:right; margin:.1em 0 0 .5em;}
.ico-prev span { width:18px; height:18px; background-position:0 0;}
.ico-next span { width:18px; height:18px; background-position:-20px 0;}
.ico-li-1 span { width:14px; height:14px; background-position:-60px 0;}
.ico-li-2 span { width:14px; height:14px; background-position:-40px 0;}


.text-box {padding:1em;}
.text-box.pt0, .pt0 {padding-top:0;}
.pt1 {padding-top:1em}
.text-box img.fl {margin-right:1em;}

.list-with-form h3 { margin:0 0 .5em; font-size:120%;}
.list-with-form p { margin:0 0 .5em;}
.list-with-form label { display:block; font-weight:bold;}
.list-with-form .full, .list-with-form textarea { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
width:100%; font-size:125%; font-weight:bold; }

#dotaz-inzerentovi {padding:1em; background:#EEE;}
#dotaz-inzerentovi .ico-li-2 { font-weight:bold}
#preposlat-znamemu .full, #preposlat-znamemu textarea  { background:#EEE;}
#preposlat-znamemu .arts-2 { padding-top:.5em; border-top:1px dotted #666}

/* paticka */
#footer-real {padding:.5em 1em; border-top:3px solid #417C99;}
#footer-real table { width:100%;}
#servis h2 { font-size:100%;}
#servis th { text-align:left; vertical-align:top; }
#servis td.tac { line-height:1.6; padding-right:1em;}
#servis .weather { width:6em;}
.footer {margin:.5em 0 0; font-size:90%; font-weight:normal}
.footer td { padding:.5em 0 0; border-top:1px solid #EEE;}

/*
@media screen and (max-width: 30em) {
    .article-list .article img.fl { float:none; margin:0 0 .5em;}  
}
@media screen and (max-width: 24em) {
    .search-nav { margin-top:0;}
}
@media screen and (max-width: 18em) {
    .search-link { margin:0; padding:0 0 1em; }  
    .search-nav li a { width:4em; padding:.5em; overflow:hidden; }    
}*/