body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
body{
    font:normal .75em verdana,sans-serif;
    background:#f1f1f1;
    color:#333;}
strong{font-weight:bold;}
#wrapper{
    border:solid .2em #e5e5e5;
    width:80em;
    background:#fff;
    margin:1em auto .2em auto;}   
#hd{background:#de4100 url("img/top.jpg") no-repeat bottom right;}
#menu{
    width:25em;
    padding:.5em 0 .5em 3em;
    background:#515151;
    border-bottom:solid 1em #fff;}
#menu li{
    text-align:right;
    background:#666 url("img/topmenu.png") no-repeat top left;
    margin:.4em 0;
    border-bottom:solid .2em #444;}
#menu li a{
    color:#fff;
    display:block;
    font-weight:bold;
    padding:.3em 25px;
    margin-left:10px;
    text-decoration:none;}
.qso{background:#666 url("img/qso.png") no-repeat center right;}
.ser{background:#666 url("img/ser.png") no-repeat center right;}
.pro{background:#666 url("img/pro.png") no-repeat center right;}
.con{background:#666 url("img/con.png") no-repeat center right;}
#logo{margin:1em 0 1em 4em;}
#hl{
    float:right;
    width:50em;
    background:#ececec;
    padding:1em 1em 0 1em;}
#hl dt{
    float:left;
    clear:left;
    font-size:2em;
    color:#bfbfbf;}
#hl dd{   
    margin: 0 0 1em 3.5em;
    padding-left:.5em;
    border-left:solid .3em #de4100;}
#hl h2{
    font-weight: bold;
    text-transform:uppercase;}
#bd{clear:both;}
#cont{
    width:26em;
    padding:1em;
    background:#222 url("img/contacto.jpg") no-repeat top left;
    height:100px;
    color:#fff;}
#marcas{
    padding: 1em 2.5em 1em 1em;
    float:right;}
#marcas img{border:solid .5em #fff;}
#cont p{
    margin-left:8.5em;  }
/*     font:normal 1.2em serif; */
/*     margin-bottom:1em;} */
#cont p a{ color: #fafafa;}    
#copy{
    width:80em;
    margin:0 auto 1em auto;
    text-align:center;
    color:#bbb;}
#cnt{
    float:right;
    width:50em;
    padding:1em 1em 1em 1em;}   
#cnt h1{
    font:normal 4em "Trebuchet MS";
    color:#108e5a;}
#cnt h2{
    font:normal 1.5em "Trebuchet MS";
    margin-top:.5em;}
#cnt p{
    margin:.5em 0;
    text-indent:2em;}
#cnt li{
    margin-left:3.5em;
    list-style-type:disc;}
.imgs{margin-top:4em;}
.imgs img{margin: 0 .5em;}
.imgs2{margin-top:0em;}
.imgs2 img{margin: 0 .5em;}

.clase {
    width: 23em;
    float: left;
    margin: 1em 1em 0 0;
    padding: 0;
    border: solid 2px #de4100;
}
#cnt .clase h2 {
    margin: 0 0 1em 0;
    padding: .3em;
    background-color: #de4100;
    color: #fff;
}
#cnt .clsctn p {
    text-indent: 0;
}
.clsctn {
    padding: 0 1em 1em 8em;
}
.more {
        text-align: right;
}
.more a {
    text-decoration: none;
    font-weight: bold;
    color: #de4100;
}
#bacom .clsctn {
    background: url("img/bacom.jpg") no-repeat 7px top;}
#peind .clsctn {
    background: url("img/peind.jpg") no-repeat 7px top;}
#tpv .clsctn {
    background: url("img/tpv.jpg") no-repeat 7px top;}
#ord .clsctn {
    background: url("img/ord.jpg") no-repeat 7px top;}
#mahos .clsctn {
    background: url("img/mahos.jpg") no-repeat 7px top;}
#cons .clsctn {
    background: url("img/cons.jpg") no-repeat 2px top;}