HOME

5h-3LL 1.0
DIR: /srv/http/adent.cz/msslunicko-mb.cz/app/_webroot/css
/srv/http/adent.cz/msslunicko-mb.cz/app/_webroot/css/
Current File : /srv/http/adent.cz/msslunicko-mb.cz/app/_webroot/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: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
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;
}

/* ---------------------Hlavní CSS----------------------------- */
body {  margin:0 auto;
    text-align: center;
     font-family: 'arial';
    font-size: 14px;
    color: #2b2b2b; 
}

.cleaner {
    clear: both;
}

strong {color:#313131}

#outerheader {
    margin: 0 auto;

}

#header {
    height: 223px;
	width:1000px;	
    margin: 0 auto ;
    position: relative;
	background: transparent url('../img/bg-header.png') no-repeat 0% 0%;
	
}
#logo {
    width: 330px;
    height: 180px;
    _background: url('../img/logo.png') 0 50% no-repeat;
    display: block;
	margin:0 auto;
}

.slogan {position:absolute; top:73px; right:73px; color:#fff; font-size:25px; text-transform:uppercase}

#lista {
   height:43px; padding:0px 0px 0px 70px; margin:0px; background:#003d73;
}
#lista #menu_lista {
    position: relative;
}

#lista #menu_lista ul li {
    float: left;
    height: 40px;
	text-transform:uppercase;
	font-weight:bold;
}
#lista #menu_lista ul li a {
    height: 40px;
    padding: 13px 32px 0px 27px;
	margin:0px 0px 0px 0px;	
    background: url('../img/separator.gif') no-repeat 100% 1px;
    color: #fff;
    text-decoration: none;
    display: block;
	
}
#lista #menu_lista ul li.last-item a {
    background: none;
}
#lista #menu_lista ul li a:hover {
    text-decoration: none;
	opacity:0.5;	
}

#flag {position:relative}
#flag a:hover {opacity:0.5}

#outer {
    margin: 0 auto;
    text-align: left;	
    background: #EDEDED url('../img/bg-outerheader.png') repeat-x 0px 28px;
	}


#main {
    width: 1000px;
	background: #fff;
    margin:0 auto;
}

#secondaryContent {
    width: 243px;
    float: left;
    margin: 0 ;
	background:transparent;

}

#menu {
    width: 243px;
    min-height: 36px;
    background: #f5f6f6;
   	position: relative;
    margin: 15px 0px 0px 0px;
}

#menu h3 {background: url('../img/zahlavi.jpg') 0 0% no-repeat; height: 27px; padding:6px 0px 0px 20px; font-size:18px; margin-top:15px;  font-weight:normal}

#menu ul {
	padding:0px 0px 0px 0px;
    margin: 0 0 0 0px;
}
#menu ul li {
    padding: 0px;
	background: url('../img/menu-separator.jpg') 0 100% no-repeat;
	display:block;
	height:33px; width:243px;line-height:33px;
	font-size:12px;
	text-transform: uppercase
	
}   
#menu ul li a {
    background: url('../img/menu_arrow.png') 0 50% no-repeat;
    color: #EC2427; 
    text-decoration:none; 
	padding-left:20px;
	
}
#menu ul li a span {
    padding: 0 0 0 0;
}
#menu ul li a:hover,
#menu ul li.active a {
    background: url('../img/li-active.jpg') no-repeat 0 0;
	color:#fff;
	text-decoration:none;
	display:block; 	height:33px; width:243px;line-height:33px;
	padding-left:20px;
}
#menu ul ul{
	padding:0px;
    margin: 10px 0 0 25px;
}


#secondaryContent .boxFoto, #secondaryContent .boxVideo {
    width: 237px;
    min-height: 127px;
    position: relative;
	border:1px solid #e4e5e5;
	text-align:center;
}

#secondaryContent .boxFoto {   background: url('../img/bg-foto-menu.jpg') no-repeat 0% 0%;}
#secondaryContent .boxVideo {   background: url('../img/bg-video-menu.jpg') no-repeat 0% 0% }

