* { padding: 0; margin: 0; }

body {
 background: #A2B7D4 url(images/bg_body.jpg) repeat-x top left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #333333;
}

h1 , h2, h3, h4, h5, h6 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif;
}


#header {
 margin:0px auto;
 width:830px;
 height: 153px;
}

a {
color: #003366;
}

/*----- Menu Top -----*/

	#header_menu_top {
 	 height:24px;
	 color:#fff;
	 font-size:11px;
	 display:block;
	}
	
		#header_menu_top ul {
		 margin: 0;
		 padding: 0;
		 list-style-type:none;	
		 clear: both;
		 text-align:right;
		 float:right;
		 right: 5px;
		}
		
		#header_menu_top ul li {
		 display: block;
		 float: left;
		 margin: 5px 0px 5px 0px;
		 padding: 0 10px 0 10px;
		 border-left: solid 1px #fff;
		}
		
		#header_menu_top ul li.first {
		 display: block;
		 float: left;
		 margin: 5px 0px 5px 0px;
		 padding: 0 10px 0 10px;
		 border-left: none;
		}
		
		#header_menu_top ul li a:link, #header_menu_top ul li a:active, #header_menu_top ul li a:visited {
		 text-decoration:none;
		 color: #fff !important;
		}
		
		#header_menu_top ul li a:hover {
		 text-decoration: underline;
		}
	
	/*----- Fin Menu Top -----*/
	
	/*----- Header content logo, slogan -----*/
	
	#header_content {
	 margin:25px 25px 0px 25px;
	}

			#header_content h1 a {
			 width:169px;
			 height:101px;
			 text-decoration:none;
			 text-indent: -9000px;
			 background:url(images/logo_bicon.jpg) no-repeat 0 0;
			 display:block;
			}
			
			.header_slogan {
			 background: url(images/slogan_bicon.gif) no-repeat center right;
			}
	
	/*----- Fin Header content -----*/
	
	/*----- Navigation -----*/
	
#navigation {
 margin:0px auto;
	 width:890px;
	 height:50px;
	 display:block;
	 background:url(images/bg_navigation.jpg) repeat-y center top;
}
#navigation ul {
padding:0;
	 margin: 1px 30px 0px 30px;
list-style-type:none;
text-align:center;
}
#navigation ul li {
float:left; 
position:relative;
margin: 0px 5px 0px 0px;
}

	#navigation ul li.end {
	 float: right;
	 margin: 0px;
	}

#navigation ul li a, #navigation ul li a:visited {
float:left; 
display:block; 
text-decoration:none;
color:#ddf; 
padding:6px 0 0 0;
height:22px;
background:url(images/bg_btn.jpg) no-repeat 0 0;
width: 93px;
}



#navigation ul li:hover {
width:auto;
}

#navigation ul li a.menu_top:hover {
color:#fff;
background-position: 0 -27px;
padding-bottom:2px;
}
#navigation ul li:hover a.menu_top {
color:#fff;
background-position: 0 -27px;
padding-bottom:2px;
}

#navigation ul li a.menu_top {
color:#fff;
background:url(images/bg_btn.jpg) no-repeat 0 0;
}


#navigation ul li ul {
margin:0px;
display: none;
}
#navigation table {
margin:0; 
border-collapse:collapse; 
position:absolute; 
top:0; left:0;
}

#navigation tr.even td{
background:none !important;
border:none!important;
}
#navigation tr.odd td{
background:none!important;
border:none!important;
}

/* specific to non IE browsers */
#navigation ul li:hover ul {
display:block;
position:absolute;
top:28px;
margin:0px; 
left:0;
width:180px;
}
#navigation ul li:hover ul.endstop {
left:-92px;
}
#navigation ul li:hover ul li ul {
margin:0px;
height:auto;
display: none;
margin-left:40px;
}
#navigation ul li:hover ul li a {
padding:5px 6px 0 6px;
display:block;
background:#3e679e;
color:#fff;
height:auto;
line-height:15px;
width:180px; 
border-bottom:0;
text-align: left;
}


#navigation ul li:hover ul li a.drop {
background:#000 url(images/bullet1.gif) no-repeat 3px 8px;
}
#navigation ul li:hover ul li a:hover {
background: #3d812e;
}
#navigation ul li:hover ul li a:hover.drop {
background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
#navigation ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
#navigation ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers */

#navigation ul li a:hover ul {
display:block;
position:absolute;
top:28px; t\op:30px; 
left:0;
}

