HOME

5h-3LL 1.0
DIR: /srv/http/adent.cz/valouch.cz/css
/srv/http/adent.cz/valouch.cz/css/
Current File : /srv/http/adent.cz/valouch.cz/css/layout.css
/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 13px;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}

ol {margin:10px 0px 10px 40px}

ol li {padding-bottom:8px}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* CSS */
body {
    text-align: center;
    background: #ffffff;
    font-family: Arial, Tahoma, Verdana, 'Times New Roman';
    font-size: 12px;
}
    .cleaner {
        clear: both;
    }
	
h1 { color:#000; font-size:22px ; margin:5px 0px 10px 0px; line-height:150%; text-align:left}	
h2 { color:#EF8100; font-size:15px ; margin:10px 0px 10px 0px}

a {color:#E86904}

    #container {
        width: 991px;
        margin: 0 auto 0 auto;
        background: url('../img/prava_lista.jpg') repeat-y 100% 0;
        text-align: left;
    }
        #header {
            width: 850px;
            height: 134px;
            background: url('../img/header.jpg') no-repeat 0 0;
            float: left;
        }
        #main {
            width: 850px;
            min-height: 440px;
            float: left;
        }
            #menu {
                width: 178px;
                float: left;
            }
                /* MENU PRVNI UROVEN */
                #menu ul {
                    margin: 30px 0 0 10px;
                }
                    #menu ul li {
                        width: 154px;
                        min-height: 27px;
                        background: url('../img/bg_menu.jpg') no-repeat 0 0;
                        margin: 0 0 2px 0;
                        position: relative;
                        float: left;
                    }
                        #menu ul li a:link,
                        #menu ul li a:visited {
                            position: absolute;
                            left: -10px;
                            top: -9px;
                            width: 164px;
                            height: 36px;
                            display: block;
                            text-decoration: none;
                            font-size: 14px;
                            color: #fdcd72;
                            text-align: center;
                            padding: 16px 0 0 7px;
                        }
                        #menu ul li a:hover,
                        #menu ul li.active a {
                            background: url('../img/bg_menu_a.png') no-repeat 0 0;
                        }
                            /* MENU DRUHA UROVEN */
                            #menu ul li ul {
                                margin: 29px 0 -2px 0;
                                display: none;
                            }
                            #menu ul li.active ul {
                                display: block;
                            }
                                #menu ul li ul li {
                                    width: 154px;
                                    min-height: 27px;
                                    background: transparent;
                                    margin: 0 0 2px 0;
                                    float: none;
									text-align:left;
                                }
                                    #menu ul li ul li a:link,
                                    #menu ul li ul li a:visited {
                                        position: static;
                                        width: 124px;
                                        height: 27px;
									    display: block;
                                        text-decoration: none;
                                        font-size: 12px;
                                        color: #4b4b4b;
                                        text-align:left;
                                        padding: 0 0 0 30px;
                                        line-height: 27px;
                                        vertical-align: middle;
                                    }
                                    #menu ul li.active ul li a {
                                        background: transparent;
                                    }
                                    #menu ul li ul li a:hover,
                                    #menu ul li ul li.active a {
                                        background: url('../img/bg_submenu_a.jpg') no-repeat 0 0;
                                    }
            #content {
                width: 672px;
                float: left;
            }
                #aktuality {
                    width: 672px;
                    min-height: 94px;
                    background: url('../img/bg_aktuality.jpg') repeat-y 0 0;
                    position: relative;
                    padding: 0 0 11px 0;
                }
                    #aktuality_nadpis_levy {
                        width: 12px;
                        height: 177px;
                        background: url('../img/aktuality.jpg') no-repeat 0 0;
                        position: absolute;
                        left: 17px;
                        top: 10px;
                    }
                    #aktuality_nadpis_pravy {
                        width: 12px;
                        height: 177px;
                        background: url('../img/aktuality.jpg') no-repeat 0 0;
                        position: absolute;
                        right: 17px;
                        top: 10px;
                    }
                    .aktualita {
                        width:  552px;
                        margin: 16px 0 5px 60px;
                        color: #393939;
                        text-align: center;
                        float: left;
                    }
                        .aktualita h3 {
                            font-size: 15px;
                            font-weight: bold;
                            margin: 0 0 5px 0;
							color: #e86904;
                        }
                        .aktualita p {
                            font-size: 12px; line-height:150%
                        }
                        .aktualita a:link,
                        .aktualita a:visited {
                            color: #e86904;
                            text-decoration: none;
							
                        }
                        .aktualita a:hover {
                            text-decoration: underline;
                        }
						.aktualita div a {font-size:11px; font-weight:bold}
                #text {
                    width: 618px;
                    min-height: 340px;
                    margin: 20px 0px 0px 17px;
					padding-bottom:15px;
                    line-height: 18px;
                    text-align: justify;
                    position: relative;
			        float: left;
	                }
                    #text p {
                        margin: 5px 0px 5px 0px;
						text-align:justify;
                    }
					
					
#text ul {
	text-align: left;
	margin: 5px 0px 5px 15px;
	padding-left:0px
}
#text ul li {
	background: url('../img/_li.gif')  no-repeat 0px 3px;
	text-align: left;
	padding: 5px 0px 5px 15px;
}

					
					
                    #valouch {
                        position: absolute;
                        bottom: 0;
                        right: 0;
                        z-index: 50;
                        width: 206px;
                        height: 316px;
                        background: url('../img/valouch_index.jpg') no-repeat 0 0;
                    }
                    #index_nadpis {
                        font-family: Tahoma;
                        color: #716f70;
                        font-size: 18px;
                        line-height: 25px;
                        position: absolute;
                        left: 20px;
                        top: 60px;
                    }
                        .big_v {
                            font-size: 24px;
                        }
        #footer {
            width: 991px;
            height: 42px;
            background: #dddcdc url('../img/bg_footer.jpg') no-repeat 0 0;
            float: left;
            border-top: 1px solid #ffffff;
        }
            #footer p {
                font-size: 11px;
                font-weight: bold;
                color: #000000;
                margin: 15px 0 0 200px;
            }
            .hidden {display:none;}

.errorMessage {
    border:1px solid #AFAFAF; width:400px; font-size:14px; text-align:center; margin:0 auto; background:#efefef; padding:20px; line-height:180%; margin-top:15px; margin-bottom: 15px; color:red
}

.successMessage {
    border:1px solid #AFAFAF; width:400px; font-size:14px; text-align:center; margin:0 auto; background:#efefef; padding:20px; line-height:180%; margin-top:15px; margin-bottom: 15px; color:#21a121
}

.zadny-termin-text {
    border:1px solid #AFAFAF; width:580px; font-size:12px; text-align:center; background:#efefef; padding:10px; line-height:180%; margin-top:15px; margin-bottom: 15px; color:#21a121
}

