/* @reset all */

* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	outline: none;
	font-size: 100%;
	text-decoration: none;
	font-family: Helvetica;
}

h1{
	font-size: 2.25em;
	color: red;
}

h2{
	font-size: 1.5em;
}

h3{
	font-size: 1.125em;
	margin: 0 0 1.125em 0;
}

h4{
	font-size: 0.875em;
}

p{
	font-size: 0.75em;
}

li{
	font-size: 1em;
	margin: 0 0 .75em 0;
}

a:link, a:visited{
	color: #555;
	border-bottom: .1em solid #ccc;
}

a:hover{
	border: hidden;
}

/* @div ppales */
body{
	border-top: red .3em solid;
}
.bodys{
	width: 100%;
}

	#header_body{
		height: 10em;
	}
	
	#footer_body{
		height: 5em;
	}
	
.containers{
	width: 65em;
	margin: 0 auto;
}

	#wrapper_container{
		border-top: .1em black solid;
		height: 20em;
		overflow: hidden;
	}
	
	#footer_container{
		border-top: black .1em solid;
	}
	
.titles{
	width: 20em;
	float: left;
}

.contents{
	width: 45em;
	float: right;
}
	
	#header_logo{
		height: 10em;
	}
	#header_menu{
		height: 10em;
	}
	
	#wrapper_titles{
		margin: 1em 0;
	}
	
	
/* @header */

#header_logo img{
	margin: 1em 0;
}

#header_menu h1{
	padding: 2.65em 0 0 0;
}
/* @wrapper */

#wrapper_contents img{
	width: 45em;
}
#wrapper_titles h3{
	color: red;
}

#wrapper_titles ul li{
	padding: 0 0 0 1.5em;
}

#wrapper_titles ul li#address{
	background: url(img/icons/address.png) no-repeat top left;
	line-height: 1.4em;
}

#wrapper_titles ul li#phone, #wrapper_titles ul li#fax{
	background: url(img/icons/phone.png) no-repeat top left;
}

#wrapper_titles ul li#website{
	background: url(img/icons/website.png) no-repeat top left;
}

#wrapper_titles ul li#mail{
	background: url(img/icons/email.png) no-repeat top left;
}


/* @footer */
#footer_container{
	text-align: center;
	padding: .5em 0;
}

/* @otros */
.clear{
	clear: both;
}