#navigation ul li a:hover ul.endstop {
left: -92px;
}
#navigation ul li a:hover ul li a {
margin:0px;
display:block;
background:#3e679e;
color:#fff; 
height:20px; 
line-height:15px; 
padding:5px 6px 0 6px;
width:180px; 
border-bottom:0;
text-align: left;
}
#navigation ul li a:hover ul li a.drop {
background:#000; 
padding-bottom:4px;
}
#navigation ul li a:hover ul li a ul {
visibility:hidden;
position:absolute; 
height:0; 
width:0;
margin-left:40px;
}
#navigation ul li a:hover ul li a:hover {
background: #3d812e;
}
#navigation ul li a:hover ul li a:hover.drop {
 background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
#navigation ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
#navigation ul li a:hover ul li a:hover ul.left {
left:-153px;
}
	
	/*----- Fin Navigation -----*/

	/*----- Wrapper-----*/

#wrapper { 
 margin: 0 auto;
 padding:0px 30px;
 width: 830px;
 background:url(images/bg_wrapper.png) repeat-y center;
}

#slide { 
 margin: 0 auto;
 height: 228px;
 text-align:center;
z-index: -999;
}

	/*----- Content-----*/

#content { 
 margin: 0px;
 padding: 0px 32px 15px 32px;;
 width: 478px;
 float: left;
 background:url(images/bg_content.jpg) no-repeat top right;
 border-right: 1px solid #dae1e3;
}

	.left {
	 float: left;
	}
		
	.right {
	 float: right;
	}
		
	#content h1 {
	 margin:15px 0 15px 0; 
	 height: 33px;
	 text-indent: -9000px;
	 display:block;
	}
	
		#content h1.acerca_de {
		 background:url(images/files/h1_acerca_de.jpg) no-repeat 0 0;
		}
		
		#content h1.p_eventos {
		 background:url(images/files/h1_proximos_eventos.jpg) no-repeat 0 0;
		}
		
		#content h1.n_clientes {
		 background:url(images/files/h1_nuestros_clientes.jpg) no-repeat 0 0;
		}
		
		#content h1.testimonios {
		 background:url(images/files/h1_testimonios.jpg) no-repeat 0 0;
		}
	
	#content h2 {
	 margin:8px 0 5px 0;
	 font-weight:bolder;
	 color:#1f740c;
	 display:block;
	 font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif;
	 
	}
	
		#content h2 a {
		 margin:8px 0 5px 0;
		 font-size:14px;
		 font-weight:bolder;
		 color:#1f740c;
		 display:block;
		 text-decoration:none;
		}
		
		#content h2 a:hover {
		 text-decoration:underline;
		}
	
	#content h3 {
	 margin:3px 0 3px 0;
	 font-size:14px;
	 font-weight:bolder;
	 color:#0d62a4;
	}
	
	#content p {
	 color:#484848;
	 margin-bottom:10px;
	}
	
	#content img {
	margin:3px;
	display:block;
	}

#content .left_col {
 margin: 10px 0px;
 padding: 0px 10px 0px 0px;
 width: 229px;
 float: left;
}

	.left_col img {
	 margin:5px;
	 display:block;
	}

#content .right_col {
 margin: 10px 0px;
 padding: 0px 0px 0px 20px;
 width: 219px;
 float: right;
 display: inline;
}

	.right_col img {
	 margin:2px !important;
	 display:block;
	}

	.div_cols {
	margin:20px auto 15px auto;
	 width:202px;
	 height:1px;
	 background:url(images/div_cols.gif) no-repeat top center;
	}
	
	a.btn_more  {
	margin:10px 0px;
	 background:url(images/btn_vmore.gif) no-repeat center left;
	 padding-top: 2px;
	 width:75px;
	 height: 18px;
	 font-size:11px !important;
	 color: #FFFFFF !important;
	 text-align:center;
	 text-decoration:none;
	 float:right;
 	 display:inline;
	}
	
	a:hover.btn_more  {
	 text-decoration:underline !important;
	 border:none !important;
	}

	/*----- End Content-----*/

/*--  Page Content --*/


	
	

