1733 lines
30 KiB
CSS
1733 lines
30 KiB
CSS
body {
|
||
background: #fff;
|
||
font-family: Calibri, Arial;
|
||
background-size: 100% 100%;
|
||
margin:0px 0px 0px 0px;
|
||
padding:0px 0px 0px 0px;
|
||
}
|
||
|
||
.header {
|
||
background-color:#ffffff;
|
||
font-family:Calibri;
|
||
font-size: 12px;
|
||
color:#173457;
|
||
text-align:center;
|
||
margin: 0px 0px 0px 0px;
|
||
width:100%;
|
||
border:0px solid;
|
||
z-index: 11;
|
||
position: fixed;
|
||
top: 0px;
|
||
height: 160px;
|
||
}
|
||
|
||
.top {
|
||
max-width: 1300px;
|
||
margin: 0 auto;
|
||
height: 104px;
|
||
font-family:Calibri;
|
||
font-size: 12px;
|
||
color:#173457;
|
||
}
|
||
|
||
h1.logo {
|
||
padding: 0px;
|
||
margin-top: 12px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.logo {
|
||
background: url("../../image/logo_put.png") left top no-repeat;
|
||
width: 208px;
|
||
height: 90px;
|
||
overflow: hidden;
|
||
display: block;
|
||
text-indent: -9999px;
|
||
-webkit-transition: all 0.4s ease;
|
||
transition: all 0.4s ease;
|
||
|
||
}
|
||
|
||
.logo a {
|
||
display: block;
|
||
height: 90px;
|
||
overflow: hidden;
|
||
position: absolute;
|
||
/*right: 0;*/
|
||
text-indent: -9999px;
|
||
top: 0;
|
||
width: 208px;
|
||
}
|
||
|
||
.title_konf {
|
||
color: #b9a175;
|
||
font-family:Calibri, Arial;
|
||
font-size: 24px;
|
||
text-align:right;
|
||
margin: -55px 20px 0px 350px;
|
||
max-width: 800px;
|
||
line-height: 28px;
|
||
-webkit-transition: all 0.4s ease;
|
||
transition: all 0.4s ease;
|
||
float: right;
|
||
border:0px solid;
|
||
}
|
||
|
||
.menu {
|
||
color: #ffffff;
|
||
background-color:#173457;
|
||
font-family:Calibri;
|
||
font-size: 18px;
|
||
text-align:center;
|
||
margin: 4px 0px 0px 0px;
|
||
height: 42px;
|
||
line-height: 42px;
|
||
-webkit-transition: all 0.4s ease;
|
||
transition: all 0.4s ease;
|
||
float: left;
|
||
border:0px solid;
|
||
width: 100%;
|
||
}
|
||
|
||
#nav {
|
||
font-family: Calibri;
|
||
font-size: 18px;
|
||
color:#ffffff;
|
||
text-decoration: none;
|
||
|
||
margin:0;
|
||
padding:0;
|
||
list-style:none;
|
||
}
|
||
|
||
/* make the LI display inline */
|
||
|
||
/* it's position relative so that position absolute */
|
||
|
||
/* can be used in submenu */
|
||
|
||
#nav li {
|
||
display:inline;
|
||
padding-bottom: 5px;
|
||
position: relative;
|
||
|
||
}
|
||
|
||
#nav li:hover {
|
||
-webkit-transition: all 0.4s ease;
|
||
}
|
||
|
||
/* this is the parent menu */
|
||
|
||
#nav li a {
|
||
color: #ffffff;
|
||
text-decoration: none;
|
||
padding-left: 30px;
|
||
padding-right: 30px;
|
||
border-right:1px solid #a69783;
|
||
-webkit-animation:colorchange 2s infinite alternate;
|
||
}
|
||
|
||
#nav li a:hover {
|
||
display: inline;
|
||
color: #cca879;
|
||
text-decoration: none;
|
||
transition: color 2s;
|
||
}
|
||
|
||
/* you can make a different style for default selected value */
|
||
#nav a.selected {
|
||
color:#f00;
|
||
}
|
||
|
||
|
||
/* display block will make the link fill the whole area of LI */
|
||
|
||
#nav ul a {
|
||
color: #ffffff;
|
||
text-decoration: none;
|
||
float:left;
|
||
}
|
||
|
||
#nav ul a:hover {
|
||
color: #cca879;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.printContainer {
|
||
display: none;
|
||
}
|
||
.cb{ clear: both; }
|
||
.left{ float: left; }
|
||
.right{ float: right; }
|
||
|
||
a {
|
||
color: #00adea;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.clearfix {
|
||
display: block;
|
||
}
|
||
|
||
|
||
* {
|
||
box-sizing: border-box;
|
||
}
|
||
img {
|
||
width: 100%;
|
||
height: auto;
|
||
}
|
||
.row:after {
|
||
content: "";
|
||
clear: both;
|
||
display: block;
|
||
}
|
||
|
||
|
||
|
||
.contactForm {
|
||
margin: 1.8em auto;
|
||
/*padding: 1.8em;*/
|
||
width: 100%;
|
||
|
||
}
|
||
|
||
|
||
|
||
.contactForm .label {
|
||
margin: 0.5em 10% 5px 0;
|
||
float: left;
|
||
display: block;
|
||
line-height: 28px;
|
||
min-width: 14em;
|
||
text-align: right;
|
||
font-size: 1.25em;
|
||
|
||
}
|
||
|
||
.contactForm .value {
|
||
float: left;
|
||
/*border: solid 1px red;*/
|
||
width: 100%;
|
||
text-align: left;
|
||
}
|
||
|
||
.contactForm .entry {
|
||
clear: both;
|
||
width: 100%;
|
||
}
|
||
|
||
|
||
.contactForm input[type="text"] {
|
||
background: #ffffff;
|
||
border: 1px #18659f;
|
||
border-radius: inherit;
|
||
margin: 0;
|
||
min-height: 2.2em;
|
||
text-align: left;
|
||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
||
box-sizing: border-box;
|
||
display: block;
|
||
line-height: 1.4em;
|
||
outline: 0 ;
|
||
padding: 0.4em;
|
||
width: 100%;
|
||
border-radius: 0em;
|
||
color: #686868;
|
||
font-family: Calibri, Arial;
|
||
font-size: 18px;
|
||
|
||
}
|
||
|
||
.contactForm input[type="text"]:focus {
|
||
-webkit-box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
-moz-box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
}
|
||
|
||
#datepicker_in, #datepicker_out {
|
||
background: url("../../image/input_calendar.png") no-repeat center right 2px #ffffff;
|
||
|
||
}
|
||
|
||
.contactForm textarea {
|
||
background: #ffffff;
|
||
border: 1px #18659f;
|
||
border-radius: inherit;
|
||
margin: 0;
|
||
min-height: 2.2em;
|
||
text-align: left;
|
||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
||
box-sizing: border-box;
|
||
display: block;
|
||
line-height: 1.4em;
|
||
outline: 0 none;
|
||
padding: 0.4em;
|
||
width: 100%;
|
||
border-radius: 0em;
|
||
color: #686868;
|
||
font-family: Calibri, Arial;
|
||
font-size: 18px;
|
||
}
|
||
|
||
.contactForm textarea:focus {
|
||
-webkit-box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
-moz-box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
}
|
||
|
||
.contactForm select {
|
||
background: #ffffff;
|
||
border: 1px #18659f;
|
||
border-radius: inherit;
|
||
margin: 0;
|
||
min-height: 2.2em;
|
||
text-align: left;
|
||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
||
box-sizing: border-box;
|
||
display: block;
|
||
line-height: 1.4em;
|
||
outline: 0 ;
|
||
padding: 0.4em;
|
||
width: 100%;
|
||
border-radius: 0em;
|
||
color: #686868;
|
||
font-family: Calibri, Arial;
|
||
font-size: 18px;
|
||
-webkit-appearance:none;
|
||
-moz-appearance:none;
|
||
background: url("../../image/drop_down_arrow.png") no-repeat center right 2px #ffffff;
|
||
|
||
}
|
||
.contactForm select:focus {
|
||
-webkit-box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
-moz-box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
}
|
||
|
||
input[type="submit"], input[type="button"] {
|
||
background: none repeat scroll 0 0 #444b56;
|
||
border: medium none;
|
||
border-radius: 0px;
|
||
box-shadow: 0 -10px 20px #444b56 inset;
|
||
color: #fff;
|
||
cursor: pointer;
|
||
margin-left: 0px;
|
||
padding: 7px 20px;
|
||
}
|
||
|
||
.offerTop {
|
||
width: 100%;
|
||
border: 1px solid;
|
||
padding: 1em;
|
||
}
|
||
|
||
|
||
[class*="col-"] {
|
||
float: left;
|
||
padding: 5px;
|
||
width: 100%;
|
||
}
|
||
|
||
|
||
|
||
|
||
div.configContainer {
|
||
|
||
}
|
||
|
||
|
||
div.configContainer div.confOptionContainer {
|
||
display: none;
|
||
}
|
||
|
||
|
||
|
||
@media only screen and (min-width: 600px) {
|
||
.col-s-1 {width: 8.33%;}
|
||
.col-s-2 {width: 16.66%;}
|
||
.col-s-3 {width: 25%;}
|
||
.col-s-4 {width: 33.33%;}
|
||
.col-s-5 {width: 41.66%;}
|
||
.col-s-6 {width: 50%;}
|
||
.col-s-7 {width: 58.33%;}
|
||
.col-s-8 {width: 66.66%;}
|
||
.col-s-9 {width: 75%;}
|
||
.col-s-10 {width: 83.33%;}
|
||
.col-s-11 {width: 91.66%;}
|
||
.col-s-12 {width: 100%;}
|
||
}
|
||
@media only screen and (min-width: 768px) {
|
||
.col-1 {width: 8.33%;}
|
||
.col-2 {width: 16.66%;}
|
||
.col-3 {width: 25%;}
|
||
.col-4 {width: 33.33%;}
|
||
.col-5 {width: 41.66%;}
|
||
.col-6 {width: 50%;}
|
||
.col-7 {width: 58.33%;}
|
||
.col-8 {width: 66.66%;}
|
||
.col-9 {width: 75%;}
|
||
.col-10 {width: 83.33%;}
|
||
.col-11 {width: 91.66%;}
|
||
.col-12 {width: 100%;}
|
||
|
||
img {
|
||
width: auto;
|
||
height: auto;
|
||
}
|
||
|
||
|
||
}
|
||
|
||
@media only screen and (max-width: 960px) {
|
||
.find {
|
||
left: auto;
|
||
right: 2em;
|
||
}
|
||
.langIcon {
|
||
left: auto;
|
||
|
||
}
|
||
}
|
||
|
||
|
||
|
||
/* fix ie6 small issue
|
||
we should always avoid using hack like this
|
||
should put it into separate file : )
|
||
*html #nav ul {
|
||
margin:0 0 0 -2px;
|
||
}*/
|
||
|
||
.container {
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
border: solid red 0px;
|
||
}
|
||
|
||
|
||
|
||
.aside {
|
||
background-color: #33b5e5;
|
||
padding: 15px;
|
||
color: #ffffff;
|
||
text-align: center;
|
||
font-size: 18px;
|
||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
|
||
}
|
||
.footer {
|
||
background-color: #0099cc;
|
||
color: #ffffff;
|
||
text-align: center;
|
||
font-size: 12px;
|
||
padding: 15px;
|
||
}
|
||
|
||
/*
|
||
#main {
|
||
background-color:#e3eaf2;
|
||
color:#273032;
|
||
font-family:Calibri, Arial;
|
||
font-size: 18px;
|
||
line-height: 34px;
|
||
margin: 92px 0px 0px 0px;
|
||
width:100%;
|
||
padding-bottom:28px;
|
||
padding-top:16px;
|
||
border:0px solid;
|
||
}
|
||
|
||
.main {
|
||
position: relative;
|
||
margin: 0;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.main.fullscreen {
|
||
height: 100%;
|
||
}
|
||
|
||
.main.style1 {
|
||
text-align: center;
|
||
padding: 3em 0 3em 0;
|
||
|
||
}
|
||
|
||
.main.style1 h2 {
|
||
font-size: 4.25em;
|
||
line-height: 1em;
|
||
letter-spacing: -4px;
|
||
}
|
||
|
||
.main.style1:before {
|
||
content: '';
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
height: 100%;
|
||
}
|
||
|
||
.main.style1 .content {
|
||
-moz-transition: all 1s ease;
|
||
-webkit-transition: all 1s ease;
|
||
-ms-transition: all 1s ease;
|
||
transition: all 1s ease;
|
||
-moz-transform: translateZ(0);
|
||
-webkit-transform: translateZ(0);
|
||
-ms-transform: translateZ(0);
|
||
transform: translateZ(0);
|
||
opacity: 1.0;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.main.style1.inactive .content {
|
||
opacity: 0;
|
||
}
|
||
|
||
.main.style2 {
|
||
max-width: 1200px;
|
||
padding: 1em;
|
||
padding: 3em 3em 3em 3em;
|
||
overflow: hidden;
|
||
border: 1px solid red;
|
||
}
|
||
|
||
.main.style2 .content {
|
||
-moz-transition: all 1s ease;
|
||
-webkit-transition: all 1s ease;
|
||
-ms-transition: all 1s ease;
|
||
transition: all 1s ease;
|
||
-moz-transform: translateZ(0);
|
||
-webkit-transform: translateZ(0);
|
||
-ms-transform: translateZ(0);
|
||
transform: translateZ(0);
|
||
position: relative;
|
||
width: 100%;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
background-color:#e3eaf2;
|
||
padding: 0 3em 0 3em;
|
||
border-radius: 5px;
|
||
}
|
||
|
||
.main.style2.left:after {
|
||
content: '';
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
height: 100%;
|
||
}
|
||
|
||
.main.style2.left .content {
|
||
left: 0;
|
||
}
|
||
|
||
.main.style2.right:before {
|
||
content: '';
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
height: 100%;
|
||
}
|
||
|
||
.main.style2.right .content {
|
||
left: 14%;
|
||
}
|
||
|
||
.main.style2.inactive.left .content {
|
||
left: -86%;
|
||
}
|
||
|
||
.main.style2.inactive.right .content {
|
||
left: 120%;
|
||
}
|
||
|
||
.main.style3 {
|
||
text-align: center;
|
||
padding: 3em 10px 3em 10px;
|
||
background-color:#ffffff;
|
||
}
|
||
|
||
.main.contentText {
|
||
padding: 3em 3em 3em 3em;
|
||
overflow: hidden;
|
||
border: 1px solid red;
|
||
background-color:#ffffff;
|
||
}
|
||
|
||
|
||
|
||
.main.contentText .content {
|
||
-moz-transition: all 1s ease;
|
||
-webkit-transition: all 1s ease;
|
||
-ms-transition: all 1s ease;
|
||
transition: all 1s ease;
|
||
-moz-transform: translateZ(0);
|
||
-webkit-transform: translateZ(0);
|
||
-ms-transform: translateZ(0);
|
||
transform: translateZ(0);
|
||
position: relative;
|
||
max-width: 1200px;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
background-color:#ffffff;
|
||
padding: 0 3em 0 3em;
|
||
border-radius: 2px 50px;
|
||
}
|
||
|
||
.main.contentText.left:after {
|
||
content: '';
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
height: 100%;
|
||
}
|
||
|
||
.main.contentText.left .content {
|
||
left: 0;
|
||
}
|
||
|
||
.main.contentText.right:before {
|
||
content: '';
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
height: 100%;
|
||
}
|
||
|
||
.main.contentText.right .content {
|
||
left: 14%;
|
||
}
|
||
|
||
.columnRight {
|
||
float: right;
|
||
background-color: #e3eaf2;
|
||
margin-left: 30px;
|
||
margin-top: 60px;
|
||
}
|
||
|
||
.menuRight {
|
||
padding: 2em;
|
||
line-height: 25px;
|
||
}
|
||
.menuRight .link1-head {
|
||
color: #0087ba;
|
||
font-size: 1.2em;
|
||
}
|
||
|
||
.menuRight .link1 {
|
||
padding-left: 1em;
|
||
padding-top: 4px;
|
||
}
|
||
|
||
.menuRight .link1 a {
|
||
color: #000000;
|
||
font-size: 1.1em;
|
||
}
|
||
.menuRight .link1 a:hover {
|
||
color: #0087ba;
|
||
|
||
}
|
||
|
||
.menuRight .link2 {
|
||
padding-left: 2em;
|
||
}
|
||
|
||
.menuRight .link2 a {
|
||
color: #000000;
|
||
font-size: 1.0em;
|
||
|
||
}
|
||
.menuRight .link2 a:hover {
|
||
color: #0087ba;
|
||
}
|
||
|
||
.menuRight .link3 {
|
||
padding-left: 3em;
|
||
line-height: 16px;
|
||
}
|
||
|
||
.menuRight .link3 a {
|
||
color: #000000;
|
||
font-size: 0.8em;
|
||
|
||
}
|
||
.menuRight .link3 a:hover {
|
||
color: #0087ba;
|
||
}
|
||
|
||
|
||
|
||
.main.style2.inactive.left .content {
|
||
left: -86%;
|
||
}
|
||
|
||
.main.contentText.inactive.right .content {
|
||
left: 120%;
|
||
}
|
||
.main.footer {
|
||
text-align: left;
|
||
padding: 3em 10px 3em 10px;
|
||
background-color: #0087ba;
|
||
font-family:Calibri, Arial;
|
||
font-size: 16px;
|
||
line-height: 20px;
|
||
color:#ffffff;
|
||
text-align:center;
|
||
margin: 0px 0px 0px 0px;
|
||
width:100%;
|
||
padding-top:45px;
|
||
padding-bottom:60px;
|
||
border:0px solid;
|
||
}
|
||
|
||
.main.footer h2 {
|
||
color: #ef9719;
|
||
font-family:Calibri, Arial;
|
||
font-weight:normal;
|
||
font-size: 22px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.main.footer a {
|
||
color: #ffffff;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.main.footer a:hover {
|
||
color: #ef9719;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.main.footer ul {
|
||
list-style-position: inside;
|
||
padding: 0;
|
||
line-height: 1.3em;
|
||
list-style-image: url(../../image/Strona/li.png);
|
||
}
|
||
.main.footer .copyright,.address, .map {
|
||
text-align: left;
|
||
padding-left: 4em;
|
||
}
|
||
.main.footer .address {
|
||
text-align: left;
|
||
padding-left: 4em;
|
||
}*/
|
||
|
||
div.mottoContent {
|
||
margin: 0 auto;
|
||
max-width: 1200px;
|
||
padding: 1em;
|
||
}
|
||
|
||
div.motto {
|
||
color:#393939;
|
||
font-family:Calibri, Arial;
|
||
font-size: 18px;
|
||
line-height: 32px;
|
||
text-align:center;
|
||
margin: 0px 0px 0px 0px;
|
||
width:100%;
|
||
padding-bottom:28px;
|
||
padding-top:28px;
|
||
border:0px solid;
|
||
margin-top: 165px;
|
||
}
|
||
|
||
div.motto h1 {
|
||
color: #173457;
|
||
font-family:Calibri, Arial;
|
||
font-weight:bold;
|
||
letter-spacing: 4px;
|
||
font-size: 23px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
div.motto h2 {
|
||
color: #173457;
|
||
font-family:Calibri, Arial;
|
||
font-weight:normal;
|
||
font-size: 32px;
|
||
line-height: 38px;
|
||
letter-spacing: 1px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
div.motto h3 {
|
||
color: #173486;
|
||
font-family:Calibri, Arial;
|
||
font-weight:normal;
|
||
font-size: 22px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
div.motto h4 {
|
||
color: #173486;
|
||
font-family:Calibri, Arial;
|
||
font-weight:bold;
|
||
font-size: 18px;
|
||
text-decoration: none;
|
||
border-bottom: 1px solid #e9d9c4;
|
||
}
|
||
|
||
div.motto h5 {
|
||
color: #173486;
|
||
font-family:Calibri, Arial;
|
||
font-weight:bold;
|
||
font-size: 24px;
|
||
text-decoration: none;
|
||
border-bottom: 1px solid #e9d9c4;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
div.motto h6 {
|
||
color: #2b4ba5;
|
||
font-family:Calibri, Arial;
|
||
font-weight:bold;
|
||
font-size: 20px;
|
||
line-height: 22px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
div.motto hr {
|
||
border: 0px;
|
||
height: 1px;
|
||
background: #cca879;
|
||
}
|
||
|
||
div.title {
|
||
background-color:#f6e8dc;
|
||
font-family:Calibri, Arial;
|
||
text-align:left;
|
||
font-size: 18px;
|
||
font-weight:bold;
|
||
color:#a35f50;
|
||
margin:0px 0px 20px 0px;
|
||
width:100%;
|
||
padding:10px;
|
||
border: 0px solid;
|
||
box-shadow: 5px 10px 8px #f1f1f1;
|
||
}
|
||
|
||
div.bottomContent {
|
||
margin: 0 auto;
|
||
max-width: 1100px;
|
||
padding: 1em;
|
||
}
|
||
|
||
div.bottom {
|
||
background-color:#f1f1f1;
|
||
font-family:Calibri, Arial;
|
||
font-size: 14px;
|
||
line-height:26px;
|
||
color:#666666;
|
||
text-align:left;
|
||
margin: 0px 0px 0px 0px;
|
||
width:100%;
|
||
padding-top:45px;
|
||
padding-bottom:60px;
|
||
border:0px solid;
|
||
}
|
||
|
||
div.bottom h1 {
|
||
color: #1e1e1e;
|
||
font-family:Calibri, Arial;
|
||
font-weight:normal;
|
||
font-size: 16px;
|
||
line-height:12px;
|
||
text-decoration: none;
|
||
font-weight:normal;
|
||
}
|
||
|
||
div.bottom a {
|
||
color: #666666;
|
||
text-decoration: none;
|
||
}
|
||
|
||
div.bottom a:hover {
|
||
color: #000000;
|
||
text-decoration: none;
|
||
}
|
||
|
||
|
||
[class*="col-"] {
|
||
float: left;
|
||
padding: 5px;
|
||
width: 100%;
|
||
border:1px solid;
|
||
}
|
||
|
||
|
||
/* Work */
|
||
|
||
#work .row.images .image {
|
||
-moz-transition: all 1s ease;
|
||
-webkit-transition: all 1s ease;
|
||
-ms-transition: all 1s ease;
|
||
transition: all 1s ease;
|
||
-moz-transform: translateZ(0);
|
||
-webkit-transform: translateZ(0);
|
||
-ms-transform: translateZ(0);
|
||
transform: translateZ(0);
|
||
position: relative;
|
||
top: 0;
|
||
left: 0;
|
||
opacity: 1.0;
|
||
|
||
}
|
||
|
||
#work .row.images .image img {
|
||
max-width: 100%;
|
||
width: auto;
|
||
padding-top:10px;
|
||
}
|
||
|
||
#work .row.images.inactive .image {
|
||
opacity: 0;
|
||
}
|
||
|
||
#work .row.images.inactive .image.from-left {
|
||
left: -14em;
|
||
}
|
||
|
||
#work .row.images.inactive .image.from-right {
|
||
left: 14em;
|
||
}
|
||
|
||
#work .row.images.inactive .image.from-top {
|
||
top: -7em;
|
||
}
|
||
|
||
#work .row.images.inactive .image.from-bottom {
|
||
top: 7em;
|
||
}
|
||
#work .row a {
|
||
font-family:Calibri, Arial;
|
||
font-size: 24px;
|
||
line-height: 26px;
|
||
color:#002f61;
|
||
text-align:center;
|
||
text-decoration: none;
|
||
}
|
||
|
||
#work .row a:hover {
|
||
color: #00bef3;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.tresc {
|
||
margin-top: 50px;
|
||
}
|
||
|
||
.tresc h1.title {
|
||
font-family:Calibri, Arial;
|
||
font-size: 2em;
|
||
color: #0D90D6;
|
||
font-weight: inherit;
|
||
}
|
||
|
||
.tresc img {
|
||
max-width: 100%;
|
||
height: auto;
|
||
width: auto;
|
||
}
|
||
|
||
.tresc h1 {
|
||
font-family:Calibri, Arial;
|
||
font-size: 1.6em;
|
||
font-weight:normal;
|
||
color: #002f61;
|
||
}
|
||
|
||
.tresc h2 {
|
||
font-family:Calibri, Arial;
|
||
font-size: 1.5em;
|
||
font-weight:normal;
|
||
color: #002f61;
|
||
}
|
||
|
||
.tresc hr {
|
||
margin-top: 3em;
|
||
margin-bottom: 3em;
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
color: #e3eaf2;
|
||
background-color: #e3eaf2;
|
||
height: 0px;
|
||
border-style: solid;
|
||
}
|
||
|
||
.moreInfoMain {
|
||
max-width: 630px; border: solid red 0px; color: #ffffff; clear: both;
|
||
}
|
||
|
||
.moreInfoImage {
|
||
float: left; min-height: 265px; min-width: 260px; border: solid red 0px; margin-right: 5px; background-color: #e6e6e6; position: relative;
|
||
}
|
||
.moreInfoImage img {
|
||
border: solid 0px red; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; margin: 0 auto; text-align: center; max-width: 200px; max-height: 200px; width: auto; height: auto;
|
||
}
|
||
.moreInfoTitle {
|
||
float: left; border: solid red 0px; min-width: 350px; min-height: 85px; background-color: #b7b7b7; text-align: center; line-height: 85px; font-size: 20px;
|
||
}
|
||
.moreInfoFileMain {
|
||
float: left; border: solid red 0px; min-width: 350px; min-height: 85px; margin-top: 5px; background-color: #e6e6e6; color: #0099ff; position: relative;
|
||
}
|
||
.moreInfoFile {
|
||
position: absolute; top: 50%; transform: translateY(-50%); width: 100%; margin: 0 auto;
|
||
}
|
||
.moreInfoFile a {
|
||
display: block; color: #0099ff; text-align: center; vertical-align:middle; font-size: 12px;
|
||
}
|
||
.moreInfoFile img {
|
||
max-width: 32px; height: 32px; vertical-align:middle; margin-bottom: 8px;
|
||
}
|
||
.moreInfoContact {
|
||
float: left; border: solid red 0px; min-width: 350px; min-height: 85px; margin-top: 5px; background-color: #7e9fb2;
|
||
}
|
||
.moreInfoContact a {
|
||
display: block; color: #ffffff; text-align: center; line-height: 85px; font-size: 24px;
|
||
}
|
||
.moreInfoContactSolo {
|
||
float: left; border: solid red 0px; min-width: 350px; min-height: 85px; margin-top: 5px; background-color: #7e9fb2;
|
||
}
|
||
.moreInfoContactSolo a {
|
||
display: block; color: #ffffff; text-align: center; line-height: 85px; font-size: 24px;
|
||
}
|
||
|
||
|
||
.formBox {
|
||
float: left;
|
||
/*margin: 3em;*/
|
||
padding-top: 3em;
|
||
padding-bottom: 3em;
|
||
width:100%;
|
||
line-height: initial;
|
||
|
||
}
|
||
.formContainer {
|
||
text-align: left;
|
||
border: solid red 0px;
|
||
|
||
}
|
||
.contactForm {
|
||
margin: 1.8em auto;
|
||
/*padding: 1.8em;*/
|
||
width: 100%;
|
||
|
||
}
|
||
|
||
|
||
|
||
.contactForm .label {
|
||
margin: 0.5em 1em 5px 0;
|
||
float: left;
|
||
display: block;
|
||
line-height: 28px;
|
||
min-width: 14em;
|
||
text-align: right;
|
||
font-size: 1.25em;
|
||
|
||
}
|
||
|
||
.contactForm .value {
|
||
float: left;
|
||
/*border: solid 1px red;*/
|
||
width: 40%;
|
||
text-align: left;
|
||
padding-top: 12px;
|
||
}
|
||
|
||
.contactForm .entry {
|
||
clear: both;
|
||
width: 100%;
|
||
}
|
||
|
||
|
||
.contactForm input[type="text"] {
|
||
background: #e6e6e6;
|
||
border: 1px #18659f;
|
||
border-radius: inherit;
|
||
margin: 0;
|
||
min-height: 2.2em;
|
||
text-align: left;
|
||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
||
box-sizing: border-box;
|
||
display: block;
|
||
line-height: 1.4em;
|
||
outline: 0 ;
|
||
padding: 0.4em;
|
||
width: 100%;
|
||
border-radius: 0em;
|
||
color: #686868;
|
||
font-family: Calibri, Arial;
|
||
font-size: 15px;
|
||
|
||
}
|
||
|
||
.contactForm input[type="text"]:focus {
|
||
-webkit-box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
-moz-box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
}
|
||
|
||
#datepicker_in, #datepicker_out {
|
||
background: url("../../image/input_calendar.png") no-repeat center right 2px #ffffff;
|
||
|
||
}
|
||
|
||
.contactForm textarea {
|
||
background: #e6e6e6;
|
||
border: 1px #18659f;
|
||
border-radius: inherit;
|
||
margin: 0;
|
||
/*min-height: 15em;*/
|
||
text-align: left;
|
||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
||
box-sizing: border-box;
|
||
display: block;
|
||
line-height: 1.4em;
|
||
outline: 0 none;
|
||
padding: 0.4em;
|
||
width: 100%;
|
||
border-radius: 0em;
|
||
color: #686868;
|
||
font-family: Calibri, Arial;
|
||
font-size: 18px;
|
||
/*min-width: 30em;*/
|
||
}
|
||
|
||
.contactForm textarea:focus {
|
||
-webkit-box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
-moz-box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
}
|
||
|
||
.contactForm select {
|
||
background: #ffffff;
|
||
border: 1px #18659f;
|
||
border-radius: inherit;
|
||
margin: 0;
|
||
min-height: 2.2em;
|
||
text-align: left;
|
||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
||
box-sizing: border-box;
|
||
display: block;
|
||
line-height: 1.4em;
|
||
outline: 0 ;
|
||
padding: 0.4em;
|
||
width: 100%;
|
||
border-radius: 0em;
|
||
color: #686868;
|
||
font-family: Calibri, Arial;
|
||
font-size: 18px;
|
||
-webkit-appearance:none;
|
||
-moz-appearance:none;
|
||
background: url("../../image/drop_down_arrow.png") no-repeat center right 2px #ffffff;
|
||
|
||
}
|
||
.contactForm select:focus {
|
||
-webkit-box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
-moz-box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
box-shadow: 0 0 12px #444b56 /*{a-active-background-color}*/;
|
||
}
|
||
|
||
input[type="submit"], input[type="button"] {
|
||
font-size: 1em;
|
||
line-height: 1.3;
|
||
padding: 7px 20px;
|
||
color: #fff;
|
||
background: #5ba0d0;
|
||
border: none;
|
||
box-shadow: inset 0px -10px 20px #173457;
|
||
-webkit-box-shadow: inset 0px -10px 20px #173457;
|
||
-moz-box-shadow: inset 0px -10px 20px #173457;
|
||
-o-box-shadow: inset 0px -10px 20px #173457;
|
||
border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
-webkit-border-radius: 3px;
|
||
margin-left: 5px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
input[type="submit"]:hover, input[type="button"]:hover {
|
||
background: #6fabd5;
|
||
box-shadow: inset 0px -10px 20px #3887bb;
|
||
-webkit-box-shadow: inset 0px -10px 20px #3887bb;
|
||
-moz-box-shadow: inset 0px -10px 20px #3887bb;
|
||
-o-box-shadow: inset 0px -10px 20px #3887bb;
|
||
}
|
||
|
||
.breadCrumbs {
|
||
position: absolute;
|
||
}
|
||
|
||
.breadCrumbs a{
|
||
font-size: 0.8em;
|
||
}
|
||
|
||
.pager a {
|
||
/* color: red;*/
|
||
margin-left: 1em;
|
||
}
|
||
.pager a.selected {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.searchButton {
|
||
margin-left: -29px;
|
||
padding-top: 0px;
|
||
height: 36px;
|
||
background: #0087ba;
|
||
border: 0px;
|
||
color: #fff;
|
||
display: none;
|
||
}
|
||
.searchButtonSmall {
|
||
height: 31px;
|
||
}
|
||
|
||
input[type=checkbox]:not(old),
|
||
input[type=radio ]:not(old){
|
||
width : 28px;
|
||
margin : 0;
|
||
padding : 0;
|
||
opacity : 0;
|
||
}
|
||
|
||
input[type=checkbox]:not(old) + label,
|
||
input[type=radio ]:not(old) + label{
|
||
display : inline-block;
|
||
margin-left : -28px;
|
||
padding-left : 28px;
|
||
background : url('../../image/checks.png') no-repeat 0 0;
|
||
line-height : 24px;
|
||
}
|
||
|
||
input[type=checkbox]:not(old):checked + label{
|
||
background-position : 0 -24px;
|
||
}
|
||
|
||
input[type=radio]:not(old):checked + label{
|
||
background-position : 0 -48px;
|
||
}
|
||
|
||
|
||
@media only screen and (max-width: 760px) {
|
||
|
||
.title_konf {
|
||
display: none;
|
||
}
|
||
|
||
div.menuRwd {
|
||
display: block;
|
||
background: #173457 url("../../image/mobile_menu_white.png") right top no-repeat;
|
||
width: 100%;
|
||
height: 44px;
|
||
/*position: fixed;*/
|
||
left: 0px;
|
||
}
|
||
|
||
.menu {
|
||
display: none;
|
||
margin-top: -38px;
|
||
margin: -38px 0px 0px 0px;
|
||
position: absolute;
|
||
line-height: 25px;
|
||
margin-top: 0px;
|
||
text-align:right;
|
||
}
|
||
|
||
#nav {
|
||
background: #173457;
|
||
}
|
||
#nav li {
|
||
display: inline-block;
|
||
position: static;
|
||
border-top: 1px solid #cca879;
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
|
||
#nav li a {
|
||
display: block;
|
||
color: #ffffff;
|
||
}
|
||
|
||
#nav li a:hover {
|
||
display: block;
|
||
color: #cca879;
|
||
}
|
||
|
||
#nav li a.moreLink {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
}
|
||
|
||
#nav ul {
|
||
position:static;
|
||
left: 0;
|
||
transform: translate(0, 0);
|
||
top: 0px;
|
||
display: none;
|
||
margin: 0 0 0 0px;
|
||
padding: 0;
|
||
list-style: none;
|
||
line-height: 0;
|
||
width: 100%;
|
||
background-color: #2884a5;
|
||
}
|
||
|
||
#nav ul li {
|
||
line-height: 14px;
|
||
padding: 0;
|
||
border: 0px;
|
||
margin: 0;
|
||
background-color: #2884a5;
|
||
|
||
}
|
||
|
||
#nav ul li a {
|
||
line-height: 14px;
|
||
padding: 5px;
|
||
background-color: #2884a5;
|
||
}
|
||
#nav ul li a:hover {
|
||
line-height: 14px;
|
||
padding: 5px;
|
||
background-color: #2884a5;
|
||
border-top: 1px solid #2884a5;
|
||
border-bottom: 1px solid #33a19d;
|
||
}
|
||
|
||
|
||
.find {
|
||
left: auto;
|
||
right: 0;
|
||
top: 0;
|
||
display: none;
|
||
|
||
}
|
||
.find2 {
|
||
width: 100%;
|
||
background-color: #eaeff4;
|
||
display: block;
|
||
}
|
||
|
||
.find2 input {
|
||
width:185px;
|
||
height:40px;
|
||
padding-left:15px;
|
||
font-family: Calibri, Arial;
|
||
font-size: 18px;
|
||
color: #6f6f6f;
|
||
border: 1px solid #cacaca;
|
||
}
|
||
|
||
.find-small input {
|
||
height:35px;
|
||
}
|
||
.langIcon {
|
||
left: 0px;
|
||
top: 0;
|
||
right: 1px;
|
||
}
|
||
.langIcon a {
|
||
position: absolute;
|
||
right: 5px;
|
||
bottom: -15px;
|
||
}
|
||
.langIcon-small {
|
||
bottom: -145px;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.main.footer .address, .main.footer .copyright {
|
||
padding-left: 0px;
|
||
text-align: center;
|
||
}
|
||
|
||
.main.contentText {
|
||
padding: 0.5em;
|
||
}
|
||
|
||
.menuRight {
|
||
padding: 0.5em;
|
||
line-height: 20px;
|
||
}
|
||
.moreInfoImage, .moreInfoTitle, .moreInfoFileMain, .moreInfoContact, .moreInfoFileMain {
|
||
width: 100%;
|
||
}
|
||
.moreInfoTitle {
|
||
margin-top: 5px;
|
||
}
|
||
|
||
.contactForm .value {
|
||
width: 100%;
|
||
text-align: left;
|
||
}
|
||
.contactForm .label {
|
||
|
||
display: block;
|
||
line-height: 28px;
|
||
min-width: 14em;
|
||
text-align: left;
|
||
font-size: 1.25em;
|
||
}
|
||
.contactForm .value img {
|
||
max-width: 100%;
|
||
height: auto;
|
||
width: auto;
|
||
}
|
||
}
|
||
|
||
@media only screen and (max-width: 1280px) {
|
||
|
||
.main.contentText.right .content {
|
||
left: 0;
|
||
}
|
||
.main.contentText .content {
|
||
width: 100%;
|
||
padding: 0;
|
||
}
|
||
.main.style2.right .content {
|
||
left: 0;
|
||
}
|
||
.main.style2 .content {
|
||
width: 100%;
|
||
padding: 0;
|
||
}
|
||
.breadCrumbs {
|
||
left: 1%;
|
||
}
|
||
|
||
}
|
||
|
||
|
||
@media print {
|
||
|
||
img {
|
||
max-width: 100%;
|
||
height: auto;
|
||
width: auto;
|
||
}
|
||
.header, .slider, .columnRight, .footer, #main {
|
||
display: none;
|
||
}
|
||
.main.contentText .content {
|
||
display: none;
|
||
}
|
||
.main.style3.primary {
|
||
display: none;
|
||
}
|
||
.main.style2.right {
|
||
display: block;
|
||
}
|
||
.content.box.style2 {
|
||
display: block;
|
||
}
|
||
.cookieView {
|
||
display: none;
|
||
}
|
||
.main.contentText {
|
||
padding: 0;
|
||
}
|
||
|
||
table { page-break-inside:auto }
|
||
tr { page-break-inside:avoid; page-break-after:auto }
|
||
thead { display:table-header-group }
|
||
tfoot { display:table-footer-group }
|
||
.main.contentText.right .content {
|
||
left: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.sticky-wrapper {
|
||
height: 0px !important;
|
||
display: none !important;
|
||
}
|
||
p{
|
||
page-break-after: auto ;
|
||
}
|
||
|
||
.printContainer {
|
||
display: block;
|
||
}
|
||
}
|
||
|
||
|
||
.control-group {
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
background: #fff;
|
||
text-align: left;
|
||
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
||
padding: 30px;
|
||
width: 200px;
|
||
height: 210px;
|
||
margin: 10px;
|
||
}
|
||
.control {
|
||
display: block;
|
||
position: relative;
|
||
padding-left: 30px;
|
||
margin-bottom: 15px;
|
||
cursor: pointer;
|
||
font-size: 18px;
|
||
}
|
||
.control input {
|
||
position: absolute;
|
||
z-index: -1;
|
||
opacity: 0;
|
||
}
|
||
.control__indicator {
|
||
position: absolute;
|
||
top: 2px;
|
||
left: 0;
|
||
height: 20px;
|
||
width: 20px;
|
||
background: #e6e6e6;
|
||
}
|
||
.control--radio .control__indicator {
|
||
border-radius: 50%;
|
||
}
|
||
.control:hover input ~ .control__indicator,
|
||
.control input:focus ~ .control__indicator {
|
||
background: #ccc;
|
||
}
|
||
.control input:checked ~ .control__indicator {
|
||
background: #2aa1c0;
|
||
}
|
||
.control:hover input:not([disabled]):checked ~ .control__indicator,
|
||
.control input:checked:focus ~ .control__indicator {
|
||
background: #0e647d;
|
||
}
|
||
.control input:disabled ~ .control__indicator {
|
||
background: #e6e6e6;
|
||
opacity: 0.6;
|
||
pointer-events: none;
|
||
}
|
||
.control__indicator:after {
|
||
content: '';
|
||
position: absolute;
|
||
display: none;
|
||
}
|
||
.control input:checked ~ .control__indicator:after {
|
||
display: block;
|
||
}
|
||
.control--checkbox .control__indicator:after {
|
||
left: 8px;
|
||
top: 4px;
|
||
width: 3px;
|
||
height: 8px;
|
||
border: solid #fff;
|
||
border-width: 0 2px 2px 0;
|
||
transform: rotate(45deg);
|
||
}
|
||
.control--checkbox input:disabled ~ .control__indicator:after {
|
||
border-color: #7b7b7b;
|
||
}
|
||
.control--radio .control__indicator:after {
|
||
left: 7px;
|
||
top: 7px;
|
||
height: 6px;
|
||
width: 6px;
|
||
border-radius: 50%;
|
||
background: #fff;
|
||
}
|
||
.control--radio input:disabled ~ .control__indicator:after {
|
||
background: #7b7b7b;
|
||
}
|
||
.select {
|
||
position: relative;
|
||
display: inline-block;
|
||
margin-bottom: 15px;
|
||
width: 100%;
|
||
}
|
||
.select select {
|
||
display: inline-block;
|
||
width: 100%;
|
||
cursor: pointer;
|
||
padding: 10px 15px;
|
||
outline: 0;
|
||
border: 0;
|
||
border-radius: 0;
|
||
background: #e6e6e6;
|
||
color: #7b7b7b;
|
||
appearance: none;
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
}
|
||
.select select::-ms-expand {
|
||
display: none;
|
||
}
|
||
.select select:hover,
|
||
.select select:focus {
|
||
color: #000;
|
||
background: #ccc;
|
||
}
|
||
.select select:disabled {
|
||
opacity: 0.5;
|
||
pointer-events: none;
|
||
}
|
||
.select__arrow {
|
||
position: absolute;
|
||
top: 16px;
|
||
right: 15px;
|
||
width: 0;
|
||
height: 0;
|
||
pointer-events: none;
|
||
border-style: solid;
|
||
border-width: 8px 5px 0 5px;
|
||
border-color: #7b7b7b transparent transparent transparent;
|
||
}
|
||
.select select:hover ~ .select__arrow,
|
||
.select select:focus ~ .select__arrow {
|
||
border-top-color: #000;
|
||
}
|
||
.select select:disabled ~ .select__arrow {
|
||
border-top-color: #ccc;
|
||
}
|
||
|
||
|
||
|
||
/* tabelki do wy<77>wietlania danych */
|
||
table.datagrid {
|
||
/*font-size: 13px;*/
|
||
}
|
||
table.datagrid img {
|
||
border: 0px;
|
||
}
|
||
|
||
|
||
table.datagrid input[type=text] {
|
||
border: 1px solid #494b4a;
|
||
background: #ffffff;
|
||
}
|
||
|
||
textarea {
|
||
border: 1px solid #6a6a6a;
|
||
}
|
||
input[type=text] {
|
||
border: 1px solid #6a6a6a;
|
||
}
|
||
|
||
|
||
|
||
table.datagrid th {
|
||
color: #000000;
|
||
padding: 3px;
|
||
text-align: left;
|
||
}
|
||
table.datagrid th.sum {
|
||
text-align: right;
|
||
}
|
||
table.datagrid th.accepted {
|
||
text-align: right;
|
||
}
|
||
table.datagrid th.moderated {
|
||
text-align: right;
|
||
}
|
||
table.datagrid th.deleted {
|
||
text-align: right;
|
||
}
|
||
table.datagrid th.wait {
|
||
text-align: right;
|
||
}
|
||
table.datagrid th.avgwait {
|
||
text-align: right;
|
||
}
|
||
table.datagrid td.wait {
|
||
color: #e17104;
|
||
text-align: right;
|
||
}
|
||
table.datagrid td.date {
|
||
text-align: left;
|
||
}
|
||
table.datagrid td.avgwait {
|
||
color: #5c9e75;
|
||
text-align: right;
|
||
}
|
||
table.datagrid td.moderationtime {
|
||
color: #8b5c9e;
|
||
}
|
||
table.datagrid td.date {
|
||
color: #000099;
|
||
}
|
||
table.datagrid td.sum {
|
||
color: #000000;
|
||
font-weight: bold;
|
||
text-align: right;
|
||
}
|
||
table.datagrid td.accepted {
|
||
color: #009900;
|
||
text-align: right;
|
||
}
|
||
table.datagrid td.moderated {
|
||
color: #000000;
|
||
text-align: right;
|
||
}
|
||
table.datagrid td.deleted {
|
||
color: #FF0000;
|
||
text-align: right;
|
||
}
|
||
table.datagrid tr { background-color: #ffffff; }
|
||
table.datagrid tr.even { background-color: #eeeeee; }
|
||
|
||
tr.underlineWithPadding td {border-bottom: 1px solid #cccccc; padding: 10px; }
|
||
|
||
|
||
div#info_container div.info {
|
||
margin: 0 auto;
|
||
width: 72%;
|
||
padding:10px;
|
||
padding-left:35px;
|
||
background: #f0eec3 url('../../image/Admin/inf.gif') no-repeat scroll 4px center;
|
||
color:#000000;
|
||
margin-bottom:10px;
|
||
font-weight:normal;
|
||
border:1px #f0cd56 solid;
|
||
|
||
}
|
||
div#info_container div.error {
|
||
|
||
padding:10px;
|
||
padding-left:35px;
|
||
background: #be7075 url('../../image/Admin/error.gif') no-repeat scroll 4px center;
|
||
color:#ffffff;
|
||
margin-bottom:10px;
|
||
font-weight:bold;
|
||
border:1px #cc0000 dashed;
|
||
}
|
||
|
||
|
||
/* DivTable.com */
|
||
.divTable{
|
||
display: table;
|
||
width: 100%;
|
||
}
|
||
.divTableRow {
|
||
display: table-row;
|
||
}
|
||
.divTableHeading {
|
||
background-color: #EEE;
|
||
display: table-header-group;
|
||
}
|
||
.divTableCell, .divTableHead {
|
||
border: 1px solid #999999;
|
||
display: table-cell;
|
||
padding: 3px 10px;
|
||
}
|
||
.divTableHeading {
|
||
background-color: #EEE;
|
||
display: table-header-group;
|
||
font-weight: bold;
|
||
}
|
||
.divTableFoot {
|
||
background-color: #EEE;
|
||
display: table-footer-group;
|
||
font-weight: bold;
|
||
}
|
||
.divTableBody {
|
||
display: table-row-group;
|
||
}
|
||
|