/* CSS Document */

html,body{margin:0;padding:0}


#topbar 

{
background-color: #5785D2;
height: 7px;
font-size: 1px;
text-align: left;
}
	
	#container, #footer-container, #sub-footer, #header, #footer{
		margin-left: auto;
		margin-right: auto;
		width: 781px;	
	}
	
	#container{
	margin-top:0;
	padding-top:0;
	background-image: url(images/container-bg.jpg);
	}
		#header {
			height: 86px;
		}
		
			#logo {
				height: 76px;
				width: 257px;
				position: absolute;
			}
			
			#ho-co-si {
				height: 21px;
				width: 300px;
				float: right;
			}	
			
			#ho-co-si ul{
				margin: 0;
				float: right;
				position: relative;
				right: 24px;
				top: 6px;
			}	
			
			#ho-co-si li{
				list-style-type: none;
				display: inline;
			}
			
			#ho-co-si li a{
				border:0;
				margin-left: 17px;
				padding-left: 15px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: normal;
				color: #000000;
				text-decoration: none;
			}
			
			#ho-co-si li a:hover{
				text-decoration: underline;
			}
			
			.home-li{
			background: url(images/home.gif) no-repeat top left;
			}
			
			.contact-li{
			background: url(images/email.gif) no-repeat top left;
			}
			
			.sitemap-li{
			background: url(images/sitemap.gif) no-repeat top left;
			}
			
			.home-li:hover, .contact-li:hover, .sitemap-li:hover{
				background-position: bottom left;

			}

			#navigation {
				margin: 1em 0 0;
				padding: 0.2em 0 0;
				clear: right;
				float: right;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
			}
			#navigation ul, #navigation ul li {
					list-style: none;
					margin: 0;
					padding: 0;
			}
			#navigation ul {
					padding: 30px 0 9px;
					text-align: center;
			}
			#navigation ul li {
					display: inline;
			}
			#navigation ul li a {
					background: url(images/tableft.gif) no-repeat left top;
					color: #000000;
					text-decoration: none;
					padding: 10px 0;
			}
			#navigation ul li span {
					background: url(images/tabright.gif) no-repeat right top;
					padding: 10px 10px 10px 5px;
					margin: 4px 0 4px 4px;
			}
			#navigation ul li a:hover span {
					color: #F8F8F8;
					background-position: 100% -75px;
			}
			#navigation ul li a:hover {
					background-position: 0 -75px;
			}
			#navigation #current a {
					background-position: 0 -150px;
			}
			#navigation #current a span {
					background-position: 100% -150px;
			}
			
			.bold {
				font-weight: bold;
			}
			
			/*- Internet Explorer...It's Hacktastic!--------------------------- */
			
			/*\*//*/
			#navigation ul li a {
					display: inline-block;
					white-space: nowrap;
					width: 1px;
			}
			
			#navigation ul {
					padding-bottom: 0;
					margin-bottom: -1px;
			}
			/**/
			
			/*\*/
			* html #navigation ul li a {
					padding: 0;
			}
			/**/
			
			
		#welcome-box {
			height: 183px;
			background-image: url(images/welcome-box-bg.png);
			clear: right;
			padding: 0 0 0 31px;
			margin: 0;
		}
		
			#welcome-box h3{
				padding: 16px 0 0 0;
				margin: 0px;
			}
			
			#welcome-box p{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #FFFFFF;
				margin: 7px 0 0;
				width: 384px;
			}
			
			a.more-welcome-btn {
				display: block;
				width: 111px;
				height: 19px;
				margin: 12px 0 0 270px;
				background: url("images/more-welcome-btn.gif") 0 0 no-repeat;
				text-decoration: none;
			}
			
			a:hover.more-welcome-btn {
				background-position: 0 -19px;
			}
			
			#flash-anim {
				float: right;
			}
			
			#int-txt {
				float: left;

			}

		#welcome-box-inside {
			height: 66px;
			background-image: url(images/containers-bg.jpg);
			clear: right;
			padding-left: 31px;
			margin: 0px;
		}
		
			#welcome-box-inside h1{
				padding: 20px 0 0 0;
				margin: 0px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 20px;
				font-weight: normal;
				color: #FFFFFF;
				letter-spacing:0.06em;
			}
		
/* Menu Left */		

	#menu-left-container{
	float: left;
	}
						
		#menu-left-top, #menu-left-bottom {
		width: 186px;
		background-color: #F3F3F3;
		background-repeat: no-repeat;
		background-position: top;
		}
				
		#menu-left-top{
		height: 50px;
		background-image: url(images/product-and-services-tab.png);
		}				
				
		#menu-left-bottom {
		height: 60px;
		background-image: url(images/left-sedebar-bg.gif);
		}

		#menu-left {
		width: 136px;
		padding:0 20px 0 30px;
		margin:0px;
		background-color: #F3F3F3;
		}

		#menu-left ul{
		padding:0;
		margin:0px;
		list-style-image: url(images/bullet-blue.gif);
		}
				
			#menu-left li a{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-decoration: none;
			color: #000000;
			}

			#menu-left li a:hover{
			text-decoration: underline;
			}
				
		.hr-div{
		border-top: 1px solid #D7D7D7;
		border-bottom: 1px solid #FFF;
		margin:4px 0 4px 0;
		}
				
	#content {
	margin-left: 200px;
	background-color:#fff;
	overflow: auto;
	}
				
