/* 
modrá #013476
	RGB: 001 052 118
*/


html, body
{
height: 100%;
padding: 0;
margin: 0;
font: Tahoma;
}

body
{
	_text-align: center; /* IE */
	background: White;
	background-image: url(../images/Ray_Background.jpg);
	font: Tahoma;
}

h1
{
	margin: 0;
	text-align: left;
	margin: 20px 15px 20px 15px;
	color : Red;
	font-size : 28px;
	font-family: Tahoma;
	font-weight: normal;
}
h2
{
	text-align: left;
	margin : 10px 15px 10px 15px;
	color : #013476;
	font-size : 24px;
	font-family: Tahoma;
	font-weight: normal;
}
h3 {
	color: #464646;
	text-align: left;
	margin : 7px 0px 7px 15px;
	font-size : 20px;
	font-family: Tahoma;
	font-weight: normal;
} 
h4 {
	color: #464646;
	text-align: left;
	margin : 5px 10px 5px 15px;
	font-size : 18px;
	font-family: Tahoma;
	font-weight: normal;
} 
h5 {
	color: Red;
	margin : 0px 10px 0px 15px;
	font-size : 14px;
	font-family: Tahoma;
	font-weight: bold;
} 
h6 {
	color: #555555;
	margin : 0px 10px 0px 15px;
	font-size : 14px;
	font-family: Tahoma;
	font-weight: bold;
}
p {
	width: auto;
}

#stranka
{
	width: 800px;
	height: auto;
	min-height: 100%;
	_height: 100%;
	/* IE */
	background: url(../images/pozadi_mid.gif);
	text-align: justify;
	margin: 0 auto;
	position: relative;
}

#hlavicka
{
	background : url(../images/pozadi_top.gif) no-repeat;
	height: 20px;
	padding-top: 37px;
}

#pata
{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 40px;
	background : url(../images/pozadi_but.gif) no-repeat;
}

#paticka
{
	text-align: left;
	padding: 25px 30px 3px 30px;
	font : normal smaller Tahoma, serif;
	font-size : 10px;
	color : Silver;
}

#hlavni
{
padding: 10px;
padding-bottom: 40px; /* vyska paticky */
}


#vse {
	margin : 10px 25px 40px 25px;
	padding : 5px 35px 5px 35px;
	background : White;
	text-align: justify;
	color : #013476;
	/*border : 1px solid Silver;*/
	float : none;
}

#toppage {
	height: 110px;
	margin: 0px 75px 15px 75px;
	padding: 0px 0px 0px 0px;
}

ul[id] #toppage {
	height:auto;
}

#toppage li {
	display: inline;
	list-style-type: none;
}

#logo a
{
	height: 100px;
	width: 333px;
	background: White url(../images/RayDivingLogoWeb.jpg) no-repeat right;
	float: left;
}
#reklama a
{
	background: White;
	height: 100px;
	width: 200px;
	float: right;
}


#topflag {
	height: 16px;
	margin: 0px 26px 0px 0px;
}
ul[id] #topflag {
	height: 16px;
}
#topflag li {
	display: inline;
	list-style-type: none;
}
#en a
{
	background: White url(../images/flag_en2.gif) no-repeat right;
	height: 16px;
	width: 32px;
	float: right;
}
#en a:hover
{
	background: White url(../images/flag_en.gif) no-repeat right;
}
#cz a
{
	background: White url(../images/flag_cz2.gif) no-repeat right;
	height: 16px;
	width: 24px;
	float: right;
}
#cz a:hover
{
	background: White url(../images/flag_cz.gif) no-repeat right;
}
/* ***************************************************************************************** */
#ram_video{
	margin: 20px 155px 5px 155px;
	_margin: 20px 150px 5px 150px;
}
#video_iframe{
	height: 350px;
	width: 360px;	
}

#ram_img{
	background: White;
	border-top: 1px solid #013476;
	border-bottom: 1px solid #013476;
	margin: 0px 15px 0px 15px;
	height: 100px;
	padding: 0px 0px 0px 0px;
	font-size: 0px;
}