#secondaryContent .boxFoto h3, #secondaryContent .boxVideo h3 {color:red; text-transform:uppercase;  font-weight:bold; font-size:14px; margin-top:100px }

#primaryContent {
    width: 775px;
    margin: 0;
    float: left;
}

#content {
    width: 730px; 
    background: url('../img/bg_content.png') repeat-y 0 0;
    position: relative; 
    margin: 35px 0px 0px 100px;
	padding-bottom:20px;
}

#content  h1 {
    font-size: 28px; 
    color: #000;
    margin: 13px 0 19px 0px;
	text-transform: uppercase;
	font-weight:normal;
}

#content  h2 {
    font-size: 20px;
    color: #626262;
	line-height: 120%;
    margin: 30px 0px 10px 0px;
	border-bottom:2px solid #ec2327;
	padding-bottom:5px; 
	font-weight:normal;
	text-transform: uppercase;
}

#content  h3 {
    color:#898989; font-size:18px;
    padding: 8px 0 3px 0px;
	font-weight:normal;	
	margin-bottom:10px;
	border-bottom:2px solid #898989;
	}
	
#content img {padding:3px; border:1px solid #e4e5e5; margin:10px 10px 10px 0px}

#content  p {
  font-size:14px; 
  line-height: 140%;
  margin: 5px 0 10px 0px;
  text-align:left;
  padding:0px;
  color:#484848;
}

    margin: 10px 0 10px 15px;
#content ul, #content ol {
	padding:0px;
}

#content ol li {padding:  0px 0px 10px 0px; list-style-type: none; margin-left:15px;
    line-height:140%;}

#content ul li {background:none;   padding:  0px 0px 10px 0px;
    line-height:140%;}

/** #primaryContent #content ul.home  {margin:0px 0px 0px 7px; padding:0px} 
#primaryContent #content ul.home  li {background: url('../img/_li.jpg') no-repeat 0px 6px; margin:0px; padding:0px 0px 5px 18px} **/

#content a {
    text-decoration: underline;
    font-weight:normal; color: #ec2327;
}
#content  a:hover {
    text-decoration: none; color: #832021;
}


