/*	
	Table Of Contents
	
	1. =GENERAL
	2. =HEADER
		2.1 =LOGO
		2.2 =NAVIGATION
	3. =CONTENT
		3.1 =MAIN CONTENT
		3.2 =SIDEBAR
			3.2.1 =SIDEBAR NAVIGATION
			3.2.2 =CONTACT INFO 
	4. =FOOTER
	5. =MISC
		5.1 =ROUNDED CORNERS
		5.2 =CONTACT FORM	
				
-----------------------------------------------------------------------------------*/

/* =GENERAL
------------------ */

body { margin:0; padding:0;
	   background: #24a2ea; // url(images/barrio.png) repeat-x bottom; 
	   color:#444;
	   font:normal 13px Arial, Helvetica, sans-serif; position:relative;  }

a { color:#c92149; }
a:hover { }

img{ border:none; }
	
table{ width:100%; margin-bottom:15px; line-height:24px; }
th{ border-top:3px solid #970205; padding:7px 10px; color:#fff;  background-color:#CA0308; text-align:left; }
td{ border-bottom:1px solid #f4f4f4; padding:10px; }

code{ display:block; margin-bottom:15px; padding:10px; border-left:5px solid #ddd; }

blockquote{ display:block; margin:15px; padding-left:50px; background:#fff url(images/blockquote-quotemark.gif) no-repeat top left; }
blockquote p{ font-style:italic; font-family:Georgia,"Times New Roman",Times,serif; margin:0; height:1%; }

/* align images + text */	

.img-left{ float:left; margin:10px 15px 15px 5px; }		/* Add this to any image you want to left align  */
.img-right{ float:right; margin:10px 5px 15px 15px; }	/* Add this to any image you want to right align */

.text-right{ text-align:right; }
.text-center{ text-align:center; }

/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */

.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.fixed{display:block;}
	/*  \*/
	.fixed{min-height:1%;}
	* html .fixed{height:1%;}



/* =TITLE
------------------ */
#title { display:none; margin:15px auto 0px auto; width:900px; }
	
	.title {color:#ffffff; font-size:42px; font-weight:bold;}

/* =HEADER
------------------ */

#header { display:none; margin:-10px auto 0px auto; width:900px; background-color:#FFFFFF;}

	/* =LOGO
	------------------*/
	
	.logo { padding:31px 0 20px 30px; margin:0; float:left; color:#FFFFFF; }
		.logo a{ outline:none; }
		
	/* =NAVIGATION
	------------------*/
		
	.nav { padding: 0 20px; margin:0px 30px 0 0; float:right;  border-bottom:1px solid #efefef; }
	.nav ul { padding:0; margin:0; list-style:none; border:0;}
	.nav ul li { float:left; margin:0; padding:0 2px 0 0; border:0;}
	.nav ul li a { float:left; margin:0; padding:25px 11px 11px 11px; color:#111; font-size: 14px; font-weight:bold; text-decoration:none; outline:none; }
	.nav ul li a:hover{ color:#CC0000; }
	.nav ul li a.active { background-color:#c92149; color:#fff; }
	.nav ul li a.active:hover{ color:#fff; }
	 
	.pagetitle h2 { display:none; color:#cccccc; font-size:40px; width:400px; margin:20px 0 0 0; padding:35px 0px 35px 35px; float:right; border-left:1px solid #ccc; }
	
/* =CONTENT 
-------------------*/

.content { display:none; width:840px; margin:0 auto; background-color:#FFF; padding:25px 30px;}

	.content h2 { margin:0; padding:10px 5px; font-size: 28px; color:#000; }
	.content h3 { margin:0; padding:15px 5px; font-size:20px; color:#000; }
	.content h4 { margin:0; padding:15px 5px; font-size:16px; font-weight:bold; color:#000; }
	.content ul { margin:0 40px 0 0; padding:0 10px 15px 20px; list-style:inside; } 
	.content li { margin:0; padding:0; } 
	.content ul li ul{ padding-bottom: 0px; }
	.content p, .content li { line-height:24px; }
	.content p { padding:5px; margin:0;}

	/* =MAIN CONTENT
	------------------*/
	
.content .maincontent { display:block; width:540px; padding:0px 30px 30px 0; margin:0; }
.content .maincontent h2 { margin-bottom:15px; color:#000;  }
		#feedControl { width:540px; height:200px; padding:0px auto 40px auto; }
		#feedControl .gfg-root { width:100%; height:auto; position:relative; overflow:hidden; text-align:center; font-family:"Arial", sans-serif; font-size:12px; border:1px solid #e3e3e3;}
		#feedControl .gfg-title{ font-size:14px; font-weight:bold; color:#000000; background-color:#e5e5e5; line-height:1.4em; overflow:hidden; white-space:nowrap;}
		#feedControl .gfg-title a { color:#000; }
		#feedControl2 { width:540px; height:200px; padding:0px auto 40px auto; }
		#feedControl2 .gfg-root { width:100%; height:auto; position:relative; overflow:hidden; text-align:center; font-family:"Arial", sans-serif; font-size:12px; border:1px solid #e3e3e3;}
		#feedControl2 .gfg-title{ font-size:14px; font-weight:bold; color:#000000; background-color:#e5e5e5; line-height:1.4em; overflow:hidden; white-space:nowrap;}
		#feedControl2 .gfg-title a { color:#000; }
		
		.maincontent ul li .job_desc { margin: 5px 0px 20px 20px; font-size: 12px; }
		.maincontent ul li .job_desc .job_task_header { margin: 5px 0px 0px 20px; font-size: 12px; background-color: #e5e5e5}
		.maincontent ul li .job_desc .job_task_header img { margin: 2px 0 0 0; padding: 2px 0 0 0;}
		.maincontent ul li .job_desc .job_task_desc { padding: 5px 0px 0px 30px; font-size: 12px; }
		.end_paragraf { height: 180px; }		
		

	/* =SIDEBAR
	------------------*/
	
.content .sidebar { float:right; width:240px; padding:12px 0 0 0px; }
	
		.sidebar  h3{ padding:7px 10px; margin-bottom:10px; font-size:17px; border-bottom:3px solid #e3e3e3; } 
		.sidebar .title { background:url(images/news_title.gif) no-repeat left center; padding:5px 0 5px 20px; font-weight:bold;}


		/* =SIDEBAR NAVIGATION
		---------------------*/
		.sidebar ul.sidebar_nav { padding:0; margin:0; list-style:none;}
		.sidebar ul.sidebar_nav li { padding:5px 10px; border-bottom:1px solid #e5e5e5;}
		.sidebar ul.sidebar_nav li a { background:none; color:#6e6e6e; font-weight:normal; padding:0 0 0 15px; text-decoration:none;  }
		.sidebar ul.sidebar_nav li a.active { color:#0000FF;}
		.sidebar ul.sidebar_nav li a:hover {  text-decoration:underline;}
			
		/* =CONTACT INFO 
		-------------------*/
		.sidebar ul.contact_info { padding:0; margin:0; list-style:none;} 
		.sidebar ul.contact_info li { width:210px; float:left; background:url(images/cont_bg.gif) no-repeat left center; padding:0 0 0 15px; margin:0 0 0 5px;}
		.sidebar ul.contact_info li a { padding:0; margin:0; background:none;}
		
		.sidebar .sidebarform  { margin:0; padding:5px 10px; width:210px;}
		.sidebar .sidebarform .inputtext    { width:210px }
		.sidebar .sidebarform .comment      { width:210px; height: 100px; resize: none;}
		.sidebar .sidebarform .submitbutton { width:210px; }
		


/* =FOOTER 
-------------------*/

#footer { display:none; padding:0; margin:0 auto; padding:5px 40px; width:820px; }

	#footer p { font-size: 12px; color:#fff;}
	#footer a { color:#fff; text-decoration:underline;}
	#footer a.flag { float:right; marging: 10px 10px 10px 10px;}
	.copyright{ float:center;}
		
/* =MISC
-------------------*/
	
	/* =CONTACT FORM
	-------------------*/
	
	form { margin:0; padding:5px 10px;}

	form ol { margin:0; padding:0; list-style:none;}
	form li { margin:0; padding:0; background:none; border:none; display:block;}
	form li.buttons { margin:5px 0 5px 110px;}
	form label { margin:2px 10px 2px 0; width:170px; display:block; padding:3px 0;
				 text-transform:capitalize; float:left; text-align:right;}
	form label span { color:#2c2c2c;}
	form input.text { width:320px; border:1px solid #dcdcdc; margin:5px 0; padding:5px; height:16px; background:#FFF; float:left;}
	form textarea { width:320px; border:1px solid #dcdcdc; margin:5px 0; padding:5px; background:#FFF; float:left;}