#sidebar { 
 margin: 0px;
 padding: 0px 32px 15px 10px;
 width: 244px;
 color: #333;
 float: right;
 display: inline;
}

	#sidebar h1 { 
	 margin: 0px;
	 padding: 0px;
 	 color: #2d7b1e;
	 font-size: 24px;
	 font-weight: normal;
	 display: block;
	}
	
	#sidebar h2 { 
	 margin:5px 0 5px 0; 
 	 color: #003772;
	 font-size:14px;
	 font-weight:normal;
	 display:block;
	}
	
		#sidebar h2 a { 
		 margin:5px 0 5px 0; 
		 color: #003772;
		 font-size:14px;
		 font-weight:normal;
		 text-decoration:underline;
		}
		
		#sidebar h2 a:hover { 
		 text-decoration:none;
		}
	
	#sidebar #more_blog h3 { 
	 margin:5px 0px 5px 0px;
	 padding:7px 0px 0px 3px;
 	 color: #003772;
	 font-size:12px;
	 font-weight:bold;
	 display:block;
	 background:url(images/h3_sb_div.jpg) no-repeat top left;
	}

	#sidebar a {
	color: #666666;
	text-decoration:none;
	}
	
	#sidebar a:hover {
	border-bottom: 1px dotted #666666;
	}
	
	#sidebar ul {
	 margin: 0 20px;
	 padding: 0;
	 list-style-type:square;
	 clear: both;
	}
	
		#sidebar li { 
		}
	
	#sidebar .box {
	 margin: 20px 0px;
	 margin-top: 0px; 
	}

	#sidebar .box h3 {
	margin-bottom: 4px;	 
	}

	#sidebar .box h3 a {
	color: #003774;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #406693;
	}	

	#sidebar .box h3 a:hover {
	color: #000;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #333;	 
	}	
	
	#sidebar .post {
	margin:15px 0px;
	padding:0px;
	background:url(images/div_cols.gif) no-repeat bottom center;
	min-height: 80px;
	}	
	
	
	#sidebar .post img {
	float: left;
	border: 1px solid #CCCCCC;
	margin: 2px;
	padding: 3px;
	}
	
	#sidebar img {
	 margin:5px auto;
	 display:block;
	}
	
	#sidebar #more_blog h3 { 
	 margin: 5px 0px 5px 0px;
	 padding: 7px 0px 0px 3px;
 	 color: #003772;
	 font-size: 12px;
	 font-weight: bold;
	 display: block;
	 background: url(images/h3_sb_div.jpg) no-repeat top left;
	}	
	
	

	/*----- Fin Wrapper -----*/

#fix_bottom { 
 width: 770px;
 clear: both;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 float: inherit;
}
.clear{clear:both;}

	/*----- Banner Down partners, footer menu, footer info -----*/
#banner_ftr { 
 margin: 0 auto;
 padding:15px 30px;
 height: auto;
 clear: both;
}

	#banner_ftr .partners { 
	 margin: 0 auto;
	 padding:9px 30px 0px 30px;
	 height: 58px;
	 text-align:center;
	 background:url(images/bg_ptnrs.jpg) no-repeat top center;
	}
	
	.partners a img {
	 margin:0px 35px;
	 vertical-align:middle;
	 border:none;
	}
	
	#banner_ftr .footer { 
	 margin: 0 auto;
	 padding:10px 30px 0px 30px;
	 height: auto;
	 text-align:center;
	 background:url(images/ln_ftr.jpg) no-repeat top center;
	}
	
		#banner_ftr .menu {
		 margin: 0px auto;
		 height:auto;
		 text-align:center;
		 font-size:11px;
		}

			#banner_ftr .menu a:link, #banner_ftr .menu a:active, #banner_ftr .menu a:visited {
			 padding: 0px 5px;
			 color: #748aa0;
			 text-decoration: none;
			 border-left: solid 1px #748aa0;
			}
			
			#banner_ftr .menu a.first {
			 border-left: none;
			}
			
			#banner_ftr .menu a:hover {
			text-decoration: underline;
			}
			
		#banner_ftr .info {
		 margin: 10px auto 0px auto;
		 height: auto;
		 font-size:12px;
		 color:#6482a0;
		 text-align:center;
		}
		
		/*----- Fin Banner Down -----*/


#clientes_box img {
float: left;
border: 1px solid #CCCCCC;
margin: 2px;
background: #FFFFFF;
padding: 2px;
}

#clientes_box:hover {
background: #ebf0f6;
}

#eventos_box img {
float: left;
border: 1px solid #CCCCCC;
margin: 2px;
background: #FFFFFF;
padding: 2px;
}

#eventos_box:hover {
background: #ebf0f6;
}

#blog_box {

}

/*----- Lasted Post -----*/


#lasted_post {
	margin:0;
	padding:0;
	background: url(images/bg_menucat_down.gif) bottom left no-repeat;	
	width: 235px;
	margin-left: 0px;
	padding-bottom: 10px;
}

