@charset "utf-8";
/* <![CDATA[ */
body { color: #262626; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; background: #303030 url(../media/stripper.gif) repeat-x; }

/* Images
---------------------------------------------*/
img {
	border: 0;
}

/* Links
---------------------------------------------*/

a { color: #262626; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover { color: #ec0b49; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

a:active {
	text-decoration: none;
}

/* Menu
---------------------------------------------*/
.menu { width:170px; text-align:left; text-indent: 0; position: relative; top: 270px; padding-top: 0; padding-left: 20px; border-color: black; border-width: 0; }
.menu a { font-size:12px; font-weight:normal; padding:6pt 0 10px; color:#e8e7e7; font-family: Arial, Helvetica, sans-serif; background-color: #303030; background-repeat: no-repeat; background-attachment: scroll; text-decoration:none; height: 8pt; display: block; width: 170px; border-bottom: 1px solid #595959; border-top-color: #d3d3d3; border-right-color: #d3d3d3; border-left-color: #d3d3d3; }
.menu a:hover { font-weight:bold; color:#ec0b49; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #303030; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 8pt; }
#menuaktive { font-weight:bold; color:#ec0b49; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #303030; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration:none; }
.hilfmenu, .breadtext,  .ignore,  .suchen, .breadcrump,  dfn{
	height: 0;
visibility: hidden;
position: absolute;
}
.menu_content { position: relative; z-index: 4; }
.menu2 { width:170px; text-align:left; text-indent: 0; position: relative; top: 3px; padding-top: 0px; padding-left: 20px; border-color: black; border-width: 0; }
.menu2 a { font-size:12px; font-weight:normal; color:#e8e7e7; font-family: Arial, Helvetica, sans-serif; background-color: #303030; background-repeat: no-repeat; background-attachment: scroll; text-decoration:none; height: 8pt; display: block; width: 170px; padding-top: 6pt; padding-bottom: 10px; padding-left: 0; border-bottom: 1px solid #595959; }
.menu2 a:hover { font-weight:bold; color:#ec0b49; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #303030; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 8pt; }
.menu2_content { position: absolute; z-index: 0; }
.menu3 { width:170px; text-align:left; text-indent: 0; position: relative; top: 3px; padding-top: 0; padding-left: 20px; border-color: black; border-width: 0; }
.menu3 a { font-size:12px; font-weight:normal; padding:6pt 0 10px; color:#e8e7e7; font-family: Arial, Helvetica, sans-serif; background-color: #303030; background-repeat: no-repeat; background-attachment: scroll; text-decoration:none; height: 8pt; display: block; width: 170px; border-bottom: 1px solid #595959; }
.menu3 a:hover { font-weight:bold; color:#ec0b49; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #303030; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 8pt; }
.menu3_content { position: absolute; z-index: 0; }
.clearfix:after { content: "."; height: 0; clear: both; visibility: hidden; }

* html .clearfix {height: 1%;}

.clearfix:after { display: block; height: 0; clear: both; visibility: hidden; content: "."; }

* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Type
---------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-weight: normal; text-align: left; }

h1 { color: #ec0b49; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; background-color: #fff; padding-top: 20px; padding-bottom: 10px; padding-left: 25px; }

h2 { color: #4e4e4e; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; background-color: #fff; padding-top: 25px; padding-left: 25px; }
h3 { color: #4e4e4e; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; line-height: 1.1em; background-color: #fff; }
p { color: #262626; background-color: white; }
p.t2 { color: #6c7172; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.8em; background-color: white; padding-right: 25px; padding-left: 25px; }
p.t3 { color: #6c7172; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 24px; background-color: white; padding-right: 25px; padding-left: 75px; }
/* Structure
---------------------------------------------*/

#container {
	display: block;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: url(../media/webdesign-back.jpg) no-repeat;
}

#header {
	padding: 0px 0px 0px 117px;
	margin: 0px 0px -10px 0px;
}

#content {
	margin: 0 0 0;
}

#main .columns {
}

#main .columns .headline {
	padding: 0px 0px 0px 157px;
	font-style: italic;
}

#main .columns .c1 { float: left; width: 207px; }

html>body #main .columns .c1 { width: 155px; }
#main .columns .logo { background-image: url(../media/navegabem-1.gif); background-repeat: no-repeat; float: left; width: 207px; height: 263px; }
#main .columns .logo-p { background-image: url(../media/logo_p.gif); background-repeat: no-repeat; float: left; width: 207px; height: 263px; }
#main .columns .logo-es { background-image: url(../media/servicios-1.gif); background-repeat: no-repeat; float: left; width: 207px; height: 263px; }
#main .columns .services { background-image: none; float: left; width: 207px; height: 49px; }
#main .columns .company { background-repeat: no-repeat; position: absolute; top: 0; float: left; width: 207px; height: 263px; }
#main .columns .portfolio { background-image: url(../media/portfolio.gif); background-repeat: no-repeat; float: left; width: 207px; height: 49px; }
#main .columns .c2 { float: left; width: 551px; }

html>body #main .columns .c2 { width: 155px; }
#main .columns .linker { color: #6c7172; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 24px; background-color: white; background-image: url("../media/topper-1.jpg"); text-align: center; float: left; width: 551px; height: 47px; padding-top: 10px; padding-bottom: 2px; }
#main .columns .linker_wfl {
	color: #6c7172;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
	text-align: center;
	float: left;
	width: 551px;
	padding-top: 10px;
	padding-bottom: 2px;
	position: relative;
	z-index: auto;
	overflow: visible;
	visibility: inherit;
}
#main .columns .linker_flash {
	color: #6c7172;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
	text-align: center;
	float: left;
	width: 551px;
	position: relative;
	z-index: auto;
	overflow: visible;
	visibility: inherit;
	top: 9px;
}
#main .columns .banner { background-image: url("../media/back-strip-02.jpg"); float: left; margin: 0; width: 551px; }
#main .columns .banner-02 { background-image: url(../media/gallery-back.jpg); float: left; margin: 0; width: 551px; height: 383px; }
#main .columns .banner-03 { background-image: url(../publisher/public_back.jpg); float: left; margin: 0; width: 551px; height: 358px; }
#main .columns .banner-04 { background-image: url(../iphone/iphone2.jpg); float: left; margin: 0; width: 551px; height: 374px; }
#main .columns .banner-05 { background-image: url(../media/podcast-back.jpg); float: left; margin: 0; width: 551px; height: 477px; }
#main .columns .tv { float: left; margin: 0; width: 355px; height: 244px;
	top: 69px;
	position: relative;
	left: 41px;
}
#main .columns .iphone { float: left; margin: 0; width: 261px; height: 246px;
	top: 40px;
	position: relative;
	left: 177px;
}
#main .columns .writ {
	color: #6c7172;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	background-color: white;
	background-image: url("../media/back-strip-02.jpg");
	text-align: justify;
	float: left;
	width: 501px;
	padding: 5px 25px 20px;
}
#main .columns .writ2 {
	color: #6c7172;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	background-color: white;
	background-image: url(../media/back-strip-02.jpg);
	text-align: justify;
	float: left;
	width: 501px;
	padding: 495px 25px 20px;
}
#main .columns .writ3 { color: #6c7172; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.8em; background-color: white; background-image: url(../media/gallery-back.jpg); text-align: justify; float: left; width: 501px; height: 375px; padding: 5px 25px 20px; }
#main .columns .base { background-image: url(../media/base.jpg); background-repeat: no-repeat; float: left; margin: -10px 0 0; width: 551px; height: 63px; }
#main .columns .foundation { color: #aaa; font-size: 10px; background-color: #303030; background-image: url(../media/foundation.jpg); text-align: center; float: left; margin: 0; width: 551px; height: 16px; padding-top: 5px; }
#main .columns .small { color: #302f2f; font-size: 10px; font-style: italic; background-color: #fff; text-align: center; float: left; margin: 0; width: 551px; height: 16px; padding-top: 5px; }
#main .columns .c3 { float: left; width: 202px; margin: 0; }

html>body #main .columns .c3 { width: 202px; }

/* Structural elements */

.clear {
	clear: both;
	visibility: hidden;
	padding: 0px 0px 0px 0px;
}
.pinklink            { color: #ec0b49; font: 1em Verdana, Arial, Helvetica, sans-serif; background-color: white; text-decoration: none; text-transform: none  }
.pinklink:hover         { color: #000; font: 1em Verdana, Arial, Helvetica, sans-serif; background-color: white; text-decoration: underline; text-transform: none  }
.links01            { color: #ec0b49; font: bold 1em Verdana, Arial, Helvetica, sans-serif; background-color: white; text-decoration: none; text-transform: none  }
.links01:hover            { color: #ec0b49; font: bold 1em Verdana, Arial, Helvetica, sans-serif; background-color: white; text-decoration: none; text-transform: none  }
.links02            { color: black; font: 1em Verdana, Arial, Helvetica, sans-serif; background-color: white; text-decoration: none; text-transform: none  }
.links02:hover            { color: black; font: 1em Verdana, Arial, Helvetica, sans-serif; background-color: white; text-decoration: underline; text-transform: none  }
.greylink            { color: #707070; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; line-height: normal; background-color: white; text-transform: none   }
.greylink:hover         { color: #707070; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; line-height: normal; background-color: white; text-transform: none   }
.foundationlink            { color: #aaa; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; line-height: normal; background-color: transparent; text-transform: none   }
.foundationlink:hover         { color: #e4e4e4; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; line-height: normal; background-color: transparent; text-transform: none   }