#formkontakt {background:#EDEDED; width:650px; margin-top:45px; padding-bottom:40px}
#formkontakt p {text-align:center; font-size:16px; padding:20px 0px 20px 0px; background: #d8d8d8}
 
 .povinna {color:red}
 .errorMessage {background:#fff; padding:10px; text-align:center; color:red; margin:10px 30px 10px 30px; border:1px solid red; font-weight:bold; line-height:150% }
.successMessage  {background:#fff; padding:10px; text-align:center; color:#238E0B; margin:10px 30px 10px 30px; border:1px solid #238E0B; font-weight:bold; line-height:150% }
 
table.emailform {margin:0px 40px 0px 0px; }
table.emailform  td {padding:5px 5px 5px 5px; vertical-align:middle; text-align:right}
table.emailform  td input {width:320px}
table.emailform  td.center {text-align:center}
table.emailform  td textarea {width:320px}
table.emailform input.odeslat {width:150px; background:#003D73; border:1px solid #003D73; margin-left:4px; color:#fff; cursor:pointer; padding:10px 25px 10px 25px;}
table.emailform td.fleft {text-align:left; padding-left:30px} 

table.ceniky { font-size:13px; line-height:150%; margin-top:20px; width:740px ; border-collapse:collapse;}
table.ceniky th { background-color:#D8D8D8; padding: 8px; text-align: center; border:2px solid #fff; vertical-align:middle;	}
table.ceniky td {
		background-color: #F4F2F2;
		padding: 15px 8px 5px 8px; 
		vertical-align:middle;
		text-align:center;		
		border:2px solid #fff;
	}
table.ceniky td.fleft {text-align:left; padding-left:30px} 
table.ceniky h4 {color:#0763B5; font-size:14px; padding:0px; margin:0px} 
#content table.ceniky td img {background:#fff; border:1px solid #A8A1A1; margin:3px;}
	
#odeslat  {float:right; background:#003D73; margin-left:4px; color:#fff; padding:15px; font-size:12px;}



#content .fotoGaleryVypis { width:235px; height:170px; text-align:center; padding:0px; float:left; display: table-cell; vertical-align:middle;  }
#content .fotoGaleryVypis img {padding:26px 20px 11px 22px;width:150px; height:90px; border:0px; margin:0px; }
#content  a.pozadi { background: url('../img/bg-foto-slozky.png') 20px 0px no-repeat; width:235px; height:170px; font-weight:normal; color: #ec2327; display:block; float:left;}
#content  a:hover.pozadi{ background: url('../img/bg-foto-slozky-activ.png') 20px 0px no-repeat; width:235px; height:170px;  display:block; float:left;}
#content  .polozkaFotogalerie {margin-top:5px}

#content a.FotogalerieFoto {border: 1px solid #e4e5e5; background:#fff; margin:7px; float:left; padding:4px 8px 4px 8px; display: table-cell;}
#content a:hover.FotogalerieFoto {background:#EC2427}
#content img.foto {padding:0px; margin:0px; border:0px}

#footer {
	width:100%;
	font-size:12px;
	background:#222222;
    margin:0px 0px 0px 0px;
    position: relative;
	color:#fff;
}

#footer #text {
    width:1000px;
	margin:0 auto;
	text-align:left;
}

#footer #text h3 {color:#8d8d8d; font-size:28px; font-weight: normal; margin:0px 0px 15px 20px}

#footer #text .text-napsali {  background: transparent url('../img/bg-footer-text.png') repeat-y 0% 0%; }
#footer #text .napsali {width:320px; height:200px; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; float:left; font-size:12px; text-transform: uppercase}
#footer #text .napsali h3 {padding:0px; margin:0px 0px 10px 20px; font-size:14px; font-weight:bold; line-height:130%; height:30px; color:#f5f6f6; } 
	.napsali p {padding:0px 5px 0px 20px; margin:0px; text-align:left; color:#f5f6f6; line-height:140%; height:110px; }
	.napsali a  {text-decoration: none; color:#fff; background: red; padding:3px; margin-left:20px; font-size:11px;}
	.zdroj  {color:#8d8d8d; margin:0px 0px 10px 20px}	


#footer2 {
width:100%;
    height: 83px;
    float: left;
	font-size:12px;
	background: url('../img/bg-footer2.png') repeat-x 0 0; 
    margin:0px 0px 0px 0px;
    position: relative;
	color:#fff;
}

#footer2 p {line-height:140%; margin-top:30px}




.cleaner {
    clear: both;
}

/* fotogalerie */
.fotoGaleryVypis { width:160px; height:120px; text-align:center; padding:0px 3px 15px 5px; float:left; display: table-cell; vertical-align:middle; }
.fotoGaleryFoto {border: 1px dotted #9ACF05; margin:7px; width:180px; height:180px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}


#dokumenty ul {margin: 0px 10px 30px 0px; padding:0px; } 
#dokumenty ul li {background:none; color: #C3341C;
    font-size: 15px; font-weight:bold;
	 padding:  0px 0px 5px 0px; }
#dokumenty ul li span {color:#000; font-size:13px; font-weight:normal;	 padding:  0px 0px 5px 0px; }
#dokumenty ul  ul {margin: 3px 10px 20px 20px;}
#dokumenty ul ul li {background: url('../img/_li.jpg') no-repeat 0 5px; 
	 padding:  0px 0px 10px 15px; font-weight:normal; font-size:13px; line-height:140%;}

   #faqs {text-align:left; margin:0px; line-height:150%}
#faqs h3  { cursor:pointer; padding:0px 0px 5px 0px; margin:0px; color:#C3341C;  font-size:14px; text-decoration:underline; font-weight:normal;  }
#faqs h3 span {}
#faqs h3.active  { color:#d74646; } 
#faqs div { height:0; overflow:hidden; position:relative;  padding:0px 10px 5px 5px}
#faqs div p  { padding:5px 0px 5px 0px; margin: 0px; line-height:180%; }
#faqs ol {margin:0px 0px 0px 20px; list-style-type:none}
#faqs li {line-height:150% }
#faqs ol.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqs h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }