* {
	margin:0;
	padding:0;
}

p {
	margin:15px 0 15px 0;
}
ul {
	list-style:none;
}
li{
	font-size:11px;
}
h2 {
	font-size:14px;
}
h3 {
	font-size:12px;
}
h4 { /*para la descripcion del producto*/
	font-size:12px;
	border-bottom:#6c6 1px solid;
	margin:0 0 20px 0;
	padding: 0 0 5px 0;
}
a {
	text-decoration:none;
}
a:link, a:visited {
	color:#060;
}
a:hover{
	color:#393;
}

html, body {
	height:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background:#e4ffea url(../images/fondo.jpg) center repeat-y;
}
#contenedor, #contenedorprod {
	width:804px;
	overflow:visible;
	border-left: 1px solid #6c6;
	border-right: 1px solid #6c6;
	border-bottom: 1px solid #6c6;
	margin:0 auto;
	padding:0 2px 0 2px;
	background:#fff;
}
#contenedor {
	min-height:1105px; /*la minima altura a lo mejor hay que cambiarla*/
}
#contenedorprod {
	/*min-height:1280px;*/
}
/*Cabecera-------------------------------------------------*/
#cabecera {
	width:800px;
	height:156px;
	margin:0 auto;
	/*border-bottom: 1px solid #6c6;*/
	text-align:right;
}
/*Menu-------------------------------------------------*/
#prinav {
	width:380px;
	float:left;
	margin: 0 0 0 2px; 
	display:inline;
	padding:2px 2px 0 0;
	color:#060;
}
#prinav h2{
	border-top:1px solid #060;
	border-left:1px solid #060;
	border-right:1px solid #060;
	letter-spacing:1px;
	padding:7px 0 0 20px;
	background:#6c6 url(../images/lista.jpg) no-repeat 9px 13px;
}
#prinav ul {
	padding:0 0 7px 10px;
	/*border-bottom:1px #FFF solid;*/
	background:#6c6 url(../images/fdonav.jpg) bottom no-repeat;
	border-left:1px solid #060;
	border-right:1px solid #060;
}
#prinav li {
	display:inline;
	line-height:13px;
	color:#060;
}
/*estas dos opciones siguientes son muy importantes pq variamos el height del ul dependiendo de si tiene opciones el menu o no las tiene. En el caso de cambiar, hay que tener cuidado de cambiar el margin del contenidoppal para que no se solape todo.*/
.sinopc {
	/*height:22px;*/
	height:12px;
}
.prodedif { /*para productos de edificación*/
	height:130px;
}
li.submen {
	font-weight:bold;
	font-size:11px;
	margin:0 0 0 10px;
	text-decoration:underline;
}
.conopc{ /*para obra civil*/
	height:32px;
}
/*flash y descripcion de los productos ---------------------------------------*/
#flash {
	height:330px;
	float:right;
	width:410px;
}
#desprod, #document {
	padding: 0 10px 0 0px;
	min-height:1080px;
	text-align:justify;
	min-height:500px;
	width:400px;
}
* html #desprod, * html #document {
	height:500px;
}
#flash, #desprod, #document { /*El desprod es para la descripcion del producto*/
	float:right;
	background:#fff;
	margin: 2px 2px 0 2px;
	display: inline;
}
#desprod li {
	margin:10px 0 10px 20px;
}
#document li { /*esto es la lista de los pdfs. Creo dos clases: una para las imágenes y otra para la descripción*/
	display: inline;
    float: left;
	height:60px;
	border-bottom:1px solid #6c6;
	margin:5px 0;
}

