* {
	margin : 0px;
	padding : 0px;
}

body {
	background :  #fff repeat-x 0px 0px;
	color:#000000;
	font-family : tahoma, sans-serif;
	font-size : 9px;
}

a {
	color : #7B7B7B;
}
h1
{
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:bold;
color:#0000000;
margin : 7px 0 0 250px;

}

a:hover {
	color : #7B7B7B;
	text-decoration : none;
}

.odsaditnadpis {
padding-top:6px;
}

/* Header Style */

#page_header {
margin : 0px auto;
	width : 990px;
	height : 240px;
	text-align : left;
	overflow : hidden;
	
}

#page_title {
	width : 970px;
	height : 240px;
	background:url(housle.jpg) no-repeat;
	margin-left : 0px;
	margin-top : 0px;	
	float : left;	
}
#pozadibezklice {
	
	margin-left : 7px;
	
}

#page_title img {
	position : absolute;
	top : 15px;
	margin-left : 5px;
}

#header_search {
	margin-top : 15px;
	width : 220px;
	float : right;
	background : url('images/search_icon.gif') no-repeat 0px 11px;
	overflow : hidden;
}

#header_search form {
	margin-top : 4px;
	margin-left : 16px;
}



#header_search input.submit {
	width : 30px;
	height : 18px;
	position : relative;
	top : 2px;
	margin : 2px;
	border : none;
}



/* Menu Style */

#page_menu {
padding:147px 0 0 165px;
	width : 850px;
	height : 35px;
	float:left;
	clear : both;
	text-align : center;
}

#page_menu ul {
	height : 75px;
}

#page_menu li {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#165A94;
	padding : 5px 14px 0px 5px;;
	height : 14px;
	float : left;
	display : block;
	position: relative;
}
#page_menu a {
text-decoration:none;
color:#165A94;

}
#page_menu a:hover {
text-decoration:underline;
color:#0D3E67;

}

#page_spacing {
margin : 0px auto;	
	clear : both;	
	border-top : #fff 5px solid;
	float:left;
}

#page_ma{
margin : 0px auto;
	background : url('back.gif') #fff repeat-x 0px 9px;
	padding:10px 0 0 0px;
	height : 95px;
	clear : both;
	
}

#page_ma ul {
margin : 0px auto;
	display : block;
	clear : both;
	height : 35px;
}

#page_ma li {
margin : 0px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#165A94;
	padding : 5px 14px 0px 5px;
	height : 14px;
	float : left;
	display : block;
	position: relative;
}
#page_ma a {
margin : 0px auto;
text-decoration:none;
color:#165A94;

}
#page_ma a:hover {
margin : 0px auto;
text-decoration:underline;
color:#0D3E67;

}


/* Main Body Style */

#page_wrapper {
	margin : 0px auto;
	
	text-align : justify;
	display : block;
	clear : both;
}
#page_wra {
padding-left:10px;
width: 750px;
float:left;
margin : 0px auto;
}

#page_leftcol {
padding-left:35px;
	width : 200px;
	float : left;
}

#page_maincol {
	margin-left : 14px;
	width : 400px;
	float : left;
}
#page_ma {
	margin-left : 14px;
	width : 500px;
	float : left;
}

#page_forum {
	margin-left : 14px;
	margin-top:15px;
	width : 700px;
	float : left;
}

#page_rightcol {
	margin-left : 13px;
	width : 185px;
	float : left;
}


/* Left Column Style */

.leftcol_box {
	
	background : #fff;
	overflow : hidden;
	display : block;
	clear : both;

}

.leftcol_box h2 {
	padding : 13px 15px;
	width : 202px;
	height : 11px;
	color : #FFFFFF;
	font-size : 12px;
	line-height : 11px;
	font-weight : bold;
}
.leftcol_box h4 {
	padding : 13px 15px;
	width : 202px;
	height : 11px;
	color : #FFFFFF;
	font-size : 12px;
	line-height : 11px;
	font-weight : bold;
}



.leftcol_box .content {
font-family:Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#000000;
	background-color : #FEF2E5;
	margin:15px 0 0 0;
	width : 149px
	
}


.leftcol_box form {
	
	float : none;
}

#books_search {
	overflow : hidden;
	
}

#books_search h2 {
	background-color : #F8C055;
	border-bottom : #F7C60F 1px solid;
}

#books_search a {
	color : #D14A4A;
	font-weight : bold;
}

#books_search a:hover {
	color : #EF7C7C;
	text-decoration : none;
	position : static;
}



#books_search select {
	margin-left : 0px;
	margin-bottom : 14px;
	width : 100px;
	float : left;
	clear : right;
}

#books_search input.submit {
	margin-left : 9px;
	width : 28px;
	height : 16px;
	float : right;
}




#catalog .content {
	text-align : left;
	background-color : #FEF2E5;	
}
#catalog input {
	background-color : #fff;
	color : #000000;
	
	font-size : 12px;
	font-weight : normal;
}


#reklama {
	margin-top : 7px;
	width : 187px;
	height : 246px;
	background : url('reklama.gif');
	color : #FEFEFE;
	text-align : justify;
}

#knowmore {
	margin-top : 7px;
	width : 196px;
	height : 155px;
	color : #FEFEFE;
	text-align : justify;
}
#knowmor {
	margin-top : 7px;
	width : 196px;
	height : 175px;
	color : #FEFEFE;
	text-align : justify;
}

#knowmore h2 {
	height: 23px;
	background : url('images/header_knowmore.gif') no-repeat 0px 0px;
}

#knowmore span.image {
	float : left;
	display : block;
	width : 58px;
	height : 45px;
}

#knowmore p {
	margin-left : 10px;
	width : 160px;
}

#knowmore .readmore {
	margin-right : 5px;
	text-align : right;
	font-weight : bold;
	clear : both;
}

#knowmore a {
	color : #fff;
}

#newsletter h2 {
	background-color : #58A4DE;
	border-bottom : #58A4DE 1px solid;
}

#newsletter .content {
	margin : 8px 14px 5px;
	width : 149px;
}

#newsletter input {
	margin-bottom : 8px;
	width : 140px;
}

#newsletter input.submit {
	margin-bottom : 10px;
	width : 66px;
	height : 17px;
	float : right;
}


/* Main Column Style */

#maincol_top {
	margin-top : 13px;
	margin-bottom:0;
	width : 498px;
	height : 221px;
	background : url('azakladni-umelecke-skoly.gif') repeat-x 0px 0px;
	overflow : hidden;
}
#maincol_top select {
width : 140px;
}

#maincol_top h2 {
	width : 121px;
	height : 32px;
	background : url('images/maincol_header.gif') no-repeat 0px 0px;
}

#maincol_top .sideimg {
	position : absolute;
	background : url('images/maincol_img.gif') no-repeat bottom left;
	width : 87px;
	height : 137px;
}

#maincol_top .content {
	position : absolute;
	margin-left : 95px;
	width : 278px;
	color : #fff;
}

#maincol_top .readmore {
	margin-top : 8px;
	text-align : right;
}

#maincol_top a {
	color : #fff;
	font-weight : bold;
	text-decoration : none;
}

#maincol_top a:hover {
	text-decoration : underline;
}
.odsadit {
	padding:15px 0 0 20px;
	color:#000000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size : 11px;
}
.odsaditform {
	padding:5px 15px 9px 15px;
	color:#000000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size : 11px;
}
.skok {

	margin-top : 13px;

}
.reklama {
	margin-left : 4px;
	margin-top:5px;

}


#bestsellers {
	overflow : hidden;
	background : url('images/maincol_hline.gif') 0px 27px;
}

#bestsellers h2 {
	background : url('images/header_bestsellers.gif') #075B9B no-repeat 0px 0px;
}

#bestsellers .content {
	width : 200px;
	height : 235px;
	float : left;
	overflow : hidden;
}

#bestsellers .wrapper {
	margin-top : 10px;
	margin-left : 10px;
	position : absolute;
	width : 160px;
}

#bestsellers .bookcover {
	width : 66px;
	height : 101px;
	float : left;
	position : static;
}

#bestsellers p {
	padding-top : 3px;
	padding-bottom : 20px;
	float : none;
}

#bestsellers .info {
	float : none;
	width : 160px;
}

#bestsellers .price h3 {
	
	font-size : 9px;
	font-weight : bold;
	float : left;
}

#bestsellers .buynow {
	font-weight : bold;
	float : right;
}

#bestsellers .buynow a {
	color : #577D0E;
}

#bestsellers .buynow a:hover {
	color : #7FAA2D;
	text-decoration : underline;
}


/* Right Column Style */

.rightcol_box {
	width : 183px;
	background-color : #fff;
	overflow : hidden;

}

.rightcol_box h2 {
	padding : 8px 15px;
	height : 11px;
	color : #FFFFFF;
	font-size : 12px;
	line-height : 11px;
	font-weight : bold;
}
.rightcol_box h4 {
	padding : 8px 15px;
	height : 11px;
	color : #FFFFFF;
	font-size : 12px;
	line-height : 11px;
	font-weight : bold;
}
.rightcol_box p {
color:#000000;
	font-size : 11px;
text-align : left;

}

