@charset "utf-8";

@import url("colores.css");


body { font-size:100%; font-family:Verdana, Geneva, sans-serif; margin:0; background:#fff; color:#112F40;}

img { border:none; }

#container { width:914px; position:relative; margin:0 auto; position:absolute; left:0; right:0; top:0; }
#container h1 {font-size:2em;color:#112F40;}

#body {
	position:absolute;
	top:40px;
	left:3px;
	z-index:0;
	width:100%;
	height:1375px;
	overflow:auto;
}



/*Top
--------------------------------------------------------------------------*/
#bg-top { position:absolute; top:51px; right:24px;width:1600px; height:210px; background-color:#fff; opacity:0.85; z-index:0;}
	
.logo { position:absolute; top:75px; left:-380px; z-index:1; overflow:hidden; }

h1 {
	position:absolute;
	top:186px;
	left:264px;
	z-index:1;
	margin:0;
	width:600px;
	padding:10px 0;
}


/*Content
--------------------------------------------------------------------------*/
.content { width:450px; padding:0 30px 20px 30px; margin:0; position:absolute; top:261px; left:234px; background-color:#fff; opacity:0.9; height:auto;}
	.content p { font-size:14px; line-height:20px; margin:0 0 20px 0; padding:0; color:#000; }
	.content p.abstract { font-size:20px; line-height:20px; }
	.content h2 { font-size:18px; line-height:22px; margin:0 0 10px 0; padding:12px 0 0 0; }
	.content h3 { font-size:16px; line-height:20px; margin:0 0 8px 0; padding:10px 0 0 0; }
.content a { text-decoration:none; font-size:16px; font-weight:bold; color:#B42025; }
	.content a:hover { text-decoration:underline; }
		.content blockquote { margin:0 0 0 -10px; padding:1.6em 110px 1.1em 10px; font-family:Arial, Helvetica, sans-serif; background:url(images/quote.gif) no-repeat 0 0; }
		.content blockquote p { font-weight:bold; font-size:1.4em; line-height:1.4em; margin:0 0 0.6em 0; }
		.content blockquote cite { font-size:1em; color:#666; }
		.content blockquote cite a { color:#666; }
.content2 { width:660px; padding:0 10px 20px 10px; margin:0; position:absolute; top:261px; left:240px; background-color:#fff; }
	.content2 p { font-size:14px; line-height:20px; margin:0 0 20px 0; padding:0; color:#000; }
	.content2 p.abstract { font-size:20px; line-height:20px; }
	.content2 h2 { font-size:18px; line-height:22px; margin:0 0 10px 0; padding:12px 0 0 0; }
	.content2 a { text-decoration:none; color:#B42025; }
	.content2 a:hover { text-decoration:underline; }

/*Lists*/
.content ul { margin:0; padding:0 0 1.1em 0; list-style:outside; }
.content li { margin:0 0 0 15px; font-size:18px; line-height:24px; }
	.content .links-list { margin:0; padding:0; list-style:none; }
	.content .links-list li { margin:0; padding:0.8em 0 1.1em 0; background:url(images/dotty.gif) repeat-x bottom left; font-size:1.1em; line-height:1.5em; }
	.content .links-list li h2 { font-size:1em; color:#000; margin:0; }
	.content .links-list li a { display:block; }
		.content .gallery-thumbs { margin:0; padding:0; list-style:none; }
		.content .gallery-thumbs li { float:left; margin:0 2px 2px 0; width:104px; height:80px; padding:0; background:none; }


/*Links (new)
--------------------------------------------------------------------------*/
#links-list { margin:0; padding:0.8em 0 1.1em 0; background:url(images/dotty.gif) repeat-x bottom left; font-size:1.1em; line-height:1.5em; }
	#links-list h2 { font-size:1em; color:#000; margin:0; }
	#links-list a { display:block; }


/*Surfboard slider
--------------------------------------------------------------------------*/
#boards { width:448px; height:310px; overflow:hidden; position:relative; background:#1a191e; margin:0 0 1.8em 0; }
	#boards ul { list-style:none; margin:0; padding:0; position:relative; }
		#boards li { margin:0; padding:0 2px 0 0; width:148px; top:0; left:0; background:#FFF; }


/*Contact form
--------------------------------------------------------------------------*/
.contact-form { margin:1.8em 0 0 0; padding:0; }
	.contact-form p { margin:0 0 0.6em 0; }
	.contact-form label { display:block; font-size:1.1em; margin:0 0 0.3em 0; }
	.contact-form .formbox { border:1px solid #666; background:#FFF; width:278px; }
	.contact-form .formtextbox { border:1px solid #666; background:#FFF; width:398px; }


/*Navigation
--------------------------------------------------------------------------*/
#main-navi { margin:0; padding:0; position:absolute; right:680px; top:280px; width:170px; }
	#main-navi li { list-style:none; float:right; clear:right; text-align:right; margin-bottom:2px; width:100%; }
	#main-navi li a { 
	float:left; clear:left; display:block; 
	width:100%; padding:8px 6px; height:28px; height /**/:28px;
	background-color:#112F40;
	color:#fff;
	font-size:14px;
	line-height:26px;
	text-decoration:none;
	font-weight:bold;
	}
	#main-navi li a:hover, #main-navi li a.active {
	background-color:#BAC4C9;
	color:#112F40;
	}


/*Side image
--------------------------------------------------------------------------*/
.side-image { position:absolute; top:280px; left:744px; }
.order-button { position:absolute; top:259px; right:122px; z-index:2; }


/*Footer
--------------------------------------------------------------------------*/
.content .footer { font-family:Arial, Helvetica, sans-serif; font-size:1em; margin:0; padding:46px 0 0 0; color:#aaa; background:url(images/plus.gif) no-repeat 0 34px; }
.content .footer a { color:#aaa; }
.footer img{padding:0; margin:0;}
#footer {background-image:url(../images/footer.png); margin:0; padding:0;}


/*Clear fix
--------------------------------------------------------------------------*/
.clearfix { display:inline-table; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ }
html>body .clearfix { height:auto; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }