/*
CSS ID: CAD012
CSS VR: VER002
*/
body {
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
color:#575757;
}
#wrapper {
position:relative;
width:100%;
overflow:hidden;
}
h1#logo{
width:100%;
height:116px;
position:absolute;
bottom:3%;
left:0;
background: rgb(255, 255, 255); /* The Fallback */
background: rgba(255, 255, 255, 0.6);
z-index:1;
padding: 20px 0 0 30px;
}
img.splash_bg {
width: 100%;
z-index:0;
}
#site_entrance {
width:750px;
margin:30px auto;
overflow:hidden;
}
#site_entrance .left{
float:left;
text-align:right;
background:url(images/divide.gif) right 0 no-repeat;
padding:0 30px 60px 0;
width:45%;
}
#site_entrance .right{
float:left;
padding:0 0 60px 30px;
width:45%;
}
a.arrow {
color:#5ca038;
font-size:1.6em;
font-weight:bold;
text-decoration:none;
background:url(images/splash_arrows.png) right 0 no-repeat;
height:19px;
padding:0 30px 0 0;
}
a.arrow.arrow_right {
background:url(images/splash_arrows.png) left -19px no-repeat;
padding:0 0 0 30px;
}
a:hover {
text-decoration:underline;
}
p {
font-size:1.2em;
line-height:1.6em;
margin:0 0 10px 0;
}
h1 {
font-size:2.8em;
line-height:1.3em;
color:#212121;
margin:0 0 10px 0;
}
@media (max-width: 768px) {
h1#logo {position: relative; top:0; left: 0; text-align:center; padding:20px 0 0 0; height: auto;}
h1#logo img {width:200px;}
#site_entrance {width:100%;}
#site_entrance .left, #site_entrance .right {float: none;
clear: both; width:100%;text-align: center; padding:0;}
#site_entrance .right {padding-top:30px;}
a.arrow.arrow_right, a.arrow {
color:#fff;
padding:15px 20px 10px 20px;
background: #5ca038;
display: inline-block;
width:60%;
}
p {padding: 0 20px; font-size:1.4em;}
h1 {padding: 0 20px;}
}
@media (max-width: 480px) {
h1#logo img {width:160px;}
#site_entrance {margin: 20px auto;}
#site_entrance .right { padding-top: 20px;}
h1 {line-height:1em;}
}
@media (max-height: 480px) {
p {padding: 0 10px; font-size:1em; display: none;}
}