Adjunto también el código css, no sabía como incluir todo el código html porque no cabía en un único mensaje, si hay otra mejor forma de ponerlo borráis este post y me decís como hacerlo ok??
Gracias anticipadas!
Código HTML:
*{
margin: 0px;
}
body{
width:100%;
background-color:#eee;
color:#666;
font-family: 'Open Sans', sans-serif;
font-size:12px;
}
#contenedor{
width:950px;
background-color:#fff;
margin:auto;
overflow: auto;
padding: 0px;
}
header{
width:100%;
margin-bottom:5px;
height:136px;
font-family: 'Quattrocento', serif;
font-size:26px;
color:#777;
background-image: url(../img/fondoCabecera.png);
}
nav{
width:100%;
float:left;
border-bottom:2px solid #419467;
}
nav ul{
text-align:center;
}
nav ul li{
display:inline-block;
font-size:12px;
width:20%;
}
nav ul li:hover{
color:#419467;
}
nav ul li a:link{
color:#ffffff;
display:block;
width:100%;
text-align:center;
background-color:#419467;
padding-top:10px;
padding-bottom:10px;
border-top-right-radius:7px;
-moz-border-top-right-radius:7px; /*Firefox*/
-webkit-border-top-right-radius:7px; /*Safari y navegadores que usen WebKit*/
border-top-left-radius:7px;
-moz-border-top-left-radius:7px; /*Firefox*/
-webkit-border-top-left-radius:7px; /*Safari y navegadores que usen WebKit*/
}
nav ul li a:visited{
color:#ffffff;
}
nav ul li a:hover{
color:#419467;
background-color:#e2f1e9;
border-top-right-radius:7px;
-moz-border-top-right-radius:7px; /*Firefox*/
-webkit-border-top-right-radius:7px; /*Safari y navegadores que usen WebKit*/
border-top-left-radius:7px;
-moz-border-top-left-radius:7px; /*Firefox*/
-webkit-border-top-left-radius:7px; /*Safari y navegadores que usen WebKit*/
}
.itemMenuActivo{
color:#419467;
background-color:#e2f1e9;
padding-top:10px;
padding-bottom:10px;
border-top-right-radius:7px;
-moz-border-top-right-radius:7px; /*Firefox*/
-webkit-border-top-right-radius:7px; /*Safari y navegadores que usen WebKit*/
border-top-left-radius:7px;
-moz-border-top-left-radius:7px; /*Firefox*/
-webkit-border-top-left-radius:7px; /*Safari y navegadores que usen WebKit*/
}
#contenido{
width:100%;
background-color:#fff;
overflow: auto;
}
#submenu{
width:140px;
margin: 5px;
float:left;
}
#submenu ul{
margin:0px;
padding:10px 0px 10px 0px;
background-color:#e2f1e9;
border-bottom-right-radius:7px;
-moz-border-bottom-right-radius:7px; /*Firefox*/
-webkit-border-bottom-right-radius:7px; /*Safari y navegadores que usen WebKit*/
border-bottom-left-radius:7px;
-moz-border-bottom-left-radius:7px; /*Firefox*/
-webkit-border-bottom-left-radius:7px; /*Safari y navegadores que usen WebKit*/
}
#submenu ul li{
list-style:none;
margin-bottom: 5px;
padding: 2px 0px 2px 7px;
}
.enlaceActivo{
font-weight:bold;
}
#breadCumb{
font-size:10px;
padding:5px;
}
.unionBreadCumb{
display: inline-block;
padding:1px 2px 0px 4px;
color:#419467;
}
#descripcion{
width:476px;
padding: 7px;
margin: 5px;
background-color:#fff;
float: left;
}
article{
line-height:140%;
}
article p{
margin-bottom:10px;
}
.tablaInfo th{
padding-top:5px;
padding-bottom:5px;
}
.tablaInfo td{
padding:5px;
vertical-align:top;
border-bottom:1px solid #419467;
}
.bordeDerecho{
border-right:1px solid #419467;
}
.tablaInfo ul{
padding: 0px;
}
.tablaInfo ul li{
list-style:none;
padding: 2px 0px 5px 2px;
margin:0px;
}
#frmInformacion{
width:276px;
padding: 7px;
margin: 5px;
background-color:#e2f1e9;
color:#666;
float:left;
border-radius:7px;
-moz-border-radius:7px; /*Firefox*/
-webkit-border-radius:7px; /*Safari y navegadores que usen WebKit*/
}
.clear{
clear:both;
}
.campoFrm{
position:relative;
float: left;
padding:7px 0px 7px 0px;
margin-top:5px;
margin-bottom:5px;
width:80px;
font-weight:bold;
}
.valorFrm{
position:relative;
float: left;
margin-top:5px;
margin-bottom:5px;
width:196px;
}
.inputFrm{
width:100%;
color:#666;
border-color:#e2f1e9;
border-width:1px;
padding-top:5px;
padding-bottom:5px;
}
.bordeRedondeado{
border:1px solid #e2f1e9;
border-radius:5px;
}
.campoAnchoFrm{
position:relative;
float: left;
width:100%;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
text-align:center;
}
footer{
width:100%;
background-color:#419467;
color:#fff;
margin-top:5px;
text-align:center;
font-size:10px;
padding-top:5px;
padding-bottom:5px;
}
/*Otros elementos*/
.logoFCT{
padding: 10px 10px 10px 20px;
}
/*Fuentes*/
h1{
color:#419467;
font-size:16px;
padding-bottom:5px;
}
h3{
display:inline-block;
color:#419467;
}
h2{
color:#fff;
font-size:12px;
padding: 3px 0px 3px 7px;
background-color:#419467;
border-top-right-radius:7px;
-moz-border-top-right-radius:7px; /*Firefox*/
-webkit-border-top-right-radius:7px; /*Safari y navegadores que usen WebKit*/
border-top-left-radius:7px;
-moz-border-top-left-radius:7px; /*Firefox*/
-webkit-border-top-left-radius:7px; /*Safari y navegadores que usen WebKit*/
}
/*Enlaces*/
a:link{
color:#D1765C;
text-decoration:none;
}
a:hover{
color:#D1765C;
text-decoration:underline;
}
a:active{
color:#D1765C;
}
a:visited{
color:#D1765C;
}