/* 
CSS: layout - enfios.com
*/




/*contents*/
#wrapper {
	margin: 0 auto;
	color: inherit;	background: transparent url(../img/bg_bottom.gif) bottom repeat-x;
	overflow: hidden;
}


	#head, #main, #foot {
		width: 81.82em;
		margin: 0 auto;
		text-align: left;
	}
		
		#top {
			height: 9.09em;
			color: inherit; background:	transparent url(../img/pattern1.gif) repeat;
			border-bottom: 0.09em solid #D1D1D1;
		}
			
			#logo {
				float: left;
				margin: 3em 0 0 1.2em;
			}
			
			#quick {
				width: 21.5em;
				float: right;
				margin: 2em 1em 0 0;
			}
				
		
		/*navigation*/
		#menu {
			width: 54.1em;	height: 2.73em;
			margin-top: 2.73em;
			background:	transparent url(../img/pattern1.gif) repeat;
			font: 1.03em  Arial, Helvetica, sans-serif;
			letter-spacing: .05em;
			border-bottom: 0.09em solid #BED600;
		}
			
			#menu ul, #menu li { 
				margin: 0; padding: 0; 
				list-style-type: none; 
			}
			#menu li { display: inline; }
			
			#menu a {
				display: block; height: 2em;
				float: left;
				padding: .7em 1em 0; margin: 0 .1em;
				border-top: 0.09em solid #FFF;
				color: #1F5B42;
				font-weight: 700 !important;
			}
			
				#menu li a:hover, #menu li #current {
					color: #1F5B42;	background-color: transparent;
					text-decoration: none;
					border-top: 0.09em solid #BED600;
				}
		
		
				#submenu #current2 { 
					color: #303030;	background-color: transparent;
					font-weight: 700 !important;
				}
				

	
	/*main content*/
	#main { overflow: hidden; }
		
		/*image primary*/
		#pri {
			width: 55.73em;	height: 20em;
			float: left;
			margin: 1.91em 3.7em 0 0;
			color: inherit; background:	transparent url(../img/pattern1.gif) repeat;
		}
			
			#pri .img {
				width: 585px;	height: 192px;
				margin: 0.96em;
				border: 0.36em solid #FFF;
				color: inherit; background:	transparent url(../img/inicio_pri.jpg) center no-repeat;
			}	
		
		/*image secundary*/	
		#sec {
			width: 22.36em; height: 20.3em; 
			float: left;
			margin-top: 1.91em;
			overflow: hidden;
		}
			#img_sec {
				height: 20em;
				color: inherit; background:	transparent url(../img/pattern1.gif) repeat;
			}
				#img_sec a { display: block; }
				#img_sec img { margin: 0.91em; border: 0.36em solid #FFF; }
					#img_sec img:hover { border-top-color: #BED600; }
			
		
		/*content center*/	
		#box1, #box2, #box3 {
			float: left;
			margin-top: 1.91em;
			overflow: hidden;
		}

			#box1 { width: 29em; }
			
			#box2, #box3 {
				padding-left: 1.82em;
				color: inherit; background:	transparent url(../img/dashed.gif) repeat-y;
			} 
				
				#box2 {
					width: 23.1em;
					margin-left: 1.82em;
				}
				#box3 {
					width: 22.36em;
					margin-left: 1.9em;
				}
		
			
	
	/*bottom content*/
	#foot {
		height: 13.82em;
		margin-top: 2.8em;	
		border-top: 0.09em solid #D1D1D1;
		color: inherit; background:	transparent url(../img/pattern1.gif) repeat;
	}
		
		#foot a { font-weight: 400; }
		
		#credit, #language, #certificate {
			float: left;
			margin: 1.82em;
		}
		
			#credit { width: 44.55em; }
			#certificate { float: right; }




/*accordion*/
#data_accordion .togg {
	color: inherit; background:	transparent url(../img/pattern2.gif) no-repeat;
	border-bottom: 0.09em solid #D1D1D1;
	margin: 0;	padding: .2em .6em;
}
	.togg span { 
		padding-left: 3em;
		color: inherit; background: url(../img/arrow1a_ico16.gif) no-repeat .4em; 
	}
	.togg.active span { color: inherit; background: url(../img/arrow1b_ico16.gif) no-repeat .4em; }

#data_accordion .cont .box {
	overflow: hidden;
	margin: .7em 2.4em;
}



/*applications*/
.spt {
	display: block;
	margin-top: 1em;
	color: inherit; background: url(../img/pattern1.gif) no-repeat;
	border-top: 0.18em solid #FFF;
	border-bottom: 0.09em solid #D1D1D1;
}
	.spt img { margin: 0.55em; }
	.spt:hover { border-top: 0.18em solid #BED600; }
	
	

/*blog & contact*/
	#box4 {
		float: left;
		width: 55.73em;
		margin-top: 1.91em;
	}
		
		.post {
			clear: both;
			overflow: hidden;
			margin-bottom: 4em;
		}
		
			#box4 .post h3 { margin-top: 0; font-size: 1.6em; }
			
			#box4 .date {
				width: 9.36em;
				float: left;
				text-align: center;
				margin-right: 1em;
				color: #E5E5E5;	background: inherit;
			}
				#box4 span { display: block; }
					#box4 span.day { font-size: 3.27em; }
					#box4 span.month { font-size: 1.45em; }
					#box4 span.year { font-size: 1.64em; }
				
			#box4 .cont {
				width: 38em;
				float: left;
				padding-left: 1.82em;
				color: inherit; background:	transparent url(../img/dashed.gif) repeat-y;
			}
	
	.rss { color: inherit; background: url(../img/bg_rss.gif) no-repeat; }
	.rss p { margin: 15em 0 0 2em; }
	
	.blog_menu ul { margin-top: 0; padding: 0; list-style: none; }
	.blog_menu ul ul { list-style-type: square; }
	.postmetadata { font-size: .9em; }