@charset "utf-8";
/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro profiweby.cz
	Author:			 Profiweby, www.profiweby.cz, e-mail: info(@)profiweby.cz
	Modified:	   28. 8. 2007

	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Sidebar    (postraní sloupec)
  7. Content    (obsah)
  8. Footer     (patička)
  9. Other      (ostatní)

	==[ Colors ]==
	1. #f6e900  - zluta
	2. #0d50b3  - modra	
	3. #305482  - modra nova
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: #f4f4f4;
	color: #000000;
	text-align: center;
	margin:0 0 20px; 	
}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1 {font-size: 150%;}
h2 {font-size: 125%;}
h3 {font-size: 100%;}
img {border:0;}
/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0px;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 998px;  
	background-color: #fff;
	margin: 0 auto;
	padding-bottom:10px;
	text-align: left;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
#header {
	position: relative; 
	background: #fff;
}
#header .link { position:absolute; top:0px; left:0px; width:50px; height:50px; border:1px solid red;}
#header .link span { display:none;} 
/*top1*/
#header #top1 { height:265px; position:relative; margin-bottom:10px;}
#header #top1 p { padding:10px; color:#666;}
#header #top1 span { 
	position:absolute; top:0px; left:0px; 
	background:url(../images/uvod/top1.jpg) top left no-repeat;
	height:265px; width:100%;
}
/*-- [ 8. Center ] -----------------------------------------------*/
#center {	position:relative; height:391px; margin:0 10px 10px; background:#0f2f59 url(../images/uvod/back-zelene.png) top left repeat-x;}
#center .mapa { position:absolute; right:0px; bottom:0px; width:180px; height:223px; background:url(../images/uvod/mapa.jpg) top left no-repeat;}
#center .wimex-group, #center .wimex-partners {position:absolute; left:15px; height:18px;}
#center .wimex-group span, #center .wimex-partners span {display:none;}
#center .wimex-group {background:url(../images/uvod/wimex-group.png) top left no-repeat; top:20px; width:132px;}
#center .wimex-partners {background:url(../images/uvod/wimex-partners.png) top left no-repeat; top:255px; width:140px;}
#center .box { float:left; margin-top:60px; margin-right:25px; color:#fff; line-height:1.8em; width:213px;}
#center .box a {color:#f6e900;}
#center .box a:hover {color:#fffe00;}
#center .box a.button {
	display:block; 
	color:#305482;
	font-size:14px;
	margin-top:20px;
	text-decoration:none;
	overflow:hidden;
	padding-left:45px; 
	height:31px; line-height:31px;
	border:1px solid #001c41; 
	background:#ddd801 url(../images/uvod/button-pozadi.png) top left repeat-x;
	position:relative;
}
#center .box a.button:hover { text-decoration:underline; background:#fffe00 none;	color:#001c41;  }
#center .box a.button span { position:absolute; top:0px; left:0px; width:39px; height:31px; background:url(../images/uvod/button-odrazka.gif) top left no-repeat;}
#center .cs { background:url(../images/uvod/vlajka-cs.png) top right no-repeat; margin-left:20px;} 
#center .cs a.button { width:125px;}
#center .sk { background:url(../images/uvod/vlajka-sk.png) top right no-repeat;} 
#center .sk a.button { width:145px;}
#center .de { background:url(../images/uvod/vlajka-de.png) top right no-repeat;} 
#center .de a.button { width:100px;}
#center .at { background:url(../images/uvod/vlajka-at.png) top right no-repeat; margin-right:0px;} 
#center .at a.button { width:90px;}
#center .ro { background:url(../images/uvod/vlajka-ro.png) top right no-repeat; margin-top:80px; margin-left:20px; line-height:1.3em;} 
#center .hu { background:url(../images/uvod/vlajka-hu.png) top right no-repeat; margin-top:80px; line-height:1.3em;} 

/*-- [ 8. Footer ] -----------------------------------------------*/
.prefoot {height:10px; background-color:#FFF;}
#footer {
	margin:0 10px;
	padding:14px 15px 10px;
  height:20px; 
	background:#f2e500 url(../images/foot-back.png) top left repeat-x;
	color:#1d3f6a;
}
#footer .foot-l { float:left;}
#footer .foot-r { float:right;}
#footer .foot-l a, #footer .foot-r a { color:#1d3f6a; text-decoration:none;}
#footer .foot-l a:hover, #footer .foot-r a:hover { color:#000; text-decoration:underline;}
/*-----------------------------------------------*/
/*error*/
#error {margin:0 15px; padding:5px 0 15px;} 
#error h1{ background:none;}
#error h2{margin:0.6em 0.2em; color:#305482;}
#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;}