#latest h2 {
	background-color : #FFB47D;
	border-bottom : #FFB47D 1px solid;
}
#latest h4 {
	background-color : #FFB47D;
	border-bottom : #FFB47D 1px solid;
}
#latest .wrapper {
	position : relative;
	margin : 0px 9px;
	width : 164px;
	overflow : hidden;
}

#latest h3 {
	clear : both;
	margin-top : 15px;
	margin-bottom : 10px;
	color : #234662;
	font-size : 11px;
	font-weight : bold;
}

#latest .thumbnail {
	margin-right : 5px;
	margin-bottom : 5px;
	float : left;
	position : static;
}

#latest p {
	margin-top : 2px;
	margin-bottom : 12px;
}

#latest .readmore {
	background:url(zus-skoly.gif) no-repeat;
	height: 30px;
	margin : 20px 0px 0px;
	text-align : right;
	clear : both;
	float : none;
	font-weight : bold;
}
#latest .readmore a {

	text-align : right;
	text-decoration:none;
	
	
	font-weight : bold;
}



#page_footer {
	margin : 0px auto;
width : 100%;
	height : 21px;
	background-color : #5C5E5F;
	font-size : 10px;
	color : #C8C6C6;
}


#page_credit {
	margin-top : 15px;
	margin-bottom : 7px;
	text-align : center;
	font-size : 12px;
	color : #010101;
}

#page_credit a {
	text-decoration : none;
	color : #010101;
}

#page_credit a:hover {
	color : #464646;
}



.borderbox {
	
	margin-top : 0px;
	border-left:#F6CF4A 1px solid;
	border-right:#F6CF4A 1px solid;
	border-bottom : #F6CF4A 1px solid;
}

.borderskola {
	clear : both;
	float : none;
	margin-top : 0px;
	margin-bottom: 0px;
	border : #F6B53A 1px solid;
}
.bordercenter {
	clear : both;
	float : none;
	margin-top : 0px;
	border : #A4A4A4 1px solid;
}
.borderright {
	clear : both;
	float : none;
	margin-top : 13px;
	border : #FFB47D 1px solid;
}



img {
	border: 0px;
}

p {
	text-align : justify;
	line-height : 13px;
}

select {
	border: 1px solid #8FC6F4;
	
	background: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	padding: 3px;
	
	outline: none;
}

input.submit {
	padding : 0px;
	border : none;
	cursor : pointer;
}

.clearthis {
	margin : 0px;
	clear : both;  
	float : none;	
	font-size : 1px;
	line-height : 0px;
}

.maincol_box h2 {
	padding : 8px 15px;
	height : 11px;
	color : #FFFFFF;
	font-size : 12px;
	line-height : 11px;
	font-weight : bold;
}

.maincol_hledani h2 {
	padding : 13px 15px;
	height : 11px;
	color : #FFFFFF;
	font-size : 12px;
	line-height : 11px;
	font-weight : bold;
}

#centerPan {
	width:500px;  
	float:left;
}
#centerPan h2 {
	background:url(aseznam-umelecke-skoly.gif);
	background-color : #F8C055;	
}
.borderhledani {
	clear : both;
	float : none;
	margin-top : 0px;
	border-left:#F6CF4A 1px solid;
	border-right:#F6CF4A 1px solid;
	border-bottom : #F6CF4A 1px solid;
}


			
#leftPan{width:117px; float:left;}
#leftPan h2 {
background:url(ahouslovy-klic.gif);
background-color : #F8C055;	
}


#leftPan a {
	color : #D14A4A;
	font-weight : bold;
}

#leftPan a:hover {
	color : #EF7C7C;
	text-decoration : none;
	position : static;
}
#leftPan ul{width:174px; font-family : tahoma, sans-serif; font-size : 9px; font-weight : normal;}
#leftPan ul li{width:174px; height:24px; font-family : tahoma, sans-serif; font-size : 9px; font-weight : normal;}
#leftPan ul li a{font-family : arial, sans-serif; font-size : 13px; font-weight : normal; text-decoration:underline; width:172px; height:24px; display:block; background:url(images/bullet2-normal.gif) 7px 7px no-repeat #fff; color:#5D2B03;  line-height:24px;padding:0 0 0 25px; }
#leftPan ul li a:hover{background:url(images/bullet2-hover.gif) 7px 7px no-repeat #fff; color:#6F3507; text-decoration:underline;}
#leftPan ul li span{text-decoration:underline;}


#catalog  {
width:201px; 
float:left;
background-color : #FEF2E5;
}

#catalog h2 {
	background : url('prihlaseni.gif');
			}
