body {
font: 13px/1.6 Tahoma, sans-serif;
background: #F5F5F5;
}
.izq {
float: left;
clear: left;
}
.der {
float: right;
clear: right;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
#contenido {
background: #FFF;
border: 1px solid silver;
margin: 1em auto;
padding: 1em;
width: 768px;
}
span.obligatorio {
font-size: 1.3em;
font-weight: bold;
color: #C00;
}
h2 {
font: normal 2em arial, sans-serif;
margin: 0;
}
ul li.botones {
border-top: 2px solid #CCC;
clear: both;
float: none;
padding: 1em 0;
margin-top: 1em;
text-align: right;
width: 100%;
}
ul li.botones input {
font-size: 1.3em;
}
ul li {
margin: 0.5em 0;
padding: 0.5em;
width: 46%;
}
ul li label.titulo {
font-weight: bold;
}
ul li div span {
float: left;
padding: 0.3em 0;
}
ul li div span.total {
width: 100%;
}
ul li div span.medio {
width: 50%;
}
ul li div span.tercio {
width: 33%;
}
ul li div span.mitad {
width: 66%;
}
ul li div span label {
display: block;
font: normal 0.8em arial, sans-serif;
color: #333;
}
ul li p.ayuda {
display: none;
}
ul li input {
padding: 0.2em;
}
input#ape1, input#apel2, input#dire, input#correoe {
width: 260px;
}
input#correo {
width: 80px;
}
select#estado {
width: 150px;
}
select#zona {
width: 90px;
}
input#telefonoF, input#Movil {
width: 135px;
}
ul li:hover {
background-color: #FF9;
}
ul li.botones:hover {
background-color: transparent;
}
ul li input:focus {
border: 2px solid #E6B700;
}
ul li.izq, ul li.der {
float: none;
width: auto;
}
ul li {
overflow: hidden;
}
ul li label.titulo {
float: left;
width: 150px;
}
ul li div {
margin-left: 160px;
}
h2 {
margin-bottom: 0.3em;
}
ul li {
border-top: 1px solid #CCC;
margin: 0;
padding: 1em;
}
ul li.botones {
margin: 0;
}
ul li label.titulo {
text-align: right;
width: 100px;
}
ul li div {
margin-left: 110px;
overflow: hidden;
}
ul li {
position: relative;
}
ul li:hover p.ayuda {
display: block;
margin: 0.3em;
position: absolute;
top: 0;
right: 0;
width: 150px;
}