410 lines
8.4 KiB
CSS
Executable file
410 lines
8.4 KiB
CSS
Executable file
/* ORFEA CSS */
|
|
body {
|
|
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
color: #333;
|
|
text-align: center;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
behavior: url(../css/csshover.htc);
|
|
}
|
|
|
|
#obsah {
|
|
width:960px;
|
|
text-align:center;
|
|
margin:auto;
|
|
}
|
|
|
|
#hlavicka {
|
|
/*background-color: #FFC*;*/
|
|
text-align: center;
|
|
height: 120px;
|
|
}
|
|
|
|
|
|
#hlavicka #logo {
|
|
text-align:left; float:left; width:620px; height:100%;margin-top:-20px;
|
|
}
|
|
|
|
|
|
#hlavicka #lan {
|
|
text-align:right; float:right; width:330px; height:50px; margin-top:-20px;
|
|
}
|
|
|
|
#hlavicka #lan a {
|
|
background-color: white; border: 1px solid silver; padding: 4px 5px; margin: 15px 5px; float:right; display: block; text-decoration:none; color: #333;
|
|
}
|
|
|
|
#hlavicka #lan a:hover {
|
|
background-color: #00a08a; border: 1px solid #00a08a; color: #fff;
|
|
}
|
|
#hlavicka #lan .aktiv {
|
|
background-color: #089ed5; border: 1px solid #089ed5; color: white;
|
|
}
|
|
|
|
#hlavicka #vyhledavani {
|
|
text-align:right; float:right; width:330px; height:50%;
|
|
}
|
|
#menu {
|
|
background-color:#eee;
|
|
border-bottom:1px solid #ddd;
|
|
border-top:1px solid #ddd;
|
|
text-align:left;
|
|
height:60px;
|
|
}
|
|
#menu ul {float:left;
|
|
padding:0;
|
|
|
|
}
|
|
|
|
#menu li{
|
|
position:relative;
|
|
margin-top:-19px;
|
|
list-style:none;
|
|
display:inline;
|
|
line-height:60px;
|
|
font-size:18px;
|
|
float:left;
|
|
}
|
|
|
|
#menu li:hover{
|
|
background-color:#00a08a;
|
|
}
|
|
|
|
#menu li a{
|
|
padding: 0 15px;
|
|
color: black;
|
|
display:block;
|
|
text-decoration:none;
|
|
}
|
|
|
|
#menu li a:hover{
|
|
color:white;
|
|
}
|
|
|
|
#menu .aktiv {
|
|
background-color: #089ed5; color: white;
|
|
}
|
|
|
|
#menu>ul a {width: auto;}
|
|
|
|
#menu ul ul {position: absolute; display: none; }
|
|
#menu ul.level1 li.submenu:hover ul.level2 {display:block;}
|
|
#menu ul.level2
|
|
{top: 59px;
|
|
left: 0px;
|
|
margin-top: 1px;
|
|
text-align:left;}
|
|
|
|
#menu ul.level2 li
|
|
{width: 100%;
|
|
margin:0px;
|
|
float:left;
|
|
font-size:13px;
|
|
line-height:1.5em;
|
|
padding: 0px;
|
|
background-color: #aaa;
|
|
opacity:0.95;
|
|
border: 1px solid #999;
|
|
border-width: 1px 0px 0px 0px;
|
|
text-align:left;}
|
|
|
|
#menu ul.level2 li.dolni
|
|
{border-width: 1px 1px 1px 1px;}
|
|
|
|
#menu ul.level2 li a
|
|
{padding:8px 15px;
|
|
width: auto;
|
|
display:block;
|
|
color: white;
|
|
text-decoration:none;}
|
|
|
|
#menu ul.level2 li a:hover
|
|
{background-color:#089ed5;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#top-akce {
|
|
margin-top:30px;
|
|
text-align:left;
|
|
}
|
|
|
|
#top-akce #foto {
|
|
width:662px;
|
|
float:left;}
|
|
|
|
#top-akce #foto img{
|
|
border: 1px solid silver;
|
|
float:left;}
|
|
|
|
#top-akce #perex{
|
|
width: 280px;
|
|
float: right;
|
|
margin: 0px;
|
|
border: 0px solid black;
|
|
padding-left:15px;
|
|
}
|
|
|
|
/*#top-akce #perex a
|
|
{display:block;
|
|
text-decoration:none;
|
|
color:white;
|
|
width:100%;
|
|
}
|
|
#top-akce #perex a:hover
|
|
{background-color:#09F;
|
|
color:white;
|
|
}*/
|
|
|
|
.but-info a
|
|
{
|
|
background-color:#089ed5;
|
|
background-image:url(../images-sys/icon-i.png);
|
|
background-position: 20px 50%;
|
|
background-repeat:no-repeat;
|
|
font-size:20px;
|
|
line-height:50px;
|
|
color: white;
|
|
text-align:left;
|
|
padding-left:60px;
|
|
clear:both;
|
|
display:block;
|
|
text-decoration:none;
|
|
/*Firefox*/
|
|
-moz-border-top-left-radius: 10px;
|
|
-moz-border-top-right-radius: 10px;
|
|
-moz-border-bottom-right-radius: 10px;
|
|
-moz-border-bottom-left-radius: 10px;
|
|
/*Safari, Chrome*/
|
|
-webkit-border-top-left-radius: 10px;
|
|
-webkit-border-top-right-radius: 10px;
|
|
-webkit-border-bottom-right-radius: 10px;
|
|
-webkit-border-bottom-left-radius: 10px;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
border-bottom-left-radius: 10px; }
|
|
.but-info a:hover
|
|
{background-color:#00a08a;}
|
|
|
|
.but-prihlasky a
|
|
{
|
|
background-color:#ccc;
|
|
background-image:url(../images-sys/icon-prihlasky.png);
|
|
background-position: 20px 50%;
|
|
background-repeat:no-repeat;
|
|
width: 100px;
|
|
font-size:20px;
|
|
line-height:50px;
|
|
color: white;
|
|
text-align:left;
|
|
padding-left:60px;
|
|
float:left;
|
|
text-decoration:none;
|
|
/*Firefox*/
|
|
-moz-border-top-left-radius: 10px;
|
|
-moz-border-top-right-radius: 10px;
|
|
-moz-border-bottom-right-radius: 10px;
|
|
-moz-border-bottom-left-radius: 10px;
|
|
/*Safari, Chrome*/
|
|
-webkit-border-top-left-radius: 10px;
|
|
-webkit-border-top-right-radius: 10px;
|
|
-webkit-border-bottom-right-radius: 10px;
|
|
-webkit-border-bottom-left-radius: 10px;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
border-bottom-left-radius: 10px; }
|
|
|
|
.but-prihlasky a:hover
|
|
{background-color:#3b5998;}
|
|
|
|
.but-facebook a
|
|
{
|
|
background-color:#ccc;
|
|
background-image:url(../images-sys/icon-facebook.png);
|
|
background-position: 50% 50%;
|
|
background-repeat:no-repeat;
|
|
width: 110px;
|
|
font-size:20px;
|
|
line-height:50px;
|
|
color: white;
|
|
text-decoration:none;
|
|
text-align:left;
|
|
float:right;
|
|
/*Firefox*/
|
|
-moz-border-top-left-radius: 10px;
|
|
-moz-border-top-right-radius: 10px;
|
|
-moz-border-bottom-right-radius: 10px;
|
|
-moz-border-bottom-left-radius: 10px;
|
|
/*Safari, Chrome*/
|
|
-webkit-border-top-left-radius: 10px;
|
|
-webkit-border-top-right-radius: 10px;
|
|
-webkit-border-bottom-right-radius: 10px;
|
|
-webkit-border-bottom-left-radius: 10px;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
border-bottom-left-radius: 10px; }
|
|
.but-facebook a:hover
|
|
{background-color:#3b5998;}
|
|
|
|
.but-info2
|
|
{
|
|
position:absolute;
|
|
bottom: 10px;
|
|
width: 230px;}
|
|
|
|
|
|
.but-info2 a
|
|
{ background-color:#089ed5;
|
|
background-image:url(../images-sys/icon-i.png);
|
|
background-position: 20px 50%;
|
|
background-repeat:no-repeat;
|
|
font-size:20px;
|
|
line-height:40px;
|
|
color: white;
|
|
text-align:left;
|
|
padding-left:60px;
|
|
clear:both;
|
|
display:block;
|
|
text-decoration:none;
|
|
/*Firefox*/
|
|
-moz-border-top-left-radius: 10px;
|
|
-moz-border-top-right-radius: 10px;
|
|
-moz-border-bottom-right-radius: 10px;
|
|
-moz-border-bottom-left-radius: 10px;
|
|
/*Safari, Chrome*/
|
|
-webkit-border-top-left-radius: 10px;
|
|
-webkit-border-top-right-radius: 10px;
|
|
-webkit-border-bottom-right-radius: 10px;
|
|
-webkit-border-bottom-left-radius: 10px;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
border-bottom-left-radius: 10px; }
|
|
|
|
.but-info2 a:hover
|
|
{background-color:#00a08a;}
|
|
|
|
|
|
|
|
|
|
H1 {
|
|
color:#00a08a; font-weight:normal; font-size:21px; margin: 0 0 10px 0px;}
|
|
H2 {
|
|
color:#00a08a; font-weight:normal; font-size:20px;}
|
|
H3 {
|
|
color:#00a08a; font-weight:normal; font-size:15px;}
|
|
H4 {
|
|
color:#333; font-weight:normal; font-size:13px;}
|
|
p,ul {
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-size:12px;
|
|
line-height:1.3em;}
|
|
|
|
|
|
|
|
/* ---------------------- paticka ------------------------- */
|
|
#paticka
|
|
{margin:0px;
|
|
background-color:#3a3a3a;
|
|
width: 100%;
|
|
min-height:200px;}
|
|
|
|
.dolni-box
|
|
{
|
|
padding: 5px 25px;
|
|
|
|
width:220px;
|
|
text-align:left;
|
|
color: white;
|
|
float:left;}
|
|
.dolni-box p
|
|
{margin-left: 20px;}
|
|
.info-paticka
|
|
{color: #aaa; font-size: 11px;font-family: Arial, Helvetica, sans-serif; line-height:18px; clear:both;padding-bottom:10px;}
|
|
.info-paticka span
|
|
{color: white; font-size: 13 px;}
|
|
/* Circular Content Carousel Style */
|
|
.ca-container{
|
|
position:relative;
|
|
margin:15px auto 15px auto;
|
|
width:860px;
|
|
height:400px;
|
|
}
|
|
.ca-wrapper{
|
|
width:100%;
|
|
height:100%;
|
|
position:relative;
|
|
}
|
|
.ca-item{
|
|
position:relative;
|
|
float:left;
|
|
width:285px;
|
|
height:100%;
|
|
text-align:center;
|
|
}
|
|
|
|
.ca-item-main{
|
|
padding:14px;
|
|
position:absolute;
|
|
top:20px;
|
|
left:14px;
|
|
right:14px;
|
|
bottom:20px;
|
|
background:#fff;
|
|
overflow:hidden;
|
|
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
|
|
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
|
|
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.ca-item-main img
|
|
{border: 1px solid #ccc;}
|
|
|
|
|
|
|
|
.ca-item h3{
|
|
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
|
text-transform:uppercase;
|
|
font-size:14px;
|
|
color:#00a08a;
|
|
margin-bottom:20px;
|
|
/*height:85px;*/
|
|
text-align:left;
|
|
}
|
|
.ca-item h4{
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-style:normal;
|
|
font-size:12px;
|
|
text-align:left;
|
|
|
|
position:relative;
|
|
}
|
|
|
|
|
|
.ca-nav span{
|
|
width:25px;
|
|
height:38px;
|
|
background:transparent url(../images-sys/arrows.png) no-repeat top left;
|
|
position:absolute;
|
|
top:50%;
|
|
margin-top:-19px;
|
|
left:-30px;
|
|
text-indent:-9000px;
|
|
opacity:0.7;
|
|
cursor:pointer;
|
|
z-index:100;
|
|
}
|
|
.ca-nav span.ca-nav-next{
|
|
background-position:top right;
|
|
left:auto;
|
|
right:-30px;
|
|
}
|
|
.ca-nav span:hover{
|
|
opacity:1.0;
|
|
}
|