#catalog h4 {
	background : url('prihlaseni.gif');
			}
#leftP {width:114px; float:left;}
#leftP h2 {
	background:url(materske-skoly.gif);	
}
#leftP h4 {
	background:url(materske-skoly.gif);	
}

#leftP a {
	color : #D14A4A;
	font-weight : bold;
}

#leftP a:hover {
	color : #EF7C7C;
	text-decoration : none;
}
#leftP ul{width:174px; font-family : tahoma, sans-serif; font-size : 9px; font-weight : normal;}
#leftP ul li{width:174px; height:24px; font-family : tahoma, sans-serif; font-size : 9px; font-weight : normal;}
#leftP ul li a{font-family : arial, sans-serif; font-size : 13px; font-weight : normal; text-decoration:underline; width:172px; height:24px; display:block; background:url(umelecke-skoly.gif) 7px 7px no-repeat #fff; color:#0F0D04;  line-height:24px; padding:0 0 0 25px;}
#leftP ul li a:hover{background:url(umelecke-skoly2.gif) 7px 7px no-repeat #fff; color:#6F3507; text-decoration:underline;}
#leftP ul li span{text-decoration:underline;}




#centerskola h2 {
	background-color : #F6B53A;
	
	font-size : 13px;
}
#centerskola h3 {
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 13px;

}

#centerskola .odsadit {
padding: 15px 15px 0 120px;
}

#centerskola a {
	color : #4D94BA;
	font-weight : bold;
	text-decoration:none;
}
#centerskola TD {
	font-family : arial, sans-serif; font-size : 13px; 
	color:#000000;
	font-weight:bold;
}

#centerskola p {
	font-family : arial, sans-serif; font-size : 11px; 
	color:#000000;
}

#centerskola a:hover {
	color : #EF7C7C;
	text-decoration : none;
}

#centerskola .buynow {
	text-align: right;
	
}

#centerskola .pozadi {
	background:url(avizitka.gif) no-repeat 0px 0px #E7F1FB; 
	
}





#centerp h2 {

	background-color : #88B9E4;
	border-bottom : #A4A4A4 1px solid;
}

#centerp a {
	color : #D14A4A;
	font-weight : bold;
	text-decoration:none;
}

#centerp p {
	font-family : arial, sans-serif; font-size : 11px; 
	color:#000000;
}

#centerp a:hover {
	color : #EF7C7C;
	text-decoration : none;
}

#centerp .buynow {
	text-align: right;
	
}

#centerp .boxed {
	background: #E7F1FB;
	margin : 0px 10px 0 10px;
	padding: 10px;
	position: relative;
}

#centerp .skola {
	background: #ffffff;
	margin : 0px 10px 0 10px;
	padding: 10px;
	position: relative;
}
#centerp .titlekrouzky {
font-size:12px;
}
.titlekrouzky {
font-size:12px;
font-weight:bold;
}
.strankovani {
padding: 0 15px 7px 15px;
font-size:11px;
}
.strankovani a {
text-decoration:none;
}
#centerp .skola p{
 font-family : arial, sans-serif; 
 font-size : 12px; 
 font-weight : normal; 
 text-decoration:none; 
 line-height:20px;
}
#centerp .skola h3{
color:#000000;
padding-bottom:4px;
font-size : 13px;
text-decoration:underline;
}
#centerp .umelecka {
	background: #DAEFF4;
	margin : 0px 12px 0 20px;
	padding: 10px;
	position: relative;
}
#centerp .umelecka p{
 font-family : arial, sans-serif; 
 font-size : 11px; 
 font-weight : normal; 
 text-decoration:none; 
 line-height:20px;
}
#centerp .umelecka h3{
padding-bottom:4px;
font-size : 11px;
}

#centerp .oxed {
	background: #ffffff;
	margin : 0px 10px 0 10px;
	padding: 10px;
	position: relative;
}

#centerp .vysledky{	
	margin : 0px 0px 0 0px;
	padding: 5px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	color : #4683B2;
	font-size : 12px;
	font-weight : bold;
}
.seznam {
	background: white;
	margin : 10px 10px 0 75px;
	padding: 10px;
	margin-bottom: 7px;
}

.seznam li
	{
	margin : 0px 5px 0 25px;
	padding: 0px;
	margin-bottom: 7px;
	font-family : arial, sans-serif; font-size : 12px; font-weight : normal; 
	}


#centerp .line {
	background: #E7F1FB;
	margin : 10px 10px 10px 10px;
	padding: 1px;
	position: relative;
	margin-bottom: 7px;
}

#centerp .price {
	margin-top: 0.5em;
}

