body{
margin:0px;
padding:0px;
font-size:12px;
font-weight:400;
font-family:Arial,sans-serif;
background-color:#416b78;
background-image:url("http://www.syachting.cz/pictures/layout/bg.jpg");
background-position:top center;
background-repeat:no-repeat;
color:black;
}
a{
border-width:0px;
border-style:solid;
border-color:gray;
margin:0px;
padding:0px;
color:#507589;
font-family: Arial,sans-serif;
text-decoration:none;
font-size:12px;
font-weight:700;
padding:0px;
}
	a:hover{
	color: red;
	font-family: sans-serif;
	text-decoration:none;
	color:#507589;
	text-decoration:underline;
	font-size:12px;
	font-weight:700;
	} 
	a.visited{
	color: blue;
	font-family: sans-serif;
	text-decoration:none;
	font-size:12px;
	font-weight:700;
	} 
div{
margin:0px;
padding:0px;
border-width:0px;
border-style:solid;
border-color:gray;
text-align:left;
}
img{
margin:0px;
padding:0px;
border-width:0px;
border-style:solid;
border-color:gray;
}

th{
text-align:left;
}
div.h1{
  height:120px;
  padding:3px;
  padding-left:10px;
  background-color:#507589;
  color:white;
}
div.h1-product{
  padding:3px;
  padding-left:10px;
  background-color:#507589;
}
h1{
font-size:16px;
font-weight:900;
font-family:tahoma,arial;
letter-spacing:1px;
text-transform:uppercase;
color:#507589;
}
	h2{
	font-size:14px;
	font-weight:700;
	font-family:arial;
	text-transform:uppercase;
	color:#507589;
	}
	strong.h2 {
  font-size:14px;
	font-weight:700;
	font-family:arial;
	text-transform:uppercase;
	color:#507589;
	margin:7px;
  display:block;
  }
	h3{
	font-size:12px;
	text-decoration:none;
	font-weight:900;
	font-family:arial;
	color:red;
	text-transform:uppercase;
	color:#507589;
	}
table{
padding:0px;
margin:0px;
vertical-align:middle;
border-width:0px;
border-color:gray;
border-style:solid;
font-size:12px;
}
	td{
	padding:0px;
   margin:0px;
   border-width:0px;
	vertical-align:top;
	border-color:gray;
	border-style:solid;
	}


