/* debug */

BR {
clear:both;
}

HR {
clear:both;
}


DIV#topbox {
	
}

DIV#center {
	
}

DIV#bottombox {
	
}


/* stranka */
P,DIV,TD,INPUT,TEXTAREA,SELECT {
	font-family: "Arial CE", Arial,  Sans-serif, "Helvetica CE", Helvetica, verdana;
	font-size:12px;
	color: #474747;
}
BODY {
	padding:0px;
	margin:0px;
	text-align: center;
	background-image: url(pic/body.gif);
	background-position: top center;
	background-repeat: repeat-y;
}
H1 {
	font-size:160%;
	color: white;
	font-weight: bold;
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

DIV#content H1 {
	font-size:160%;
	color: black;
	font-weight: bold;
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 6px;
	padding-bottom: 0px;
}


H2 {
	font-size:130%;
	color: #D08548;
}
H3 {
	font-size:130%;
}
H4 {
	font-size:120%;
}
H6 {
	font-size:110%;
}
a:link {
	text-decoration: underline;
	color: blue;
}
a:visited {
	text-decoration: underline;
	color: blue;
}
a:hover {
	text-decoration: none;
	color: blue;
}
DIV#page {
	background-image: url(pic/page.gif);
	background-repeat: repeat-y;
	background-position: top center;
}
DIV#top {
	background-image: url(pic/top.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
DIV#topbox {
	width: 780px;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

DIV#menu2 {
	display: block;
	position: absolute;
	right:30px;
	top: 30px;
	width: 400px;
	height: 20px;
}
DIV#menu2 UL {
	padding: 5px 0px 0px 0px;
	margin: 0px;
}
DIV#menu2 UL LI {
	float: right;
	list-style-type: none;
	border-right: 1px solid #9D9C9C;
}
DIV#menu2 UL LI A {
	color: #9D9C9C;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 15px 0px 15px;
	display: block;
}
DIV#menu2 UL LI A:hover {
	text-decoration: underline;
}

A#homelink {
	display: block;
	position: absolute;
	left: 10px;
	top: 25px;
	width: 143px;
	height: 33px;	
}
A#homelink IMG {
	border: 0px;
}

DIV#center {
	background-image: url(pic/menu.gif);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
}
DIV#centerbox {
	width: 780px;
	min-height: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
}
DIV#right {
	width: 223px;
	float: right;
	margin: 29px 2px 0px 0px;
}

DIV#righttop, DIV#righttop2 {
	min-height: 50px;
	background-image: url(pic/right_bck.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
DIV#righttop H2 {
	display: block;
	margin: 0px;
	padding: 18px 0px 10px 20px;
	font-size: 12px;
	color: White;
	background-image: url(pic/right_header1.gif);
	background-position: top;
	background-repeat: no-repeat;
}
DIV#righttop2 H2 {
	display: block;
	margin: 0px;
	padding: 18px 0px 10px 20px;
	font-size: 12px;
	color: White;
	background-image: url(pic/right_header2.gif);
	background-position: top;
	background-repeat: no-repeat;
}
DIV.rightspacer {
	padding: 2px 18px 20px 20px;
	font-size: 10px;
	font-weight: bold;
}
DIV.rightspacer UL {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	
}
DIV.rightspacer LI {
	list-style-type: none;
	background-image: url(pic/arrow.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding: 1px 0px 1px 10px;
}




DIV#menu {
	height: 30px;
}
DIV#menu UL {
	padding: 5px 0px 0px 0px;
	margin: 0px;
}
DIV#menu UL LI {
	float: left;
	list-style-type: none;
	
	border-right: 1px solid white
}
DIV#menu UL LI A {
	color: White;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 11px 4px 11px;
	display: block;
}
DIV#menu UL LI A:hover {
	background-image: url(pic/menu_hover.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
DIV#left {
	padding: 0px 0px 0px  10px;
	float: left;
	width: 540px;
}
SPAN#nav {
	color: White;
	font-family: Verdana, Geneva, Arial, sans-serif, Helvetica;
	font-size: 9px;
	clear: both;
	padding-bottom: 10px;
}
DIV#content {
	margin-top: 9px;
	padding-top: 15px;
	border-top: 1px solid #7F9F00;
}

DIV#content LI {
	list-style-type: none;
	background-image: url(pic/arrow.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding: 1px 0px 1px 10px;
}
DIV#bottom {
	background-image: url(pic/bottom.gif);
	background-position: top center;
	background-repeat: no-repeat;
	clear: both;
}
DIV#bottombox {
	width: 780px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	
}


hr {
 width: 100%;
 color: #FFF;
 background-color: #FFFFFF;
 height: 1px;
 border: none 0;
 border-top: 1px dotted #8a8a8a;
}
      
      
      /* debug */
#content div.bar3 {margin: 0px 0px; font-size: 11px; min-height: 223px; width: 172px; padding: 4px 4px; float: left;}
#content div.bar3blank {margin: 0px 0px; font-size: 11px; min-height: 223px; width: 215px; padding: 4px 4px; float: left;}

#content div.bar3:hover {background-color: #f3ffc8;}

#content div.ram {border: 1px dotted #a0a0a0;}
#content div.ram:hover {border: 1px solid #000000;}


#content div.downmenu {margin: 0px 0px; font-size: 11px; width: 150px; padding: 4px 4px; position: absolute; top: 20px;}




#content div.bar3 H1 {	

    font-size:15px;
    color: black;
    font-weight: bolder;
    font-weight: bold;
    padding-top: 0px;
    margin-top: 1px;
    margin-bottom: 0px;
    padding-bottom: 0px; 
    }