#centerp h3 {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
	font-weight : bold;
	
}


.odradit {
margin:5px 15px 5px 15px;
padding:5px 15px 5px 15px;
}

.vyhledavani {
	width: 180px;
	height: 221px;
	float:left;
}
.vyhledavani select {
margin: 135px 0 0 17px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;

}
.vyhledavani input {
margin: 15px 0 0 17px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;

}
.odsadimapu {
	width: 300px;
	height: 221px;
	float:left;
}
.left470
	{
	width: 470px;
	float: left;
	}

#formdiv p
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0;
	padding: 0;
	line-height:1.7em;
}

	#formdiv
	{
	border: 1px dotted #8FC6F4;
	background: #EFF5FA;
	padding: 15px;
	}
	
#formdiv input.inp,
#formdiv textarea.inp,
#formdiv select.inp,
#se_form input.inp
	{
	border: 1px solid #8FC6F4;
	width: 370px;
	background: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	padding: 3px;
	margin-bottom: 12px;
	outline: none;
	}
.grey { color: #aaa; }
.footnote
	{
	padding:7px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.7 em;
	color: #888;
	text-align:justify;
	}
.boxblue {
border: 1px dotted #8FC6F4;
width: 446px;
	background: #E7F1FB;
	margin : 0px 0px 5px 0px;
	padding: 10px;
	position: relative;
}
.boxblueklient {
border: 1px dotted #8FC6F4;
width: 94%;
	background: #E7F1FB;
	margin : 5px 0px 5px 15px;
	padding: 10px;
	position: relative;
}
#vypis
	{
	border: 1px dotted #8FC6F4;
	background: #EFF5FA;
	padding: 2px 0 0 5px;
	}
	#vypis p
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0;
	padding: 0;
}
#vypis h2 {
	background:url(contact_icon.gif) no-repeat 0px 8px #F8FAFC; font:normal 14px/14px Arial, Helvetica, sans-serif; 
	padding:7px 0 0 25px;	margin:0 0 0 0; height:29px; width:291px; display:block; text-indent:0px; color:#765914;
	}
	
#vypis h3 {
	font:normal 14px/14px Arial, Helvetica, sans-serif; 
	padding:7px 0 0 24px;	margin:0 0 11px 0; height:29px; display:block; text-indent:0px; color:#765914;
	}
#vypisovani
	{
	border: 1px dotted #8FC6F4;
	background: #EFF5FA;
	padding: 2px 0 0 5px;
	}
#vypisovani p
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0;
	padding: 3px;
}
#vypisovani h2 {
	background:url(contact_icon.gif) no-repeat 0px 8px #F8FAFC; font:normal 14px/14px Arial, Helvetica, sans-serif; 
	padding:7px 0 0 25px;	margin:0 0 0 0; height:29px; width:291px; display:block; text-indent:0px; color:#765914;
	}
	
#vypisovani h3 {
	font:normal 14px/14px Arial, Helvetica, sans-serif; 
	padding:7px 0 0 24px;	margin:0 0 11px 0; height:29px; display:block; text-indent:0px; color:#765914;
	}

	
#footer{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#165A94;
	width:100%;
	height:146px;
	background : url('back.gif') #fff repeat-x 0px 9px;
	background-color:#ffffff;
	float:left;
	border-bottom:#FFFFFF 4px solid;
	color:#FFFFFF;
	}
#footer_div{
	width:1000px;
	margin:0 auto 0 auto;
	}
#footer_div ul{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#165A94;
	width:1002px;
	display:block;
	list-style-type:none;
	margin:12px 0 0 0;
	position:absolute;
	}
#footer_div ul li{
	display:block;
	float:left;
		}
#footer_div ul li a{
	font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#165A94;
	padding : 5px 14px 0px 14px;
	text-decoration:none;
	
	}
#footer_div ul li a.mg{
	font:12px/11px Arial, Helvetica, sans-serif;
	color:#FDFDFD;
	text-decoration:none;
	margin:0 11px 0 0px;
	}
#footer_div ul li a.mg:hover{
	text-decoration:underline;
	}
#footer_div ul li a:hover{
	text-decoration:underline;
	}
#footer_div ul.ad{
	width:323px;
	display:block;
	list-style-type:none;
	margin:40px 0 0 110px;
	}
#footer_div ul.ad li{
	height:29px;
	width:96px;
	display:block;
	border-right:#FFFFFF 1px dashed;
		}
#footer_div ul.ad li.nobor{
	height:29px;
	width:96px;
	display:block;
	margin-left:10px;
	border-right:none;
	}
