@charset "UTF-8";
*{ font-family: Verdana, Helvetica, Arial, "Arial CE", sans-serif; }

body{
	background: #fff;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Verdana, Arial, "ArialCE";
	font-size: 11px;
	line-height: 160%;
	color: #224;
	text-align: left;
}

div, img, h1, h2, h3, h4, h5, p, a, ul, ol ,li, span{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Verdana, Helevetica, Arial, "Arial CE", sans-serif;
	font-size: 11px;
}

/* OBECNE ZNACKY */

h2 { font-size: 13px; text-decoration: underline; }
p  { margin: 0px 0px 7px 0px; text-align: justify;}
p.neodsazene  { margin: 0px 0px 0px 0px; text-align: justify;}
a 	{ text-decoration: none; color: #0E4F9F;}

/* DEFINUJEME CLEAROVACI PRVEK */

div.clear{ display: block;	clear: both; font-size: 0px; line-height: 0px; }

/* DEFINUJEME ZAKLADNI LAYOUT STRANKY */

div#happyFoto{
	width: 960px;
	min-height: 1000px;
	margin: 0 auto;
	background: transparent;	
	background: url("../img/bg_con.gif") left top repeat-y #fff;
}
	
div#top{
	width: 960px;
	height: 46px;
	background: url("../img/top.gif") left top no-repeat #fff;
}

div#happyFotoUnder{
	width: 960px;
	height: 105px;
	background-color: #fff;
}

div#happyFotoContent{
	width: 960px;
	min-height: 800px;
    background: url("../img/top-bg-con.gif") left top no-repeat transparent;
}

	div#happyFotoLeft{
		width: 149px;
		min-height: 200px;
		float: left;
		padding: 0px;
		margin: 0px 19px 0px 0px;	
	}
				
			a.chci{
				padding: 0px;
				margin: 0px;
				display: block;
				height: 70px;
				background: url("../img/chci.gif") left bottom no-repeat transparent;
				border-bottom: solid 10px #fff; 	
			}


	div#happyFotoCenter{
		width: 508px;
		min-height: 200px;
		float: left;
		margin: 0px 20px 0px 0px;
		padding: 10px 0px 0px 0px;		
	}
	
	div#happyFotoRight{
		min-height: 200px;
		float: left;
		}
		
				div#happyFotoRight h3{
					font-size: 10px;
					height: 29px; 
					width: 254px; 
					padding: 10px 0px 0px 10px;  
					color: #034788;
					background: url("../img/h2bg.gif") left top no-repeat transparent;
				}
				div#happyFotoRight h3 span {
					font-size: 10px;
				}
				
				div.indexBox{
					min-height: 260px;
					_height: 260px;
				}
				div.indexBoxSmall{
					min-height: 10px;
					_height: 10px;
				}
				div.indexBoxMessageMiddle{
					min-height: 90px;
					_height: 90px;
					width: 250px;
					padding: 10px 0px 0px 10px;
					text-align: justify;

				}
				div.indexBoxBig{
					min-height: 150px;
					_height: 150px;
				}
				div.indexBoxLine{
					width: 261px;
					border-bottom: 4px solid #FDEC00;
				}
				
				div.indexBoxInfo{
					
				}
				
                    div.indexBoxMessageSmall{
                         min-height: 30px;
                         _height: 30px;
                         width: 250px;
                         padding: 10px 0px 0px 10px;
                         text-align: justify;

                    }
                    
.comp_cz,
.comp_sk {
 	display: block;
	width: 20px;
	height: 14px;
	float: right;
	margin: 0px 0px 0px 3px;
}


.comp_cz { background: url("../img/flags/cz.gif") right top no-repeat #fff; }
.comp_cz:hover { background: url("../img/flags/cz_hover.gif") right top no-repeat #fff; }
.comp_sk { background: url("../img/flags/sk.gif") right top no-repeat #fff; }
.comp_sk:hover { background: url("../img/flags/sk_hover.gif") right top no-repeat #fff; }


				div.indexBoxMessageBig{
					min-height: 170px;
					
					width: 250px;
					padding: 10px 0px 0px 10px;
					text-align: justify;

				}
.euroFont {font-size: 9px; color: #999999;}
.euroFontAction {font-size: 9px;}