/*
Website Name: Infografia Digital Edició Multimèdia S.L.
Website URI: http://www.idemsl.com
Description: Flash website by www.idemsl.com
Version: 0.1
Author: Lluis Conejeros
Author URI: http://qreation.net
*/

/*

	- GENERAL
	- BODY
	- COLUMNS
	- FOOTER

*/

/*	##################################
   	GENERAL
	################################## */

* {
	margin:0px auto 0px auto;
	padding:0px 0px 4px 0px;
}

body {
	color:#adadad;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	height: 900px;

}

h1, h2, h3 {
	margin:0;
	padding:0;
}

h1 {
	font-size:2em;
}

h2 {
	font-size:1.4em;
}

h3 {
	font-size:1em;
}

p, ul, ol {
	margin-top:1.5em;
}

ul, ol {
	margin-left:3em;
}

a {
	color:#FFFFFF;
}

blockquote {
	margin-left:3em;
	margin-right:3em;
}

img {
	border-width:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	border-style:none;
}

#clears {
	clear:both;
	display:block;
}

/*	##################################
   	BODY
   	################################## */

#cuerpo {
	width:780px;
	height: 780px;
	margin:0px auto 0px auto;
}

table {
	text-align:center;
	border-style:none;
}

/*	##################################
   	COLUMNS
   	################################## */

#col1 {
	width:112px;
	background-color:transparent;
	color:#FFFFFF;
	text-align:center;
	font-size:14pt;
	height:561px;
	position:relative;
	left:430px;
	top:-663px; 
}


#porfolioProyecto {
	position:relative;
	left:0;
	top:30px;
	padding-top:5px;
	width:112px;
	height:112px;
}

#porfolioDigital {
	position:relative;
	left:0;
	top:20px;
	padding-top:5px;
	width:112px;
	height:112px;
}

#friendsites {
	position:relative;
	width:112px;
	height:110px;
	color:#e9283a;
	text-align:center;
	font-size:12pt;
	text-decoration:none;
	left:0;
	top:100px;
	padding-top:5px; 
}

/*	##################################
   	FOOTER
	################################## */

#footer {
	width:780px;
	margin:0px auto 0px auto;
	padding:0px 0px 10 0px;
}

#footer p {
	text-transform:uppercase;
	font-size:10px;
	color:#808080;
}

#footer .links {
	text-decoration:none;
	color:#FFFFFF;
	border-bottom:1px dashed #ADADAD;
}

#footer-content {
	width:700px;
	margin:0px auto 0px auto;
}

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

.box {
	width: 780px;
}

.box h2 {
	letter-spacing:0;
	text-transform:uppercase;
	font-size:12px;
	font-weight:600;
	color:#808080;
	padding:0px 0px 8px 0px;
}

.box ul {
	list-style-type:none;
	list-style-position:initial;
	list-style-image:initial;
	margin:0;
}

.box li {
	padding:10px 0px 10px 0px;
}

a .box li a {
	border-width:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	border-style:none;
}

#box1 {
	float:left;
	width:100%;
	padding:0px 0px 10px 0px;
}

#box2 {
	float:left;
	width:100%;
	padding:0px 0px 10px 0px;
}

#box3 {
	float:left;
	width:100%;
	padding:0px 0px 10px 0px;
}