.ram_galerie{
	margin : 5px 15px 5px 35px;
}

#deleni {
	height: 0px;
	padding: 0px;
	border-top: 1px solid Red;
	border-bottom: 0px;
	margin : 10px 0px 0px 0px;
	font-size : 0px;
}
#deleni2 {
	height: 0px;
	padding: 0px;
	border-top: 1px solid #013476;
	border-bottom: 0px;
	margin : 5px 15px 0px 15px;
	font-size : 0px;
}

hr.clear,
.clear2,
.clear3{
	padding: 0px 0px 0px 0px;
	margin: -1px 0px 0px 0px;
	height: 1px;
	clear: both;
	font-size : 0px;
	visibility: hidden;
}  
.clear2 {
	/*_padding: 0px;*/
	margin: 0px;
	_margin: -1px;
	height: 10px; 
	_height: 1px; 
}
.clear3 {
	margin: 0px;
	_margin: -1px;
	height: 13px; 
	_height: 1px;
}

/* *** FOTOGALERIE *** */
#foto_prehled {
	margin: 15px 0px 5px 0px;
	padding : 25px 5px 20px 5px;
	_padding : 25px 0px 10px 0px;
	_height: 1px;
	border-top : 1px solid #013476;
	border-bottom : 1px solid #013476;
	background-image : url(../images/RayDiving_Background.jpg);
	background-repeat : no-repeat;
	background-position : left top;
}

.foto_nahled {
	float: left;
	border-top : 1px solid #C3C3C3;
	border-bottom : 1px solid #8F8F8F;
	border-left : 1px solid #C3C3C3;
	border-right : 1px solid #8F8F8F;
	height: 72px;
	_height: 82px;
	width: 96px;
	_width: 110px;
	margin : 5px 10px 5px 10px;
	_margin : 5px 9px 5px 9px;
	padding : 6px 6px 6px 6px;
}
#img_reference {
	height: 100px;
	width: 372px;
	_width: 351px;
	padding: 0px 0px 0px 0px;
	margin : 5px 15px 5px 35px;
}

.reference,
.foto_reference,
.video_reference
{
	background-repeat: no-repeat;
	height: 14px;
	text-decoration: none;
	color: #444444;
	margin: 5px auto 3px 3px;
}
.foto_reference
{
	background-image: url(../images/camera_14x14.gif);
	padding-left: 19px;
}
.video_reference
{
	background-image: url(../images/video_21x14.gif);
	padding-left: 25px;
}
	
/* *** DEFINICE MENU *** */
#ram_menu{
	background : White;
	border-top : 1px solid Red;
	border-bottom : 1px solid Red;
	height : 65px;
	_height : 85px;
	padding-top : 20px;
	margin : 0px 60px 0px 60px;
	background-image:  url(../images/menu_ray_1a.gif);
	background-repeat: no-repeat;
	
}
#home_ram_menu{
	border-top : 1px solid Red;
	border-bottom : 1px solid Red;
	_height : 85px;
	padding-top : 20px;
	margin : 20px 0px 0px 0px;
	background : url(../images/menu_ray_1.gif);
	background-position : top left;
	background-repeat : no-repeat;
	padding-bottom : 15px;
	_padding-bottom : 5px;
}

#mainmenu {
	height: 25px;
	padding: 0px;
	text-decoration: none;
	font : normal smaller Tahoma, serif;
	font-size: 11px;
	/*80%;
	*/
	vertical-align : sub;
	margin : 0px 5px 0px 5px;
	
}

ul[id] #mainmenu {
	height:auto;
}

#mainmenu li {
	margin: 0px 0 0 0;
	padding: 0 0 0 0px;
	display: inline;
	list-style-type: none;
	text-decoration: none;
	font : normal smaller Tahoma, serif;
	font-size: 10px;
}

#mainmenu a {
	float: left;
	text-decoration: none;
	font-weight: bolder;
	padding: 1px 2px 1px;
	color: Red;
	border-top: 4px solid White;
	border-bottom : 4px solid White;
	margin-right : 8px;
	margin-left : 5px;
	font-size: 12px;
}

