/*---------------------------------------------------------------
- Name:					styles.css
- Last update:			13/02/12
- Website:				www.ecopil.com
- Author:				Josep Vila
== FRAMEWORK ===================================================
- Width:				960px
- Cols:					2
- Body position:		Center
---------------------------------------------------------------*/

/* --- BEGIN GLOBAL --- */
html {
	margin: 0;
	padding: 0;
}

body {
	margin: auto;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color:# fff;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: #4fba00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

img a{
	border: 0;
}
/* END GLOBAL */

/* --- BEGIN CONTENT --- */
#header {
	position: relative;
	margin-right: 30px;
	text-align: center;
	width: 430px;
	height: 150px;
	text-align: left;
}

#header .lang {
	position: relative;
	float: right;
}

#content {
	position: relative;
	text-align: center;
	width: 450px;
}

#content .cat1 {
	display: table-cell;
	width: 208px;
	height: 177px;
}

#content .cat1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .cat1 ul li{
	padding: 0;
	margin: 0;
}

#content .cat1 ul li a{
	display: block;
	width: 208px;
	height: 177px;
	padding: 0;
	margin: 0;
	outline: none;
	background: url(../images/categories/120214102025_out.jpg) top left no-repeat;
}

#content .cat1 li a:hover {
	background: url(../images/categories/120214102025.jpg) top left no-repeat;
}

#content .cat2 {
	display: table-cell;
	width: 208px;
	height: 177px;
}

#content .cat2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .cat2 ul li {
	padding: 0;
	margin: 0;
}

#content .cat2 ul li a {
	display: block;
	width: 208px;
	height: 177px;
	padding: 0;
	margin: 0;
	outline: none;
	background: url(../images/categories/120214102220_out.jpg) top right no-repeat;
}

#content .cat2 li a:hover {
	background: url(../images/categories/120214102220.jpg) top right no-repeat;
}

#content .cat3 {
	display: table-cell;
	width: 208px;
	height: 197px;
}

#content .cat3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .cat3 ul li {
	padding: 0;
	margin: 0;
}

#content .cat3 ul li a {
	display: block;
	width: 208px;
	height: 197px;
	padding: 0;
	margin: 0;
	outline: none;
	background: url(../images/categories/120214102059_out.jpg) bottom left no-repeat;
}

#content .cat3 li a:hover {
	background: url(../images/categories/120214102059.jpg) bottom left no-repeat;
}

#content .cat4 {
	display: table-cell;
	width: 208px;
	height: 197px;
}

#content .cat4 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .cat4 ul li {
	padding: 0;
	margin: 0;
}

#content .cat4 ul li a {
	display: block;
	width: 208px;
	height: 197px;
	padding: 0;
	margin: 0;
	outline: none;
	background: url(../images/categories/120214101955_out.jpg) bottom right no-repeat;
}

#content .cat4 li a:hover {
	background: url(../images/categories/120214101955.jpg) bottom right no-repeat;
}
/* END CONTENT */

/* --- BEGIN FOOTER --- */
.line {
	position: relative;
	margin-top: 50px;
	width: 600px;
	height: 15px;
	border-top: #999 1px solid;
}

#footer {
	position: relative;
	color: #999;
	text-align: center;
	font-size: 0.70em;
	padding: 0;
}

#footer a {
	color: #999;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}
/* END FOOTER */