/*  
Theme Name: Rozhod
Theme URI: http://www.rozchod.cz
Description: Téma použité na rozchod.cz
Author: MEDIACENTRUM GROUP a.s.
Author URI: http://www.mediacentrum.cz
Template: mediacentrum
Version: 1.0
.
(c) 2010
.
*/
/*@import url(../mediacentrum/style.css); */
/*
#header{background:#EEE}
#main{background:#DDD}
#submain{background:#CCC}
#side{background:#BBB}
*/
html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset, ul, ol, li, legend {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
body {
   background: #C6E2F6 url('images/body-bg.jpg') repeat-x left top;
	color: #362f2d;
	font-size: 62.5%;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif
}
#content {
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 998px;
}
/* header start */
#header {
   background: url('images/header-bg.jpg') no-repeat left top;
	height: 182px;
	width: 100%;
	position: relative;
}
#logo a {
	background: url('images/logo.jpg') no-repeat left top;
	display: block;
	height: 99px;
	width: 0;
	padding-left: 298px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 15px;
}
#navjump {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
/* header end */
/* main start */
#main {
   float: left;
	position: relative;
	width: 640px;
	padding: 0 25px;
   padding-top: 200px;    
   min-height: 280px;
   
}
/* main end */
/* submain start */
#submain{
position: absolute;
	top: 135px;
  white-space: nowrap;
  margin-top: 4.3em;
	z-index: 100;
	height: 2em;
	line-height: 2em;
	left: 25px;
  font-size: 110%;
  }
body.home #submain {
  display: none;
}


/* submain end */
/* side & otherside start */
#side {     
	z-index: 1000;
	width: 457px;
   height: 200px;
   overflow: hidden;
	padding: 10px 10px 25px 10px;
	position: absolute;
   top: 190px;
   left: 483px;
   background: #9EBCE2;
  
   }
#otherside {     
  
   width: 260px;
   float: left;
   margin-top: 250px;
}
/* side & otherside end */
/* footer start */
#footer {
    background: url(images/footer-bg.png) no-repeat 12px 0px;
	height: 29px;
	color: black;
	width: 990px;
	clear: both;
	float: left;
}
#footer #copy p {    
  clear: left;
	height: 29px;
	line-height: 29px;
	font-size: 110%;
	padding-left: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
}
#footer #copy a {
}
#footer #copy a:hover {
}
/* footer end */
/* languages */
#languages {
	position: absolute;
	right: 0;
	top: 0;
}
#languages a strong {
	display: none;
}
/* menus */
#otherside .menu {
    background-color: #E1F0FB;
    padding: 5px 0px;
    }
.menu {
  
	position: relative;
	
}
.menu h2 {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
.menu ul, .menu li {
	display: inline;
}
.menu a {
	display: block;
	height: 3em;
	line-height: 3em;
	padding: 0 1.4em;
	color: black;  
  text-decoration: none;
}
.menu a:hover, .menu li.current_page_item a {

}
.menu a:hover {
	text-decoration: underline;
}
.menu li li a {
	margin-left: 1em;
}
.menu.horizontal a {
	float: left;
}
.menu.horizontal li {
	position: relative;
	display: block;
  float:left;
}
.menu.horizontal li ul {
	position: absolute;
	left: 0;
	top: 3em;
	width: 15em;
	z-index: 1000;
	display: none;
}
.menu.horizontal li:hover ul {
	display: block;
}
.menu.horizontal li ul li a {
	float: none;
	margin-left: 0;
}
#menu {
	background: none;
	position: absolute;
	left: 0;
	top: 99px;
	height: 59px;
	width: 715px;
}
#menu li {
   font-size: 140%;
   }
#menu a {
	font-weight: bold;
	height: 59px;
	line-height: 59px;
   color: #5178BD;        
}
#menu a:hover, #menu li.current_page_item a {
	background: url(images/menu-on.gif) repeat-x left top;  
   color: #000000;
}




#side .menu, #otherside .menu li {
font-size: 140%;
}
#side .menu a,#otherside .menu a {
background: url(images/button6.png) no-repeat left top;

color: #000000;
display: block;
height: 39px;
line-height: 37px;
margin: 0 5px 5px 5px;
padding: 0 0 2px 10px;
}
#side .menu a:hover, #side .menu li.current_page_item a,#otherside .menu a:hover, #otherside .menu li.current_page_item a {
	background: url(images/button6.png) no-repeat left bottom;
}
#bottom-menu {
	float: right;
	right: 20px;
	width: 30%;
}
#bottom-menu li {
float: none;
display: inline;
}
#bottom-menu a {
	float: right;
	height: 29px;
	line-height: 29px;
	padding-top: 1em;
	text-decoration: underline;
}
#bottom-menu a:hover {
	text-decoration: none;
	background: inherit;
}
#bottom-menu li.current_page_item a {
  color: inherit;
	background: inherit;
}

.widget_search {
   background: url(images/search-bg.png) no-repeat left top;
   height: 39px;
   position: absolute;
   right: 365px;
   top: 30px;
   width: 218px;
   }
.widget_search h2, .widget_search label {
   display: none;
   }