#footer_div ul.ad li.nobor1{
	height:29px;
	width:96px;
	display:block;
	float:left;
	margin-left:10px;
	border-right:#FFFFFF 1px dashed;
	}
#footer_div ul.ad li a{
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	color:#FAFAFA;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 0 0;
	}
#footer_div ul.ad li a span{
	color:#A3DCFC;
	text-transform:uppercase;
	}
#footer_div ul.css{
	width:100px;
	display:block;
	margin:75px 0 0 211px;
	font-size:0px;
	padding:0px;
	}
#footer_div ul.css li{
	display:block;
	float:left;
	margin:0 0 0 0;
	}
#footer_div ul.css li a{
	display:block;
	text-indent:-2000px;
	height:14px;
	margin:0 2px 0 0;
	font-size:0px;
	}
#footer_div ul.css li a.htm{
	background:url(images/xhtml.gif) no-repeat 0 0; width:48px;
		}
#footer_div ul.css li a.cs{
	background:url(images/css.gif) no-repeat; width:36px;
		}
#footer_div p{
	padding:100px 0 0 190px;
	font:11px/11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FAFAFA;
	font-weight:normal;
	height:14px;
	}

.telefon 
{
background:url(telefon.gif) no-repeat;
}
.odsaditbunku 
{
text-align:left;
padding: 10px 5px 10px 60px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
}

.hlavni 
{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 14px;
color:#076FA2;
padding:0 0 0 0;
}

.vedlejsi 
{
text-decoration:underline;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 11px;
color:#010F16;
padding:0 0 0 0;
}
.vedlejsi a
{
text-align:left;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 11px;
color:#010F16;
}
#lista{
padding : 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#165A94;
	width:100%;
	height:28px;
	background : url('lista.gif') #fff repeat-x 0px 0px;
	background-color:#ffffff;
	border-bottom:#FFFFFF 4px solid;
	color:#FFFFFF;
	}
#lista_div{
	width:1000px;
	margin:0 auto 0 auto;
	}
#lista_div ul{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#165A94;
	width:1002px;
	display:block;
	list-style-type:none;
	margin:4px 0 0 50px;
	position:absolute;
	}
#lista_div ul li{
	display:block;
	float:left;
		}
#lista_div ul li a{
	font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#165A94;
	padding : 0px 11px 0px 11px;
	text-decoration:none;
	}
#jedna h2 {
background:url(houslovy-klic.gif);
background-color : #F8C055;	
}


#jedna a {
color:#000000;
	font-weight : bold;
}

#jedna a:hover {
	color:#000000;
	text-decoration : underline;
	position : static;
}
#jedna ul{font-family : tahoma, sans-serif; font-size : 9px; font-weight : normal; list-style-type:none;}
#jedna ul li{ font-family : tahoma, sans-serif; font-size : 9px; font-weight : normal;}
#jedna ul li a{font-family : arial, sans-serif; font-size : 13px; font-weight : bold; text-decoration:none; width:172px;  display:block; background:url(jedna.gif) 2px 2px no-repeat #fff; color:#000000;  line-height:28px;padding:0 0 0 20px; }
#jedna ul li a:hover{background:url(jednahover.gif) 2px 2px no-repeat #fff; color:#000000; text-decoration:underline;}
#jedna ul li span{text-decoration:none;}

#dva h2 {
background:url(houslovy-klic.gif);
background-color : #F8C055;	
}


#dva a {
color:#000000;
	font-weight : bold;
}

#dva a:hover {
	color:#000000;
	text-decoration : underline;
	position : static;
}
#dva ul{font-family : tahoma, sans-serif; font-size : 9px; font-weight : normal; normal; list-style-type:none;}
#dva ul li{ font-family : tahoma, sans-serif; font-size : 9px; font-weight : normal;}
#dva ul li a{font-family : arial, sans-serif; font-size : 13px; font-weight : bold; text-decoration:none; width:172px;  display:block; background:url(dva.gif) 2px 2px no-repeat #fff; color:#000000;  line-height:28px;padding:0 0 0 20px; }
#dva ul li a:hover{background:url(dvahover.gif) 2px 2px no-repeat #fff; color:#000000; text-decoration:underline;}
#dva ul li span{text-decoration:none;}


