/*** CSS STYLY WWW.POTENCIALPLUS.CZ, MADE BY WJENCESLAW ***/

*{margin: 0; padding: 0;}

html, body { min-height: 100%; _height: auto; }

body{text-align:center; background: #f2f2f2;color: #a0a0a0; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; font-size: 62.5%; overflow-x: hidden; position: relative; }
#web { position: relative; width: 995px; background: url('../img/paticka.jpg') no-repeat left bottom #FCFCFC; margin: 0 auto; text-align: left; overflow: hidden; height: auto; min-height: 100%; _height: 100%;  }

a { text-decoration: underline; color: #000000; font-weight: bold; }
a:hover { text-decoration: none; }
a:focus { outline: 0px none; }
abbr, acronym{cursor: help;}
hr.cleaner { clear:both; visibility: hidden; font-size: 0px; height: 1px; border: 0px none; }

#hlavicka{width: 995px; height: 291px; background: url('../img/hlavicka.jpg') no-repeat; overflow: hidden; }
#hlavicka div { position: relative; width: 387px; height: 140px; margin-left: -1px; /* fucking dirty hack -1px */ }
#hlavicka div a { display: block; width: 100%; height: 140px; }
#hlavicka div a span { position: absolute; left: 0; top: 0; display: block; width: 421px; height: 140px; visibility: visible; cursor: pointer; background: url('../img/logo.jpg') no-repeat left top; }
#hlavicka ul { list-style-type: none; display: block; padding: 95px 0px 0px 20px; }
#hlavicka ul li { display: inline; }
#hlavicka ul li a { font-size: 140%; display: inline-block; margin-right: 20px; }
#hlavicka ul li a:hover {  }


/*** OBSAH WEBU ***/
div.obal { clear: left; width: 100%; position: relative; padding-bottom: 50px; background: url('../img/obsah.jpg') no-repeat top right; height: auto; }
div.obal div.levypanel { float: left; width: 237px; margin-left: 12px; padding-top: 17px; }
div.obal div.pravypanel { float: right; width: 746px; _width: 680px; min-height: 600px; _height: 600px; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; }

/* Leve menu a hover menu */
div.obal div.levypanel div.menu ul#level-one 	{	width: 220px; }	
div.obal div.levypanel div.menu ul#level-one, div.obal div.levypanel div.menu ul  	{		padding:0;		margin:0;		list-style-type:none; border: 1px solid #0C7514;	}
div.obal div.levypanel div.menu ul#level-one ul	{	position:absolute; top: -1px; left: 220px; visibility:hidden; }
div.obal div.levypanel div.menu ul#level-one li	{	position:relative; width: 220px; margin-bottom: 1px; _margin-bottom: -2px; display: block; }	
div.obal div.levypanel div.menu ul#level-one a 	{	color: #fff; font-size: 125%; text-decoration: none; display: block; padding: 9px 0px 10px 38px; background: url('../img/sipka-bila.gif') no-repeat 12px 10px #28cc3d; cursor: pointer;	}
div.obal div.levypanel div.menu ul#level-one a:hover, 
div.obal div.levypanel div.menu ul#level-one li:hover a, 
div.obal div.levypanel div.menu ul#level-one li.hover a	{ color: #fff; background: url('../img/sipka-zluta.gif') no-repeat 12px 10px #0c7514; }
div.obal div.levypanel div.menu ul#level-one li:hover ul a, 
div.obal div.levypanel div.menu ul#level-one li.hover ul a	{	background: url('../img/sipka-cerna.gif') no-repeat 12px 10px #fff;	color:black; }
div.obal div.levypanel div.menu ul#level-one li:hover ul a:hover, 
div.obal div.levypanel div.menu ul#level-one li.hover ul a:hover	{	background: url('../img/sipka-cerna.gif') no-repeat 12px 10px #f2f2f2; color: #000; }
div.obal div.levypanel div.menu ul#level-one li:hover ul, 
div.obal div.levypanel div.menu ul#level-one li.hover ul	{	visibility: visible;	}
div.obal div.levypanel div.menu ul#level-one li li	{	border:none; padding:0; margin-bottom: 0; border-bottom: 1px solid #C8EEC9; background: #fff;	}
div.obal div.levypanel div.menu ul#level-one li	{	behavior: url('http://www.potencial.cz/hover.htc');	}

/*** bannery ***/

div.obal div.levypanel div.bannery {  }
div.obal div.levypanel div.bannery div { margin: 10px 0px 0px 15px; }
div.obal div.levypanel div.bannery div a { text-decoration: none; }
div.obal div.levypanel div.bannery div a img { border: 0px none; }

table.tableKalendar { width: 500px; border-collapse: collapse; }
table.tableKalendar tr td { padding: 5px 10px; white-space: nowrap; vertical-align: top; border-bottom: 1px solid #E1E0DE; }

/*** Uvodni strana a obsah obecne ***/

div.obal div.pravypanel div.inner { /*padding: 25px 55px 20px 15px;*/ width: 675px; float: right; margin: 25px 55px 20px 0px; _margin: 25px 25px 20px 0px; overflow: hidden; }
div.obal div.pravypanel div.inner h1 { display: block; text-align: right; color: #4a894d; border-bottom: 1px solid #4a894d; margin: 20px 0px 15px 0px; padding: 0px 0px 0px 0px; font-size: 220%; }
div.obal div.pravypanel div.inner h2 { display: block; text-align: right; color: #4a894d; border-bottom: 1px solid #4a894d; margin: 20px 0px 25px 0px; padding: 0px 0px 0px 0px; font-size: 220%; }
div.obal div.pravypanel div.inner h1 em { font-size: 50%; font-style: normal; }
div.obal div.pravypanel div.inner div#embed240-cover { background: url('../img/flashbox.jpg') no-repeat; float: right; margin: 10px 220px 0px 0px; _margin-right: 100px; width: 235px; _width: 255px; height: 137px; _height: 157px; padding: 13px 10px 10px 10px; }
div.obal div.pravypanel div.inner div#embed240 { float: right; width: 240px; position: relative; top: 11px; left: 13px; }
div.obal div.pravypanel div.inner p, div.obal div.pravypanel div.inner ul, div.obal div.pravypanel div.inner ol { color: #656565; font-size: 130%; line-height: 150%; }
div.obal div.pravypanel div.inner p { text-align: justify; padding: 5px 0px 5px 0px; }
div.obal div.pravypanel div.inner ul, div.obal div.pravypanel div.inner ol { margin-left: 15px; }
/* div.obal div.pravypanel div.inner ul { margin: 0px 0px 0px 40px; } */
div.obal div.pravypanel div.inner p img { float: left; border: 10px solid #eeeeee; margin: 0px 20px 0px 0px; }
div.obal div.pravypanel div.inner img.obrazek, div.obal div.pravypanel div.inner img.left, div.obal div.pravypanel div.inner img.right { float: left; border: 10px solid #eeeeee; margin: 0px 20px 0px 0px; }
div.obal div.pravypanel div.inner table { margin: 10px 0; }
div.obal div.pravypanel div.inner table tr td { font-size: 130%; color: #656565; }
div.obal div.pravypanel div.inner div.ukazka { float: left; width: 50%; height: 150px; margin-top: 10px; }

div.obal div.pravypanel div.inner div.novinka { float: left; width: 400px; padding: 0px 0px 20px 0px; margin: 0px 15px 0px 0px; background: #f2f2f2; border: 2px solid #1CAA30; }
div.obal div.pravypanel div.inner div.novinka h2 { color: #CC0000; display: block; font-size: 150%; text-align: left; padding: 15px 10px 10px 10px; margin: auto; border: 0px none; }
div.obal div.pravypanel div.inner div.novinka p { padding: 0px 20px; }
div.obal div.pravypanel div.inner div.novinka img { border: 0px none; margin: 10px 10px 60px 0px; }

div.obal div.pravypanel div.inner a.banner { text-decoration: none; }
div.obal div.pravypanel div.inner a.banner img,
div.obal div.pravypanel div.inner img.banner { border: 0px none; display: block; margin-bottom: 20px; }

div.obal div.pravypanel div.partner { border-bottom: 1px solid #4A894D;float: left; width: 300px; height: 130px; margin: 0px 15px 25px 15px; }
div.obal div.pravypanel div.partner img { display: block; border: 0px none; height: 60px; }
div.obal div.pravypanel div.partner p { clear: left; text-align: left; }



/*** Kontakt a odesilaci formular ***/

div.kontakt { float: left; width: 100%; color: #666666; line-height: 190%; margin-bottom: 15px; }
div.kontakt img { float: left; margin: 0px 20px 10px 0px; border: 2px solid #BEBEBE; }
div.kontakt h3 { display: block; color: #CC0000; font-size: 160%; padding: 0px 0px 10px 0px; }
div.kontakt address { font-style: normal; font-size: 140%; }
div.kontakt div.udaje {  font-size: 140%; padding-top: 10px; }
div.kontakt span.bold { font-weight: bold; }

.formular{width: 520px; margin: 20px 0px 0px 0px;font-size: 150%;}
.formular fieldset{border: 0px none;}
.formular fieldset legend{padding: 0px 0px 10px 0px; color: #cc0000; font-weight: bold;}
.formular fieldset label{display: block; padding: 2px 3px; font-size: 80%; font-weight: bold; color: #1D9625; }
.formular fieldset label input{margin: 0px 5px 0px 0px;}
.formular fieldset textarea{width: 100%; margin: 0px 0px 14px 0px; padding: 3px 5px; font-size: 80%; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; }
.formular fieldset input.button{margin: 0px 5px 0px 0px; width: 100px; padding: 2px 0; margin: 0px 0px 10px 0px;}
span.error, span.ok{display: block; margin: 10px 0px 20px 0px; padding: 5px; border-bottom: 2px solid #ff0000; font-size: 130%; }
span.error{color: #ff0000;}
span.ok{color: #00ff00;}

/*** styly pro odkazy s ikonama ***/

a.pdf, a.doc, a.url, a.simple { display: inline-block; padding-left: 23px; text-decoration: none; margin-bottom: 4px; }
a.pdf { background: url('../img/ikony/pdf.gif') no-repeat left top; }
a.pdf em { font-style: normal; color: #737e74; font-weight: normal; }
a.doc { background: url('../img/ikony/doc.gif') no-repeat left top; }
a.url { background: url('../img/ikony/popup.gif') no-repeat 2px 5px; }
a.simple { background: url('../img/ikony/tecka.gif') no-repeat 2px 5px; }

div.dalsi { border-top: 1px solid #4A894D; border-bottom: 1px solid #4A894D; margin-top: 10px; }
div.dalsi div.box { float: left; width: 200px; height: 150px; text-align: center; margin: 20px 20px 20px 0px; _margin: 20px 10px 20px 0px; }
div.dalsi div.box a.item { display: block; padding: 10px; height: 100%; background: #f5f5f5; margin: 0 auto; text-decoration: none; }
div.dalsi div.box a.item h3 { font-size: 110%; }
div.dalsi div.box a.item img { border: 0px none; margin-bottom: 5px; display: block; margin: 0 auto; }
div.dalsi div.box a.item:hover { background: #eeeeee; }

div.dalsi div.box-link { float: left; width: 200px; height: 150px; text-align: center; margin: 20px 20px 20px 0px; }
div.dalsi div.box-link a.item { display: block; padding: 10px; height: 100%; background: #f5f5f5; margin: 0 auto; text-decoration: none; }
div.dalsi div.box-link a.item h3 { font-size: 110%; }
div.dalsi div.box-link h3 a { font-size: 90%; text-decoration: none; position: relative; top: -3px;  }
div.dalsi div.box-link a.item img { border: 0px none; margin-bottom: 5px; display: block; margin: 0 auto; }
div.dalsi div.box-link a.item2 img { border: 0px none; }
div.dalsi div.box-link a.item:hover { background: #eeeeee; }

ul#drobecky { list-style-type: none; display: block; padding-bottom: 10px; border-bottom: 1px solid #4A894D; margin: 0; }
ul#drobecky li { display: inline; color: #22100C; font-size: 90%; }
ul#drobecky li a { display: inline-block; padding: 0px 5px; color: #3B4336; }

ul#fotomenu { margin: 0; padding: 0; }
ul#fotomenu li { display: inline; }
ul#fotomenu li a { display: inline-block; padding: 0px 10px; }

div.detail {}
div.detail h2 { font-size: 130%; color: #3B4336; display: block; padding: 15px 0px 5px 0px; }

/*** paticka ***/
#paticka {width: 994px; position: absolute; bottom: 0; left: 0; height: 30px; text-align: right; overflow: hidden; }
#paticka p{height: 50px; margin: 0 auto; padding: 10px 10px 10px 0px; border: 0; background: transparent; font-size: 100%; }
#paticka, #paticka a{color: #808080;}
#paticka a{ font-size: 100%; font-weight: bold; }
#paticka #languages { position: absolute; right: 0px; bottom: 20px; list-style-type: none; }
#paticka #languages li { float: left; margin-right: 10px; }
#paticka #languages li a img { display: block; border: 0px none; }