#document p {
	margin:0;
}
#document dt {
	margin:10px 0 10px 10px;
	font-weight:bold;
}
#document dd {
	margin:0 0 0 20px;
}
.staff { /*la tabla de los cargos*/
	padding:0 0 0 20px;
}
.staff caption {
	text-align:left;
	color:#3c3;
	font-size:18px;
	margin:10px 0 10px 0;
}
.cargo {
	color:#3c3;
	font-size:14px;
	border-bottom:1px #6c6 solid;
	margin:0;
}
.persona p {
	text-align:right;
	margin:0;
}
/*Contenido-------------------------------------------------*/
/*css hacks para evitar que intenet explorer me aplique esta propiedad */
/*#contenedor>#contenidoppal {
	margin:333px auto 0 auto;
}
#contenedorprod>#contenidoprod {
	margin:333px 2px 0 2px;
}*/
#contenidoppal{
	float:left;
	width:800px;
	border-top: #6C6 1px solid;
	margin:2px auto;
	min-height:600px;
}
#contenidoprod {/*Esto es lo que se encuentra a la izquierda de las paginas de los productos*/
	min-height:440px;
	width:380px;
	margin:2px 2px;
}
/*las noticias-------------------------------------------------*/
#newsppal {
	width:198px;
	/*height:580px;*/
	float:left;
	display:inline;
	margin: 2px 2px 0 0;
	padding:10px 5px 0 5px;
	border:#6c6 1px solid;
	background:#cfc url(../images/fdonews.jpg) top no-repeat;
}
#newsppal img {
	margin:0 5px 0 5px;
}
#newsppal h3{
	color:#6c6;
	text-transform:uppercase;
}
#newsppal p {
	margin:5px 0;
	padding:0px;
}
#newsppal li{
	margin:15px 0 0 0;
	border-bottom:#6c6 1px solid;
	color:#000;
}
/*Los productos-----------------------------------------------*/
#prodppal {
	float:left;
	width:575px;
	display:inline;
	margin: 2px 0 0 2px;
	padding:5px 5px 0 5px;
	border-left:1px solid #6c6;
}
#otprod {
	float:left;
	width:370px;
	overflow:auto;
	border-right: #6C6 1px solid;
	background:#fff; 
	padding: 0 0 0 10px;
}
/*utilizo las listas a modo de tabla*/
#prodppal li { 
	display: inline;
    float: left;
	width:170px;
	height:120px;
	padding:5px 5px 0 5px;
	/*border:1px #3c3 solid;*/
}
#otprod li {
	display: inline;
	float: left;
	width:100px;
	height:120px;
	padding:5px 5px 0 5px;
	overflow:hidden;
	text-align:center;
}
#prodppal li {
	margin:5px 6px 5px 5px;
}
#otprod li {
	border:1px #3c3 dotted;
	background:#fff;
	/*background:#cfc;*/
	margin:5px 4px 5px 3px;
}
#prodppal img, #desprod img {
	margin:0 5px 2px 5px;
}
#otprod img {

}
/*Pie------------------------------------------------------*/
#pie {
	border-top:#6c6 1px solid;
	width:800px;
	min-height:60px;
	margin: 0 auto;
}
/*utilizo las listas a modo de tabla*/
#pie li{ 
	display: inline;
    float: left;
	width:265px;
	margin:0;
	text-align:left;
}
#pie p {
	margin: 0; 
	padding:0;
}
/*Otros----------------------------------------------------*/
.vacio {
	clear:both;
}
.titulo, .titulonews {
	color:#3c3;
	width:100%;
	font-size:18px;
	font-weight:bold;
}
.titulo {
	margin:10px 0 0 10px;
	display:inline;
}
.titulo2 {
	margin:5px 0 5px 20px;
	display:block;
	color:#393;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
#newsppal>.titulonews {
	margin:0 0 0 10px;
}
.tituloprod {
	color:#3c3;
	width:300px;
	font-size:18px;
	font-weight:bold;
	margin:20px 0 20px 0px;
}
.derecha {
	text-align:right;
}
.resaltado {
	color:#3c3;
	font-weight:bold;
}
.listaconvi { /*Lista con viñetas*/
	list-style:circle;
	margin: 0 0 0 15px;
}
.tablabulon { /*solo para la tabla de los bulones de fibra*/
	border:1px solid #3c3;
}
.tablabulon thead {
	background:#cfc;
}
input {
	font-size:10px;
}