#html, body {
top : 0;
right : 0;
bottom : 0;
left : 0;
width : auto;
height : 100%;
margin-left:auto;
margin-right:auto;
text-align:center;
display:inline-block;
}
.backtopbtn {
width: auto;
height: auto;
margin-left:auto;
margin-right:auto;
text-align: center;
padding-top: 0px;
display: inline-block;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-left: 40px;
padding-right: 40px;
vertical-align: top;
margin-top: 10px;
margin-bottom: 10px;
}
#parent {
float: left;
width: 100%;
text-align: center;
display:inline-block;
height: auto;
color: #000000;
margin-left: auto;
margin-right: auto;
background-image: url(images/pc.png);
}
#parenttaux {
float: left;
width: 100%;
text-align: center;
background-repeat: no-repeat;
background-position: center;
display:inline-block;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: auto;
color: #000000;
margin-left: auto;
margin-right: auto;
background-color: #D5CBB8;
}
#parentlogo {
width: 100%;
text-align: center;
background-repeat: no-repeat;
background-position: center;
display:inline-block;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: auto;
margin-top: 0px;
background-image: url(images/pc.png);
padding-top: 30px;
}
.topbtn {
width: 100%;
margin-top: 0px;
color: #FFFFFF;
font-size: 0.8em;
text-align: center;
margin-bottom: 0px;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
font-family: Geneva, Arial, Helvetica, sans-serif;
padding-left: 0px;
padding-right: 0px;
margin-left: auto;
display: inline-block;
vertical-align: top;
position:relative;
-moz-box-shadow: 3px 3px 4px #1A1A1A;
-webkit-box-shadow: 3px 3px 4px #1A1A1A;
box-shadow: 3px 3px 4px #1A1A1A; /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#1A1A1A')"; /* For IE 5.5 - 7 */
background-color: #333333;
margin-right: auto;
}
.topbtninner {
width: 80%;
color: #FFFFFF;
font-size: 1.1em;
text-align: center;
height: auto;
font-family: Geneva, Arial, Helvetica, sans-serif;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
display: inline-block;
margin-right: auto;
}
.topbtn2 {
color: #202020;
font-size: 0.8em;
text-align: center;
height: auto;
font-family: Geneva, Arial, Helvetica, sans-serif;
display: inline-block;
width: auto;
}
.topbtn2 a:link{
color:#002853;
}
.toplogo {
width: 100%;
margin-bottom: 0px;
margin-top: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
padding-bottom: 0px;
height:auto;
padding-left: 0px;
padding-right: 0px;
display: inline-block;
vertical-align: top;
}
.toplogo2 {
width: 159px;
margin-bottom: 0px;
margin-top: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
padding-bottom: 0px;
height:auto;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
a:link {
color: #FFFFFF;
text-decoration : none;
}
a:visited {
color : #FFFFFF;
text-decoration : none;
}
a:hover {
color : #CCCC00;
text-decoration : none;
}
a:active {
color : #FFFFFF;
text-decoration : none;
}
.sq2 {
float: left;
width: 100%;
text-align: center;
background-repeat: no-repeat;
background-position: center;
display:inline-block;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: auto;
background-image: url(images/mid-reparation.jpg);
padding-top: 60px;
padding-bottom: 60px;
-moz-box-shadow: 3px 3px 4px #666666;
-webkit-box-shadow: 3px 3px 4px #666666;
box-shadow: 3px 3px 4px #666666; /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')"; /* For IE 5.5 - 7 */
}
.sq2bot {
float: left;
width: 100%;
text-align: center;
background-repeat: no-repeat;
background-position: center;
background-size: auto;
display:inline-block;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: auto;
padding-top: 80px;
padding-bottom: 60px;
background-image: url(images/mid2-reparation.jpg);
-moz-box-shadow: 3px 3px 4px #666666;
-webkit-box-shadow: 3px 3px 4px #666666;
box-shadow: 3px 3px 4px #666666; /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')"; /* For IE 5.5 - 7 */
position:relative;
}
.mid-text {
width: 100%;
height: auto;
text-align: left; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-bottom: 5px;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
}
.mid-textparent {
height: auto;
text-align: center; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
padding-bottom: 5px;
color: #FFFFFF;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
width:320px;
}
.mid-textparentbot {
height: auto;
text-align: center; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
padding-bottom: 5px;
color: #FFFFFF;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
width:320px;
}
.mid-textparent2 {
height: auto;
text-align: center; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
padding-bottom: 5px;
color: #FFFFFF;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
width:320px;
}
.mid-textparent3 {
height: auto;
text-align: center; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
padding-bottom: 5px;
color: #FFFFFF;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
width:320px;
}
.mid-texttop {
width: 100%;
height: auto;
text-align: center; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-bottom: 10px;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
background-color: #333333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 2px #1A1A1A;
-webkit-box-shadow: 1px 1px 2px #1A1A1A;
box-shadow: 1px 1px 2px #1A1A1A; /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#1A1A1A')"; /* For IE 5.5 - 7 */
}
.mid-textbot {
width: 100%;
height: auto;
text-align: center; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-bottom: 0px;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1.6em;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.mid-texttop2 {
width: 100%;
height: auto;
text-align: center; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-bottom: 10px;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
background-color: #333333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 2px #1A1A1A;
-webkit-box-shadow: 1px 1px 2px #1A1A1A;
box-shadow: 1px 1px 2px #1A1A1A; /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#1A1A1A')"; /* For IE 5.5 - 7 */
}
.mid-textbot2 {
width: 100%;
height: auto;
text-align: center; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-bottom: 0px;
color: #FF3300;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 2em;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.mid-texttop3 {
width: 100%;
height: auto;
text-align: center; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-bottom: 10px;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
background-color: #333333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 2px #1A1A1A;
-webkit-box-shadow: 1px 1px 2px #1A1A1A;
box-shadow: 1px 1px 2px #1A1A1A; /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#1A1A1A')"; /* For IE 5.5 - 7 */
}
.mid-textbot3 {
width: 100%;
height: auto;
text-align: left; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-bottom: 10px;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-text-shadow: 3px 3px 2px #666666;
-moz-text-shadow: 3px 3px 2px #666666;
text-shadow: 3px 3px 2px #666666;
}
.mid-texttop4 {
width: 100%;
height: auto;
text-align: center; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-bottom: 30px;
color: #333333;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
padding-top: 30px;
padding-left: 0px;
padding-right: 0px;
background-color: #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 2px #1A1A1A;
-webkit-box-shadow: 1px 1px 2px #1A1A1A;
box-shadow: 1px 1px 2px #1A1A1A; /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#1A1A1A')"; /* For IE 5.5 - 7 */
}
.mid-textbot4 {
width: 100%;
height: auto;
text-align: left; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-bottom: 30px;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
.mid-textbot4inner {
width: auto;
height: auto;
text-align: left; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-bottom: 0px;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
padding-top: 30px;
padding-left: 15px;
padding-right: 15px;
}
.mid-textbot4innerb {
width: auto;
height: auto;
text-align: left; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-bottom: 0px;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
}
.mid-textbot4innerb img:hover
{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.mid-texttop5 {
width: 100%;
height: auto;
text-align: center; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-bottom: 30px;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
padding-top: 30px;
padding-left: 0px;
padding-right: 0px;
background-color: #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 2px #1A1A1A;
-webkit-box-shadow: 1px 1px 2px #1A1A1A;
box-shadow: 1px 1px 2px #1A1A1A; /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#1A1A1A')"; /* For IE 5.5 - 7 */
}
.mid-textbot5 {
width: 100%;
height: auto;
text-align: center; /* !!! */
vertical-align: top;
display:inline-block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-bottom: 30px;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
padding-top: 30px;
padding-left: 0px;
padding-right: 0px;
background-color: #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.ptxt3 {
width: 300px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-align: left;
height: auto;
margin-left: 0px;
margin-right: 0px;
color: #002853;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
display: inline-block;
vertical-align: top;
}
.ptxt3inner {
width: auto;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1.4em;
text-align: left;
height: auto;
margin-left: 0px;
margin-right: 0px;
color: #211C18;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.sms {
width: 100%;
height: auto;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align: left;
}
.ptxt3b {
width: 300px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-align: left;
height: auto;
margin-left: 0px;
margin-right: 0px;
color: #002853;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
display: inline-block;
vertical-align: top;
}
.ptxt3binner {
width: auto;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-align: left;
height: auto;
margin-left: 0px;
margin-right: 0px;
color: #002853;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.ptxt3c {
width: 300px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-align: left;
height: auto;
margin-left: 0px;
margin-right: 0px;
color: #002853;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
display: inline-block;
vertical-align: top;
}
.ptxt3cinner {
width: auto;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-align: left;
height: auto;
margin-left: 0px;
margin-right: 0px;
color: #002853;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.right {
float: left;
width: 100%;
height: auto;
text-align: center;
background-repeat: no-repeat;
background-position: center;
background-color:#D5CBB8;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-bottom: 10px;
padding-top: 10px;
}
.rightinner {
width: auto;
height: auto;
text-align: center;
padding-left:15px;
padding-right:15px;
}
.keybot {
float: left;
width: 100%;
height: auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-align: center;
background-color:#2F2B28;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-top: 30px;
padding-bottom: 40px;
}
h1 {
float: left;
width: 100%;
height: auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #2F2B28;
text-align: center;
background-color:#D5CBB8;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-top: 0px;
padding-bottom: 0px;
}
.keybot2 {
float: left;
width: 100%;
height: 40px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 6px;
color: #999999;
text-align: center;
}
img {
border : 0;
}
::-webkit-scrollbar {
height: 12px;
width: 12px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background: #999999;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-corner {
background: #FFFFFF;
}