@charset "utf-8";
/* Estibaliz Landa Torres */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:1.2em;
	width:100%;
	height: 100%;
	background-color:#000000;
}	
#flashcontent {
		height: 100%;
	}
#logo{
position:absolute;
right: 20px;
top: 20px;
}

#title{
position:absolute;
left: 50px;
top: 30px;
}


#menu {
	position:absolute;
	width:150px;
	top:170px;
	left:50px;
	line-height:1.2em;
	font-size:1.6em;
	font-weight:bold;
}

#submenu{
padding-left:30px;
padding-bottom:5px;
}


.estilogo{
	position:absolute;
	top: 30px;
	right:30px;

}

.subtitle{
position:fixed;
bottom:30px;
left:50px;
}


.content{
	width:650px;
	position:absolute;
	top:168px;
	left:225px;
}

.tree{

cursor:pointer;

}

.iconspacer{
width:12px;
}


.popmsg{
position:absolute;
bottom:30px;
right:30px;
font-size:1em;
font-style:italic;
color:#333333;
}

/* Elements */

.linesml {
	border-top:1px solid #a3a3a3;
	margin: 8px 0px 8px 0px;
	clear:both;
}

.linesmlblue {
	border-top:1px solid #009bff;
	margin: 8px 0px 8px 0px;
	clear:both;
}

.spacertiny {
	padding:2px 0px 2px 0px;
	clear:both;
}

.spacersml {
	padding:5px 0px 5px 0px;
	clear:both;
}
.spacermdm {
	padding:10px 0px 10px 0px;
	clear:both;
}
.spacerlrg {
	padding:30px 0px 30px 0px;
	clear:both;
}

.projectwrap{
padding:30px;
width:600px;
}

/* Typography */

h1{
font:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:1.7em;
color:#a3a3a3;
}

h2{
font:Arial, Helvetica, sans-serif;
font-size:4em;
line-height:1em;
color:#ffffff;
}

h3{
font:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:1.7em;
color:#1da4fb;
}

h4{
font:Arial, Helvetica, sans-serif;
font-size:1.7em;
color:#009bff;
}

p{
font:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:1.2em;
line-height:2em;
color:#ffffff;
}

.lineheight{
line-height:2em;
}



/* Link Styles */

/*.nav a:link {
	color: #ffffff;
	text-decoration:none;
}
.nav a:visited {
	color: #0087de;
	text-decoration:none;
}
.nav a:hover {
	color: #009bff;
	text-decoration:none;
}
.nav a:active {
	color: #0087de;
	text-decoration:none;
}*/

.work a:link {
	color: #ffffff;
	text-decoration:none;
}
.work a:visited {
	color: #ffffff;
	text-decoration:none;
}
.work a:hover {
	color: #009bff;
	text-decoration:none;
}
.work a:active {
	color: #ffffff;
	text-decoration:none;
}

.digital a:link {
	color: #ffffff;
	text-decoration:none;
}
.digital a:visited {
	color: #ffffff;
	text-decoration:none;
}
.digital a:hover {
	color: #1d37fb;
	text-decoration:none;
}
.digital a:active {
	color: #ffffff;
	text-decoration:none;
}

.print a:link {
	color: #ffffff;
	text-decoration:none;
}
.print a:visited {
	color: #ffffff;
	text-decoration:none;
}
.print a:hover {
	color: #6836f7;
	text-decoration:none;
}
.print a:active {
	color: #ffffff;
	text-decoration:none;
}

.onlineads a:link {
	color: #ffffff;
	text-decoration:none;
}
.onlineads a:visited {
	color: #ffffff;
	text-decoration:none;
}
.onlineads a:hover {
	color: #bf4cf4;
	text-decoration:none;
}
.onlineads a:active {
	color: #ffffff;
	text-decoration:none;
}

.about a:link {
	color: #ffffff;
	text-decoration:none;
}
.about a:visited {
	color: #ffffff;
	text-decoration:none;
}
.about a:hover {
	color: #00e1ef;
	text-decoration:none;
}
.about a:active {
	color: #00e1ef;
	text-decoration:none;
}

.contact a:link {
	color: #ffffff;
	text-decoration:none;
}
.contact a:visited {
	color: #ffffff;
	text-decoration:none;
}
.contact a:hover {
	color: #6aefbb;
	text-decoration:none;
}
.contact a:active {
	color: #ffffff;
	text-decoration:none;
}


a:link {
	color: #009bff;
	text-decoration:underline;
}
a:visited {
	color: #009bff;
	text-decoration:underline;
}
a:hover {
	color: #ffffff;
	text-decoration:underline;
}
a:active {
	color: #009bff;
	text-decoration:underline;
}


.workme{
color:#009bff;
}

.digitalme{
color:#1d37fb;
}

.printme{
color:#6836f7;
}

.aboutme{
color:#00e1ef;
}

.contactme{
color:#6aefbb;
}