@charset "utf-8";
H1 {
   font-size: 16pt;
   color: #00CCFF;
   text-align:left;
}
H2 {
   font-size: 10pt;
   color: #00CCFF;
   text-align:left;
}
H4 {
   font-size: 14pt;
   color:#333333;
   text-align:left;
}
H3{
   font-size: 13pt;
   color:#FFFFFF;
   text-align:center;
   background-color:#00CCFF;
   width:100%;
}
td.sih{
   background-color:#CC0000;
   color:#FFFFFF;
   vertical-align:middle;
   text-align:center;
   width:60px;

}

td.sirba{
   background-color:#663399;
   color:#FFFFFF;
   vertical-align:middle;
   text-align:center;
   width:60px;
}
td.opca{
   background-color:#006633;
   color:#FFFFFF;
   vertical-align:middle;
   text-align:center;
   width:60px;
}
td.labsys{
   background-color:#66CCCC;
   color:#FFFFFF;
   vertical-align:middle;
   text-align:center;
   width:60px;
}
td.facel{
   background-color:#B4045F;
   color:#FFFFFF;
   vertical-align:middle;
   text-align:center;
   width:60px;
}

td.producto
{
text-align:left;
color:#000000;
font-size:10px;
}
hr {
  border: none;
  background-color: #00CCFF;
  color: #00CCFF;
  height: 1px;
  width:95%;
}
hr.menu {
  border: none;
  background-color: #00CCFF;
  color: #00CCFF;
  height: 1px;
  width:85%;
  text-align:left;
}
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0 20px; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background:url(img/back.png) repeat-x  #333333;
	color:#000000;
	text-align:justify;
}
p
{
	text-align:justify;
	margin-left:30px;
	margin-right:30px;
}

a.menu_top
{
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}
a.menu_top:hover
{
	color:#FFFFFF;
	font-size:12px;
}
a.menu
{
	color:#000000;
	font-size:11px;
	text-decoration:none;
}
a.menu:hover
{
	color:#00CCFF;
	font-size:12px;
}

td.menu_top
{
width:150px;
}
td.form
{
text-align:left;
}
table.form
{
text-align:left;
margin-left:auto; margin-right:auto;
}
input{
	border: 1px solid #000000;
	width: 200px;
   font-family: "Helvetica", Arial,sans-serif;}

input.imagen{
	border: 0px solid #000000;
	width: 200px;
   font-family: "Helvetica", Arial,sans-serif;}
textarea{
	border: 1px solid #000000;
	width: 310px;
    font-family: "Helvetica", Arial,sans-serif;
}
select{
	border: 1px solid #000000;
	width: 310px;
   font-family: "Helvetica", Arial,sans-serif;}
#image_top{
	color:#FFFFFF;
	position:relative;
	border: 0px solid;
	position:relative;
	float:none;
	width:920px;
	height: 320px;
	background:url(img/title.png) center no-repeat;
	font-size:10px;
}
#image_sih{
	color:#FFFFFF;
	position:relative;
	border: 0px solid;
	position:relative;
	float:none;
	width:900px;
	height: 320px;
	background:url(png/PROG2.png) left bottom no-repeat;
	font-size:10px;
	margin-left:10px;
	padding-left:10px;
}
#image_sirba{
	color:#FFFFFF;
	position:relative;
	border: 0px solid;
	position:relative;
	float:none;
	width:900px;
	height: 320px;
	background:url(png/PROG3.png) left bottom no-repeat;
	font-size:10px;
	margin-left:10px;
	padding-left:10px;
}
#image_opca{
	color:#FFFFFF;
	position:relative;
	border: 0px solid;
	position:relative;
	float:none;
	width:900px;
	height: 320px;
	background:url(png/PROG4.png) left bottom no-repeat;
	font-size:10px;
	margin-left:10px;
	padding-left:10px;
}
#image_labsys{
	color:#FFFFFF;
	position:relative;
	border: 0px solid;
	position:relative;
	float:none;
	width:900px;
	height: 320px;
	background:url(png/PROG5.png) left bottom no-repeat;
	font-size:10px;
	margin-left:10px;
	padding-left:10px;
}
#image_sicop{
	color:#FFFFFF;
	position:relative;
	border: 0px solid;
	position:relative;
	float:none;
	width:900px;
	height: 320px;
	background:url(png/SICOP.png) left bottom no-repeat;
	font-size:10px;
	margin-left:10px;
	padding-left:10px;
}
#menu{
	color:#FFFFFF;
	position:relative;
	border: 0px solid;
	position:relative;
	float:none;
	width:920px;
	height: 270px;
	background:#FFFFFF;
	font-size:10px;
}
ul.menu
{
	list-style:url(img/bullet.png);
	color:#000000;
	font-size:12px;
}
td.menu
{
	width:317px;
	height:269PX;
	background:url(img/menu_box.png) center no-repeat;
	text-align:left;
	vertical-align:top;
}
#menu_top
{
	position:relative;
	width:920px;
	background:url(img/menu_top_back.png);
	height:40px;
	text-align:center;
}
#logo
{
	position:relative;
	border: 0px solid;
	position:relative;
	float:none;
	width:760px;
	height:100px;
	background:url(img/simar_logo.png) no-repeat left bottom;
}
#copyright  {
	color:#616060;
	text-align:left;
	font-size:10px;
	height:20px;
	width:300px;
	float:left;
	display:inline;
	font-family:Helvetica;
}
#powerby {
	height: 50px;
	border:  0px solid;
	margin-left:300px;
}	
#pagewidth{
	width:920px;
	text-align:right;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
} 
#page{
	position:relative; 
 	width:920px;
	text-align:right;
	background-color:#FFFFFF;
} 
#footer {
	height: 20px;
	width:920px;
	padding-top: 20px;
}
#maincol{
	width:100%; 
	float:none;
}
#barleft{
	position:relative;
	border: 0px solid;
	float:left;
	width:400px;
	display:inline;
	height:inherit;
	background-color:#FFFFFF;
	text-align:center;
}
#barright{
	position:relative;
	border-left:00CCFF 1px solid;

	margin-left:400px;
	background-color:#FFFFFF;
	
}
a.buttom
{
	color:#00CCFF;
	text-decoration:none;
	font-size:10px;
	font-family:Helvetica;
}
a.buttom:hover, a.buttom:active
{
		font-size:13px;
}

#menu_bottom
{
	position:relative;
	width:920px;
	background:url(img/bottm_menu.png) center no-repeat;
	height:71px;
	text-align:center;
}
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 }
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* CSS Document */