@import url("reset.css");

body
{
	background: #E0F8EC;
	color: #222;
	font-size: 14px;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

/* Misc Styles */

a { color: #31B404; text-decoration: none; }
a:hover { color: #0B3B0B; text-decoration: none; }
img.alignright { float: right; border: 1px solid #CCC; padding: 5px; margin: 0 0 10px 10px; width:250px; height:250px; }

/* Main Styles */

#headercont
{
	width: 100%;
	height: 100px;
	background: #0B610B;
}

	#headercont #header
	{
		margin: 0 auto;
		width: 900px;
		height: 100px;
	}
	
		#headercont #header #headerleft
		{
			float: left;
			width: 350px;
			height: 100px;
		}
		
			#headercont #header #headerleft h1
			{
				color: #FFF;
				font-size: 28px;
				margin: 40px 0 0 0;
				font-weight: bold;
				letter-spacing: -1px;
				text-transform: uppercase;
			}
			
				#headercont #header #headerleft h1 a
				{
					color: #FFF;
				}
				
				#headercont #header #headerleft h1 a:hover
				{
					color: #00FFFF;
				}
		
		#headercont #header #headerright
		{
			float: left;
			width: 550px;
			height: 100px;
		}
			
			#headercont #header #headerright ul
			{
				clear: both;
				float: right;
				margin: 30px 0 0 0;
				list-style-type: none;
			}
			
			#headercont #header #headerright ul li
			{
				float: left;
				overflow: hidden;
				height: 40px;
			}
			
			#headercont #header #headerright ul li a
			{
				padding: 10px 20px;
				float: left; 
				text-decoration: none; 
				color: #FFF;
				text-transform: uppercase;
				height: 20px;
				line-height: 20px;
				background: #D7DF01;
				margin: 0 0 0 5px;
				font-weight: bold;
				
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
			
			#headercont #header #headerright ul li a.active
			{
				background: #868A08;
			}
			
			#headercont #header #headerright ul li a:hover
			{
				background: #00FFFF;
			}

#img_empresa{
	float:left;
	height:100px;
	width:300px;
	left:20px;
}

 #texto_normal{
	position:relative;
	float:left;
	width:100%;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
	text-align:justify;
 }
 
 #img_servicios{
	position:relative;
	float:center;
	width:500px;
	height:300px;
	margin:20px;
 }
 
 #poste{
	position:relative;
	float:left;
	width:900px;
	height:300px;
	margin:20px;
	
 }
 
 #postes_libres{
	position:relative;
	float:left;
	width:180px;
	height:300px;
	margin:0px 5px 0px 0px;
	
 
 }
 
 #img_poste{
 
	position:relative;
	float:left;
	width:505px;
	height:280px;
	margin:10px 10px 10px 5px;
	
 
 }
 
 #img_anunciante{
 
	position:relative;
	float:left;
	width:167px;
	height:80px;
	margin:5px;
	
 
 }
 
 #img_postes{
	position:relative;
	float:center;
	width:500px;
	height:300px;
	margin:20px;
 }
 
 #frontal{
	position:relative;
	text-align:center;
	font-family: sans-serif, Verdana;
	font-style:oblique;
	color: #ff0000;
	
 }
			
#gallerycont
{
	width: 100%;
	height: 300px;
	background: #DDD;
}

	#gallerycont #gallery
	{
		margin: 0 auto;
		width: 900px;
		height: 270px;
		padding: 15px 0;
	}
	
#maincont
{
	width: 100%;
}

	#maincont #main
	{
		margin: 0 auto;
		width: 900px;
		line-height: 22px;
	}
	
		#maincont #main p { margin: 0 0 15px 0; }
		
		#maincont #main h1, #maincont #main h2, #maincont #main h3, #maincont #main h4, #maincont #main h5 { margin: 0 0 10px 0; color: #0B610B; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; }
		#maincont #main h1 { font-size: 26px; }
		#maincont #main h2 { font-size: 20px; }
		#maincont #main h3 { font-size: 16px; }
		#maincont #main h4 { font-size: 14px; }
		#maincont #main h5 { font-size: 14px; }
		
		#maincont #main ul { margin: 0 0 15px 35px; list-style-type: square; }
		#maincont #main ul li { padding: 0 0 0 2px; }
		
		#maincont #main ol { margin: 0 0 15px 35px; list-style-type: decimal; }
		#maincont #main ol li { padding: 0 0 0 2px; }
		
		#maincont #main blockquote { background: #DDD; border-left: 3px solid #00FFFF; padding: 15px; margin: 0 0 15px 0; font-style: italic; }
	
		#maincont #main #mainleft
		{
			float: left;
			width: 800px;
			padding: 40px 20px 20px 0
		}
		
		#mainleft2{
			float: left;
			width: 560px;
			padding: 40px 20px 20px 0
		}
		
		#maincont #main #mainright
		{
			float: left;
			width: 280px;
			padding: 20px 0 20px 20px;
		}

#img_right{
	float:left;
	width:240px;
	height:400px;
	margin:20px;

}
		
#footercont
{
	clear: both;
	width: 100%;
}

	#footercont #footer
	{
		margin: 0 auto;
		width: 900px;
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #CCC;
		padding: 20px 0;
	}