* {
margin: 0;
padding: 0;
}
html, body{
height:100%;
background: url('../images/middle-content-large.jpg') repeat-y center;
}
a img {border:0}
div.submenu a:link {color: #556088; font: arial 10px; font-weight: bold; text-decoration:none;}
div.submenu a:visited {color: #556088; font: arial 10px; font-weight: bold; text-decoration:none;}
div.submenu a:hover {color: #556088; font: arial 10px; font-weight: bold; text-decoration:underline;}
div.submenu a:active {color: #556088; font: arial 10px; font-weight: bold; text-decoration:underline;}
div.submenu td {padding: 0px 2px;}
#container{
width:868px;
margin:auto;
height:100%;
background: url('../images/middle-content.jpg') repeat-y right;
}
#content {
width:868px;
margin:auto;
clear:both;
}
#left{
width:192px;
float:left;
margin-right:9px;
background-color:#FFFFFF;
}
#logo{
width:192px;
height:133px;
margin-bottom:3px;
}
.subMeniu{
width:192px;
height:130px;
background: url('../images/repeat-left.jpg') repeat-y left;
}
.subMeniu1{
width:192px;
height:26px;
}
.subMeniu2{
width:192px;
height:80px;
background: url('../images/repeat-left.jpg') repeat-y left;
font-family:Arial;
font-size:14px;
color:#355077;
padding-top:15px;
}
.subMeniu2 p{
padding:0px 0 0 10px;
}
.subMeniu2 a:link, .subMeniu2 a:visited{
font-family:Arial;
font-size:14px;
color:#355077;
text-decoration:none;
}
.subMeniu2 a:active, .subMeniu2 a:hover{
font-family:Arial;
font-size:14px;
color:#355077;
text-decoration:underline;
}
.spacer01{
height:1px;
background-color:#FFFFFF;
width:189px;
margin:8px 0;
}
.subMeniub{
width:192px;
height:161px;
margin-bottom:3px;
background: url('../images/repeat-left.jpg') repeat-y left;
}
.subMeniu2b{
width:192px;
height:118px;
padding-top:5px;
font-family:Arial;
font-size:12px;
color:#355077;
}
.subMeniu2b p{
padding:0px 0 0 10px;
line-height:18px;
}
.subMeniu2b a:link, .subMeniu2b a:visited{
font-family:Arial;
font-size:12px;
color:#355077;
text-decoration:underline;
}
.subMeniu2b a:active, .subMeniu2b a:hover{
font-family:Arial;
font-size:12px;
color:#355077;
text-decoration:none;
}
.subMeniu3{
width:192px;
height:12px;
background: url('../images/repeat-left.jpg') repeat-y left;
}
#right{
width:667px;
float:left;
font-family:Arial;
font-size:12px;
color:#2f4b73;
}
#menuTop{
width:667px;
height:329px;
background:#FFFFFF;
}
#menu{
width:667px;
height:93px;
margin-bottom:3px;
padding-top:43px;
background:url(../images/menu_bg.jpg) 0 43px no-repeat;
}
#menu a img {border:0;}
#header{
width:667px;
height:175px;
}
h1{
font-family:Arial;
font-size:18px;
color:#2f4b73;
padding:5px 0 5px 15px;
align: center;
}
h2{
font-family:Arial;
font-size:18px;
color:#eb3700;
padding:5px 0 5px 15px;
text-decoration:none;
}
h3{
font-family:Arial;
font-size:13px;
color:#1a5283;
padding:5px 0 5px 15px;
}
h1 img{
margin-top:3px;
}
h1 span{
display:none;
}
#texte{
font-family:Arial;
font-size:12px;
color:#2f4b73;
text-align:justify;
padding:15px;
line-height:18px;
background: url('../images/middle-content.jpg') repeat-y right;
}
.h201{
width:629px;
height:38px;
background: url('../images/h2-bg.jpg') no-repeat left top;
font-family:Arial;
font-size:14px;
font-weight:normal;
padding:4px 5px 0px 5px;
}
.h202{
width:629px;
height:56px;
background: url('../images/h2-bg2.jpg') no-repeat left top;
font-family:Arial;
font-size:14px;
font-weight:normal;
padding:4px 5px 0px 5px;
}
.h203{
width:629px;
height:21px;
background: url('../images/h2-bg3.jpg') no-repeat left top;
font-family:Arial;
font-size:14px;
font-weight:normal;
padding:4px 5px 0px 5px;
}
h2 span{
font-weight:bold;
}
ul{
margin:10px 0px 0 15px;
}
ul li{
padding-bottom:5px;
padding-left:15px;
list-style:none;
list-style-type:none;
background:url('../images/bullet02.jpg') no-repeat left 7px;
}
ol{
margin:10px 0px 0 30px;
}
ol li{
padding-bottom:5px;
padding-left:5px;
}
.spacer02{
height:1px;
background-color:#eb3700;
width:90%;
margin:8px auto;
}
#texte a:link, #texte a:visited{
font-family:Arial;
font-size:12px;
color:#ea3401;
text-decoration:underline;
}
#texte a:hover, #texte a:active{
font-family:Arial;
font-size:12px;
color:#ea3401;
text-decoration:none;
}
a.link:link, a.link:visited{
font-family:Arial;
font-size:12px;
color:#ea3401;
text-decoration:underline;
}
a.link:hover, a.link:active{
font-family:Arial;
font-size:12px;
color:#ea3401;
text-decoration:none;
}
.subtitle01{
width:515px;
height:35px;
margin:auto;
background: url('../images/bg-subtitle.jpg') no-repeat left top;
padding-top:17px;
text-align:center;
font-family:Arial;
font-size:14px;
margin:15px auto;
}
.subtitle02{
width:515px;
height:42px;
margin:auto;
background: url('../images/bg-subtitle.jpg') no-repeat left top;
padding-top:10px;
text-align:center;
font-family:Arial;
font-size:14px;
margin:15px auto;
}
.photoBox{
width:230px;
height:137px;
padding:3px;
background-color:#FFFFFF;
border:1px solid #8595ad;
}
.floatRight{
float:right;
margin-left:15px;
}
.floatLeft{
float:left;
margin-right:15px;
}
.login{
background: url('../images/login.jpg') no-repeat left top;
width:300px;
height:142px;
margin:auto;
margin-top:30px;
padding:32px 29px 0 67px;
font-family:Arial;
font-size:14px;
color:#2f4b73;
}
.loginInput{
background-color:#FFFFFF;
border:1px solid #cfcfd1;
width:215px;
color:#2f4b73;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
margin-top:1px;
margin-right:2px;
}
.loginInputOver{
background-color:#eaedf4;
border:1px solid #7d95b8;
width:215px;
color:#2f4b73;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
margin-top:1px;
margin-right:2px;
}
.loginOK{
background: url('../images/login-ok.jpg') no-repeat left top;
width:62px;
height:30px;
border-width:0px;
margin:10px 0 0 0;
cursor:pointer;
}
.loginOKover{
background: url('../images/login-ok-over.jpg') no-repeat left top;
width:62px;
height:30px;
border-width:0px;
margin:10px 0 0 0;
cursor:pointer;
}
.contactInfo{
padding-left:15px;
border:1px solid #CCCCCC;
padding:5px;
width:627px;
margin:2px 0 0 0;
background-color:#EEEEEE;
}
.contactBox{
margin:auto;
width:582px;
background-color:#EEEEEE;
border:1px solid #CCCCCC;
padding:10px;
padding-left:45px;
margin:2px 0 0 0;
}
.photoPlan{
float:right;
margin:20px 15px 0 10px;
padding:3px;
height:101px;
border:1px solid #8595ad;
background-color:#FFFFFF;
}
.ofertaTable{
width:639px;
background-color:#e8e8ec;
border:1px solid #d0d0d2;
border-top-width:0px;
}
.ofertaTable td{
padding:3px;
}
.ofertaTable2{
width:620px;
background-color:#FFFFFF;
border:1px solid #d0d0d2;
margin:auto;
}
.ofertaTable2 td{
padding:3px;
border:1px solid #d0d0d2;
}
.label{
width:100px;
float:left;
padding-top:3px;
padding-left:5px;
font-size:12px;
font-family:Arial;
}
.input{
background-color:#e9edf4;
border:1px solid #2f4b73;
width:150px;
color:#2f4b73;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.inputOver{
background-color:#e9edf4;
border:1px solid #CCCCCC;
width:150px;
color:#2f4b73;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.button{
width:80px;
background-color:#70839f;
font-weight:bold;
letter-spacing:1px;
color:#e9edf4;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
cursor:pointer;
}
.buttonOver{
width:80px;
background-color:#CCCCCC;
font-weight:bold;
letter-spacing:1px;
color:#2f4b73;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
cursor:pointer;
}
.textarea{
background-color:#e9edf4;
border:1px solid #427791;
width:400px;
height:100px;
color:#2f4b73;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.textareaOver{
background-color:#e9edf4;
border:1px solid #CCCCCC;
width:400px;
height:200px;
color:#2f4b73;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.separator{
clear:both;
font-size:1px;
height:1px;
}
#footer {
position: relative; /* Needed for Safari */
width:868px;
margin:auto;
height:26px;
padding-top:14px;
background: #FFFFFF url('../images/footer-content.jpg') no-repeat right top;
font-family: Arial;
font-size:11px;
color:#9a9999;
}
#footerLeft{
float:left;
width:182px;
padding-left:10px;
}
#footerRight{
float:left;
width:655px;
padding-left:12px;
}
#footerRight a:link, #footerRight a:visited{
font-family: Arial;
font-size:11px;
color:#9a9999;
text-decoration:underline;
padding-right:10px;
}
#footerRight a:hover, #footerRight a:active{
font-family: Arial;
font-size:11px;
color:#9a9999;
text-decoration:none;
padding-right:10px;
}
.hardware_section {
display: none;
}
select {font-size: 11px;}
.button {
background: #ffffff;
border: 0px;
border-bottom: 2px solid #bbb;
border-right: 2px solid #bbb;
font-family:Arial;
font-size:13px;
color:#2e4b72;
}
.error {color: red; font-size:10px;}#container #content #right h1 {
}
#front-content{
width:100%;
padding:30px;
}
#front-content h4{
padding:3px 0;
font-weight:normal;
}
#front-content h3{
padding:0;
}
#front-content h4 a{
color:red;
text-decoration:none;
}
#front-content td{
border:1px solid #000;
padding:5px 10px;
text-align:center;
}
#front-content table{
margin:30px 0 30px 0;
}
#front-content tr:nth-child(2n+1){
background:#dad8d8;
}