/* --------------------------------------------------------  Specializované tagy -------------------------------------------------------------- */
div.main{
width:970px;
}
  div.top{  
  height:225px;
  }
    div.top-left{
    width:260px;
    padding-top:81px;
    }
    div.top-right{
    width:710px;
    height:225px;
    float:right;
    color:black;
    background-image:url('http://www.syachting.cz/pictures/layout/bg-top-right-tornado.jpg');
    }
    a.top-menu{
    display:block;
    height:15px;
    border-left-width:2px;
    padding-left:10px;
    border-color:gray;
    margin-top:35px;
    margin-left:10px;
    font-size:14px;
    font-weight:700;
    color: black;
    float:left;
    text-transform:uppercase;
    }
    a.top-menu:hover{
    font-size:14px;
    text-decoration:none;
    font-weight:700;
    color:gray;
    }
    a.top-menu-active{
    color:gray;
    }
    
    a.navigation {
    font-weight:400;
    color:gray;
    }
  div.center{
  width:970px;
  }
  div.center-right{
  width:260px;
  float:left;
  margin-top:15px;
  }
    a.catalog{
    display:block;
    width:225px;
    height:36px;
    color:gray;
    padding-top:24px;
    padding-left:15px;
    text-transform:uppercase;
    }
    a.catalog:hover{
    color:white;
    text-decoration:none;
    }
    a.catalog-svorky{        background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-svorky.jpg');          }
    a.catalog-svorky:hover{  background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-svorky-aktivni.jpg');    }
    a.catalog-svorky-active{ background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-svorky-aktivni.jpg');    }
    
    a.catalog-kladky{        background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-kladky.jpg');          }
    a.catalog-kladky:hover{  background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-kladky-aktivni.jpg');    }
    a.catalog-kladky-active{ background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-kladky-aktivni.jpg');    }
    
    a.catalog-vejicky{        background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-vejicky.jpg');          }
    a.catalog-vejicky:hover{  background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-vejicky-aktivni.jpg');    }
    a.catalog-vejicky-active{ background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-vejicky-aktivni.jpg');    }
    
    a.catalog-pruchodky{        background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-pruchodky.jpg');          }
    a.catalog-pruchodky:hover{  background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-pruchodky-aktivni.jpg');    }
    a.catalog-pruchodky-active{ background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-pruchodky-aktivni.jpg');    }
    
    a.catalog-spojovaci-soucasti{        background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-spojovaci-soucasti.jpg');          }
    a.catalog-spojovaci-soucasti:hover{  background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-spojovaci-soucasti-aktivni.jpg');    }
    a.catalog-spojovaci-soucasti-active{ background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-spojovaci-soucasti-aktivni.jpg');    }
    
    a.catalog-ostatni-vyrobky{        background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-ostatni-vyrobky.jpg');          }
    a.catalog-ostatni-vyrobky:hover{  background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-ostatni-vyrobky-aktivni.jpg');    }
    a.catalog-ostatni-vyrobky-active{ background-image:url('http://www.syachting.cz/pictures/layout/suchomel-yachting-catalog-ostatni-vyrobky-aktivni.jpg');    }
    
    
    a.subcatalog{
    display:block;
    height:120px;
    background-color:white;
    border-width:1px;
    border-color:#507589;
    margin-top:10px;
    margin-bottom:10px;
    font-weight:400;
    padding:0px;
    padding-right:7px;
    }
    a.subcatalog:hover{
    display:block;
    color:gray;
    text-decoration:none;
    border-color:black;
    font-weight:400;
    }
    
    a.product{
    display:block;
    width:333px;
    height:120px;
    float:left;
    background-color:white;
    border-width:1px;
    border-color:#507589;
    margin-bottom:10px;
    font-weight:400;
    padding-right:5px;
    }
    a.product:hover{
    display:block;
    color:gray;
    text-decoration:none;
    border-color:black;
    font-weight:400;
    }
    
    a.product-mini{
    display:block;
    width:60px;
    height:60px;
    float:left;
    background-color:gray;
    border-width:1px;
    border-color:#507589;
    margin:15px;
    font-weight:400;
    }
    a.product-mini:hover{
    color:gray;
    text-decoration:none;
    border-color:black;
    font-weight:400;
    }
    
    div.navigation{
    width:710px;
    margin-top:5px;
    height:20px;
    /*background-color:blue;*/
    float:right;
    }
    
    div.contain{
    float:right;
    width:690px;
    margin-bottom:15px;
    overflow:visible;
    padding:10px;
    background-color:white;
    }
    
    img.main{
    width:200px;
    height:200px;
    padding:0px;
    border-width:1px;
    border-style:solid;
    border-color:gray;
    }
    
    div.index-column {
    width:225px;
    margin-top:15px;
    padding-right:5px;
    float:left;
    
    }
    
    
      a.left-menu{
         display:block;
         height:25px;
         font-size:14px;
         color:white;
         padding:3px;
         background-color:#111111;
         border-bottom-width:1px;
         border-color:#770000;
      }
      a.left-menu:hover{
         font-size:14px;
         color:white;
         display:block;
         height:25px;
         text-decoration:none;
         background-color:#EE0000;
      }
      a.left-menu-0{
      padding-left:10px;
      }
   	a.left-menu-1{
      padding-left:15px;
      background-image:none;
      background-color:#111111;
   	}
   	a.left-menu-2{
   	padding-left:20px;
   	background-image:none;
   	background-color:#444444;
   	}
   	a.left-menu-3{
   	padding-left:25px;
   	background-image:none;
   	background-color:#666666;
   	}
   	a.left-menu-4{
   	padding-left:30px;
   	background-image:none;
   	background-color:#999999;
   	}
   	a.left-menu-active{
   	background-image:none;
   	font-style:italic;
   	background-color:#CC0000;
   	}
   	a.left-menu-active:hover{
   	background-color:#EE0000;
   	background-image:none;
   	}

   div.right{
   width:190px;
   float:left;
   background-color:#EEEEEE;
   text-align:center
   }
      div.frame-180
      {
         margin:10px;
         width:180px;
         text-align:center;
         background-image:url('pictures/layout/frame-180-top.gif');
         background-repeat:no-repeat;
         background-color:white;
         padding-top:0px;
      }
      div.frame-180-gold
      {
         background-image:url('pictures/layout/frame-180-top-gold.gif');
      }
      div.frame-180-silver
      {
         background-image:url('pictures/layout/frame-180-top-silver.gif');
      }
      div.frame-180-bronze
      {
         background-image:url('pictures/layout/frame-180-top-bronze.gif');
      }
      div.frame-180-blue
      {
         background-image:url('pictures/layout/frame-180-top-blue.gif');
      }

	div.space{
	background-color:#cccccc;
	border-right-width:1px;
	border-color:#bb0000;
	}
div.rectangle-gray{
background-color:#dddddd;
padding:10px;
}
	
img.logo-small
{
height:33px;
margin-top:5px;
margin-right:10px;
}	
img.title{
margin:5px;
padding:0px;
float:right;
}

dt{
font-weight:700;
}
dd{
margin-bottom:10px;
}

div.img
{
   background-color:gray;
   border-color:gray;
   border-width:1px;
   float:right;
   color:white;
}
div.google-banner{
margin-top:40px;
margin-bottom:40px;
border-top-width:0px;
border-style:dashed;
padding-top:20px;
padding-bottom:20px;
border-bottom-width:0px;
}

div.signature{
text-align:right;
color:black;
}

a.flag{
	display:block;
	width:28px;
	height:19px;
	border-color:black;
	border-width:1px;
	}
	a.flag:hover{
	border-color:red;
	border-width:1px;
	}

td.cena{
font-weight:700;
width:40px;
text-align:right;
}
table.package{
border-bottom-width:1px;
border-style:dashed;
padding-top:10px;
padding-bottom:10px;
}
td.package{
width:350px;
letter-spacing:2px;
font-weight:700;
width:40px;
padding-left:10px;
}
div.signature{
text-align:right;
margin-right:20px;
}
div.error{
color:red;
margin-left:20px;
margin-bottom:10px;
}
div.copyright{
margin-top:10px;
margin-left:140px;
color:gray;
font-weight:400;
}
table.contain{
margin:5px;
float:none;
}
   
   div.netsystems-menu{
   width:176px;
   text-align:right;
   float:right;
   }
   div.netsystems-contain{
   width:370px;
   }
   a.netsystems-logo{
	display:block;
	width:176px;
	height:50px;
	}
   a.netsystems-menu{
	display:block;
	float:right;
	width:124px;
	height:20px;
	text-align:left;                                                                                                                                        f
   font-size:12px;
	color:gray;
	padding:3px;
	padding-right:0px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-color:#cc0000;
	background-color:#eeeeee;
	}
	a.netsystems-menu:hover{
   font-size:12px;
	color:black;
	padding:3px;
	padding-right:0px;
	border-bottom-width:1px;
	border-color:#aa0000;
	background-color:#cccccc;
   }
   a.netsystems-menu-active{
   color:black;
   background-color:#cccccc;
   }
   a.netsystems-menu-1{
   border-bottom-width:0px;
   }
   span.netsystems-nadpis{
   letter-spacing:1px;
   }
   b{

   }
   a.signature{
	display:block;
	text-align:right;
   margin-right:20px;
   font-size:12px;
	color:gray;
	}
	a.signature:hover{
	display:block;
	text-align:right;
   margin-right:20px;
   font-size:12px;
	color:gray;
   }
	a.photo{
	display:block;
   width:202px
   height:150px;
	margin:15px;
	border-width:1px;
	border-color:gray;
	background-color:gray;
	font-weight:700;
	color: white;
	float:left;
	text-align:center;
	}
	a.photo:hover{
	border-color:red;
	background-color:#bb0000;
	color:white;
	}
	a.field{
	padding-top:10px;
	display:block;
	width:500px;
   font-size:12px;
	background-color:#cccccc;
	font-weight:400;
	color:black;
	text-align:center;
	}
	a.field:hover{
	font-size:12px;
	background-color:gray;
	font-weight:400;
	color:white;
	text-align:center;
	}	
	
img.newie-main{
width:500px;
height:300px;
border-width:1px;
border-color:black;
margin:20px;
}

img.doc{
width:400px;
height:200px;
margin:10px;
float:center;
border-width:1px;
}
a.f-w-400{
font-weight:400;
}
a.f-w-400:hover{
font-weight:400;
}
a.adress{
color:white;
}
a.adress:hover{
color:black;
}
a.netsystems{
color:gray;
font-size:12px;
font-weight:700;
}
a.netsystems:hover{
color:white;
font-size:12px;
font-weight:700;
}

div.signature{
font-weight:700;
text-align:right;
}

div.t-a-l{
text-align:left;
}

.f15{
font-size:15px;
}
li.square{
list-style-image: none;
list-style-type: square;
}

img.flags{
border-color: black;
border-width:1px;
margin:3px;
height:19px;
width:29px;
}
img.flags-curriculum-vitae{
float:right;
margin:2px;
}
.b{
font-weight:700;
}
.gray{
color:gray;
}
.black{
color:black;
}
.white{
color:white;
}
.blankyt{
color:#0099cc;
}
.corporate{
color:#507589;
}
.bg-corporate{
background-color:#507589;
}
.red{
color:red;
}
.green{
color:green;
}
.blue{
color:blue;
}
.b-g-white{
background-color:white;
}

.border-1{
border-width:1px;
}
a.border-0{
border-width:0px;
}
.border-bottom-green{
border-bottom-width:1px;
border-color:green;
border-bottom-style:dotted;
}
.bg-light-gray{
background-color:#dddddd;
}    
.padding-5{
padding:5px;
}
.padding-left-40{
padding-left:40px;
}
img.float-right{
float:right;
}
li.pdf
{
  list-style-image:url('pictures/layout/pdf-logo-small.gif');
}
.t-a-c
{
text-align:center;
}