#mainmenu a:hover {
	border-top: 4px solid Red;
	border-bottom : 4px solid Red;
}
/*
#home_menu
{

}
*/
#menu_uvod a,
#menu_norsko a,
#menu_croatia a,
#menu_bali a,
#menu_mexico a,
#menu_egypt a,
#menu_wreck a,
#menu_jar a
{
	background-repeat : no-repeat;
	margin-left : 0px;
}
#menu_onas a,
#menu_galerie a,
#menu_stahnout a,
#menu_orca a,
#menu_galapagos a,
#menu_bazen a,
#menu_skola a,
#menu_zajimavosti a,
#menu_kontakt a,
#menu_freediving a
{
	background-repeat : no-repeat;
	margin-left : -1px;
}
#menu_uvod a
{
	background-image : url(../images/menu_ray_flag.gif);
	padding-left : 20px;
	/* margin-right : 7px;		8px tj. smazat*/
	margin-left : 10px;
}
#menu_onas a
{
	background-image : url(../images/menu_ray_2.gif);
	padding-left : 26px;
	margin-left : 10px;
}
#menu_norsko a
{
	background-image : url(../images/menu_norway.gif);
	padding-left : 26px;
}
#menu_croatia a
{
	background-image : url(../images/menu_croatia.gif);
	padding-left : 32px;
}
#menu_orca a
{
	background-image : url(../images/menu_orca.gif);
	padding-left : 30px;
}
#menu_skola a
{
	background-image : url(../images/menu_book.gif);
	padding-left : 17px;
}
#menu_bali a
{
	background-image : url(../images/menu_bali.gif);
	padding-left : 13px;
}  
#menu_mexico a
{
	background-image : url(../images/menu_mexico.gif);
	padding-left : 15px;
}  
#menu_freediving a
{
	background-image : url(../images/menu_free.gif);
	padding-left : 28px;
}  
#menu_egypt a
{
	background-image : url(../images/menu_egypt.gif);
	padding-left : 23px;
}  
#menu_zajimavosti a
{
	background-image : url(../images/menu_scuba.gif);
	padding-left : 20px;
}  
#menu_galerie a
{
	background-image : url(../images/menu_camera.gif);
	padding-left : 17px;
}  
#menu_kontakt a
{
	background-image : url(../images/menu_letter.gif);
	padding-left : 18px;
} 
#menu_stahnout a
{
	background-image : url(../images/menu_download.gif);
	padding-left : 15px;
}  
#menu_bazen a
{
	background-image : url(../images/menu_pool.gif);
	padding-left : 20px;
} 
#menu_wreck a
{
	background-image : url(../images/menu_wreck.gif);
	padding-left : 35px;
} 
#menu_jar a
{
	background-image : url(../images/menu_jar.gif);
	padding-left : 25px;
}
#menu_galapagos a
{
	background-image : url(../images/menu_galapagos.gif);
	padding-left : 16px;
}

#menu_uvod a:hover,
#menu_onas a:hover,
#menu_norsko a:hover,
#menu_wreck a:hover,
#menu_orca a:hover,
#menu_croatia a:hover,
#menu_bali a:hover,
#menu_mexico a:hover,
#menu_jar a:hover,
#menu_galapagos a:hover,
#menu_freediving a:hover,
#menu_galerie a:hover,
#menu_zajimavosti a:hover,
#menu_egypt a:hover,
#menu_stahnout a:hover,
#menu_bazen a:hover,
#menu_kontakt a:hover,
#menu_galerie a:hover,
#menu_skola a:hover{
	/*padding: 5px 2px 2px ;*/
	border-top: 4px solid Red;
	border-bottom : 4px solid Red;
}