#content div.bar3 H1 {	

    font-size:16px;
    color: black;
    font-weight: bold;
    font-weight: bold;
    padding-top: 0px;
    margin-top: 1px;
    margin-bottom: 10px;
    padding-bottom: 0px; 
    }



#content div.bar_sep {border-left: 1px dotted #999;margin: 1px 0px 0px 1px; font-size: 11px; height: 140px; width: 1px; padding: 0px 0px; float: left;}

#content div.design_box {border: 1px dotted #999;margin: 1px 1px 1px 1px; font-size: 11px; height: 230px; width: 160px; padding: 1px 1px; float: left;}
#content div.design_box2 {position: absolute; top:220px; left:20px; border: 1px dotted red;margin: 1px 1px 1px 1px; font-size: 11px; height: 40px; width: 155px; padding: 1px 1px; float: left;}



H2 {	font-size:15px;	color: black;	font-weight: bolder;}

hr {
 width: 100%;
 color: #FFF;
 height: 1px;
 border: none 0;
 border-top: 1px dotted #8a8a8a;
 padding-top: 0px;
 margin-top: 4px;
 margin-bottom: 4px;
 padding-bottom: 0px;

}

hr.tenka {
 width: 100%;
 color: #FFF;
 height: 1px;
 border: none 0;
 border-top: 1px dotted #8a8a8a;
 padding-top: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 padding-bottom: 0px;

}



hr.bleda {
 width: 100%;
 color: #FFF;
 height: 1px;
 border: none 0;
 border-top: 1px dotted #B9B9B9;
 padding-top: 0px;
 margin-top: 4px;
 margin-bottom: 4px;
 padding-bottom: 0px;

}


      
form {
 padding-top: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 padding-bottom: 0px;
}


      
a.syphon-green 	{ color: #A4CE00; font-weight: bold; }
.syphon-gray 	{ color: #838183; font-weight: bold; }

DIV.info {
    border: 1px dotted #000000;   /*  #8a8a8a; */
    background-color: #F2FFC8;
    padding: 6px;
    margin-top: 4px;
    line-height: 1.5;
    }

DIV.info-blue {
    border: 1px dotted #000000;   /*  #8a8a8a; */
    background-color: #c9e8ef;
    padding: 6px;
    margin-top: 4px;
    line-height: 1.5;
    }




DIV.mytable-top {
    
    background-color: #F2FFC8;
    background-image: url(images/ggrad.gif);
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    padding-top: 1px;
    padding-bottom: 1px;

    }

DIV.mytable-line {
    
    font-size: 11px;
    padding-top: 1px;
    padding-bottom: 1px;
    }


DIV.mytable-line2 {
    
    background-color: #f3ffc8;
    font-size: 11px;
    padding-top: 1px;
    padding-bottom: 1px;
    }
    
    
.cervena
{
    color:red;
}

DIV.chyba {
    border: 1px dotted red;
    background-color: #FFFFFF;
    padding: 6px;
    margin-top: 4px;
    margin-bottom: 6px;

    line-height: 1.5;
    }








table.domeny {
	width: 100%;
	border: 1px solid rgb(220,232,245);
	border-collapse: collapse;
	margin: 0px 0px 10px 0px;
}
table.domeny td, table.domeny th {
	border: 1px solid #9D9C9C;
	padding: 0px 5px;
}
table.domeny th {
	text-align: center;
	background: rgb(47,72,144);
	color: rgb(255,255,255);
}
table.domeny td.cena {
	text-align: right;
}


#content div.bar2 {margin: 0px 0px; font-size: 12px; min-height: 140px; width: 250px; padding: 8px ; float: left;}



#content div.bar2 H1 {	

    font-size:14px;
    color: black;
    font-weight: bolder;
    font-weight: bold;
    padding-top: 0px;
    margin-top: 1px;
    margin-bottom: 0px;
    padding-bottom: 0px; 
    }


DIV.icon_box {
	width: 100px;
	height:100px;
	border: 1px solid #FFFFFF;
	color: black;
	text-align: center;
	vertical-align: top;
	float: left;
}


DIV.icon_box_big {
	width: 120px;
	height:110px;
	border: 1px solid #FFFFFF;
	color: black;
	text-align: center;
	vertical-align: top;
	padding-top: 8px;
	margin-left: 10px;
	float: left;
}


DIV.icon_box_big:hover{
	border: 1px dotted #9D9C9C;
}


DIV.domainlist_box {
	width: 510px;
	padding: 4px;
	margin: 3px;
	border: 1px solid #a0a0a0;
	color: black;
	vertical-align: top;
	float: left;
	clear: both;
}


DIV.domainlist_box:hover {
	border: 1px dotted #9D9C9C;
	background-color: #f3ffc8;
}

DIV.domainlist_box H1 {
	font-size:120%;
	color: black;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


IMG {
border-color: #A0A0A0;
}

IMG.img1 {

border-color: red;
padding-bottom: 5px;
padding-left: 5px;
padding-left: 5px;
}




DIV.progr_bar_basic {
	height:12px;
	width: 300px;
	border: 1px solid #9D9C9C;
}

DIV.progr_bar {
	height:12px;
	width: 1px;
	background-image: url(images/ggrad.gif);
	background-color: #9CBE00;
	float: left;	
}


DIV.nazov_balika {
	margin-left:18px;
	border: 1px solid #FFFFFF;
	padding: 8px;
}

DIV.nazov_balika:hover {
	border: 1px dotted #9D9C9C;
	background-color: #f3ffc8;
}



INPUT.submit { 
    font: bold 12px Arial, Sans-serif; 
    margin: 0;
    padding: 2px 3px; 
    color: red;
    border:1px solid #000000;
background-color: red;
    }


div.obj_step {
  float: left;
  width:105px;
  height:85px;
  text-align:center;
  }
  
div.obj_step p {
   text-align: center;
}