/* Estadella Construccions - Inner pages styles
-------------------------------------------------- */

/* Tag redefinition */

	body {
		background-color: #f5f5f5;
	}
	
	
/* Layout */
	
	#content .wrapper,
	#footer .wrapper {
		width: 970px;
		margin: 0 auto;
		overflow: hidden;
	}

	
/* Content */
	
	#content {
		padding: 40px 0 50px 0;
		border-top: 1px solid #fff;
		background: #fff url("../images/background-inner-content.png") repeat-x left top;
	}		
	

/* Text area */
	
	#textarea {
		width: 620px;
		float: left;
	}
	
	#textarea h1 {
		font-size: 22px;
		margin-bottom: 15px;
	}
	
	#textarea h2 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	
	#textarea p {		
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 18px;
	}	
	
	#textarea ul {
		margin-bottom: 30px;
	}
	
	#textarea ul li {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 15px;
		padding-left: 10px;
		background: url("../images/textarea-li.png") no-repeat 3px 5px;
	}
	
	#textarea .works {
		width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	
		#textarea .works li {
			margin: 0 35px 35px 0;
			padding: 0;
			float: left;
			background: none;
		}
		
			#textarea .works li img {
				width: 190px;
				height: 140px;
				display: block;
				padding: 1px;
				border: 4px solid #ccc;
			}
			
			
/* Contact form */

	#textarea .contact-container {
		width: 550px;
		background-color: #f0f0f0;
		border-top: 1px solid #ccc;
		padding: 15px 20px 15px 20px;		
	}
	
	#textarea .contact-form {
		margin: 0;
		padding: 0;
	}
		
		#textarea .contact-form .field {
			width: 100%;
			overflow: hidden;
			margin-bottom: 15px;
		}
		
		#textarea .contact-form .field label {
			font-size: 12px;
			float: left;
			width: 120px;
			text-align: right;
			line-height: 18px;
		}
		
		#textarea .contact-form .field input,
		#textarea .contact-form .field textarea {
			font-size: 12px;
			font-family: Arial, Verdana, sans-serif;			
			float: right;
			padding: 1px;
			border: 1px solid #ccc;
		}
		
		#textarea .contact-form .field input {
			width: 300px;
			margin-right: 100px;
		}
		
		#textarea .contact-form .field textarea {
			height: 125px;
			width: 400px;
		}
		
		#textarea .contact-form .send {
			width: 100%;
			overflow: hidden;
		}
		
			#textarea .contact-form .send .mandatory {
				font-size: 11px;
				float: left;
				margin-left: 145px;
				margin-bottom: 0px;
			}
				
			#textarea .contact-form .send input {
				color: #fff;
				cursor: pointer;
				float: right;
				font-size: 12px;
				font-family: Arial, Verdana, sans-serif;
				background-color: #dc1a1a;
				padding: 2px 10px;
				border: none;
			}
			
		#textarea .contact-form p.sended {
			color: #00701a;
			font-weight: bold;
		}
			
		#textarea .contact-form p.error,
		#textarea .contact-form .error label {
			color: #c00;
			font-weight: bold;
		}
		
		#textarea .contact-form .error input,
		#textarea .contact-form .error textarea {
			border: 1px solid #c00;
		}
	
	
/* Side content */

	#side-content {
		width: 310px;
		float: right;				
	}
	
	#side-content li {
		margin-bottom: 20px;
	}
	
	#side-content .image {
	}
	
	#side-content .image img {
		padding: 1px;
		border: 4px solid #ccc;
	}
	
	#side-content .contact {		
		padding: 10px;
		background: #777 url("../images/background-contact-banner.png") no-repeat top left;
	}
	
	#side-content .artestadella {		
		padding: 10px;
		background: #777 url("../images/background-artestadella-banner.png") no-repeat top left;
	}
	
	#side-content .contact p,
	#side-content .artestadella p {
		font-size: 12px;
		margin: 0;
	}
	
	#side-content .contact p,
	#side-content .contact p a {
		color: #fff;				
	}	
	#side-content .artestadella p,
	#side-content .artestadella p a {
		color: #333;				
	}
		
	#side-content .contact p.title,
	#side-content .artestadella p.title {
		font-size: 12px;
		margin-bottom: 7px;
	}
	
	#side-content .google-map {
	}
	
	#side-content .google-map iframe {
		display: block;
		padding: 1px;
		border: 4px solid #ccc;
	}
	
	#side-content .google-map p {
		font-size: 11px;
		margin-top: 5px;
		margin-right: 5px;
		text-align: right;
	}


/* Footer */

	#footer {
		padding: 10px;
		background-color: #f5f5f5;
		border-top: 1px solid #ddd;
	}

	#footer address {
		font-size: 11px;
		font-style: normal;
	}