html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background: url(../images/body_bg.jpg) repeat-y center #6e7783;
}
body{
	/*background: #aaaaaa;*/
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5{
	margin: 0;
	padding: 0;
}
h1 span{
	display: none;
}
ul, ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}
a img{
	border: 0;
}
#contenedora{
	width: 715px;
	margin: 0 auto;
	overflow: hidden;
}
#cabecera{
	background: url(../images/header.gif) no-repeat 0 25px;
	width: 715px;
	height: 220px;
	padding-top: 25px;
	position: relative;
}
	#cabecera h1{
		margin-top: 3px;
		margin-left: 4px;
		margin-bottom: 8px;
		height: 194px;
	}
	#cabecera #areas{
		position: absolute;
		top: 0;
		left: 3px;
		background: url(../images/areas_bg.gif) no-repeat top left;
		height: 27px;
		width: 715px;
	}
	#areas ul{
			margin-left: 300px !important;/*375*/
	}
		#areas ul li{
			list-style: none;
			list-style-position: inside;
			margin: 0;
			width: 50px;
			height: 29px !important;
			padding: 0 !important;
		}
		html > body #areas ul li{
			width: auto;
		} 
			#areas li{
				float: left;
				font-family: Verdana, Arial, sans-serif;
				margin-left: 0 !important;
			}
				#areas li h2{
					font-size: 80%;
					margin-bottom: 2px !important;
					height: 26px !important;
				}
					#areas li h2 a{
						color: #000;
						text-transform: uppercase;						
					}
					#areas li h2 a img{
						display: inline !important;
						margin-top: 4px !important;
						padding: 0 !important;
					}
					#areas li h2 a:hover{
						color: #ff7b3d;
					}
	#cabecera img{
		display: block;
		padding: 5px 0 6px 8px;
	}
	#cabecera #menu{
		height: 32px;
		background: url(../images/menu.gif) no-repeat top left;
	}
		#menu ul{
			list-style-position: inside;
			margin-left: 0.2em;
			height: 32px;
		}
		#menu ul li{
			float: left;
			font-family: Verdana, Arial, sans-serif;
			text-transform: uppercase;
			margin-left: 0.3em !important;
			line-height: 1.9em;
			background: url(../images/bullet.gif) no-repeat 0.3em 0.71em;
			padding-left: 1em;
			margin-top: 0.2em;
			padding-right: 0.5em;
			height: 32px;
		}
			#menu ul li h3{
				font-size: 80%;
			}
				#menu ul li h3 a{
					text-decoration: none;
					color: #ff8b55;
				}
				#menu ul li h3 a:hover{
					text-decoration: underline;
				}

html > body #contenedora #content { margin-top:15px;}