#lasted_post ul {
	margin:0;
	padding:0;
	list-style:none;
	background: url(images/bg_menucat_middle.gif) top left repeat-y;
	padding-left: 10px;
}
#lasted_post li {
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom: 4px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 2px;
}
#lasted_post li a {
	display:block;
	padding:0px;
	padding-left: 15px;
	color:#003e72;
	text-decoration:none;
	font-size: 11px;
	background: url(images/li_arrow.gif) 0px 50% no-repeat;
	font-weight: bold;
	border: 0px;
}

#lasted_post li a:hover {
	background: url(images/li_arrow.gif) 0px 50%  no-repeat;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	border: 0px;
	border-bottom: 0px !important;
}




#soporte_box img {
border: 0px;
}

#rss_box img {
border: 0px;
}




#bottom_footer { 
 margin: 0 auto;
 padding:0px 30px;
 width: 830px;
 height: 35px;
 background:url(images/bg_bottom.png) no-repeat bottom center;
}

/*----- Fin Lasted Post -----*/

/*----- Page Content -----*/

.page_content h2 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif;
font-size: 20px;
border-bottom: 3px solid #e6e0d5;
margin-bottom: 10px;
display: block;
}

.page_content ul {
color: #333333;
margin-left: 10px;
}

.page_content li {
color: #333333;
list-style: circle;
padding-bottom: 4px;
}

.post_info {
border: 1px solid #d6cbb7;
background: #e6e0d5;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif;
padding: 2px;
font-size: 12px;
margin-top: 10px;
}

.post_info a {
text-decoration: none;
color: #003366;
padding-left: 2px;
padding-right: 2px;
}

.post_info a:hover {
text-decoration: none;
color: #fff;
background: #003366;
}

.page_content img {
float: left;
margin: 2px;
padding: 3px;
margin-top: 0px;
margin-left: 0px;
}

.center_img {
width: auto!important;
margin:0px auto!important;
text-align:center;
border:1px solid #000;
}

/*----- Fin Page Content -----*/

/*----- Comments -----*/

#comments h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif;
font-size: 16px;
border-bottom: 3px solid #e6e0d5;
margin-bottom: 10px;
display: block;
}

/*----- Fin Comments -----*/

/*----- General Classes -----*/

.img_left {
float: left;
border: 1px solid #CCCCCC;
margin: 2px;
padding: 3px;
}

.navigation {
margin-bottom: 10px;
border-bottom: 1px solid #b8cbdf;
}

.navigation a {
color: #000000;
text-decoration: none;
}

.navigation a:link {
color: #003366;
text-decoration: underline;
}


.alignright {
float: right;
}

/*----- Fin General Classes -----*/

/*----- Table -----*/

.tbl_info {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

.tbl_info caption {
	padding: 0 0 5px 0;
	text-align: left;
	padding-top: 10px;
 text-indent: -9000px;
}

.tbl_info th {
	font-size:11px;
	font-weight:bold;
	color:#333333;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	text-align: left;
	padding: 4px;
	background: #a8bcd7;
}

.tbl_info th.first {
	border-left: 1px solid #999999;
}

.tbl_info td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background: #fff;
	padding: 4px;
}


.tbl_info td.alt {
	background: #e5ebf3;
}

.tbl_info th.spec {
	border-left: 1px solid #999999;
	border-top: 0;
	background: #fff;
	font-weight: bold;
	font-size:10px;
}

.tbl_info th.specalt {
	border-left: 1px solid #999999;
	border-top: 0;
	background: #e5ebf3;
	font-weight: bold;
	font-size:10px;
}

/*----- Fin Table -----*/

/*----- Contact Form -----*/

#contact {
	margin:12px auto 5px auto;
	color:#222;
}

#contactleft {
font-size: 12px;
padding-right: 3px;
}

#contactright {
		width:270px;
		float:right;
}

#contact fieldset {
		border:none;
	}
#contact input, textarea {
	font-size: 12px;
	padding: 2px;
	border: none;
	margin:2px 0;
	font-family:Arial, Helvetica, sans-serif;
	}
#contact label {
	color: #333;
	clear:both;
	display:block;
	font-weight: bold;
	}
	
#contact .error{
	color: #CC3300;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	}	
	
#contact textarea {
	height: 70px;
	font-family:Arial, Helvetica, sans-serif;
	}