.widget_search input#s{
   background: none;
   border: 0px;
   height: 24px;
   margin: 6px 0px 0px 6px;
   width: 128px;
   }
.widget_search input#searchsubmit{
   background: none;
   border: 0px; 
   cursor: pointer;
   font-family: georgia;
   font-size: 14px;
   font-weight: bold;
   height: 24px;
   text-indent: 19px;
   letter-spacing: 0px;
   width: 78px;
   }
.widget_search input#searchsubmit:hover{
   color: #ffffff;
   }

.item {
	padding: 0 0.5em;
	margin-bottom: 0.5em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	line-height: 1.5em;
	color: black;
	clear: both;
	margin: 0.5em 0;
	font-weight: normal;
}
h1 {
	font-size: 220%;
  line-height: 1.2
}
h2 {
	font-size: 180%;
	color: black;
}
h2 a {
	color: black;
}
h3 {
	font-size: 160%
}
h4 {
	font-size: 140;
	font-variant: small-caps;
	color: black;
}
blockquote {
	font-style: italic;
	margin: 0;
}
p, li, td, th, dt, dd, blockquote, label {
	font-size: 120%;
}
li p, td p, th p, td li, li li, dt dt, dd dd {
	font-size: 100%;
}
table {
	border: 2px solid #EA0853;
	border-collapse: collapse;
	width: 95%;
	margin: 0 auto;
}
table td, table th {
	padding: 0.5em;
	border: 1px solid #D0CBC8;
}
table th {
	background: #D0CBC8;
}
thead th {
	text-align: center;
}
tbody td {
	text-align: right;
}
a {
	color: #603913;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
em {
	color: #EA0853;
	font-weight: bold;
}
#main p, #main li, #submain p, #submain li, #side p, #side li, #otherside p, #otherside li {
	line-height: 1.5em;
	margin: 0.7em 0;
}
#main ul, #main ol {
	margin-left: 0;
	padding-left: 2.5em;
}
#main ul li {
	list-style: square;
}
#main ol li {
	list-style: decimal outside;
}

.left , .alignleft {
	float: left;
	padding: 0 1em 1em 0;
}
.right , .alignright {
	float: right;
	padding: 0 0 1em 1em;
}
.gallery-icon {
	background: #F7F7F7;
	border: 1px solid #E7E8E6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 5px 0;
	margin: 0.5em 1em;
	text-align: center;
	color: #8d8b8b;
}
.gallery-icon a img {
	border: none !important;
}
.gallery-icon a {
	border: 2px solid #EA0853;
}
.gallery-icon a:hover {
	border: 2px solid transparent;
}
.linklove {
	display: none;
}
/* form end */
.edit {
	position: absolute;
	right: 20px;
	top: -20px;
	z-index: 1001;
}
.hidden {
	visibility: hidden;
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}
a img {
	border: 0px;
}

h1 {margin-top: -150px;
width: 450px;
font-size: 280%;
font-family: Georgia, "New York CE", utopia, serif;
padding: 0;
}
#submain a {
color: black;
}
.home h1 {display:none;}
blockquote {width: 450px; margin: 0; padding: 0;
	font-size: 120%;
	line-height: 1.3em;
  font-style: normal;
  min-height: 115px;
}
.home blockquote {
margin-top: -200px;
font-size: 125%;
font-weight: bold;
}
#main {
   background: #8AAFDB;
   width: 617px;
   margin-right: -260px;
   padding-right: 318px;
   position: relative;
   left: 12px;
}
.home #main {
   background: #8AAFDB;
   padding-right: 20px;
   padding-left: 20px;
   position: relative;
   left: 12px;
   margin-right: 0;
   border: none;
   width: 920px;
   }
#main .sluzby {
   background: #E1F0FB url(images/sluzby2.jpg) no-repeat 0px -20px;
   height: 330px;
   position: relative;
   left: -20px;
   width: 960px;
}
#main .sluzby div { 
   border-left: 1px dotted #000000;    
   float: left;
   width: 219px;
   position: relative;  
   padding: 10px 10px 60px;   
   height: 10em;
   margin-top: 80px;            
}
#main .sluzby div.rozvod { 
   border: 0px 
}
#main .sluzby p {
font-family: Georgia, "New York CE", utopia, serif;
}  
#main .sluzby  a {
font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}
#main .sluzby h2 {
  font-size: 220%;
}

#main .sluzby div  h2 {         
   font-size: 140%;
   }
#main .sluzby h2.situace {
   background:  url(images/arrow-yellow.gif) no-repeat left center;
   color: #000000;
   font-size: 26px;
   margin: 0px 0px 0px 20px;
   padding-left: 20px;
   }  
#main .sluzby h3.situace2 {
   color: #ffffff;
   font-size: 20px;
   margin:0px 0px 0px 20px;
   padding-left: 20px;
   }  
#main .sluzby div h2 a {
   display: block;
   height: 62px;
   font-weight: bold;
   font-family: georgia;
   line-height: 46px;
   margin: 0 0 0 ;
   padding: 0 0 8px 0;
   position: absolute;
   text-decoration: none;
   left: 0;
   top: -50px;
   width: 100%;
   text-indent: 30px;
   }