#content{
	clear: both;
	margin-top: 0;
	background: url(../images/content_background.gif) repeat-y top left;
	font-family: Verdana, Arial, sans-serif;
}
#content.concolumna{
	background: url(../images/content_background_faux.gif) repeat-y top left;
}
	#content h4{
		background: url(../images/h4_top.gif) no-repeat 0 0;
		padding: 10px 0 0 40px;
		font-size: 120%;
		position: relative;
		z-index: 100;
	}
		html > body #content h4{
			width: 712px;
		}

			#content.concolumna #texto{
				float: left;
				width: 480px;
				margin-left: 8px;
				padding-top: 23px;
				background: url(../images/texto_bg.gif) no-repeat top left;
			}				
			html > body #content.concolumna #texto{
				margin-left: 16px;
			}
				#content { font-size:80%;}
				#content p {
					margin: 0 0 15px 0;
					text-align: justify;
					font-size:100%;
				}
				#content dl{
					margin: 0;
					padding: 0;
					list-style: none;
					margin-bottom: 20px;
				}
					#content dl dt{
						font-weight: bold;
						background: #FFE4B5;
						margin: 0;
						padding: 3px;
						background: url(../images/home_box_background.gif) repeat-x;
					}
						#content dl dt a{
							display: block;
							/*color: #FF7B3D;*/
							/*color: #FFE4B5;*/
							color: #fff;
							text-decoration: none;
							padding: 3px;				
						}
						#content dl dt a:hover{
							/*background: #FF7B3D;*/
							/*color: #fff;*/
							color: #e3e3e3;
						}
					#content dl dd{
						margin: 2px 0 0 0;
						background: #FFF7E8;
						padding: 8px 4px;
						text-align: center;
						border: 1px solid #ca5f30;		
						font-size:100%;				
					}
					#content dl dd.imagen {
						border: 0;
						margin-top: 0;
						margin-left: 1px;
						border-top: 1px solid #ca5f30;
					}
					html>body #content dl dd.imagen {
						margin-top: 2px;
					}
				#content address{
					width: 60%;
					margin: 20px auto;
					text-align: center;
					padding: 3%;
					border: 1px solid #DBDBDB;
					font-size:120%;	
				}
					#content address strong{
						font-style: normal;
					}
				#content a{
					color: #000188;
				}
					#content a:hover{
						color: #FF7B3D;
					}
				#content h4{
					color: #FF7B3D;
					font-size: 150%;
				}
				#content h5 {
					font-size: 150%;
					color: #FF7B3D;
					font-weight: normal;
					margin-top:10px;
				}
				#content .volver{
					
				}
				#content .volver a{
					display: block;
					background: url(../images/volver.gif) no-repeat 2px 2px;
					padding: 2px 2px 2px 20px;
					line-height: 16px;				
					color: #FF8B55;
					font-weight: bold;
					width: 12%;
				}
					#content .volver a:hover{
						color: #fff;
						background-color: #FF7B3D;
					}
				
	#content #columna{
		float: right;
		margin-top: -24px;
		width: 175px;
		padding-left: 5px;
		margin-left: 11px;
		/*padding-left: 16px:
		margin-right: 10px;*/
	}
	#content #columna p.calidad{
		padding-top:27px;
		text-align:center;
	}
	
	html>body #content #columna{
		float: right;
		margin: 0;
		padding: 0;
		margin-top: -26px;
		width: 175px;
	}
	html > body #content #columna{
		width: 205px;
	}
		#content #columna h5{
			padding: 0 0 0 25px;
			font-size: 140%;
			margin-bottom: 10px;
			background: url(../images/h5_background.gif) no-repeat 0 0.25em;
			position: relative;
			z-index: 120;
			height:20px;
		}
		#content #columna p{
			margin: 0 0 10px 0;
		}
		#content #columna a.imagen{
			display: block;
			text-align: center;
			margin-right: 6px;
			height: 135px;
			overflow: hidden;
		}
			#content #columna a.imagen img{
				border: 1px solid #FF7B3D;
			}
		#content #columna p.banners{
			margin-top: 28px;
			margin-right: 15px !important;
			text-align: center;
		}
		html > body #content #columna p.banners{
			margin-right: 7px !important;
		}
		#content #columna p.banners a{
			text-align: center;
		}
		#content #columna p.banners img{
			margin: 0 auto 16px auto;
		}
			#content #columna p.banners img.coldwell{
				margin: 0 auto 0 auto;
			}
			#content #columna p.banners span{
				display: block;
				width: 180px;
			}
			html > body #content #columna p.banners span{
				margin-left: 6px;
			}
		
		#content #columna.datos address{
			width: 170px !important;
			margin-left: 3px;
			font-size: 100%;
			font-style: normal;
			line-height: 1.5;
		}
		html > body #content #columna.datos address{
			margin-left: 6px;
		}
		#content #texto #lista-promotion{
			/*border:1px solid #000;*/
		}
		#content #texto #lista-promotion li{
			margin-bottom:5px;
			font-size:10px;
			display:inline-table;
			/*border:1px solid #000;*/
		}
		#content #texto #lista-promotion li span{
			margin:0px;
			padding:0px;
			/*border:1px solid #000;*/
			border-bottom:1px dotted #000;
			padding-right:100px;
			margin:0px 5px 0px 5px;
		}
		
		#content #texto #lista-promotion li a{
			color:#000188;
		}
		#content #texto #lista-promotion li a:hover{
			color:#ff7b3d;
		}
#pie{
	background: url(../images/pie_background.gif) no-repeat top left;
	height: 29px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:80%;
}
html > body #pie {
	margin-top: -16px;
}
#pie p{
	padding-top: 5px;
}
#pie p a{
	color: #FF8B55;
}
	#pie span a{
		color: #000;
	margin: 0 5px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana, Arial, sans-serif;
	}
	#pie span a:hover{
		color: #ff7b3d;
	}
#idiomas{
	display: none;
}

.clear{
	clear: both;
}
/*---belucha 2000----*/
#columna ul#tipos{
	/*width: 180px;*/
	width: 175px;
}
html>body #columna ul#tipos{
	width: 180px;
}
ul#tipos li{
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}
ul#tipos li a{
	display: block;
	background-color: #FF8B55;
	margin: 1px 8px 1px 0;
	padding: 2px 5px;
	font-size: 100%;
	width: 98%;
	color: #fff;
	text-decoration: none;
}
	ul#tipos li a:hover{background-color: #FFE4B5;}
ul#tipos li.selected a {
	background: #963a00 !important;
}
/*-----oer	----*/
ul.detalle_oer li{
	width: 170px;
	float: right;
	text-align: center;
	margin-bottom: 10px;
}
p.archivoadjunto{
	text-align: center !important;
	clear: both;
	margin-top: 20px;
}
	.archivoadjunto a{
		text-align: center;
		color: #FF7B3D;
		font-weight: bold;
	}
/*---comunes a los listados---*/
dl{
	position:relative;
}
dd.imagen{
	height: 67px;
	overflow: hidden;
	position: absolute;
}
dd.desc{
	font-size: 80%;
	height: 75px;
	overflow: visible;
	padding-left: 120px !important;
	padding-right: 10px !important;
	text-align: left !important;
}

h5#nombre{
	font-size: 116%;
	padding: 2px 2px 2px 0;
}


/*-----formularios de contacto-----*/

form#contactForm, form#form{
	border: 1px solid #FF7B3D;
	padding: 10px;
	margin: 5px 10px 15px 10px;
}
 #contactForm label, #form label{
 	display: block;
	font-weight: bold;
 }
 #contactForm p, #form p{
 	text-align: center;
 }
	#contactForm textarea, #form textarea{
		width: 250px;
	}

ul.error{
	background: #B22222;
	font-size: 85%;
	color: #fff;
	padding: 10px;
	margin: 5px 10px;
}
/*-----------formularios de presupuesto ---------------*/

ul#colaboradores {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#colaboradores li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 118px;
	height: 118px;
}