/*
	@author: Romana Pevna
	@site:   www.dog.cz
------------------------------------------- */
html, body {height: 100%; margin: 0; padding: 0; }
body {background: #eee url('../_images/bg_body.jpg') 0 0 repeat-x; /* overflow-x: hidden; */ }



/* common definition
------------------------------------------- */
/* typografy */
h1, h2, h3 {color: #161616; line-height: 1.2; font-family: Arial, Helvetica, sans-serif, 'Calibri'; }
h1 {font-size: 2.0em; margin-top: 10px; padding-top:10px; margin-bottom: 0.8em; clear:both; }

h2, #right-col h3, #left-col h3 {font-size: 1.7em; padding-left: 30px; margin-top: 1.0em; margin-bottom: 0.6em; margin-left: -3px; background: url('../_images/ico_heading.png') 0 -2px no-repeat; }

h2.border {background-position: 0 6px; }
h2.border, h3.border {padding-top: 7px; padding-bottom: 7px; border-top: solid 1px #e2e1dd; border-bottom: solid 1px #e2e1dd; }

h3 {font-size: 1.25em; margin-top: 0.7em; margin-bottom: 0.5em; }


p, address, table, fieldset {margin: 0; margin-bottom: 1.5em; }
address {font-style: normal; }

hr, .spacer {height: 0; padding: 0; margin: 0; margin-bottom: 1.5em; border: 0; background: none; border-top: solid 5px #ec1c24; overflow: hidden; clear: both; }


/* lists */
ul, ol {padding: 0; margin: 0 0 1.5em 20px;}
li {margin-bottom: 0.3em; }

ul.inline {margin-left: 0; }
ul.inline li {display: inline; }

/* links */
a {color: #ec1c24; text-decoration: underline; outline: 0; }
a:hover, a:focus {text-decoration: none; }
a.next {text-decoration: none; padding-right: 15px; background: url('../_images/ico_bull.png') 100% 4px no-repeat; }

big {font-size: 1.2em; }
small {font-size: 0.9em; }

img {font-size: 1.0em; border: 0; }


/* forms */
form {margin: 0; }

input, select, textarea {color: #4c4c4c; font: 1.0em/1.8 Verdana, 'Geneva CE', lucida, sans-serif, 'Corbel'; padding: 9px 10px; border: solid 2px #ededed; }
button {cursor: pointer; }



.left {text-align: left !important; }
.right {text-align: right !important; }
.center {text-align: center !important; }
.top {vertical-align: top;}

.fll {float: left !important; }
.flr {float: right !important; }
img.fll {margin: 3px 10px 10px 0; }
img.flr {margin: 3px 0 10px 10px; }

.cleaner {clear: both; display: block; }

.spaceman {position: absolute; top: -3000px; left: -3000px; }
.nod {display: none; }
.nob {background: none !important; }
.nobr {border: 0 !important; }

.bold {font-weight: bold; }
.big {font-size: 1.5em; }


/* box-model */
.m-0 {margin: 0 !important; }
.mb-0 {margin-bottom: 0 !important; }
.mb-5 {margin-bottom: 5px !important; }
.mb-10 {margin-bottom: 10px !important; }
.mb-20 {margin-bottom: 20px; }



/* layout
------------------------------------------- */
#page {color: #212121; font: 0.6875em/1.8 Verdana, 'Geneva CE', lucida, sans-serif, 'Corbel'; width:980px; padding-top: 5px; padding-bottom: 50px; margin: 0 auto; }



/* header
------------------------------------------- */
#header {min-height: 30px; position: relative; }

#header h1 {font-size: 3.5em; width: 220px; height: 75px; margin: 0; position: absolute; bottom: -115px; left: 20px; z-index: 1; }
#header h1 a {height: 75px; display: block; }
#header h1 a span {width: 220px; height: 75px; position: absolute; top: 0; left: 0; background: url('../_images/logo.png'); display: block; }

/* search */
#search {width: 220px; position: absolute; right: 20px; bottom: -55px; z-index: 1; }
#search fieldset {padding: 0; margin: 0; position: relative; border: 0; }

#search input {width: 171px; padding-right: 35px; }
#search .btn-search {text-indent: -100px; width: 29px; height: 29px; position: absolute; top: 3px; right: 3px; background: url('../_images/btn_search.gif'); border: 0; overflow: hidden; }

/* neighbours */
#neighbours {list-style: none; margin: 0; position: absolute; bottom: 0; left: 0; }
#neighbours li {margin: 0; float: left; }
#neighbours a {text-indent: -100px; width: 85px; height: 30px; background: url('../_images/bg-neighbours.png'); display: block; overflow: hidden; }

#n-cats a {background-position: -85px 0; margin-bottom:1px; }
#n-horses a {background-position: -169px 0;  }

#header .banner {padding-left: 260px; }



/* center-box
------------------------------------------- */
#center-box {padding: 20px; padding-bottom: 0; position: relative; background-color: #fff; }

#theme {width: 300px; height: 560px; position: absolute; top: 0; left: -300px; background: url('../_images/bg_beagle.jpg'); }

/* containers */
.box {margin-bottom: 20px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.box p:last-child, .box ul:last-child, .box ol:last-child {margin-bottom: 0; }

.box-pink {background: #fde8e9; }
.box-grey {background: #f2f2f2; }
.box-gradient {background: url('../_images/bg_gradient.jpg') 0 100% repeat-x; }
.box-border {border: solid 2px #9f050b; box-shadow: 0 4px 0 #9f050b; -moz-box-shadow: 0 4px 0 #9f050b; -webkit-box-shadow: 0 4px 0 #9f050b; }

div.border, a.border, span.border {border: solid 2px #d5d5d5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; }
.border img {display: block; }


/* banners */
.banner {padding-bottom: 10px; }
.banner img {margin: 0 auto; display: block; }

#skyscraper {position: absolute; top: 0; right: -170px; }


/* news */
.n-list {list-style: none; margin-left: 0; }
.n-list li {margin-bottom: 1.5em; }
.n-list h3 {margin-bottom: 0.25em; }
.n-list a {text-decoration: none; }
.n-list a:hover, .n-list a:focus {text-decoration: underline; }



/* content
------------------------------------------- */
#content-box {width: 700px; float: right; background-color: silver2; }

#content {width: 460px; min-height: 250px; padding-bottom: 2.0em; float: left; }

#content .box {padding: 15px 27px; }
#content .box h2 {padding: 0; margin-top: 0; margin-left: 0; background: none; }


/* magazine */
#magazine {color: #161616; font: 1.1em Arial, Helvetica, sans-serif, 'Calibri'; min-height: 216px; padding: 15px 20px 15px 240px; margin-bottom: 20px; position: relative; background-color: #8dbce2; border: solid 2px #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#magazine h2 {color: #fff; font-style: italic; font-weight: normal; padding: 0; margin-top: 15px; margin-left: 0; background: none; }

#magazine ul {list-style: none; margin: 0; margin-left: -15px; }
#magazine li {padding-left: 15px; margin-bottom: 10px; background: url('../_images/ico_bull.png') 0 -295px no-repeat; }

#magazine .right {position: absolute; right: 20px; bottom: 15px; }
#magazine a.next {color: #161616; }
#magazine a.next:hover, #magazine a.next:focus {color: #fff; }

#magazine, #headline, #magazine:before {box-shadow: 0 0 5px 1px #949494; -moz-box-shadow: 0 0 5px 1px #949494; -webkit-box-shadow: 0 0 5px 1px #949494; }
#headline, #magazine:before {width: 150px; height: 212px; position: absolute; top: 15px; left: 35px; border: solid 2px #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#magazine:before {content: ''; background: #18577c; border-color: #18577c; transform: rotate(-8deg); -o-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg); }
#magazine:after {content: url('../_images/bg_pointer.png'); position: absolute; right: 175px; bottom: -20px; }
#magazine .box {margin:0px; padding:0px; }


/* guide */
.fll, .flr {color: #161616; font: 1.1em Arial, Helvetica, sans-serif, 'Calibri'; margin-bottom: 10px; overflow: hidden; }

.fll, .flr {width: 173px; height: 115px; padding: 10px 20px 10px 27px; margin: 0; background: url('../_images/bg_guide.png') 0 100% no-repeat; overflow: hidden; }
 .flr {background-position: -220px 100%; }

.flr h2, .fll h2 {margin-top: 0;  padding-left: 30px; margin-left: -30px; background: url('../_images/ico_heading.png') 0 -2px no-repeat;}

.flr ul, .fll ul {margin: 0; }
.flr li, .fll li {list-style: none; padding-left: 15px; margin-bottom: 11px; background: url('../_images/ico_bull.png') 0 4px no-repeat; }

.flr a, .fll a {color: #161616; text-decoration: none; }
.flr a:hover, .flr a:focus, .fll a:hover, .fll a:focus {text-decoration: underline; }





/* column right
------------------------------------------- */
#right-col {width: 220px; padding-top: 45px; float: right; }

/* rating */
.rating {text-align: center; padding: 5px 0; display: block; }

/* survey */
#survey ul {list-style: none; margin: 0; }
#survey li {margin-bottom: 10px; }
#survey li a {color: #161616; text-decoration: none; }
#survey li a i {height: 10px; background: #ec1c24; display: block; cursor: pointer; }


#right-col .box, #left-col .box {padding: 20px 10px; }
#right-col .box h3, #left-col .box h3 {margin-top: 0; }



/* column left
------------------------------------------- */
#left-col {width: 220px; padding-top: 100px; float: left; }


/* nav */
#nav {background-color: #ec1c24; border: 0; }

#nav ul {padding: 0; margin: 0 -10px; }
#nav li {list-style: none; margin: 0; }

#nav li a {color: #fff; text-decoration: none; padding: 3px 10px; display: block; }
#nav li a:hover, #nav li a:focus, #nav li.active a {background-color: #f04950; }
#nav li strong {font-weight: normal; }


/* blog posts */
.p-list {list-style: none; margin: 0 -10px; }
.p-list li {padding: 0 10px 7px 10px; margin-bottom: 14px; border-bottom: solid 1px #e2e1dd; overflow: hidden; }
.p-list li:last-child {padding-bottom: 0; margin: 0; border: 0; }

.p-list .date {color: #f2f2f2; font: normal 0.9em/1.0 Arial, Helvetica, sans-serif, 'Calibri'; margin-bottom: -3px;display: block; }
.p-list .day {color: #ec1c24; font-size: 2.2em; padding-right: 6px; margin-right: 6px; border-right: solid 1px #ccc; float: left; }
.p-list .month, .p-list .year {color: #4e4e4e; text-transform: uppercase; float: left; }
.p-list .month {width: 150px; }



/* footer
------------------------------------------- */
#footer {padding: 15px 0 20px 0; background-color: #fff; border-top: solid 5px #ec1c24; clear: both; }

#footer img.fll {margin: 0 15px 10px 0; background:none; }

#footer ul.inline {position: relative; top: 1px; }
#footer ul.inline li {margin-right: 15px; }

#footer a {color: #212121; text-decoration: none; }
#footer a:hover, #footer a:focus {text-decoration: underline; }





/* webkit
------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio: 0) {

  input, select, textarea {padding-top: 6px; padding-bottom: 6px; }
  
  #search {bottom: -57px; }
  #search .btn-search {top: 5px; }

}

.gr {height: 10px; background:#EC1C24; margin-bottom: 6px; margin-top:10px;}


#ankety .legenda {
	border:none;
	background:none;
	color:#666666;
	padding:0;
	margin:0;
	}


.otazka {
	font-size:120%;
	}
	
.odpovedi {
	line-height:80%;
	font-style:italic;
	color:#666666;
	}

.uroven2 {
  margin-left:30px;
  width:180px;
  }
  
  
 .zbozi {
	float:left;
	margin:3px;
	width:155px; 
	height:245px;
	text-align:center;
	font-size:85%;
	border-right:1px solid #CCCCCC;
	margin-bottom:30px;
	padding-right:5px;
	}

.zbozismall {
	float:left;
	margin:3px;
	width:170px; 
	height:170px;
	text-align:center;
	font-size:85%;
	border-right:1px solid #CCCCCC;
	margin-bottom:10px;
	padding-right:5px;
	}

.zboziimg {
	text-align:center;
	display:block;
	height:120px;
	padding-top:5px;
	}

.zboziimg2 {
	float:left;
	width:60px;
	display:block;
	}
	
.zbozitext {
	height:20px;
	display:block;
	}
	
.zbozitext2 {
	float:left;
	padding:5px;
	padding-top:0;
	width:190px;
	}
	
.zbozimale {
	float:left;
	padding:4px;
	margin:2px;
	background:#FFFFFF;
	width:187px;
	height:90px;
	font-size:85%;
	border-bottom:1px solid #FBDBA8;
	}
	
.zboziimgmale {
	float:left;
	width:70px;
	display:block;
	}
	
.zbozitextmale {
	float:left;
	padding:5px;
	padding-top:0;
	height:50px;
	width:107px;
	}

.zbozikosik {
	float:left;
	background-position:4px -20px;
	height:3px;
	padding:5px;
	width:100%;
	padding-top:15px;
	padding-bottom:20px;
	font-size:105%;
	color:#666666;
	}

.zbozi h2 {
	margin:0;
	padding:0;
	font-size:140%;
	height:35px;
	}
	
.noborder {
	border:none;
	}
	
th {
	text-align:left;
	background:#EDEDED;
	padding:3px;
	}