/* Main Section */	
			
#main-section {
padding:7px 0 7px 7px;
margin:0px;
margin-left: 180px;
}

	#main-section h1, #main-section p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 12px;
	}
	
	#main-section h1{
	font-size: 16px;
	font-weight: bold;
	}
	
	#main-section p{
	font-size: 13px;
	}
	
/* Main Section / logos box*/	

#logos-box {
	width: 204px;
	float: right;
	margin:8px 0 10px 10px;
}

/* END Main Section / logos box*/

/* Main Section / Contact */

#main-section ul{
	list-style-type: none;
}
	#main-section li {
		  margin:0;
		  padding:0;
		  }
		  
		div.row-caja, div.row-caja-textarea {
			padding: 0;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
		  }
		  
		div.row-caja {
			height: 25px;
		  }
		  
		div.row-caja-textarea {
			height: 75px;
			*height: 65px;
		  }
		  
		div.row-caja span.label-caja, div.row-caja-textarea span.label-caja {
		  clear: right;
		  float: left;
		  width: 120px;
		  }
		
		div.row-caja span.formw-caja, div.row-caja-textarea span.formw-caja {
		  float: right;
		  width: 355px;
		  text-align: left;
		  } 
		  
input.text, textarea.text{
	border-style: solid;
	border-width: 1px;
	border-top-color: #474e66;
	border-right-color: #e7e8ed;
	border-bottom-color: #e7e8ed;
	border-left-color: #474e66;
	padding: 2 4;
}
input.text {
	width: 250px;
}
textarea.text {
	width: 350px;
}

input.text:focus, textarea.text:focus {
	border-width: 1px;
	border-style: solid;
	border-color: #5EC7F9;
	background-color: #EBF8FE;
}

input.button{
	margin-left: 540px;
	*margin-left: 528px;
	border: 3px double #999999;
	border-bottom-color: #098BCA;
	border-right-color: #098BCA;
	border-top-color: #57C4F8;
	border-left-color: #57C4F8;
	padding: 0.1em;
	background-color: #29B5F8;
	color: #FFFFFF;
	font-size: 60%;
	font-weight: bold;
	font-family: Arial, Helvetica, Arial, sans-serif;
}

input.button:hover{
	background-color: #95DAFB;
	color: #344E84;
}

input.button:active{
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}

.bullets li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #10A7EE;
	list-style-type: square;
}

.bullets li span{
	color: #000000;
}

.bullets li span a{
	color: #000000;
	text-decoration: none;
}


.bullets li span a:hover, .bullets li span a:visited, .bullets li span a{
	text-decoration: underline;
}

/* END Main Section /  Contact */


/* Main Section / Thanks */

#thanks_conteiner_main  {
	margin-top: 10px 20px 0 3px; 
	*margin-right: 10px 25px 0 3px;
}
h2.thanks_conteiner_main, .text_thanks_bold {
	font-family: Arial, Verdana, sans-serif;
	text-align: center;
	padding: 0;
}

h2.thanks_conteiner_main{
	margin: 120px 0 0 0;
	font-size: 20px;
	color: #0AA4EE;
}
.text_thanks_bold{
	color: #63C9FA;
	margin:0px;
}

/* END Main Section /  Thanks */
			
/* Footer */

#footer {
background-color: #09A4ED;
background-image: url(images/bg-footer.png);
background-position: top;
height: 83px;
clear: left;
padding: 5px 0 0 2px
			}
			
#footer h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin:2px 0 0 0;
	padding:0;
	font-weight: normal;
	text-align: center;
			}
			
	#maincat ul, #ourprod ul{
	margin:0;
	padding:0;
	list-style-type: none;
	text-align: center;
	}
	
	#maincat ul{
	padding:0 0 1px 0;
	*padding:3px 0 3px 0;
	}
	
		#maincat li, #ourprod li{
		display: inline;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
		#maincat li{
		font-weight: bold;
		color: #FFFFFF;
		margin-right: 20px;
		}
	
			#maincat li a, #ourprod li a{
			font-weight: normal;
			text-decoration: none;
			}
							
			#maincat li a{
			color: #FFFFFF;
			font-size: 10px;
			}				
			
			#maincat li a:hover, #ourprod li a:hover{
			text-decoration: underline;
			}
			
	#ourprod ul{
	padding:0 0 10px 0;
	}	
		
		#ourprod li{
		display: inline;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 10px;
		margin-right: 6px;
		}
	
			#ourprod li a{
			color: #344E84;
			font-size: 10px;
			margin-right: 10px;
			}
			
	#sub-footer{
	padding:7px 0;
	}
	
	#sub-footer img{

	}
	
			h1.690 {
			margin:0px;
			padding-bottom: 0px;
			font-weight: normal;
			}
			
			a.estilo690 {
				color: #747474;
				font-family: verdana,arial,helvetica;
				font-size: 12px;
				text-decoration: none;
				font-weight: normal;
				vertical-align: middle;
			}
			
			a.estilo690:hover {
				text-decoration: underline
			}