/* DIV generique permettant de remettre les position a zero (notament apres des float) */
DIV.both {
clear: both;
}
/* DIV generique permettant de faire un centrage de contenu */
DIV.centrer {
text-align: center;
}
/* pour install & contacts */
P.texte {
direction: ltr;
text-align: justify;
margin-left: 100px;
margin-right: 100px;
}
P.texte:first-letter {
margin-left: 3em;
}
/* Paragraphe generique avec texte centre */
P.centrer {
text-align: center;
}
/* Affichage de code (javascript par ex) */
CODE {
direction: ltr;
text-align: left;
display: block;
font-size: 10pt;
border-style: dashed dashed dashed solid;
border-color: rgb(0, 0, 139);
border-width: 1px 1px 1px 5px;
margin: 2px;
margin-bottom: 20px;
padding: 4px;
background-color: rgb(240, 247, 255);
}
CODE STRONG {
font-size: 10pt;
font-weight: bold;
}
/* style par defaut de toutes les images */
IMG {
border: 0;
}
/* champs de formulaire */
input {
background: #f8f8ff;
border: #b3b3b3 1px solid;
color: #0c183a;
}
/* bouton valider formulaire (configuration, installation) */
input.valid {
background: #f7f7f7;
border: #b3b3b3 1px solid;
text-align: center;
}
/* boutons radio dans config */
input.bouton {
background: #FFFFFF;
border: #FFFFFF 1px solid;
}
/* Cadre general */
#main {
margin: 5px;
text-align: center;
background: #FFFFFF;
}
/* cadre dans lequel se trouve les donnees */
#contenu {
background-color: #ffffff;
width: 650px;
border: 1px solid #00008B;
text-align: left;
margin: auto;
padding: 0.5em;
}
/* liens menu haut */
#menu {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
#menu LI {
display: inline;
margin: 0;
padding: 0;
float: left;
text-align: center;
width: 123px;
voice-family: "\"}\"";
voice-family:inherit;
width: 128px;
}
html>body #menu LI {
width: 128px;
}
#menu A {
display: block;
padding: 0.2em;
color: #00008B;
border: 1px solid #00008B;
font-size: small;
font-variant: 10pt-caps;
font-variant: small-caps;
font-weight: bolder;
text-decoration: none;
}
#menu A:active {
text-decoration: underline;
}
#menu A:hover {
background-color: #f0f7ff;
text-decoration: underline;
}
#menu A:visited {
text-decoration: none;
}
#menu A:link {
text-decoration: none;
}
/* liste des liens vers les contacts, site et admin */
#admin {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
#admin LI {
width: 25%;
display: inline;
margin: 0;
padding: 0;
float: left;
text-align: center;
}
#admin LI.site {
width: 25%;
}
#admin LI.install {
width: 49.9%;
}
#admin LI.contacts {
width: 25%;
}
#admin LI A {
padding-top: 0.5em;
font-size: small;
}
#admin LI.site  A {
border-top: 1px dashed #00008B;
}
#admin LI.install A {
border-top: 1px dashed #00008B;
border-right: 1px dashed #00008B;
border-left: 1px dashed #00008B;
}
#admin LI.contacts A {
border-top: 1px dashed #00008B;
}
#admin A {
display: block;
padding: 0.2em;
color: #00008B;
text-decoration: none;
}
/* DIV contenant le logo + le choix des sites + le calendrier */
#logo {
width: 100%;
}
/* Choix des sites */
#sites {
bottom:0;
float: right;
padding-right: 5px;
height: 130px;
}
#sites OPTION, #sites SELECT {
font-size : 9pt;
}
#sites SELECT {
border: #000000 1px solid;
margin: auto;
margin-top: 110px;
}
#sites P {
margin: 0;
}
/* Calendrier */
#calendrier {
float: right;
text-align: left;
}
#calendrier P {
margin: 0;
}
#calendrier TABLE {
direction: ltr;
border: 1px solid rgb(80, 100, 133);
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#506485;
border-left-width:1px;
border-left-style:solid;
border-left-color:#506485;
}
#calendrier A.selection {
color: red;
}
#calendrier TH {
border-top: 1px solid rgb(80, 100, 133);
border-right: 1px solid rgb(80, 100, 133);
font-weight: bold;
text-align: center;
background-color: #f0f7ff;
}
#calendrier TD {
border-top: 1px solid rgb(80, 100, 133);
border-right: 1px solid rgb(80, 100, 133);
text-align: center;
color: #c0c0c0;
font-size: 9pt;
}
#calendrier A {
font-size: 9pt;
}
#calendrier A.selection {
color: red;
}
#calendrier SELECT {
border: #000000 1px solid;
}
#calendrier OPTION, #calendrier SELECT {
font-size: 9pt;
}
/* Choix de la langue */
#choixlangue {
float: right;
margin: auto;
text-align: center;
}
#choixlangue FIELDSET {
width: 130px;
padding: 5px;
}
#choixlangue LEGEND {
color: rgb(0, 0, 139);
font-weight: bold;
}
#choixlangue P {
margin: 0;
}
/* styles pour les infos techniques */
P.gristrans {
font-size: 10pt;
color: #cdcaca;
}
P.archivefait {
font-size: 10pt;
color: #ffffff;
}
P.gristrans A {
font-size: 10pt;
color: #cdcaca;
}
P.gristrans EM A{
font-size: 10pt;
font-style: italic;
}
P.archive {
font-size: 10pt;
color: #ffffff;
margin: 0;
}
P.archive EM {
font-size: 10pt;
font-style: italic;
}
P.gristrans STRONG {
font-size: 10pt;
font-weight: bold;
}
P.archive STRONG {
font-size: 10pt;
font-weight: bold;
}
SPAN.oktrans {
font-size: 10pt;
color: #9ec2a7;
}
SPAN.errortrans {
font-size: 10pt;
color: red;
}
/* Information de la periode visualisee */
P.periodevisu {
margin: 0;
}
P.choixperiode {
margin: 0;
margin-right: 2em;
color: #818181;
}
P.choixperiode A {
font-style: italic;
color: #818181;
}
/* Tableau de saisie de donnee dans l'admin */
TABLE.centrer {
margin: auto;
}
/* Tous les tableaux de resultats */
TABLE.resultats {
direction: ltr;
margin: auto;
empty-cells: hide;
font-size: small;
}
TABLE.resultats TH {
border-top: 1px solid rgb(80, 100, 133);
border-right: 1px solid rgb(80, 100, 133);
font-weight: bold;
text-align: center;
background-color: rgb(96, 115, 165);
color: #ffffff;
}
TABLE.resultats TD {
border: 1px solid rgb(226, 227, 228);
text-align: center;
color: #00008B;
}
TABLE.resultats TD.damier {
background-color: rgb(241, 242, 243);
}
TABLE.resultats TD.damieralign {
background-color: rgb(241, 242, 243);
text-align: left;
}
TABLE.resultats TD.align {
text-align: left;
}
TABLE.resultats TD.vide, TABLE.resultats TH.vide {
border-width: 0;
background-color: #ffffff;
}
TABLE.resultats TD.sansbordure {
border-width: 0;
text-align: left;
}
TABLE.resultats TD STRONG {
font-weight: bold;
}
/* Tous les tableaux de sous-resultats */
TABLE.sresultats {
margin: auto;
empty-cells: hide;
}
TABLE.sresultats TH {
border-top: 1px solid rgb(80, 100, 133);
border-right: 1px solid rgb(80, 100, 133);
font-weight: bold;
text-align: center;
background-color: rgb(96, 115, 165);
color: #ffffff;
font-size: 10pt;
}
/* Affichage des resultats positifs (vert en general) */
SPAN.positif {
direction: ltr;
color: #008000;
font-size: 10pt;
font-weight: bold;
}
/* Affichage des resultats negatifs (rouge en general) */
SPAN.negatif {
direction: ltr;
color: red;
font-size: 10pt;
font-weight: bold;
}
/* Menu d'administration */
#menuadmin {
width: 400px;
margin: auto;
text-align: center;
}
#menuadmin UL {
direction: ltr;
text-align: left;
list-style-image: url("./images/f3ltr.png");
}
#menuadmin LI {
padding: 0.5em;
}
/* Informations lors de modification dans la partie admin */
P.admininfos {
color: #000000;
font-weight: bold;
text-align: center;
}
P.admininfos positif {
color: #00FF00;
}
P.admininfos negatif {
color: #FF0000;
}
/* Details pour les moteurs, mots cle et sites internet */
#detail{
width: 100%;
}
#detail TH {
border: 1px solid #fbc074;
background-color: #fbc074;
margin: 1px;
padding: 2px;
text-align: left;
padding-left: 20px;
color: #6f522d;
}
#detail TD {
white-space: nowrap;
border: 1px solid #fbc074;
margin: 1px;
padding: 2px;
color: #6073a5;
text-align: left;
}
#detail TD.detail {
text-align: center;
width: 70px;
}
#detail A {
color: #6073a5;
}
/* Sous menus dynamiques */
DIV.ssmenu {
position:absolute;
z-index:1000;
visibility:hidden;
background-color: #FFFFFF;
border: 1px solid #00008B;
top: 555px;
}
DIV.ssmenu A {
display: block;
padding: 0.2em;
color: #00008B;
border: 1px solid #FFFFFF;
font-size: small;
text-decoration: none;
}
DIV.ssmenu A:hover {
background-color: #f0f7ff;
border-top: 1px solid #00008B;
border-bottom: 1px solid #00008B;
}