#contact .text {
	width: 250px;
	color: #000;
	border: 1px solid #e0dcd3;
	background: #f5f3ee;
}

#contact .calendarFocus, #contact .calendarFocus2 {
	width: 220px;
}

#contact .textarea {
	width: 250px;
	color: #000;
	border: 1px solid #e0dcd3;
	background: #f5f3ee;
	height: 120px;
}

#contact .text:focus {
 background-color:#fff;
}

#contact .textarea:focus {
background-color:#fff;
}

#contact .submit {
	background:#14427f;
	border: 1px solid #082852;
	color: #fff;
}

#contactFormArea strong {
color: #993300;
padding-top: 6px;
}

/*----- Fin Contact Form -----*/

/* Comments  */
div.bubble {
	width: auto;
	font-size: 12px;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;

}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(images/tip.gif) no-repeat 20px 0;
	font-style: normal;
}


form#commentform {padding:20px 30px 20px 30px; background-color: #f8f7f4; border: 1px solid #ece4cd; color: #333;}
   form#commentform label { padding-left:5px; color:#333; font-size:12px; width: 100px; float: left; display: block; }
   form#commentform input.text, form#commentform textarea, form#commentform input.submit { font:11px 'verdana'; color:#545454; padding:5px; border-width:1px; }
  /* form#commentform input.text { width:150px; }*/
   form#commentform input.submit { background:#ddd; }
   form#commentform textarea { width:82%; }
   form#commentform .textfield { border: 1px solid #baab90; background: #FFFFFF; padding: 1px;  }
   form#commentform .textfield:focus { border: 1px solid #a59578; background: #FFFFFF; padding: 1px;  }
   p.submit { margin-top:10px; border-top:1px solid #ccc; }
   p.sub { margin-left:-32px; padding:0 5px 5px 32px; background:#F2F5DF; }
   
   
/*-- Light Box Gallery --*/   
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


	.gallery {
		background-color: #f5f3ee;
		padding: 3px;
		border: 1px solid #e2ddd4;
		width: 470px;
	}
	
	.gallery h3 {

	}
	
	.gallery img {
		border: 0px;
		padding: 0px;
		margin: 0px;
	}
		
	.gallery a img {
		border: 1px solid #c6bfb3;
		border-width: 1px 1px 10px;
		margin: 0px;
		padding: 1px;
	}
	.gallery a:hover img {
		border: 1px solid #91856f;
		border-width: 1px 1px 10px;
		color: #91856f;
		margin: 0px;
		padding: 1px;
	}

/*--- Acordeon --*/
	dl { 
		width: 450px; 
	}
	
	dl,dd { 
		margin: 0; 
		}
	
	dt {
		background:#328aa4 url(images/tr_back.gif) repeat-x;
	padding: 3px; 
	border: 1px solid #dad3c2; 
	margin-bottom: 1px; 
	margin-top: 1px; 
	}
	
	dt a {
	background:url(images/asc.gif) no-repeat right center;
	color: #fff; 
	font-size: 13px; 
	text-decoration: none; 
	font-weight: bold;
	width:430px;
	display:block;
	}
	
	dt a:hover { 
	color: #ecfbd4; 
	font-size: 13px; 
	text-decoration: none; 
	font-weight: bold; 
	}
	
	dd a { 
	color: #000; 
	}
	
	ul { 
	list-style: none; 
	padding: 5px; 
	}
	
	dd {
		color: #000;
		border: 1px solid #dddac5;
		border-top: 0px solid #fff;
		padding: 2px;
	}




/*	.gallery {
		background-color: #f5f3ee;
		padding: 10px;
		border: 1px solid #e2ddd4;
		width: 475px;
	}
	.gallery img {
		border: 1px solid #c6bfb3;
		padding: 3px;
		padding-bottom: 8px;
		background-color: #FFFFFF;
		margin: 5px;
	}
	.gallery a:hover img {
		border: 1px solid #c6bfb3;
		padding: 3px;
		padding-bottom: 8px;
		background-color: #FFFFFF;
		margin: 5px;
	}*/

   
  
  
  		.stripViewer .panelContainer .panel ul {
			text-align: left;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 10px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 470px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 475px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 480px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			display: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px;
			display: none; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #000;
			text-decoration: none;
			display: none;
			padding: 0 15px;
			
		}
		
		.stripNav a:hover {
			background: #9cf;
		}
		
		.stripNav a.current {
			background: #39c;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
		
.panel h3 {
color: #000000 !important;
padding-bottom: 3px;
margin-bottom: 6px !important;
font-size: 15px !important;
}

.box_left_project {
width: 200px;
float: left;
padding: 0px;
margin: 0px;
}

.list_project {
list-style: none;
list-style-type: none;
margin: 0px !important;
margin-left: 0px !important;
padding: 0px !important;
margin-top: 8px !important;
padding-bottom: 6px !important;
width: 210px;
background: url(images/bg_list_project.jpg) no-repeat;
padding: 7px !important;
padding-top: 14px !important;
color: #FFFFFF;
height: 240px;

}

.list_project li {
list-style: none;
list-style-type: none;
margin: 0px !important;
padding: 0px !important;
margin-bottom: 6px !important;
border-bottom: 1px solid #4a73ab;
width: 190px;
color: #FFFFFF;
}




.box_right_project {
float: right;
width: 215px;
}

.pic_project {
 padding: 4px;
 border: 1px solid #e2ddd4;
 background: #f5f3ee;
 text-align: center;
 
}

.pic_project h3{
float: right !important;
width: 280px;
}

.box_left_project h4 {
margin-top: 10px;
color: #fff;
margin-bottom: 2px;
font-size: 15px;

}

.box_right_project h4 {
margin-top: 0px;
color: #fff;
margin-bottom: 5px;
font-size: 15px;

}


	.box_right_project a  {
	 margin:10px 0px;
	 padding: 3px;
	 height: 18px;
	 font-size:11px !important;
	 color: #FFFFFF !important;
	 text-align:center;
	 text-decoration:none;
	 background: #1c4c8d;
	 border-bottom: 2px solid #0b346c;
	}
	
	.box_right_project a:hover  {
	 text-decoration:none !important;
	 border-bottom: 2px solid #000;
	 color: #CCCCCC;
	 background: #134282;
	}		

.project_info {
margin: 0px !important;
margin-left: 0px !important;
padding: 4px !important;
margin-top: 8px !important;
padding-bottom: 6px !important;
width: 210px;
background: url(images/bg_list_project_green.jpg) no-repeat;
padding: 3px !important;
color: #FFFFFF;
height: 240px;
color: #FFFFFF;
}

.project_info ul {
padding: 2px !important;

}

.project_info li {
list-style: none;
list-style-type: none;
margin: 0px !important;
padding: 0px !important;
margin-bottom: 6px !important;
border-bottom: 1px solid #4c8740;
width: 190px;
color: #FFFFFF;
}

.project_info p{
color: #FFFFFF !important;
padding: 7px !important;
}

.project_info h4 {
color: #FFFFFF;
margin-top: 4px !important;
padding-left: 4px;
}


.post_side  {
background: url(images/bg_post_side_top.gif) no-repeat top left;
padding: 4px;
}

.post_side_bottom  {
background: url(images/bg_post_side_bottom.gif) no-repeat bottom left;
height: 7px !important;
margin-bottom: 5px;
}

.post_side img {
float: left;
padding: 2px;
}

.post_side h6 {
margin-bottom: 5px !important;

}

.post_side h6 a{
font-size: 12px !important;
color: #003366;
text-decoration: none;
color: #000000 !important;
border-bottom: 2px solid #e0dcd3;
}

.post_side h6 a:hover {
font-size: 12px !important;
text-decoration: none !important;
color: #114407 !important;
border-bottom: 2px solid #c7c2b7 !important;
}

#clientes_pi table {
	font:100% Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	margin:1em 0;
}

#clientes_pi th {

	background:#328aa4 url(images/tr_back.gif) repeat-x;
	color:#fff;
	text-align:left;
padding:.5em;	border:1px solid #fff;
}

#clientes_pi tr {
	background-color: #e5f1f4;
	padding: 4px;
}

#clientes_pi tr.altRow {
	background-color: #f8fbfc;
}

#clientes_pi td {
padding:.5em;
	border:1px solid #fff;
}

#clientes_pi .rightAlign {
	text-align: right;
}



#clientes_pi .sortedASC {
	background: url(images/asc.gif) no-repeat right center #4a98af;
}

#clientes_pi .sortedDESC {
	background: url(images/desc.gif) no-repeat right center #4a98af;
}

#clientes_pi .tableHeaderOver {
	cursor: pointer;
}


/*tr.selected {
	background-color: gold;
	color: #fff;
}*/

#clientes_pi tr.over {
	background:#ecfbd4;
	color: #555;
	cursor: pointer;
}

#clientes_pi tr.hide {
	display: none;
}