/* dalibor.sulc.cz verze III. */
body {background:#F6F6F6 url(images/pozadi_top.jpg) repeat-x;text-align: center;margin:0;padding:0;font-family: 'Georgia CE', 'Times New CE', 'New York CE', Georgia, times, serif;}

/* hlavni definice */
h1#head {padding:0;margin:0;}
h1#head a{display: block;width: 960px;background: url(images/head.jpg) no-repeat; margin:0 auto;height:140px;font-weight: normal;font-family:'Georgia CE', 'Times New CE', 'New York CE', Georgia, times, serif;color: #0CCCFB;font-size: 1px;}
#dalibor {width: 960px;background: #D5D5D5 url(images/img02.jpg) repeat-y;margin:0 auto;padding:0;}
#main { background: url(images/img04.jpg) no-repeat; width: 960px;margin:0;text-align: center;}
#main #zapati {background: #F6F6F6 url(images/img05.jpg) no-repeat; height: 108px;padding:15px 40px 0 0;margin:0;font-size: 0.7em;text-align: right;color:#333;}
#main #zapati a {color:#013C82;}
#main #zapati a:hover {text-decoration: none;}
.clean {height: 0px;float: none;clear: both;padding:0;margin:0;}


/* spodni prehled */
.cleaner {float: none;width:810px;height:234px;clear:both;padding:25px 28px 0 28px;background:#F2F2F2 url(images/img11.gif) repeat-x;margin:10px auto 0 auto;font-size: 0.7em;text-align: justify;}
.cleaner h3 {font-size: 1.2em;color:#37404C;letter-spacing: -0.035em;}
.cleaner #colA {float:left;width:260px;}
.cleaner #colA h3 a {color:#37404C;}
.cleaner #colA h3 a:hover {text-decoration: none;}
dl.list1 {margin:0;padding:0;list-style:none;text-indent: 0;text-align: left;}
dl.list1 dt {float:left;width:70px; color:#666666;}
dl.list1 dd {margin-bottom:10px;}
dl.list1 a {color:#666666;}
dl.list1 a:hover {text-decoration: none;}
.cleaner #colB {float:left;width:260px;padding-left:45px;color:#666666;}
.cleaner #colB h3 a {color:#37404C;}
.cleaner #colB h3 a:hover {text-decoration: none;}
.cleaner #colB a {color:#648CFF;}
.cleaner #colB a:hover {text-decoration: none;}
.cleaner #colB img {float:left; margin:7px;padding:4px;}
.cleaner #colB a img {border:1px solid #444; }

.cleaner #colC {float:left;width:186px;padding-left:45px;text-align: left;}
.cleaner #colC ul.list2 {margin:0;padding:0;list-style:none;line-height:normal;}
.cleaner #colC ul.list2 li {float:left;margin:0 18px 18px 0;}
.cleaner #colC ul.list2 li a img  {border:0;}
.cleaner #colC ul.list2 li.nopad {margin-right:0;}

.levy {float: left;width: 555px;text-align: justify;font-size: 0.9em;color:#555;line-height: 1.4em;}
.levy a {color:#648CFF;}
.levy a:hover {text-decoration: none;}

.levy h1, .levy h2, .levy h3, .levy h4{font-weight:normal;color:#37404C;letter-spacing:-0.035em;margin:20px 0;padding-bottom:9px;border-bottom:1px solid #F2F2F2;}
.levy h1 a,.levy h2 a,.levy h3 a,.levy h4 a {color:#37404C;}
.levy h1 a:hover,.levy h2 a:hover,.levy h3 a:hover,.levy h4 a:hover {text-decoration: none;}
.levy h1 {font-size: 1.6em;}
.levy h2 {font-size: 1.4em;}
.levy h3 {font-size: 1.2em;}
.levy h4 {font-size: 1.0em;}
.levy .polozka {padding:0;margin:0;}
.levy .meta{height:16px;margin:0 0 10px 0;_margin-top:-45px;padding:10px;background:url(images/img07.jpg) repeat-x left bottom;line-height:normal;font-size: 0.8em;clear: both;float: none;}
.levy .meta .posted{display:block;float:left;}
.levy .meta .permalink{display:block;float:right;padding-left:17px;background:url(images/img09.gif) no-repeat left center;}
.levy .meta .comments{display:block;float:right;padding:0 30px 0 19px;background:url(images/img08.gif) no-repeat left center;}


.pravy {float: right;width: 188px;text-align: left;text-align: justify;font-size: 0.7em;color:#555;line-height: 1.3em;}
.pravy h1,.pravy h2,.pravy h3,.pravy h4 {font-weight: normal;color:#37404C;}
.pravy h1 a,.pravy h2 a,.pravy h3 a,.pravy h4 a {color:#37404C;}
.pravy h1 a:hover,.pravy h2 a:hover,.pravy h3 a:hover,.pravy h4 a:hover {text-decoration: none;}
.pravy h1 {font-size: 1.6em;}
.pravy h2 {font-size: 1.4em;}
.pravy h3 {font-size: 1.2em;}
.pravy h4 {font-size: 1.0em;}
.pravy p a {color:#648CFF;}
.pravy .nejctenejsi {list-style-type: none;text-indent:0;margin:0;padding:0;font-size: 1.1em;}
.pravy .nejctenejsi li {padding:4px;}
.pravy .nejctenejsi li a {color:#648CFF;}
.pravy .nejctenejsi li a img,.pravy .nejctenejsi li img {border:0;margin:1px;}
.pravy .nejctenejsi li a:hover {text-decoration: none;}
.pravy .zpet {font-size: 1.2em;}

.pole {width:100px;border:1px solid #999;}
.tlacitko {border:1px solid #999;background-color: #fff;cursor:pointer;cursor:hand;margin-left:3px;color:#444;}

/* menu */
/* left:37%;_left:44%; */
#menu {list-style-type: none;position:absolute;top:85px;margin-left:350px;_top:100px;_margin-left:-20px;}
#menu li {float:left;color: #fff;padding:10px;}
#menu li a {color: #fff;text-decoration: none;}
#menu li a:hover {text-decoration: underline;}
#menu li a.zvolen {text-decoration: underline;}
#menu li a.zvolen:hover {text-decoration: none;} 

/* jednotlive stranky */
#main #index {margin:0;padding-top: 40px; width:810px;margin:0 auto;}
#main #index p {margin-bottom:40px;}
#main #index img.img_L {margin:0 18px 10px 0;float:left;padding:5px;border:2px solid #999;}
#main #index img.img_R {margin:0 0 10px 18px;float:right;padding:5px;border:2px solid #999;}

#main #index a img.img_L {border:2px solid #648CFF;}
#main #index a img.img_R {border:2px solid #648CFF;}
/* clanky a komentare (spolecne pro album i clanky) */
#main #clanek {margin:0;padding-top: 40px; width:810px;margin:0 auto;}
#main #clanek p {margin-bottom:10px;text-align: left;text-indent: 2em;}
#main #clanek p a img {margin: 20px 0 20px 0;padding:4px;border:0;}
#main #clanek .perex {background-color: #ffffdd;font-style: italic;padding: 10px;}
a.img_La img {border:0;padding:10px 20px 20px 0px;float: left;}
a.img_Ra img {border:0;padding:10px 0px 20px 20px;float: right;}
.img_gal {text-align: center;margin:0px;width:100%;} /* definice pro malou galerii ve clankach*/
.img_gal img {border:0;}

#main #clanek img.img_L {margin:0 18px 10px 0;float:left;padding:5px;border:2px solid #999;}
img.img_R {margin:0 0 10px 18px;float:right;padding:5px;border:2px solid #999;}

#main #clanek .stitky,#main #album .stitky {font-size: 0.8em;text-indent: 0;padding:0;margin:10px 0;font-style: italic;}
#main #clanek h3.koment,#main #album h3.koment			 {margin:0;}
#main #clanek p.koment,#main #album p.koment  			 {margin:0;padding:0;}
#main #clanek h3.koment_a,#main #album h3.koment_a 	 {margin:0;color:#648CFF;}
#main #clanek p.koment_a,#main #album p.koment_a		 {margin:0;padding:0;color:#648CFF;}
#main #clanek h3.koment_a a,#main #album h3.koment_a a   {color:#648CFF;}
#main #clanek li {list-style-image: url(images/odrazka.jpg);}

    /* pole pro pridani komentare */
#main #clanek .vlozit fieldset, #main #album .vlozit fieldset {border: 0;}
#main #clanek .vlozit legend, #main #album .vlozit legend {width:500px;font-weight:normal;color:#37404C;letter-spacing:-0.035em;margin:20px 0;padding-bottom:9px;border-bottom:1px solid #F2F2F2;font-size: 1.5em;}
#main #clanek .vlozit p.komen, #main #album .vlozit p.komen {margin:0;padding:5px;text-indent: 0;}
#main #clanek	.vlozit p.komen input.koment_pole,#main #album	.vlozit p.komen input.koment_pole {margin:0;padding:0;border:0;border-bottom:1px dotted #37404C;}
#main #clanek .vlozit p.komen label, #main #album .vlozit p.komen label {width: 80px;display: block;float: left;}		
#main #clanek	.vlozit p.komen	textarea.text, #main #album	.vlozit p.komen	textarea.text {width:560px;height:105px;border:1px dotted #37404C;}
#main #clanek .error, #main #album .error {color:#CD0000;font-weight: bold;padding:10px;border:1px solid #CD0000;}
	
#main #clanek p.kdy, #main #album p.kdy {margin:8px;padding:0;text-align: right;color: #ccc;}
#main #clanek a img.img_L {border:2px solid #648CFF;}
#main #clanek a img.img_R {border:2px solid #648CFF;}
#main #clanek .souvisejici {list-style-type: none;}
/* album */
#main #album {margin:0;padding-top: 40px; width:810px;margin:0 auto;}
#main #album p {margin-bottom:40px;}
#main #album p a img {border:0;margin:3px}
/* reference */
#main #reference {margin:0;padding-top: 40px; width:810px;margin:0 auto;}
#main #reference .screen img {margin:0 18px 10px 0;float:left;padding:5px;border:2px solid #648CFF;}
#main #reference .screen {margin:0px;}
#main #reference .informace {margin:0 auto;font-size: 0.8em;background-color: #ffffdd;}
#main #reference .informace th {padding:4px;color:#013C82;text-align: right;}
#main #reference .informace td {padding:4px;}
#main #reference .popisek {text-indent: 2em;}
/* kontakt */
#main #kontakt {margin:0;padding-top: 40px; width:810px;margin:0 auto;}
#main #kontakt .odsazeni {text-indent: 2em;}
#main #kontakt table {margin:10px auto;background-color: #ffffdd;}
#main #kontakt th,#main #kontakt td {padding:4px;}
#main #kontakt th {color:#013C82;text-align: right;}
#main #kontakt fieldset {border:1px dotted #37404C;margin:20px;width:520px;padding:20px}
#main #kontakt legend {font-weight: normal;color:#37404C;font-size: 1.6em;text-indent: 0px;padding:8px;background-color:#fff;}
#main #kontakt fieldset p #kontakt-na-vas {width:250px;margin:0;padding:0;border:0;border-bottom:1px dotted #37404C;}
#main #kontakt fieldset p #zprava {width:500px;height:230px;border:1px dotted #37404C;}
#main #kontakt fieldset .spravne {width:100%;background-color: #ddffdd;color:#006400;padding:8px;}
/* nabidka */
#main #nabidka {margin:0;padding-top: 40px; width:810px;margin:0 auto;}
#main #nabidka p {text-indent: 2em;}
#main #nabidka a img.img_L {border:2px solid #648CFF;}
#main #nabidka a img.img_R {border:2px solid #648CFF;}

#navigace {position: absolute;top: 140px;_top: 150px;margin-left:50px;_margin-left:-430px;font-size: 0.55em;color:#37404C;font-family:'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif;}
#navigace a {color:#37404C;text-decoration: underline;}
#navigace a:hover {text-decoration: none;}

/* ---------------------------------------------------lightbox------------------------------------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* ---------------------------------------------------lightbox------------------------------------------------------*/

