/* www.sulcova.cz/css/default.css */

body { text-align: center; background: #D9D9D9; }
#page { position: relative; z-index: 0; width: 1004px; margin: 0 auto; color: #8A8A8A; background: white url("../../images/site-back.gif") repeat-y; text-align: left; font-size: 0.9em; }
a { color: #007799; background-color: inherit; background-image: none; font-weight: bold; text-decoration: underline;  cursor:pointer;}
a:visited { color: #007799; background-color: inherit; background-image: none; }
a:visited:hover { color: #007799; background-color: inherit; background-image: none; text-decoration: none; }
a:hover, a:focus, a:active { color: #007799; background-color: inherit; background-image: none; text-decoration: none; }
a.e-mail:hover, a.e-mail:focus, a.e-mail:active { color: #007799; background: inherit; } /* odkaz na e-mail */
a img { border: none; }
span.hidden { display: none; }
hr.hidden { display: none; }
div.cleaner { width: 100%; height: 1px; clear: both; }
#page div.cleaner { display: none; } #page>/**/div.cleaner { display: block; }
#content div.cleaner { display: block; }
#operace div.cleaner { display: block; }
p { line-height: 2em; }

/* accessibility */
#accessibility { display: none; }

/* header */
#header { position: relative; width: 900px; height: 333px; margin: 0 52px; padding: 0; background: white url("../../images/header.jpg") right 97px no-repeat; }
#header h1 { position: absolute; top: 97px; left: 16px; z-index: 1; margin: 0; padding: 0; font-size: 22px; }
#header h1 a { display: block; position: relative; width: 189px; height: 180px; padding: 0; color: #BB0000; overflow: hidden; }
#header h1 a span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../../images/logo.gif") no-repeat; cursor: pointer; }
#language { position: absolute; top: 20px; left: 239px; z-index: 2; margin: 0; padding: 0; width: 31px; height: 65px; }
#language h4 { display: none; }
#language span { font-size:1.25em; line-height:1.3em; margin:1em 0 0; display: none; }
#language ul { position: absolute; margin: 0; padding: 0; list-style: none; }
#language ul li { position: absolute; left: 0; width: 31px; height: 19px; margin: 0; padding: 0; }
#czech { top: 46px; }
#english { top: 23px; }
#german { top: 0; }
#language ul li a { display: block; position: absolute; width: 31px; height: 19px; margin: 0; padding: 0; color: #BB0000; background-repeat: no-repeat; text-decoration: none; }
#czech a { background-image: url("../../images/icon-cz.gif"); }
#english a { background-image: url("../../images/icon-en.gif"); }
#german a { background-image: url("../../images/icon-de.gif"); }
#language ul li a span { display: none; }

/* content */
#content { position: relative; width: 672px; margin: 0 26px 0 4px; padding: 0 0 16px 32px; background: url("../../images/content-1-back.gif") no-repeat; float: right; } #page>#content { width: 640px; margin: 0 52px 0 8px; }

#content #mainpage-perex { margin: 0 0 1.5em 0; padding: 1.5em 20px 0.1em 32px; background: #eee;}
#content #mainpage-perex strong { color: #888; } 
#content #mainpage-perex h2 { margin: 0 0 0.5em 0; background: url("../../images/heading-item.gif") left center no-repeat; }
#content #mainpage-perex h3 { margin: 0 0 0.5em 0; background: none; color:#666; }
#content #mainpage-perex  { padding: 1em 1em 1em 2.7em; }

#content #perex { margin: 0 0 1.5em 0; padding: 1em 1em 1em 2.7em; background: #EEEEEE; font-weight: bold; }
#content #perex strong { color: #8A8A8A; } 

#right p{ margin: 0 0 1em 1em; !important }

#content h2 { position: relative; /* kvůli zobrazení pozadí v IE6 */ margin: 2em 0 0.5em 0; padding: 0 0 0 29px; color: #FB0000; background: url("../../images/heading-item.gif") 0 3px no-repeat; font-size: 1.5em; }
#content h3 { position: relative; /* kvůli zobrazení pozadí v IE6 */ margin: 1em 0 0.5em 1em; padding: 0 0 0 29px; color: #666; background: url("../../images/subheading-item.gif") left center no-repeat; font-size: 1.2em; }
#content p { margin: 0 0 2em 4em; }
#content ul { margin: 0; padding: 0 0 0 9px; list-style-type: none; }
#content ul li { position: relative; /* kvůli zobrazení pozadí v IE6 */ line-height: 2em; margin-left: 35px; padding: 0 0 0 25px; background: url("../../images/list-type.gif") 0 6px no-repeat; }
#content strong { color: #BB0000; }
#content img.img { margin: 6px 2em 1em 0; float: left; }


/* left_column */
#left_column { width: 220px; margin: 0 0 0 52px; padding: 0; }
#left_column #kontakty { width: 220px; height: 200px; margin: 0 0 3em 0; padding: 29px 0 0 33px; color: white; background: #006C86 url("../../images/left-contact.jpg") no-repeat; } #left_column>#kontakty { width: 187px; height: 171px; }
#left_column #kontakty p { line-height: 1.9em; }
#left_column #kontakty a { color: #00ffff; font-weight: bold; }
#left_column #nejctenejsi_clanky { padding: 0 15px; }
#left_column #nejctenejsi_clanky h3 { margin: 0 0 0.5em 0; color: #FB0000; font-size: 1.5em; }
#left_column #nejctenejsi_clanky dl { padding: 0 0 4px 0; background: url("../../images/separator.gif") left bottom no-repeat; }
#left_column #nejctenejsi_clanky dt { margin: 0 0 0.2em 0; padding: 12px 0 0 0; color: #FB0000; background: url("../../images/separator.gif") no-repeat; font-weight: bold; }
#left_column #nejctenejsi_clanky dd { margin: 0 0 1em 0; }

#left_column #anketa h3 { color: #FB0000; }
#left_column #anketa 	{ padding-left: 15px; color: #007799; }

#left_column #links 	{ padding-left: 15px; color: #007799;}
#left_column #links img.ikona	{ border: 1px dotted #d3d3d3;}
#left_column #links h3 	{ color: #FB0000; }

#left_column fieldset {background-color: rgb(240,240,240); border: 1px solid rgb(200,200,200);}
#left_column fieldset input,textarea,select { border: 1px solid rgb(150,150,150);}
#left_column h4 { margin: 10px; }
#left_column .wrong { color: rgb(200,0,0); }
#left_column #orderSelect { width: 200px;}


/* operace */
#operace { position: relative; width: 900px; margin: 0 52px 16px 52px; padding: 1em 0 1em 0; background: #EEEEEE; clear: both; }
#operace ul { margin: 0 0.7em 0 0; padding: 0 0 0 9px; list-style-type: none; float: left; }
#operace ul li { position: relative; /* kvůli zobrazení pozadí v IE6 */ line-height: 2em; padding: 0 0 0 20px; background: url("../../images/subheading-item.gif") left center no-repeat; }

/* menu */
#menu { position: absolute; top: 55px; left: 410px; z-index: 2; width: 541px; height: 30px; margin: 0; padding: 0; font-weight: bold; }
#menu h4 { display: none; }
#menu p { display: none;  font-size:1.25em; line-height:1.3em; margin:1em 0 0;}
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu li { display: inline; padding: 0; }
#menu a { display: block; height: 30px; line-height: 30px; margin: 0 3px 0 0; padding: 0; color: #BB0000; background-position: 0 0; background-repeat: no-repeat; text-align: center; text-decoration: none; float: left; }
#menu li.active a, #menu li a:hover, #menu li a:focus, #menu li a:active { background-position: 0 -30px; }
#menu li a#menu-item-1 { width: 129px; background-image: url("../../images/menu-item-1.gif"); }
#menu li a#menu-item-2 { width: 83px; background-image: url("../../images/menu-item-2.gif"); }
#menu li a#menu-item-3 { width: 119px; background-image: url("../../images/menu-item-3.gif"); }
#menu li a#menu-item-4 { width: 112px; background-image: url("../../images/menu-item-4.gif"); }
#menu li a#menu-item-5 { width: 76px; background-image: url("../../images/menu-item-5.gif"); }
#menu li a span { display: none; }
#submenu { position: absolute; top: 236px; left: 250px; z-index: 2; width: 300px; height: 30px; margin: 0; padding: 0; }
#submenu a { margin: 0 25px 0 0; color: #007799; }

/* footer */
#footer { position: relative; width: 900px; height: 124px; margin: 0 52px 3em 52px; padding: 0; color: white; background: #00303E url("../../images/footer-back_long.jpg") no-repeat; font-size: 11px; font-weight: bold; clear: both; }
#footer hr { display: none; }
#footer p { margin: 0; }
#footer a { color: #00FFFF; }
#copyright { position: absolute; top: 3px; left: 16px; font-size: 10px;}
#copy { position: absolute; top: 83px; left: 16px; font-size: 12px; }
#webdesign { position: absolute; top: 84px; right: 16px; }

/* other */
/* index */
.index #content h3 { width: auto; height: 30px; line-height: 30px; padding: 0; color: white; text-decoration: none !important; }
.index #content h3 span.h3-left { display: block; width: 20px; height: 30px; background: url("../../images/content-heading-left.gif") no-repeat; float: left; }
.index #content h3 span.h3-middle { display: block; height: 30px; padding: 0 4px 0 7px; background: url("../../images/content-heading-middle.gif") repeat-x; float: left; text-decoration: none; }
.index #content h3 span.h3-right { display: block; width: 9px; height: 30px; background: url("../../images/content-heading-right.gif") no-repeat; float: left; }
.index #content div p { clear: left; }
.index #content #mudr_sulcova { margin: 0 0 2.5em -32px; padding: 1.5em 0 0.1em 32px; background: #EEEEEE; }
.index #content #mudr_sulcova h3 { display: block; position: relative; /* kvůli zobrazení pozadí v IE6 */ padding: 0 0 0 29px; color: #FB0000; background: url("../../images/heading-item.gif") left center no-repeat; }

/* prohlaseni_o_pristupnosti */
#accesskeys { margin-bottom: 2em; }
#accesskeys p { margin-bottom: 0.5em; }
#accesskeys ul { margin-bottom: 1em; }

/* homepage */
#portret { float: left; margin: 0 10px 0 0;}
#fotografie     { margin: 0 0 20px 0 ;}
#fotografie img { margin: 0 7px 0 0 ;}

.fotka { width: 100%;}
#photogallery-homepage .fotka { width:auto;}

/* FAQ */
#faq  {}
#faq .faqHeading {position: relative; /* kvůli zobrazení pozadí v IE6 */ margin: 2em 0 0.5em 0; padding: 0 0 0 29px; color: #FB0000; background: url("../../images/heading-item.gif") 0 3px no-repeat; font-size: 1.5em; font-weight:bold; }
#faq .faqItem { margin: 10px 0;}
#faq .faqItem h2 { position: relative; /* kvůli zobrazení pozadí v IE6 */ margin: 1em 0 0.5em 1em; padding: 0 0 0 29px; color: #666; background: url("../../images/subheading-item.gif") left center no-repeat; font-size: 1.2em; }
#faq .faqItem .question {  color: #000;}
  
 
 /* akční nabídka */
 
 #action { background: url(../../images/action-cz.jpg) 0 0 no-repeat; height: 925px; width:501px; position: relative; padding: 60px 0 0 120px;}
 #action h2{display:none; }
  #action p.action-1{ margin-bottom: 160px; color: #000;}
  #action p.action-2{ margin-bottom: 170px; color: #000;}
  #action p.action-3{ margin-bottom: 190px; color: #000;}
  #action p.action-4{ color: #000;}
  #action p a{ color: #000;}
 
 .wrong_input { border: 1px solid #aa0000; background-color: #ffcccc; }