/* CSS Document V I G O - OBUVNICKE MATERIALY */

* {
 margin: 0; 
 padding: 0; 
 outline: none;
}

img {
 border: none;
}

body {
  background:#f7f7f7 url(img/pozadi.jpg) repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
    color:#151414;
  text-align:left;
  }

/* UNIVERZALNI DIVY */

div.uni {width:100%; display:block; margin:auto; }
.sekce_info {margin:auto; overflow:hidden; font-family:Trebuchet MS; font-weight:bold;}
  
/* Horní lišta - výběr sekce */

div#sekce {background:#f0f0f0; border-bottom:#fff solid 1px; height:39px;}
	div#sekce div { 
		width:970px; 
		height:27px;
		padding:12px 30px 0 0;
		font-size:12px;
		text-align:right;
		}
		div#sekce div a {margin-left:23px;}
		  div#sekce div a img {margin-right:12px;}		
		    a.active { font-style:italic; font-weight:bold; color:#141414; text-decoration:none;}
		    a.inactive { font-style:italic; font-weight:bold; color:#b2b2b2; text-decoration:none;}
			  a.inactive:hover { color:#141414; text-decoration:underline;}
			
/* Info o firmě */

div#firmainfo {	background:#f7f7f7; height:102px; padding-top:25px;}
  div#firmainfo p { 
		width:1000px; 
		height:95px;
		padding:0;
		text-align:left;
		font-size:18px;
		}
		div#firmainfo p a {font-size:40px; color:#f10000; font-weight:bold;}
		  div#firmainfo p a img { margin:0 145px 0 82px; border:none; float:left;}
		div#firmainfo p img { margin-top:15px;}
			
/* Info o sekci */

div#sekceinfo {	background:#700000 url(img/sekceinfo_bg.jpg) repeat-x; height:225px; padding:0px;}
  div#sekceinfo div { background:#b80000 url(img/obuvmat_bg.jpg) no-repeat; width:1000px; height:223px; border-top:#f10000 solid 2px; padding:0 20px; position:relative;}
    div#sekceinfo div h1 {width:410px; height:223px; display:block; padding:65px 0 0 55px; margin:auto; float:left; font-size:60px;}
	div#sekceinfo div ul {padding:0; margin-top:42px; float:right;}
	  div#sekceinfo div ul li {text-align:center; list-style:none; display:inline; float:left; width:125px; margin:0 4px;}
	    div#sekceinfo div ul li a {padding:0; text-align:center; font-size:13px; color:#f7f7f7; text-decoration:none; text-shadow:1px 2px 0px #540000; width:auto; height:98px;}
		  div#sekceinfo div ul li:hover {background:url(img/menu_hover.png) top no-repeat; }
		  div#sekceinfo div ul li a img {margin:13px 0 32px 0;}

.aktivni {background:url(img/menu_hover.png) top no-repeat; padding:0; text-align:center; font-size:13px; color:#f7f7f7; text-decoration:none; text-shadow:1px 2px 0px #540000; width:auto; height:98px; }
		  
/* STRED */

div#whole {background:#f7f7f7; width:1000px; margin:0 auto 30px auto; overflow:hidden; border:#fff solid 1px; border-top:0px; padding:10px 0;}
  p.popis {font-size:14px; font-family: Arial, Helvetica, sans-serif; text-align:justify; width:942px; margin:auto; overflow:hidden; padding:5px 0 15px 0;}
    p.popis strong {font-weight:bold;}
	p.popis a {color:#151414; text-decoration:underline; font-weight:bold;}
	  p.popis a:hover {color:#f10000;}

div.delitko {width:960px; height:1px; display:block; margin:10px auto 30px auto; border-top:1px #b5b5b5 solid; background:#fff; }

div.obsah { width:700px; height:auto; margin-left:11px; overflow:hidden; padding:0px; float:right; }

/* domu */

div.obsah h2 {width:600px; height:34px; margin-bottom:20px; padding:6px 40px 0 60px; font-family:Trebuchet MS; font-weight:bold; font-size:21px; color:#141414; float:left;}
   div.obsah h2 span {color:#770000; font-size:11px; float:right;}
     div.obsah h2 span a {text-decoration:underline; color:#770000; font-style:italic;}
	   div.obsah h2 span a:hover {text-decoration:none;}
div.delitko_d {width:690px; height:1px; display:block; margin:10px auto 20px auto; border-top:1px #b5b5b5 solid; background:#fff; float:left; }

h2#novinka {background:url(img/h2_novinky.jpg) left no-repeat;}
h2#akce {background:url(img/h2_akce.jpg) left no-repeat;}

/* Vertikalni menu */

div.vertimenu {width:264px; height:auto; background:; display:block; float:left; border:#767676 solid 1px; border-bottom:none; margin-left:10px;}
  div.vertimenu ul {margin:0; padding:0;}
    div.vertimenu ul li {list-style-type:none; float:left;}
	.aktivnirne a {float:left; background:#e7e7e7; text-decoration:none; border-bottom:#767676 solid 1px; width:225px; height:23px; display:block; padding:6px 0 0 39px; color:#000; font-weight:bold; }
	    .aktivnirne a:hover {background:#bebebe; border-bottom:#767676 solid 1px; color:#000;}

.skryvany {display:none;}
.vertibut {color:#141414; font-size:13px; font-weight:bold; float:left; }

div.rozbal {width:245px; height:23px; display:block; background:url(img/vertimenu_rozbal.png) right no-repeat scroll; border-bottom:#767676 solid 1px; padding:6px 0 0 19px; cursor:pointer;}
  div.rozbal:hover {background:#f40000 url(img/vertimenu_rozbal_h.png) right no-repeat scroll; border-bottom:#b10000 solid 1px; color:#fff;}
  
div.normalbut a {text-decoration:none; border-bottom:#767676 solid 1px; width:245px; height:23px; display:block; padding:6px 0 0 19px; color:#141414;}
  div.normalbut a:hover {background:#f40000; border-bottom:#b10000 solid 1px; color:#fff;}
  
.aktivnin {background:#f40000; border-bottom:#b10000 solid 1px; color:#fff; width:245px; height:23px; display:block; padding:6px 0 0 19px; font-size:13px; font-weight:bold; float:left; cursor:pointer;}
  .aktivnin a {text-decoration:none; color:#fff;}
  .rozobr {background:#f40000 url(img/vertimenu_zbal_h.png) right no-repeat scroll;}

.aktivnir a {background:#bebebe; border-bottom:#767676 solid 1px; color:#000; text-decoration:none; float:left; width:225px; height:23px; display:block; padding:6px 0 0 39px; font-weight:bold;}

/* Patička */

div#paticka { background:#f0f0f0; border-top:#fff solid 1px; height:41px; vertical-align:bottom;}
  div#paticka p {
		width:965px; 
		height:26px;
		padding:15px 35px 0 0;
		font-size:11px;
		margin:auto; 
		overflow:hidden;
		font-family:Arial, Helvetica, sans-serif;
		color:#7c7c7c;
		text-align:right;
		}
  div#paticka p a {color:#7c7c7c; text-decoration:underline; margin-left:4px;}
    div#paticka p a:hover {color:#171717; text-decoration:none;}

/*****************************************************************************************************************************/

/* INFO */

div#info {width:700px; height:auto; background:#f0f0f0; border:#a5a5a5 1px solid; margin:0 auto 30px auto; padding:20px; font-weight:bold; color:#000;}
  div#info img {float:left; margin-right:20px;}

/* POZICE na stránce */

div.pozice {background:#f0f0f0; width:667px; height:26px; border:#a5a5a5 1px solid; float:left; margin-bottom:30px; padding:8px 10px 0 10px;}
div.pozice p {color:#333333; font-size:11px;}
  div.pozice p a, div.pozice p span {font-size:11px; color:#333333; font-weight:bold; margin:0 10px;}
    div.pozice p a { text-decoration:underline;}
    div.pozice p a:hover {color:#000;}
  div.pozice p strong {color:#f10000; font-size:14px; margin-left:10px;}

/* Box výrobků */

div.box {width:225px; height:275px; display:block; float:left; margin-bottom:10px; padding:0px;  }
  div.vyrobek {text-align:center; position:relative; border:#b5b5b5 1px solid; border-top:#f10000 3px solid; background:#fff; width:211px; height:235px; display:block; padding:0 6px; }
  div.vyrobek h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; color:#141414; text-align:center; margin-top:9px;}
  div.vyrobek p {color:#141414; margin:7px auto; font-size:13px; text-align:center;}

  img.novinka {position: absolute; top: 130px; right:0; width:72px; height:27px; font-size:13px; color:fff; border:#ff0000 1px solid; background:#b10000;}
  img.doprodej {position: absolute; top: 130px; right:0; width:72px; height:27px; font-size:13px; color:000; border:#ff8a00 1px solid; background:#f18500;}
  img.akce {position: absolute; top: 165px; right:0; width:72px; height:27px; font-size:13px; color:#fff; border:#0fb601 1px solid; background:#098101;}
  img.produkt {position: absolute; bottom: 7px; left:25px; width:175px; height:160px;}
  span.cena {position:absolute; top:158px; right:0; width:auto; height:auto; padding:6px; font-size:13px; color:#000; font-weight:bold; border:#a5a5a5 1px solid; background:#f0f0f0;}
  
    a.barevnice {position:absolute; top:178px; right:0; width:auto; height:auto;}
  
.middle {margin:0 7px;}

  div.box h4 {width:142px; height:26px; margin:auto; overflow:hidden; display:block; float:left; margin-left:47px; }
  div.box h4 a { 
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold; 
	font-size:12px; 
	color:#141414; 
	text-align:center; 
	display:block;
	background:#fff url(img/box_h4_bg.jpg) no-repeat;
	width:105px;
	height:21px;
	padding:5px 0 0 25px;
	text-decoration:none;
	}
	div.box h4 a:hover {text-decoration:none; color:#fff; background:#ff0000 url(img/box_h4_bgh.jpg) no-repeat; text-shadow:1px 1px 0px #111111;}
	
/* Tabulka kontakty */

table#kontakty {border:none; font-size:15px; margin:0 0 20px 20px; float:left;}
  table#kontakty tr td {padding:2px 5px;}
  table#kontakty tr td a {text-decoration:underline; color:#ff0000;}
    table#kontakty tr td a:hover {text-decoration:underline; color:#000;}