/**Generales**/
html,body{
margin: 0;
padding: 0;
font: 10px/14px "Verdana";
overflow: auto;
}
a{
font-weight: bold;
color: black;
}
a:hover{
color: #FF6600;
}
#principal{
margin-left: -464px;
width: 928px;
position: absolute;
top: 0;
left: 50%;
z-index: 1;
height: auto;
text-align: center;
}
#cabecera{
text-align: center;
}
#pintor{
position: absolute;
left: 0;
top: 260px;
z-index: 999;
}
#contenido{
position: relative;
width:928px;
height: auto;
}
/**Inicio**/
#inicio{
height: 300px;
text-align: left;
padding: 0 10px 0 150px;
margin-top: 10px;
}
#inicio #propiedades{
float:left;
width: 550px;
padding-left: 5px;
}
#inicio #propiedades p{
font-family:"Tahoma";
font-size: 12px;
margin-top: 36px;
line-height: 18px;
color: #363636;
}
#inicio #propiedades h2{
font-family:"Tahoma";
font-size: 14px;
margin-top: 10px;
line-height: 18px;
text-align: center;
color: #FF6600;
/*font-weight: bold;*/
}
#inicio #imagenes{
float:left;
width: 200px;
}
#inicio #imagenes img{
width: 230px;
height: 191px;
}
/**Empresa**/
#empresa{
height: 300px;
text-align: left;
padding: 0 10px 0 150px;
margin-top: 10px;
}
#empresa #propiedades{
float:left;
width: 550px;
padding-left: 5px;
}
#empresa #propiedades p{
font-family:"Tahoma";
font-size: 12px;
margin-top: 36px;
line-height: 18px;
color: #363636;
}
#empresa #imagenes{
float:left;
width: 200px;
}
#empresa #imagenes img{
width: 230px;
height: 191px;
}
/**Servicios**/
#servicios{
/*min-height: 350px;*/
text-align: left;
padding: 0 10px 0 150px;
margin-top: 10px;
min-height: 310px;
/*height: 310px;*/
}
#servicios .items #propiedades{
float:left;
width: 720px;
padding-left: 45px;
}
#servicios .items #propiedades p{
font-family:"Tahoma";
font-size: 12px;
margin-top: 5px;
margin-bottom: 5px;
line-height: 18px;
color: #363636;
}
#servicios .items #propiedades h2{
font-family:"Tahoma";
font-size: 12px;
padding-bottom:5px;
color: black;
margin-bottom: 5px;
border-bottom: 1px solid #FC6F28;
padding: 3px;
float: left;
width: 720px;
}
#servicios .items #propiedades #curriculum{
float:left;
background: url(../img/servicios/interior.jpg) no-repeat top right;
padding-right: 180px;
height: 250px;
width: 548px;
}
#servicios .items #propiedades #curriculum2{
float:left;
background: url(../img/servicios/exterior.jpg) no-repeat top right;
padding-right: 180px;
height: 250px;
width: 548px;
}
#servicios .items #propiedades a{
/*float:left;*/
width: auto;
margin: 0;
padding: 0 0 0 464px;
font-size: 10px;
color:black;
}
#servicios .items #propiedades strong {
color:#FC6F28;
}
#servicios .items #propiedades #curriculum ul,
#servicios .items #propiedades #curriculum2 ul{
margin-left:10px;
}
#servicios .items #propiedades #curriculum ul li,
#servicios .items #propiedades #curriculum2 ul li {
list-style: square;
margin-left: 10px;
}
#servicios .items #propiedades #curriculum ul li ul li,
#servicios .items #propiedades #curriculum2 ul li ul li{
margin-left:10px;
margin-bottom: 5px;
list-style: none;
}
#servicios .items #propiedades #curriculum p,
#servicios .items #propiedades #curriculum2 p{
font-weight: bold;
font-size: 10px;
}
/**contacto**/
#contacto{
height: 300px;
text-align: left;
padding: 0 10px 0 150px;
margin-top: 10px;
}
#contacto p {
padding: 20px;
}
#contacto #datos {
padding-left: 10px;
width: 300px;
float: left;
}
#contacto #datos h2{
font-family:"Tahoma";
font-size: 14px;
color: #FF6600;
margin-bottom: 10px;
}
#contacto #datos p{
font-family:"Tahoma";
font-size: 12px;
display:block;
width: 120px;
line-height: 18px;
}
/**Legal**/
#avisolegal{
text-align: left;
padding: 0 10px 0 150px;
margin-top: 10px;
}
#avisolegal div{
height: 300px;
overflow:auto;
padding-left:40px;
margin-bottom: 10px;
}
#avisolegal h2{
font-family:"Tahoma";
font-size: 14px;
color: #FF6600;
margin-bottom: 5px;
margin-top: 5px;
}
/**Formulario**/
#formulario {
margin-top:10px;
}
#formulario form {
float: left;
width: 400px;
}
#formulario form label {
margin: 2px;
display: block;
text-align: right;
font-size: 12px;
}
#formulario form input {
width: 200px;
font-size: 12px;
background-color: white;
border:1px solid #3F3F3F;
color: black;
}
#formulario form input.checkbox {
width: auto;
border: 0;
margin: 0 2px -2px 2px;
}
#formulario form input.button {
float: right;
width: auto;
margin: 5px 0 5px 0;
background: inherit;
border: none;
}
#formulario form textarea {
width: 150px;
height: 60px;
background-color: white;
border:1px solid #3F3F3F;
padding: 1px;
color: black;
}
#formulario form em {
display: block;
width: 230px;
text-align: left;
font-weight: bold;
font-style: normal;
color: #fe6e04;
}
form.xform {
width: 500px;
}
form.xform p {
margin: 0;
text-align: right;
width: 575px;
}
form.xform p.legal {
width: auto;
text-align: justify;
padding: 5px 20px 5px 20px;
}
form.xform p.cambio {
width: 550px;
text-align: left;
}
form.xform p.legal em {
font-weight: normal;
font-style: italic;
color: #000;
}
form.xform p label,
form.xform p input {
width: auto;
}
form.xform strong {
color:#BD3E00;
font-size: 10px;
margin: 0;
}
form.xform em {
font-weight: bold;
font-style: normal;
color: #fe6e04;
}
form.xform label {
line-height: 1.8;
vertical-align: top;
width: 180px;
}
form.xform input,
form.xform select,
form.xform textarea {
width: 240px;
background-color: #3F3F3F;
}
form.xform select {
font-size: 9px;
}
form.xform textarea {
font-size: 12px;
}
form.xform input.checkbox {
background-color: transparent;
border: 0;
width: 20px;
}
form.xform fieldset {
width: 575px;
margin-bottom: 10px;
padding-bottom: 5px;
margin-right: 5px;
border: 2px solid #DCDCDC;
}
form.xform fieldset legend {
color: #000000;
padding: 0 2px;
font-weight: bold;
font-variant: small-caps;
margin-left: 20px;
}
form.xform fieldset ol {
margin: 0;
padding: 0;
}
form.xform fieldset li {
list-style: none;
padding: 5px;
margin: 0;
width: inherit;
clear: both;
padding-left: 20px;
}
form.xform fieldset fieldset {
width: auto;
border: none;
margin: 3px 0 0;
}
form.xform fieldset fieldset legend {
padding: 0 0 5px;
font-weight: normal;
font-variant: normal;
}
form.xform fieldset fieldset label {
display: block;
width: 500px;
/*white-space: nowrap;*/
/*margin-left: 183px;*/ /* Width plus 3 (html space) */
}
form.xform fieldset fieldset.opciones label {
margin-left: 180px;
vertical-align: bottom;
width: 250px;
}
/**Pie de pagina**/
#footer p{
font-family: "Tahoma";
font-size: 10px;
}
.error {
text-align: right;
color: red;
}