.dotazy-odpovedi {margin:10px 0px 10px 0px; background-color:#efefef; padding:5px; color:#FF8400}
.dotazy-odpovedi small {font-size:11px; color:#606060}
.khdotazytext {color:#606060}

.copyright a:visited,.copyright a:link  {font-size:11px; text-align:center; color:grey; }

table.tb-foto {width:530px; font-size:12px; margin:10px 0px 10px 40px }
table.tb-foto tr {background: transparent url('../img/fotogalerie/bg-table-fotogalery.png') no-repeat 0 0; height:40px; line-height:180%; }


.datum {background: transparent url('../img/fotogalerie/bg-datum-fotogalery.png') no-repeat 0 0; color:#fff; height:22px; width:70px; display:block; float:left; text-align:center; margin:10px 8px 0px 8px; font-size:11px; line-height:200%}
.prohledni {background: transparent url('../img/fotogalerie/bg-prohledni-fotogalery.png') no-repeat 0 0; height:22px; float:right; display:block; font-size:11px; margin:10px 3px 0px 3px; padding:0px 8px 0px 8px; margin-right:7px; line-height:200%}
.prohledni a.bila {color:#fff; text-decoration:none; font-size:11px;}
.prohledni a.bila:visited {color:#fff; font-size:11px;}
.prohledni a.bila:hover {color:#000; font-size:11px;}

.advancedNavigaceDown {font-size:13px; color:#b4b2b2; text-align:center; }
.advancedNavigaceDown a {text-decoration:none}
.navigace-active-number {border:1px solid #b4b2b2; color:#000; padding:2px 5px 2px 5px}

.fotoGaleryVypis { width:143px; height:143px; text-align:center; padding:20px 6px 0px 5px;  float:left; display: table-cell; vertical-align:middle; }





.logo-partneri  img { float:left; margin:15px }



table.exotatable {
	border: 1px solid #A4AFAF; width:600px; font-size:12px;
border-spacing:2px;
border-collapse: separate;
background:#DFDFDF;
}

table.exotatable tr {}

table.exotatable th {
	font-weight: bold;
	background: #f1f1f1;
	color:#496b5d;
		padding: 3px 10px 3px 10px ;	
	text-align: left;
	border-bottom:3px double #A4AFAF;
	vertical-align: middle;
}

table.exotatable .center {
	text-align:center
}

table.exotatable td {
	background: #fff;
	padding: 5px 0px 5px 10px ;	
	text-align:left;
	margin:5px;
	border-collapse: separate;
	vertical-align: middle;
}


table.exotatable td a {
	text-decoration: underline;
	font-weight:normal;
}

table.exotatable input {width:300px
}

table.exotatable td.checkbox input {width:10px
}

table.exotatable  td.button input  {width:150px; font-size:12px }

table.exotatable textarea {width:300px
}

table.rozvrhtable {
	border: 1px solid #A4AFAF; width:600px; font-size:12px;
border-spacing:2px;
border-collapse: separate;
background:#DFDFDF;
}

table.rozvrhtable tr {}

table.rozvrhtable th {
	font-weight: bold;
	background: #f1f1f1;
	color:#496b5d;
		padding: 3px 10px 3px 10px ;	
	text-align: left;
	vertical-align: middle;
	
}

table.rozvrhtable .center {
	text-align:center
}

table.rozvrhtable td {
	background: #fff;
	text-align:center;
	padding: 5px;	
	margin:5px;
	border-collapse: separate;
	vertical-align: middle;
}


table.rozvrhtable td a {
	text-decoration: underline;
	font-weight:normal;
}

.orange {color:#EF8100}
.clearer {
	clear: both;
	height: 0px;
	font-size: 0px;
	border: none;
	margin: 0px 0px 0px 0px; 
	visibility: hidden;
}
.align-center {text-align:center}
.right {text-align:right; padding-top:20px}
.kalendar-sudy  {background:#efefef; padding:10px; margin-bottom:10px;}
.kalendar-sudy  h3 {font-size:11pt; font-weight:bold; display:inline;}

.aktuality-index { background: transparent url('../img/line-grey.gif') no-repeat 50% 100%;  padding:25px 0px 15px 0px}
.aktuality-index img {float:left; padding:5px 15px 10px 0px;} 

.date {color:#6b6b6b; font-size:11px}
.aktuality-index h3{color: #EF8100; font-size:12pt; display:inline}
.aktuality-priloha {	background: url('../img/_li.gif')  no-repeat 0px 0px; padding-left:15px; padding-top:2px}
.odrazka-vsechny {text-align:right; margin-top:20px; }


/* -------- webform  --------- */
table.emailform   { margin:10px 20px 0px 0px; border:1px solid #1D9F59; width:300px; font-size:11px}
table.emailform td {padding:5px; border-bottom:1px solid #D5F1D8}
table.emailform  input  {width:200px; font-size:11px; padding:3px}
table.emailform  td.button input  {width:150px; margin-left:30px; font-size:12px }
table.emailform textarea {width:205px; height:70px;  font-size:11px}
table.emailform th {text-align:left; padding:5px; border-bottom:1px solid #D5F1D8}