#home_menu_uvod a,
#home_menu_onas a,
#home_menu_norsko a,
#home_menu_wreck a,
#home_menu_croatia a,
#home_menu_orca a,
#home_menu_skola a,
#home_menu_freediving a,
#home_menu_jar a,
#home_menu_galapagos a,
#home_menu_galerie a,
#home_menu_stahnout a,
#home_menu_bazen a,
#home_menu_zajimavosti a,
#home_menu_kontakt a,
#home_menu_bali a,
#home_menu_mexico a,
#home_menu_egypt a
{
	background-repeat : no-repeat;
	margin: 0px 0px 0px 10px;
	padding-left: 35px;
	width: 146px;
	_width: 178px;
	border-top: 4px solid White;
	border-bottom : 4px solid White;
	_height: 25px;
}
#home_menu_onas a
{
	background-image : url(../images/menu_ray_2.gif);
}
#home_menu_norsko a
{
	background-image : url(../images/menu_norway.gif);
}
#home_menu_croatia a
{
	background-image : url(../images/menu_croatia.gif);
}
#home_menu_orca a
{
	background-image : url(../images/menu_orca.gif);
}
#home_menu_skola a
{
	background-image : url(../images/menu_book.gif);
}  
#home_menu_freediving a
{
	background-image : url(../images/menu_free.gif);
}  
#home_menu_egypt a
{
	background-image : url(../images/menu_egypt.gif);
}  
#home_menu_zajimavosti a
{
	background-image : url(../images/menu_scuba.gif);
}  
#home_menu_galerie a
{
	background-image : url(../images/menu_camera.gif);
}  
#home_menu_kontakt a
{
	background-image : url(../images/menu_letter.gif);
}
#home_menu_stahnout a
{
	background-image : url(../images/menu_download.gif);
}
#home_menu_bazen a
{
	background-image : url(../images/menu_pool.gif);
}
#home_menu_bali a
{
	background-image : url(../images/menu_bali_home.gif);
}
#home_menu_mexico a
{
	background-image : url(../images/menu_mexico_home.gif);
}
#home_menu_wreck a
{
	background-image : url(../images/menu_wreck.gif);
}
#home_menu_jar a
{
	background-image : url(../images/menu_jar.gif);
}
#home_menu_galapagos a
{
	background-image : url(../images/menu_galapagos.gif);
}

#home_menu_uvod a:hover,
#home_menu_onas a:hover,
#home_menu_norsko a:hover,
#home_menu_wreck a:hover,
#home_menu_croatia a:hover,
#home_menu_orca a:hover,
#home_menu_jar a:hover,
#home_menu_galapagos a:hover,
#home_menu_freediving a:hover,
#home_menu_galerie a:hover,
#home_menu_zajimavosti a:hover,
#home_menu_egypt a:hover,
#home_menu_bazen a:hover,
#home_menu_stahnout a:hover,
#home_menu_kontakt a:hover,
#home_menu_galerie a:hover,
#home_menu_bali a:hover,
#home_menu_mexico a:hover,
#home_menu_skola a:hover{
	border-top: 4px solid Red;
	border-bottom : 4px solid Red;
	margin-left: 10px;
	padding-left : 35px;
	width: 146px;
	_width: 178px;
}



.foto-main {
	float: center;
	text-align: center;
	padding : 0px 0px 0px 0px;
}

.card-left,
.card-right,
.card-right0{
	float: left;
	margin: 5px 10px 5px 0px;
	_margin: 5px 10px 5px 0px;
	padding: 10px 10px;
	text-align: center;
	border-right: 1px solid #8F8F8F;
	border-bottom: 1px solid #8F8F8F;
	font-size: 75%;
}
.card-right {
	float: right;
	margin: 7px 0px 7px 10px;
	_margin: 5px 0px 5px 10px;
}
.card-right0 {
	float: right;
	margin: 7px 0px 7px 10px;
	_margin: 5px 0px 5px 10px;
	border-right: 0px;
	border-bottom: 0px;
}
.card-center{
	font-size: 75%;
	padding : 0px 0px 10px 10px;
	border-right: 1px solid #8F8F8F;
	border-bottom: 1px solid #8F8F8F;
	margin : 10px 100px 10px 100px;
}
.card-title {
	margin: 0 0 5px 0;
	font-size: 130%;
	color: #333333;
}
.card-photo {
	margin:0 auto 0 0;
	padding:0 0 0 0;
	border: 0px none;
}
.card-desc {
	margin: 5px 10px; 
	padding:0;
	text-align: left;
	font-size: 11px;
	}
