ACC SHELL
html { height:100%; }
body#unitedsolution-cz { background: url('../images/shadow-top.jpg') repeat-x top; height:100%; }
.shadow-bottom { background: url('../images/shadow-bottom.jpg') repeat-x bottom; min-height:100%; }
.container { }
/**************************************/
/* GLOBALS */
/**************************************/
p, li {
font-size: 11px;
line-height: 13px;
}
.last { border: none!important; }
/**************************************/
/* HEADER */
/**************************************/
.header {
position: relative;
}
.header .logo {
width: 169px; height: 90px;
position: absolute;top: 30px;left: 30px;
z-index: 2;
}
.header .man {
width: 364px; height: 604px;
position: absolute;top: 45px;left: 40px;
background: url('../images/man.png') no-repeat;
z-index: 1;
}
.header .login {
position: absolute;top: 420px;left: 50px;
z-index: 2;
}
.header .login h2 {
font-size: 14px;
color: #588dcd;
margin: 0 0 5px 0;
}
.header .login p {
margin: 0 0 5px 0; padding: 0;
}
.header .login label {
display: inline-block;
width: 60px;
font-size: 12px;
margin: 0; padding: 0;
}
.header .login input {
display: inline-block;
width: 100px;
background: #ededed;
border: 1px solid #ededed;
margin: 0; padding: 0;
}
.header .login .submit {
width: 73px; height: 20px;
line-height: 20px;
background: url('../images/button.gif') no-repeat bottom;
font-size: 11px;
cursor: pointer;
border: 1px solid #fff;
margin: 5px 0 0 90px;
}
.submit {
width: 73px; height: 20px;
line-height: 20px;
background: url('../images/button.gif') no-repeat bottom;
font-size: 11px;
cursor: pointer;
border: 1px solid #fff;
margin: 5px 0 0 90px;
}
/**************************************/
/* MAINMENU */
/**************************************/
.mainmenu {
width: 629px; height: 160px;
background: url('../images/mainmenu.png') no-repeat top;
float: right;
z-index: 999;
}
.mainmenu ul {
margin: 0;
}
.mainmenu li {
width: 104px; height: 160px;
border-right: 1px solid #aaa49a;
float: left;
list-style: none;
text-align: center;
}
.mainmenu li a {
width: 104px; height: 140px;
color: #535353;
text-transform: uppercase;
text-decoration: none;
display: block;
padding: 20px 0 0 0;
background: url('../images/menu-1.jpg') no-repeat 0 50px;
}
.mainmenu li.menu-1 a { background-image: url('../images/menu-1.jpg'); background-position: -104px 50px;}
.mainmenu li.menu-2 a { background-image: url('../images/menu-2.jpg'); background-position: -104px 50px;}
.mainmenu li.menu-3 a { background-image: url('../images/menu-3.jpg'); background-position: -104px 50px;}
.mainmenu li.menu-4 a { background-image: url('../images/menu-4.jpg'); background-position: -104px 50px;}
.mainmenu li.menu-5 a { background-image: url('../images/menu-5.jpg'); background-position: -104px 50px;}
.mainmenu li.menu-6 a { background-image: url('../images/menu-6.jpg'); background-position: -104px 50px;}
.mainmenu li a:hover, .mainmenu li.active {
background-position: 0px 50px;
}
.mainmenu li a.active {
font-weight: bold;
background-position: 0px 50px;
}
/**************************************/
/* MAIN CONTENT */
/**************************************/
.content {
width: 629px;
float: right;
background: #fff;
}
.content .text {
width: 400px; min-height: 450px;
float: left;
padding: 20px 0 0 105px;
}
.content .text .flash {
color: black;
background: #FFF9D7;
border: 1px solid #E2C822;
padding: 1em;
margin: 1em 0;
}
.content .text2 {
width: 524px; min-height: 450px;
float: left;
padding: 20px 0 0 105px;
}
.content .text h2 {
color: #cf8217;
margin: 0 0 10px 0;
}
.content .text2 h2 {
color: #cf8217;
margin: 0 0 10px 0;
}
.content .text h3 {
font-size: 15px;
margin: 0 0 10px 0;
}
.content .text2 h3 {
font-size: 15px;
margin: 0 0 10px 0;
}
.content .text ul {
margin-left: 0;
}
.content .text2 ul {
margin-left: 0;
}
.content .text li {
background: url('../images/dot.jpg') no-repeat left center;
background-position: 0px 4px;
list-style: none;
top: 5;
padding: 0 0 0 20px; margin: 0;
}
.content .text2 li {
background: url('../images/dot.jpg') no-repeat left center;
list-style: none;
padding: 0 0 0 20px; margin: 0;
}
.content .column {
width: 180px; min-height: 450px;
float: right;
background: #ededed;
margin: 0; padding: 20px 15px;
}
.content .column h2 {
border-bottom: 2px solid #d0d0d0;
font-size: 18px;
color: #434343;
}
.content .column h3 {
font-size: 14px;
color: #588dcd;
margin: 0 0 5px 0;
}
/**************************************/
/* FOOTER */
/**************************************/
.footer {
width: 589px; height: 32px;
background: url('../images/footer.png') no-repeat;
float: right;
color: #fff;
padding: 0 20px;
font-size: 10px;
}
.footer a {
color: #fff;
}
.footer p {
float: left;
margin: 0; padding: 0;
line-height: 32px;
}
.footer p.copyright {
float: right;
}
/**************************************/
/* contact_form / pavel */
/**************************************/
#contact_form p {
margin: 0 0 5px 0; padding: 0;
}
#contact_form label {
display: inline-block;
width: 60px;
font-size: 12px;
margin: 0; padding: 0;
}
#contact_form label.big {
width: 135px;
}
.cap {
margin-bottom: 15px;
}
textarea {
height: 100px;
width: 270px;
}
a[href^="error:"] {
background: red;
color: white;
}
.gallery {
width: 98px;
height: 130px;
background: url("../images/gallery.jpg") no-repeat top;
color: #13b2c5;
text-align: center;
position: relative;
float: left;
margin: 0 5px 10px 0;
}
.gallery div.description {
width: 142px;
height: 35px;
background: #eee;
color: #000;
text-align: left;
position: absolute;
top: 151px;
left: 0;
display: block;
text-decoration: none;
padding: 4px;
}
.gallery a.description {
width: 92px;
height: 35px;
background: #eee;
color: #000;
text-align: left;
position: absolute;
top: 90px;
left: 0;
display: block;
text-decoration: none;
padding: 4px;
}
.gallery a:hover.description {
background: #c1272d;
color: #fff;
text-decoration: none;
}
.gallery .image {
width: 98px;
height: 99px;
text-align: center;
position:relative;
display: table-cell;
vertical-align: middle;
}
.gallery .image img {
display: block;
position:relative;
left: 0;
margin: 0 auto;
}
ACC SHELL 2018