/* 
    Document   : layout
    Created on : 7.1.2013, 14:32:21
    Author     : Jiri Krejci
    Description: Web layout.
*/

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

/* 
    HTML Elements 
*/

body {
    background: url('/zachranavzime/design/bg.png') repeat-x;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial;
    font-size: 1em;    
    text-align: center;
    line-height: 22px;
}

p {
    text-align: justify;
    padding: 5px 0px 5px 0px;
}

p img {
	padding: 0px 10px 10px 10px;
	float: right;
}

/* Link */
a {color: rgb(15, 136, 200);}
a:hover {color: rgb(223, 9, 23);}

a img {border: none;}

/* Heading */
h1, h2, h3, h4, h5, h6 {
    color: rgb(15, 136, 200);
    margin-bottom: 15px;
    line-height: normal;
}
h2 {font-weight: normal;}
h6 {font-style: italic;}

/* Table */
table {border: 3px solid rgb(15, 136, 200);}
table, tr, th, td {
    border-collapse: collapse;
    padding: 5px;
    font-size: 1em;
    vertical-align: top;
    text-align: left;
 }
table td, table th {border: 1px solid rgb(15, 136, 200);}
table tr th {
    color: rgb(15, 136, 200);
    border-bottom: 4px solid rgb(15, 136, 200);
}
table td p {padding: 0px;}
table.noborder, table.noborder tr, table.noborder th, table.noborder td {
    border: none;
    color: #000;
	padding: 0px;
	vertical-align: top;
}
table.noborder td {vertical-align: top;}
table.noborderpadding, table.noborderpadding tr, table.noborderpadding th, table.noborderpadding td {
    border: none;
    color: #000;
}
table.noborderpadding td {vertical-align: middle;}

/* List */
ol, ul {
    padding-left: 20px;
    text-align: justify;
    list-style-position: outside;
    font-weight: bold;
    color: rgb(15, 136, 200)
}
ul, ul li {list-style-image: url('/zachranavzime/design/list.png');}
ol li span, ul li span, ol li p, ul li p {
    color: rgb(0, 0, 0);
    font-weight: normal;
}

/* Form Input */
form input, form select, form textarea {
    border:  1px solid rgb(15, 136, 200);
    padding: 5px;
    font-size: 0.9em;
    margin: 3px 0 3px 0;
}
form input[type=submit] {
    padding: 4px;
    background: url('/zachranavzime/design/botton.png');
    font-weight: bold;
}
form input[type=submit]:hover, form input[type=submit]:focus {
    border: 1px solid rgb(223, 9, 23);
    background: url('/zachranavzime/design/botton_act.png');
}
form input:focus {border: 1px solid rgb(223, 9, 23);}
form input[type=radio] {border: none;}

hr {color: rgb(15, 136, 200); height:3px; background-color:rgb(15, 136, 200); border: none;}

/* 
    Layout 
*/

#top {
    background: url('/zachranavzime/design/top_bg.png') no-repeat center top #fff;
    width: 904px;
    min-height: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    padding: 15px;
    text-align: left;
	display: table;
}

#menu {
    width: 240px;
    min-height: 750px;
    background: url('/zachranavzime/design/menu_bg.png') no-repeat center top;
    float: left;
    text-align: left;
    line-height: normal;
}

#menu ul {
    list-style: none;
    margin-left: 17px;
    margin-top: 230px;
    padding-left: 0px;    
    text-align: left;
}

#menu ul li {
    list-style: none;
}

#menu ul li a {
    display: block;
    width: 193px;
    margin-top: 10px;
    background: url('/zachranavzime/design/menu.png') no-repeat left top;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 6px 0px 4px 20px;
    font-weight: bold;
    color: rgb(0, 73, 144);
    text-decoration: none;
}

#menu ul li a:hover, #menu ul li.act a {
    background: url('/zachranavzime/design/menu.png') no-repeat left -50px;
    color: rgb(223, 9, 23);
}

#menu ul li.sub a {
    background: url('/zachranavzime/design/menu_sub.png') no-repeat left top;
    margin-top: 2px;
    border: 1px solid rgb(15, 136, 200);
    color: rgb(15, 136, 200);
    border-radius: 0px;
    width: 175px;    
    font-weight: bold;
    padding-left: 35px;
}

#menu ul li.sub a:hover, #menu ul li.sub.act a {
    background: url('/zachranavzime/design/menu_sub.png') no-repeat left -44px;
}

#menu div.modryhroch {
	background: url('/zachranavzime/design/logo_modryhroch.png') no-repeat center top; 
	width: 80px;
	float: left;
	height: 100px;
	margin: 0px;
	padding: 0px;
	margin-left: 100px;
	margin-top: 50px;
}

#menu div.modryhroch a {
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
}


#header {
    width: 664px;
    height: 167px;
    /*background: url('/zachranavzime/design/header.png') no-repeat center top;*/
    float: right;
}
#header div {
    margin-left: auto;
    margin-right: auto;    
}
#header div.line1 {
    width: 440px;
    height: 90px;
}
#header div.line2 {
    width: 660px;
    height: 70px;
    margin-top: 10px;
}
#header div div a, #header div div {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}
#header div.line1 div.zzsjmk {
    width: 220px;
    background: url('/zachranavzime/design/logo_zzsjmk.png') no-repeat center top;
    float: left;
}
#header div.line1 div.fsps {
    width: 110px;
    background: url('/zachranavzime/design/logo_fsps.png') no-repeat center top;
    float: right;
}
#header div.line2 div {width: 130px; float: left;}
#header div.line2 div.hzs {background: url('/zachranavzime/design/logo_hzs.png') no-repeat center top;}
#header div.line2 div.pcr {background: url('/zachranavzime/design/logo_pcr.png') no-repeat center top;}
#header div.line2 div.modryhroch {background: url('/zachranavzime/design/logo_modryhroch.png') no-repeat center top;}
#header div.line2 div.mpbrno {background: url('/zachranavzime/design/logo_mpbrno.png') no-repeat center top;}
#header div.line2 div.hscr {background: url('/zachranavzime/design/logo_hscr.png') no-repeat center top;}
#header div.line2 div.vzs {background: url('/zachranavzime/design/logo_vzs.png') no-repeat center top;}

/* Title = "Konference Zachrana v zime" */
#title {
    float: right;
    margin-top: 3px;
    background: url('/zachranavzime/design/title.png') no-repeat center top;
    height: 53px;
    width: 679px;
    margin-right: -15px;
}

#title h1 {
    padding-left: 10px;
    color: rgb(255, 255, 255);
    font-size: 1.5em;
    padding-top: 10px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
}

#contet {
    height: 100%;
    width: 644px;
    float: right;    
    margin-top: 10px;
    padding: 0px 10px 10px 10px;
}

#sponzori {
    background: #fff;
    width: 934px;
    margin-left: auto;
    margin-right: auto;    
    text-align: center;    
	height: 140px;
	margin-bottom: 100px;
}

#sponzori div  {
    width: 850px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#sponzori div div a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}
#sponzori div.line1 {width: 600px;}
#sponzori div.line2 {width: 620px;}
#sponzori div.line3 {width: 440px;}
#sponzori div div.akutne {
    width: 200px;
    background: url('/zachranavzime/design/logo_akutne.png') no-repeat center top;
    float: left;
}
#sponzori div div.radiomagic {
    width: 250px;
    background: url('/zachranavzime/design/logo_radiomagic.png') no-repeat center top;
    float: left;
}
#sponzori div div.hemerka {
    width: 150px;
    background: url('/zachranavzime/design/logo_hemerka.png') no-repeat center top;
    float: left;
}
#sponzori div div.medirol {
    width: 350px;
    background: url('/zachranavzime/design/logo_medirol.png') no-repeat center top;
    float: right;
}
#sponzori div div.alfa {
    width: 250px;
    background: url('/zachranavzime/design/logo_alfa.png') no-repeat center top;
    float: left;
}
#sponzori div div.finnsubcom {
    width: 200px;
    background: url('/zachranavzime/design/logo_finnsubcom.jpg') no-repeat center top;
    float: left;
	margin-right: 20px;
}
#sponzori div div.gumotex {
    width: 200px;
    background: url('/zachranavzime/design/logo_gumotex.jpg') no-repeat center top;
    float: left;
	margin-left: 20px;
}

#footer {
    background: url('/zachranavzime/design/footer.png') no-repeat center top;
    width: 100%;
    height: 33px;
    width: 934px;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 10px;
    font-size: 0.8em;
    clear: both !important;
    line-height: normal;
}

#footer a, #footer a:hover, #footer a:visited, #footer p {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer .copy {
    float: right;
    margin-right: 70px;
}
#footer .copy p {
    color: rgb(0, 73, 144);
}
#footer .home {
    float: left;
    margin-left: 15px;
}
#footer .counter {
    float: left;
    margin-left: 30px;
}

#news div {
    width: 644px;
    margin: 0px 0px 10px 0px;
    padding: 2px 0px 2px 0px;
    min-height: 20px;
    background: url('/zachranavzime/design/news_bg.png') repeat-y right top;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;   
}

#news div p {
    padding: 2px 10px 0px 75px;
    min-height: 28px;
}
#news div.news1 p {
    background: url('/zachranavzime/design/news1.png') top left no-repeat;
}
#news div.news2 p {
    background: url('/zachranavzime/design/news2.png') top left no-repeat;
}
#news div p {
    background: url('/zachranavzime/design/news3.png') top left no-repeat;
}

.center {text-align: center;}

#menu ul li.highlight a {
	border: 1px solid rgb(223, 9, 23);
	background: url('/zachranavzime/design/menu.png') no-repeat left -50px;
}


.error, .done {
	padding: 10px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}
.error {
	border: 1px solid rgb(223, 9, 23);
	color: rgb(223, 9, 23);
}
.done {
	border: 1px solid rgb(15, 136, 200);
	color: rgb(15, 136, 200);
}

#mapa table, #mapa tr, #mapa td, #mapa th, #mapa table td, #mapa table th, #mapa table tr, #mapa p {
	border: none;
	padding: 0px;
}

.right {text-align:right;}
.smaller {font-size:smaller;}

.photo {
	float: left;
    height: 120px;
    width: 125px;
    line-height:120px;
    text-align:center;
    position: relative;	
}

.photo img {
    vertical-align: middle;
    border: 1px solid rgb(15, 136, 200);
	padding: 3px;
}



@media only screen and (max-device-width: 480px) {
    #header {width: 634px;}
	#title {width: 649px;}
	#contet {width: 614px;}
}
@media only screen and (-webkit-device-pixel-ratio:0.75){
    #header {width: 634px;}
	#title {width: 649px;}
	#contet {width: 614px;}
}
@media only screen and (-webkit-device-pixel-ratio:1){
    #header {width: 634px;}
	#title {width: 649px;}
	#contet {width: 614px;}
}
@media only screen and (-webkit-device-pixel-ratio:1.5){
    #header {width: 634px;}
	#title {width: 649px;}
	#contet {width: 614px;}
}