.card-info {
	margin: 5px 10px 0 10px; 
	padding:0;
	text-align: right;
	font-size: 90%;
	color: #666;
	}
.card240x180 {
	width: 240px;
	height: 180px;
	border: 0px;
	}
.card180x240 {
	width: 180px;
	height: 240px;
	border: 0px;
	}

.img-left{
	float: left;
	margin: 0px 10px 5px 0px;
	_margin: 0px 10px 5px 0px;
	padding: 0px 10px 0px 0px;
	text-align: center;
}

	
/* *** aktualne *** */
.aktual{
	margin: 0px 15px 1px 15px;
	_height: 16px;
	border-top : 1px solid #013476;
	border-bottom : 1px solid #013476;
	padding-top : 5px;
	padding-bottom: 0px;
	_padding-bottom: 0px;
}	
.aktual2{
	margin: 5px 15px 2px 15px;
	_height: 35px;		/* 35px */
	border-bottom : 1px solid #013476;
}	

.akt {
	_height: 25px;
	text-decoration: none;
	text-align: justify;
	font : normal smaller Tahoma, serif;
	font-size: 11px;
	color : #444444;
	font-style : normal;
	margin : 0px 0px 0px 0px;
	padding: 8px 5px 0px 5px;
}
ul[id] .akt {
	_height:auto;
}
.akt li {
	display: inline;
}
.akt a {
	float: left;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #323232;
	margin: -1px 5px;
}
.akt a:hover {
	/*color : #777777;*/
	color: #013476;
}
.akt_a a {
	font : normal smaller Tahoma, serif;
	font-size: 11px;
	color : #444444;
	font-style : normal;
	float: left;
	margin-left: 0px;
}
.akt_datum a{
	background-image : url(../images/flag_dive.gif);
	background-position : left top;
	background-repeat : no-repeat;
	font-family: sans-serif;
	font-size: 10px;
	color: #595959;
	text-align: left;
	padding : 3px 0px 0px 25px;
	margin : -2px 3px 0px 0px;
}
.akt_vice a{
	font-family: sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: Red;
	float : right;
	margin-top: 2px;
	_margin-bottom: 0px;
}

/* *** DEFINICE TEXTU *** */
.text1,
.text1c,
.text2,
.text1_italic
{
	margin : 10px 15px 10px 15px;
	padding : 5px 0px 5px 0px;
	text-align: justify;
	color : #013476;
	font-size : 12px;
	font-family: Tahoma;
}
.text1c{
	text-align : center;
}
.text2{
	margin : 10px 15px 0px 15px;
	padding : 0px 0px 0px 5px;
}
.text1_italic	/* kvuli IE6 delam samostatny ram na citace - font italic */
{
	font-style: italic;
	width: 605px;
	margin-left: 25px;
}

.textc,
.textc2,
.textcr,
.textcr2,
.textc2r,
.textl,
.textl2,
.textr{
	text-align: justify;
	/*border : 1px solid Navy;*/
	color : #013476;
	padding : 5px 17px 5px 17px;
	font-size : 12px;
	font-family: Tahoma;
}
.textc{
	float: center;
	margin : 5px 200px 5px 200px;
}
.textc2{
	float: center;
	margin : 5px 100px 5px 100px;
}
.textr{
	float: right;
	width: 200px;
	margin : 5px 30px 5px auto;
}
.textl{
	float: left;
	width: 200px;
	margin : 5px auto 5px 30px;
}
.textl2{
	float: left;
	width: 300px;
	margin : 5px auto 5px 30px;
}
.textcr{
	float: right;
	width: 500px;
	margin: 10px 15px 0px auto;
	_margin: 10px 5px 0px auto;
	padding: 0px 0px 0px 0px;
}
.textcr2{
	float: right;
	width: 455px;
	margin : 0px 15px 0px auto;
	_margin : 0px 5px 0px auto;
	padding : 0px 0px 0px 0px;
}
.textc2r{
	margin: 10px 20px 10px 100px;
	padding: 0px 0px 0px 0px;
}


