@import "reset.css";
body{
background:#FFF;
}
#cont{
width:800px;
margin:0 auto 0;
}
#header{
float:left;
width:100%;
}
#logo{
float:left;
margin:20px 0 0 0;
width:291px;
}
#logo h1{
font-size:12px;
color:#000;
font-family:Arial;
text-align:center;
font-weight:bold;
}
#menu{
float:right;
margin:40px 10px 0 0;
}
#menu li{
float:left;
margin:0 5px;
font-size:10px;
}
#menu li a{
color:#000;
font-family:arial;
font-size:12px;
font-weight:bold;
}
#swf-principal{
width:800px;
margin:20px 0 0 0;
float:left;
}
#servicios{
width:100%;
float:left;
margin:20px 0 0;
padding:0 0 20px;
border-bottom:1px dotted #999;
}
.servicios{
float:left;
width:258px;
height:240px;
padding:0 4px;
position:relative;
}
.servicios-center{
float:left;
width:258px;
height:240px;
border-left:1px solid #999;
border-right:1px solid #999;
padding:0 4px;
position:relative;
}
#servicios h2{
color:#093072;
font-size:18px;
font-family:Verdana;
font-weight:bold;
margin:0 0 2px 0;
position:relative;
}
#servicios p{
color:#304d7c;
font-size:14px;
font-family:"trebuchet MS";
font-weight:bold;
}
#btn-mas{
background:url(../img/btn-mas.jpg) no-repeat;
width:100px;
height:37px;
display:block;
text-indent:-6000px;
position:absolute;
bottom:2px;
right:5px;
}
#cuerpo{
float:left;
width:800px;
margin:20px 0 0;
padding:0 0 20px;
border-bottom:1px dotted #999;
}
.cuerpo-izq{
float:left;
width:390px;
padding:0 10px 0 0;
}
#cuerpo h3{
color:#053d7a;
font-size:20px;
font-family:"trebuchet MS";
font-weight:bold;
margin:0 0 5px 0;
}
.cuerpo-izq p{
color:#053d7a;
font-size:12px;
font-family:"trebuchet MS";
}
.f14{
font-size:14px;
}
.t-blog{
color:#053d7a;
font-family:"trebuchet MS";
font-size:14px;
font-weight:bold;
margin:0 0 5px 0;
}
.t-blog a{
color:#053d7a;
}
.c-blog{
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 0 10px 0;
}
.c-blog a{
font-weight:bold;
color:#333;
}
#cuerpo2{
width:100%;
float:left;
margin:0 0 10px 0;
}
#cuerpo2-izq{
width:390px;
float:left;
margin:40px 30px 0 0;
color:#77b35d;
font-family:"trebuchet MS";
font-size:18px;
line-height:35px;
}
.azul{
color:#053d7a;
}
#cuerpo2-der{
width:380px;
float:left;
color:#93afdd;
font-family:"trebuchet MS";
font-size:20px;
margin:10px 0 0 0;
}
#cuerpo2-der img{
margin:10px 0 0 0;
border:2px solid #000;
}
#cuerpo2-izq table{
font-family:Arial;
font-size:22px;
color:#0b3d70;
font-weight:bold;
width:320px;
margin:20px auto 0;
}
#btn-presupuesto{
background:url(../img/btn-presupuesto.jpg) no-repeat;
width:117px;
height:50px;
text-indent:-6000px;
float:left;
}
#footer{
width:100%;
float:left;
border-top:3px solid #000;
margin:10px 0 0;
font-family:Arial;
font-size:11px;
color:#000;
text-align:center;
font-weight:bold;
padding:3px 0 10px 0;
line-height:15px;
}
#footer a{
color:#000;
}
#serv{
width:800px;
float:left;
margin:20px 0;
}
#serv-left{
width:550px;
float:left;
margin:0 0 0 0;
}
#serv-left p{
font-size:12px;
font-family:Arial;
color:#333;
margin:0 0 5px;
line-height:15px;
}
#serv-der{
width:210px;
float:right;
margin:0 0 0 0;
}
h4{
font-family:"trebuchet MS";
font-size:20px;
color:#053d7a;
margin:10px 0 5px;
}
.cliente{
width:100%;
float:left;
margin:10px 0 20px;
}
h5{
font-family:"trebuchet MS";
font-size:20px;
color:#000;
font-weight:bold;
float:left;
width:100%;
padding:0 0 3px 0;
border-bottom:2px solid #000;
margin:0 0 20px 0;
}
.img-cliente{
float:left;
margin:0 10px 0;
width:223px;
}
.right-cliente{
float:left;
width:550px;
}
.t-port{
font-family:"trebuchet MS";
font-size:16px;
color:#000;
font-weight:bold;
}
.t2-port{
font-family:"trebuchet MS";
font-size:16px;
color:#053d7a;
font-weight:bold;
margin:8px 0;
}
.p-port{
font-family:"trebuchet MS";
font-size:15px;
color:#666;
font-weight:bold;
}
.right-cliente a{
color:#000;
font-size:12px;
font-weight:bold;
font-family:verdana;
text-align:right;
display:block;
width:100%;
margin:20px 0 0;
}
.input{
width:185px;
border:1px solid #000;
}
.tabla-left{
text-align:right;
font-size:12px;
font-family:arial;
font-weight:bold;
}
#contact{
margin:20px 0 0 150px;
}
#contact td{
vertical-align:middle;
}
#contact textarea{
width:185px;
border:1px solid #000;
height:100px;
}
.btn-form{
background:none;
border:0;
color:#000;
font-family:arial;
font-size:12px;
font-weight:bold;
}