@charset "utf-8";
/*---------------------------------------------------------------
Popis:			Kaskádové styly pro profiweby.cz
Autor:			Profiweby, www.profiweby.cz, e-mail: info(@)profiweby.cz
Aktualizace:	28. 8. 2007

==[ Kapitoly ]==
 1. Body (tělo)
 2. Nadpisy a všeobecné prvky (h1, input, ...)
 3. Pro vše platící (clear, ...)
 4. Container (rozvržení celé stránky)
 5. Header 
 6. Left
 7. Right
 8. Footer
 9. Doplňky

==[ Barvy ]==
#1560a1 modra (nadpisy, apd.)
#004a8a modra tmava (linky, mensi modry text)
#be0028 cervena (h2)
#555    seda1 - tmava
#999    seda2 - svetla
---------------------------------------------------------------*/

/*-- [ 1. Body (tělo) ] -----------------------------------------------*/
html, body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0; padding:0;  
}
/*-- [ 2. Nadpisy a všeobecné prvky (h1, input, ...) ] -----------------------------------------------*/
/*základní nastavení*/
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color:#1560a1;}
h1 {font-size:175%; font-style:italic; margin-bottom:0.6em;}
h2 {font-size:140%; color:#be0028; margin-bottom:0.6em; margin-top:1.5em;}
h2.grey { color:#555;font-size:110%;}
h2 span {font-size:85%; font-weight:normal; color:#555; display:block; padding-bottom:0.2em}
h3 {font-size:120%; margin-bottom:0.5em; margin-top:1.0em;}
h4 {font-size:100%;}
h5 {font-size:80%;}
h6 {font-size:80%;}
/*odstavce*/
p{margin:0; padding:0;}
/*odkaz*/
a {color:#004a8a;}
/*odrážky*/
ul,ul li{
margin:0; padding:0;
list-style:none;
}
ol li {line-height:1.5em;}
/*sémantika*/
striong{}	
acronym {border-bottom: dotted 1px #333333;}
/*formuláře*/
form { margin:0; padding:0;}
input.button{
	border:1px solid #000099; 	
	background-color:#1560a0; 
	color:#fff;
	padding:1px 2px 2px;
}
input.button:hover{
	background-color:#154066; 
	border-left:1px solid #000; 
}
input[type=text]:focus, input[type=file]:focus, select:focus {border:1px solid #1560a1; padding:2px 1px;}
textarea:focus {border:1px solid #1560a1; padding:1px;}
.text_area {width:350px;}
.text_field {width:320px;}
/*čára*/
hr {display:block; height:1px; overflow:hidden;  border:dotted; border-width:1px 0 0 0; margin:5px 0px; padding:0; color:#333333;}
/*tabulky*/
table, tr, td, th {vertical-align:top;}
/*obrázky*/
img, img:hover {border:none;}
/*-- [ 3. Pro vše platící (clear, ...) ] -----------------------------------------------*/
/*konec obtékání*/
.clear{
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
/*float*/
.float-r {float:right;}
/*-- [ 4. Container (rozvržení celé stránky) ] -----------------------------------------------*/
#container {width:960px; margin:0px auto; position:relative;}
#container .column {float: left;} 
#header {position:relative; display:block;}
#content {margin:0 0 0 221px; padding:15px 22px 15px 16px; width: 465px; display:inline;}
#left {width:221px; margin:0 0 20px -960px; background:#1560a2 url(../images/menu_back.jpg) top left repeat-y;}
#right {width:236px; margin-top:4px;}

#content p {margin-bottom:0.7em; text-align:justify;}
#content .odrazka {background:url(../images/li_odrazka.gif) left center no-repeat; padding-left:10px;}
#content ul {margin-bottom:1.2em; margin-left:25px;}
#content ul li {list-style-image:url(../images/li_odrazka.gif); padding-bottom:2px;}
#content ul.grey li {list-style-image:url(../images/li_odrazka_seda.gif); padding-bottom:2px;}
#content span.grey {font-size:90%; color:#555;}
/*-- [ 5. Header ] -----------------------------------------------*/
#header {position:relative;}
#header li{display:inline;}
/* top1 */
#header #top1 {width:960px; height:79px; position:relative; overflow:hidden;}
#header #top1 span.bgimage {width:960px; height:79px; position:absolute; top:0px; left:0px; background:url(../images/main_top1.jpg) top left no-repeat; }
#header #top1 div.header_nutricia {font-size:36px; font-weight:bold; color:#1560a1; margin:10px 0 0 40px; line-height:36px}
#header #top1 div.header_deva {font-size:24px; font-weight:bold; color:#be0028; margin-left:41px;}
#header #top1 #header_menu {position:absolute; bottom:10px; left:531px;}
#header #top1 #header_menu a{display:block; width:89px; float:left; font-size:10px; text-align:center; text-decoration:none; color:#aaa;}
#header #top1 #header_menu a:hover{color:#1560a1;}
#header #top1 #header_vlajky {width:105px; height:43px; position:absolute; top:20px; left:835px;}
#header #top1 #header_vlajky a {width:43px; height:43px;}
#header #top1 #header_vlajky a.en img{ margin-left:15px;}
#header #top1 .gohome {position:absolute; top:9px; left:35px; width:232px; height:60px; text-decoration:none;}
#header #top1 .gohome span {display:none;}
/* top 2 */
#header #top2 {width:960px; height:219px; position:relative; overflow:hidden;}
#header #top2 span.bgimage {width:960px; height:219px; position:absolute; top:0px; left:0px; background:url(../images/main_top2.jpg) top left no-repeat; }
#header #top2 span.bgimageen {width:960px; height:219px; position:absolute; top:0px; left:0px; background:url(../images/main_top2en.jpg) top left no-repeat; }
#header #top2 div.header_vyziva {font-size:20px; color:#999; margin-left:41px;}

/*-- [ 6. Left ] -----------------------------------------------*/
#left #menu {background:url(../images/menu_top.jpg) top left no-repeat; font-size:90%; overflow:hidden; padding:13px 15px 5px 22px; color:#fff;}
#left #menu_bottom {background:url(../images/menu_bottom.jpg) top left no-repeat; height:14px; overflow:hidden;}
#left #menu ul {font-style:italic; font-weight:bold;}
#left #menu li{ margin-left:3px; padding-left:12px; vertical-align:middle;}
#left #menu ul li{background:url(../images/menu_odrazka.gif) top left no-repeat;}
#left #menu ul ul{font-weight:normal; font-style:normal;}
#left #menu ul ul li {background:url(../images/menu_odrazka2.gif) top left no-repeat; margin:3px 0 0;}
#left #menu ul ul li.open {background:url(../images/menu_odrazka2_rozbaleno.gif) top left no-repeat; color:#ccddff;}
#left #menu ul ul ul {margin-bottom:8px;}
#left #menu ul ul ul li {background-image:none; list-style:none; margin:4px 0 5px 3px;}
#left #menu a {color:#fff; text-decoration:none; display:block;}
#left #menu a:hover {text-decoration:underline;}
#menu1, #menu2 {display:none;}
.menu-cursor-hand {cursor:pointer;}
.menu-cursor-hand:hover {text-decoration:underline;}
.menu-kontakty{padding-bottom:4px;}
.menu-firemni-hodnoty{padding-bottom:4px;}
/* oddelovac */
#left #menu li.oddelovac {
	background: url(../images/menu_line.jpg) top left no-repeat;
	height:1em; line-height:1em; 
}
/* roztahovaci menu */
.CollapsiblePanelOpen {padding-bottom:7px; display:block;}
.CollapsiblePanelTab {
	cursor: pointer;
	padding-bottom:4px;
}
CollapsiblePanelContent {	background: url(../images/menu_line.jpg) top center no-repeat; }
.CollapsiblePanelTab:hover  {	text-decoration: underline;}

/*-- [ 7. Right ] -----------------------------------------------*/
#right #cont_r {background: url(../images/kontakt_back.jpg) top left no-repeat; padding:5px 5px 130px 9px;}
#right #cont_r img {margin-top:10px;}
#right #cont_r .kontakt {margin:1.4em 0 1.8em 17px;}
#right #cont_r .kontakt h2 {font-size:120%; color:#1560a1;}
#right #cont_r .kontakt p{font-style:italic; margin:0.3em 0 0.6em; color:#444; font-size:90%; line-height:120%;}
#right #cont_r .kontakt a{color:#1560a1;}

/*-- [ 8. Footer ] -----------------------------------------------*/
#footer {
	background:#eee url(../images/foot.jpg) top left no-repeat; 
	position:relative; height:30px; 
	padding:70px 0 13px;
	font-size:90%;
	color:#555;
	text-align:center; 	
}
#footer #dite{
	background:#eee url(../images/foot_r_dite.jpg) top left no-repeat; 
	height:128px; width:236px; 
	position:absolute; right:0px; top:-128px;
}
#footer a {color:#333;}
#footer .menu_foot a {padding:0 5px;}
#footer a.noline {text-decoration:none; }
#footer a:hover {color:#1560a1;}
#footer div.copy, #footer div.menu_foot, #footer div.webdesign {position:absolute;}
#footer div.copy {left:30px; width:200px; text-align:left;}
#footer div.menu_foot {left:240px; width:480px; text-align:center;}
#footer div.webdesign {right:30px; width:150px; text-align:right;}
/*-- [ 9. Doplňky ] -----------------------------------------------*/
/* index */
#content .index-img {margin:3px 0 7px;}
#content .img-holder {
	width:115px; height:110px; 
	overflow:hidden; 
	margin:10px 0 10px 20px;; 
	float:right;
	background:url(../images/image_holder.jpg) top left no-repeat;
}
#content .img-holder img{ position:relative; top:16px; left:10px;}
#content #hodnoty-index a {margin-right:8px;}
#content #hodnoty-index a.no-margin {margin-right:0px;}
#content #hodnoty-index {margin:0.6em 0 1em;}
/*error*/
#error h2{margin-bottom:0.6em; margin-left:0.2em;}
#error h3{font-size:150%;margin-bottom:0.3em; font-style:italic;}
#error p{margin-bottom:0.4px; color:#555;}
#error p.hint {font-weight:bold; color:#000;}
#error div.uri {padding:4px 10px 5px; margin-bottom:1em; border:1px dashed #ccc; color:#666;}
/*napiste nam + dopporucit*/
#formular th {width:75px; text-align:right; font-size:90%; padding-right:5px; vertical-align:middle;}
#formular th.v-top {vertical-align:top; padding-top:3px;}
#formular td span { font-size:11px; color:#555; display:block;}
/*mapa stranek*/
#mapa-stranek ul {margin-bottom:0.5em;}
#mapa-stranek div {color:#be0028; font-weight:bold; margin-top:0.8em; font-style:italic;}
#mapa-stranek ul li ul li div {color:#555; margin-top:0.4em}
#mapa-stranek ul li ul { margin-left:10px;}
#mapa-stranek ul li ul li { list-style:disc; margin-left:30px;}
#mapa-stranek ul li ul li ul li { list-style:circle;}
#mapa-stranek a:hover {color:#555;}
/*politika jakosti*/
h2.politika-motto { margin:1em 10px 1.1em 25px;}
h3.politika-motto { margin-top:1.3em;}
/*volna mista*/
p.volna-mista-kontakt {font-size:90%; color:#555;}
p.volna-mista-kontakt a {color:#555;}
p.volna-mista-kontakt a:hover {color:#000;}
ol.jak-pozici {margin:1ex 0 0 30px; padding:0; color:#555;}
#jak-pozici {width:460px; padding:5px 10px 10px; background-color:#f3f3f3; border:1px solid #ddd; margin-top:1em;}
#jak-pozici h2 {margin:0.3em 0 0.6em ;}
#jak-pozici table{width:100%;}
#jak-pozici td.col1{width:125px;}
#jak-pozici td.col2{width:315px;}
#jak-pozici select {width:100%;}
#jak-pozici input[type=text] {width:93%;}
#jak-pozici input.short{width:25%;}
#jak-pozici td span {display:block; font-size:85%; color:#555;}
#jak-pozici textarea {width:93%; height:75px;}
#jak-pozici td.odeslat {text-align:center; padding-top:10px;}
/*kontakty*/
a.mapa-detail {float:right;}
a.mapa-detail img{border:1px solid #999;}
a.mapa-detail:hover img {border:1px solid #1560a1;}
/*fotogalerie*/
#foto-menu {color:#555; margin:0 30px 5px 0; font-size:90%; text-align:right;}
#foto-menu span:hover {text-decoration:underline; color:#1560a1; cursor:pointer;}
#foto-menu span.foto-menu-disabled {color:#999;}
#foto-menu span.foto-menu-disabled:hover {text-decoration:none; cursor:default;}
#foto-holder {margin-bottom:15px;}
#foto-holder img {border:1px solid #1560a1;}
#foto-thumbs img {border:1px solid #ccc; cursor:pointer; margin:3px 7px 3px 0;}
#foto-thumbs img:hover {border:1px solid #1560a1;}
/*historie*/
.historie-foto-budova, .historie-foto-budova:hover { margin:0 0 10px 15px; border:1px solid #555; float:right;}
/*zamestnanecke vyhody*/
#content h2.grey-benefity {color:#555;font-size:110%; margin:1.2em 0 1.2em;}
#content ul.grey-benefity {list-style-image:url(../images/li_odrazka_seda.gif); margin-top:0.3em; margin-bottom:0.4em;}
#content ul.grey-benefity li{list-style-image:url(../images/li_odrazka_seda.gif);}
/*sponzoring*/
#content img.float-r-img {float:right; margin:0 10px 6px;}