.text_home_menu{
	margin: 0px 0px 1px 10px;
	text-align: justify;
	text-decoration: none;
	font : normal smaller Tahoma, serif;
	font-size: 11px;
	color : #013476;
	padding-top : 4px;
	padding-bottom : 5px;
	float: left;
	width: 440px;
	_height: 25px;
	border: 1px solid White;
}

.text_grey{
	float: center;
	text-align: justify;
	border : 1px solid Navy;
	color : Gray;
	margin : 5px 200px 5px 200px;
	padding : 5px 17px 5px 17px;
	font-size : 16px;
}
.text_small{
	font : normal;
	float: right;
	text-align: justify;
	color : #666666;
	margin : 0px 0px 0px 150px;
	font-size : 11px;
}

.prihlaska a,
.prihlaska_right a,
.pozvanka a,
.doc a,
.xls a,
.pdf a
{
	float: left;
	/*background-image: url(../images/letter.gif);*/
	background-image: url(../images/Oficina_DOC_25x25.gif);
	background-repeat: no-repeat;
	font-size: 18px;
	color: Red;
	font-weight: bold;
	font-family: Tahoma;
	padding: 3px 0px 0px 28px;
	margin: 5px 35px 10px 15px;
}
.pozvanka a{
	color: #013476;
	font-weight: normal;
}
.prihlaska_right a{
	float: right;
	margin: 0px 35px 0px 15px;
}
.pdf a{
	color: #013476;
	font-weight: normal;
	background-image: url(../images/Oficina_PDF_25x25.gif);
}
.doc a{
	color: #013476;
	font-weight: normal;
	background-image: url(../images/Oficina_DOC_25x25.gif);
}
.xls a{
	color: #013476;
	font-weight: normal;
	background-image: url(../images/Oficina_XLS_25x25.gif);
}


#float_left{
	float: left;
	margin : 0px 0px 0px 0px;
}
#float_right{
	float: right;
	margin : 0px 0px 0px 0px;
}

.floatframeleft{
	float: left;
	margin : 5px 30px 5px 0px;
}


/*----- písma -----*/
.red {
	color : Red;
	font-weight : bold;
}
.rednormal {
	color: Red;
	font-weight: normal;
}
.orange {
	color : #FF8D1C;
	font-weight : bold;
}
.blue {
	color : #013476;
	font-weight : bold;
}
.grey {
	color : Gray;
}
.silver {
	color : Silver;
}
.nonetextdecor {
	text-decoration : none;
}
.graynoline {
	text-decoration: none;
	color: #444444;
}
.bold {
	font-weight : bold;
}
.size24 {
	font-size : 24px;
}
.tahoma{
	font-family: Tahoma;
	font-weight : bold;
}
.alignleft {
	text-align: left;
}
.right{
	float : right;
}
.redboldsans {
	font : bold normal 14px sans-serif;
	color: Red;
	font-weight : bold;
}
.grayboldsans {
	font : bold normal 12px sans-serif;
	color: color: #444444;
	font-weight : bold;
}
.top{
	font-size : 85%;
	vertical-align : top;
}
.size12{
	font-size : 12px;
}
.size11{
	font-size : 11px;
}
.sub75per{
	font-size: 75%;
	vertical-align: sub;
}
.italic{
	font-style: italic;
}
.reference_grey
{
	text-decoration: none;
	color : #444444;
}
.lineThrough
{
    text-decoration: line-through;
}

/* ---- tabulka ---- */
div.tabEnd{
	width: 1px;
	font-size: 1px;
	visibility: hidden;
	clear: both;
	_margin-top: -2px;
}

.ram_reklama
{
	margin: 0px 0px 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	height: 100px;
}
.aktuality_reklama
{
	margin: 0px 0px 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	height: 50px;   
	float: right;
}
.top_reklama
{
	margin: 0px 0px 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px;
	height: 100px;   
	float: right;
}