#main .sluzby div h2 a:hover {
   text-decoration: underline;
}
#main .sluzby div.rozvod h2 a {
   background:  url(images/button2.png) no-repeat left top;
   width: 202px;
   }
#main .sluzby div.rozchod h2 a {
   background:  url(images/button3.png) no-repeat -2px top;
   width: 234px;
   }
#main .sluzby div.majetkove-vyrovnani h2 a {
   background:  url(images/button4.png) no-repeat -5px top;
   width: 222px;
   }
#main .sluzby div.vyzivne h2 a {
   background:  url(images/button5.png) no-repeat -4px top;
   width: 131px;
   }
#main .sluzby div .button {
   background: url(images/button1.png) no-repeat left top;
   position: absolute;
   bottom: 7px;   
   height: 41px;
   font-size: 140%;
   width: 193px;
}
#main .sluzby div .button:hover {
	background: #0073bd url(images/button1.png) no-repeat right bottom;
	 width: 193px;
}

#main .sluzby div .button a {
background: url(images/sluzby-button.png) no-repeat right top;
  color: #000000;
display: block;
font-size: 12px;
height: 37px;
line-height: 37px;
width: 194px;
padding: 0 0 2px 10px;
text-decoration: underline;
}
#main ul.vyhody li {
list-style: none;
background: url(images/odrazka.gif) no-repeat left 0.1em;
padding: 0 0 1em 25px;
margin: 0;
color: #ffffff;
font-size: 110%;
font-weight: bold;
}
#main ul.vyhody {  
margin: 0;
padding: 0;
}
#informace h2 {
   background: url(images/info-icon.jpg) no-repeat left center;
font-family: Georgia, "New York CE", utopia, serif;
font-size: 160%;
line-height: 25px;
padding: 0 0 0 30px;
margin: 0 0 0.5em 0;
color: black;      
}
#informace h2 a{
   color: #ffffff;
   font-weight: bold;
   font-size: 18px;
   text-decoration: none;
   }
#informace h2 a:hover{
   text-decoration: underline;
   }
#informace h3 {
font-size: 120%;
width: 50%;
padding: 0; 
float: left; 
clear: none;
margin: 0 0 0.5em 0;
}
#informace h3 a {   
padding: 0 0 0 15px;
background: url(images/arrow-grey.jpg) no-repeat 3px 0.5em;
display: block;
}
#informace a {
color: black;
}                        
.home #otherside {
display: none;
}



.kroky {  
  width: 42%;
  float: left;
  background: #E1F0FB;
  padding: 1%;
}
.kroky h2 {
	color: #362f2d;
font-family: Georgia, "New York CE", utopia, serif;
  font-size: 150%;
  font-weight: bold;
  margin: 0 0 1em 0.5em;
}

#main .kroky li {
padding: 0.3em 0 0.7em 0px;   
line-height: 1.3em;
margin: 0 0 0 25px;     
list-style-type: lower-alpha;
font-size: 130%
}


body #main .kroky ol { 
padding: 0;
margin: 0;
}
.formular, #cformsform {
   background: #E1F0FB;
   padding: 10px;
float: left;
width: 50%;
margin-right: 2%;
}
.cform fieldset{
  border: none;
  margin-top: 0.5em;
  padding-left: 10px;
}

#main .cform ol, #main .cform li {
margin: 0;
padding: 0;
list-style: none;
}
#main .cform label {
display: block;
font-size: 110%;
width: 45%;
text-align: right;
float: left;
}
.cform .cf_hidden {
display: none;
}
#main .cform legend {
font-size: 130%;
font-weight: bold;
margin-left: -10px;
width:200px;
display: block;
}
#main .cform .cf-fs1 label {
float: none;
width: auto;


text-align: left;
}
#main .cform .cf-fs1 li{
clear: both;
}
#main .cform .cf-fs4 label {
float: right;
width: 90%;
text-align: left;
}
#main .cform .cf-box-b {
float: left;
}
#main .cform .cf-box-title{
   padding-top: 10px;
   clear: both;
}
#main .cform #li-2-19{
   padding-top: 20px;
   }
/*#main .cform .sendbutton {
background-image: url(images/bg-sluzby-button-1.png); 
border: 1px outset #3a3230;     
color: white;
display: block;
height: 37px;
line-height: 37px;
width: 210px;
padding: 0 0 2px 0; 
margin: 0 auto;
}

#main .cform .sendbutton:hover {
	background: #0073bd url(images/bg-menu-a-hover.png) repeat-x left top;
  border-color: #00aeef;
}*/

dt {
  font-size: 140%;
  font-style: italic;       
  margin: 1em 0 0;
  line-height: 1.3em;
}
dd {
   font-size: 120%;
   margin: 0.5em 0 0 3em;
}
/* slogan start*/
#slogan{
   position: absolute;
   right: 30px;
   top: 40px;
   text-align: center;
   font-weight: bold;
   width: 120px;
   }
#slogan h2{
   border-bottom: 1px dotted #000000;
   font-weight: bold;
   font-size: 14px;
   line-height: 36px;
}


/* slogan end*/
