html { overflow: -moz-scrollbars-vertical; }
body { font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 11px; color: #444; text-align: center; margin: 0 auto; padding: 0; }
td, input, textarea { font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 11px; color: #777; }

form { display: inline; }

input, textarea, select { vertical-align: middle; padding-left: 2px; margin:1px; }
img { border: 0px; }

hr { border-top: 1px solid #dbdbdb; border-bottom: none; border-left: none; border-right: none;  padding: 0px; height: 1px; line-height: 1px; margin:0px; }

h1, h2, h4, h5 { font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 16px; display: inline; font-weight: bold; white-space: nowrap; }

h3{ font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 11px; font-weight: bold; line-height: 16px; display: inline; font-weight: bold; white-space: nowrap; color:#3e73bb; padding-top:10px; } 

p { margin : 0 1em; padding : 10px 0px 10px 0px; }

a { color: #777; text-decoration: none; }
a:hover { color: #333; text-decoration: inherit; }

div#container { width : 750px; margin : 0px auto; margin-left:0px; padding : 0; text-align : left; background: url(img/er_01.jpg) top repeat-x; background-position:top; }

div#branding { width: 750px; height: 115px; margin-top: 0px; padding-top: 0px; overflow: hidden; } 

#oes { /*	background-image: url(img/logo.jpg); */	background-repeat: no-repeat; 	display: block; 	height: 64px; 	width: 120px; 	position: absolute; /*	left: 168px; */ left: 44px;	top: 2px; }

#mapa { background-image: url(img/map2.png); background-repeat: no-repeat; display: block; position: absolute; left: 185px; top: 11px; }

div#content { width : 100%;  overflow : auto; background:url(../../img/bg_left_subdown.gif) top left repeat-y; background-color : #fff; margin: 0px auto; } 
div#content_main { float : right; width : 535px; margin: 0 auto; padding : 0; background:url(img/bar_bg.gif) top repeat-x;  background-color: #fafafa; border-right: solid 3px #f3f3f3; border-left: solid 2px #f2f2f2; }

div#content_main p { font-size:12px; }

div#googleResults { float : right; width : 535px; margin: 0 auto; padding : 0; border-right: solid 3px #f3f3f3; border-left: solid 2px #f2f2f2; padding-left:10px; }
div#content_main h2 { padding-left: 10px; color: #CC112D;  } 
div#content_main h3 { color: #990000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }

div#content_sub { float : left; width : 210px; height: 100%; margin: 0 auto; padding : 0; background-color : #fff; border-bottom: solid 1px #fff; background: url(img/bg_left_content.jpg) left repeat-y; }
#content_sub p { margin: 0 1em; padding-left : 10px;  }

div#content_sub_down { float : left; width : 210px; height: auto; margin: 0 auto; padding : 0 ; background-color : #fff; }
#content_sub_down p { margin: 0 1em; padding-left : 10px;  }

div#content_left { float : left; width: 210px; height:100%; margin : 0px; padding : 0;  background-color : #fff; background: url(img/bg_left_ram.jpg);}
div#content_left h3 { color: #990000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;	}

#content_left .left_shadow_red { position:relative; float:left; width:201px; background-image:url(img/bar_bg.gif); background-repeat:repeat-x; border-left:9px solid #cc0a0a; padding:0; margin:0 auto; }

.left_shadow_red hr { padding-top:1px; border-bottom: 3px solid #ccc; border-top: 1px solid #ddd; }
#content_left .left_shadow_red h3 { font-size:10px; color: #fff; }

#content_left .left_shadow { position:relative; float:left; width:201px; height:164px; background-image:url(img/left_shadow.jpg); background-repeat:repeat-x; border-left:9px solid #CCCCCC; padding:0; margin:0 auto; }

.left_shadow { 	position:relative; float:left; width:201px; height:60px; background-image:url(img/left_shadow.jpg); 	background-repeat:repeat-x; border-left:9px solid #CCCCCC; padding:0; margin:0 auto; }

.left_shadow img { padding-top: 9px; margin:0 auto; }
	
#content_sub_down .left_shadow { position:relative; float:left; width:201px; height:120px; border-top:1px solid #FFFFFF; 	background-image:url(img/left_shadow.jpg); 	background-repeat:repeat-x; border-left:9px solid #CCCCCC; padding:0; margin:0 auto; }
	
#content_left p { margin: 0 1em; padding-left : 10px;  }

div#content_client {float:right; width:267px; margin:0 auto; padding:0; border-top: solid 1px #ddd; background:url(img/bar_bg.gif) top repeat-x; font-size: 10px; line-height: 12px;}
div#content_whyoes { float:left; width:268px; margin:0 auto; padding: 0; border-top: solid 1px #ddd; background:url(img/bar_bg.gif) top repeat-x; font-size: 10px; line-height: 12px;}

/* Two columns for service section */ 
div#main_right {float: left; overflow:auto; width: 240px; height:100%; margin-left:15px; background-color:#f3f3f3;} 
div#main_left {float: right; overflow:auto; width: 240px; height:100%; margin-right:15px; background-color: #f3f3f3;} 

div#train_right {float: left; overflow:auto; width: 70px; height:100%; margin-left:15px; background-color:#f8f8f8;} 
div#train_left {float: right; overflow:auto; width: 290px; height:100%; margin-right:135px; background-color: #f8f8f8;} 

div#map_right {float: left; overflow:auto; width: 240px; height:100%; margin-left:15px; margin:0 auto;  } 
div#map_left {float: right; overflow:auto; width: 240px; height:100%; margin-right:15px; margin:0 auto; } 

.service_color { border-bottom-color: #000; background-color: #BE1418; color: #fff; font-weight:bold; height:18px; padding-top:3px; padding-left:5px; border-bottom: 1px solid #ccc; border-left:1px solid #ccc }

.menu_left_header_color { margin-top:0px; border-bottom-color: #000; /* background:url(img/red_tab.gif) left no-repeat 0px; */ background-color: #CC112D; /*BE1418 */ color: #fff; font-weight:bold; height:16px; padding-top:4px; padding-left:7px; border-bottom: 1px solid #ccc; border-left:1px solid #fff; border-bottom:2px solid #888; font-family:Verdana; font-size: 10px; }

/* Left Column of News */ 
div#send_mail { position: absolute; left : 40px; top : 10px;  background: url(img/oes_mail.png) no-repeat; }
div#send_mail img { position : relative; left : 173px; top : 275px; }

div#mail img { position: absolute; left: 10px; top: 10px; } 

/* FOOTER */ 
div#site_info { clear:both; width : 740px; height: 18px; background-color: #EFEFEF; border-top: solid 5px #CC0000; margin:0 auto; padding: 4px 5px 0px 5px; color: #0099FF;  }
#site_info p { color: #bbb; }


/* MENU */ 
div#small_menu { float:right; padding-top: 12px; padding-left:3px; width:320px; font-size: 10px;  }
div#small_menu a { padding-right: 3px; padding-left:3px; color:#0099CC; }
div#small_menu a:hover { color:#FF0000; }

div#small_menu input { width : 100px; border : 1px solid #ccc; padding-left: 3px; font-size:9px; line-height:12px; background:#fbfbfb;  }
div#small_menu input:hover { border-color : #000; }
div#small_menu input:active, input:focus { border-color : #900; }
div#small_menu form div { float:right; margin : -26px auto; padding-right : 5px; border : 0px solid #a23668; text-align : center; } 
div#googleSearchForm { float: left; width: 220px;  } 

/* =fieldset */
div#small_menu fieldset:hover { border-color : #ccc; }
div#small_menu .button { font : bold 92% Tahoma, Verdana, Arial, sans-serif; color:#333333; font-size: 9px; background-color: #ffffff; width: 12px; }

div#top_menu { float : left; width:750px; margin-top:-19px; }
div#top_menu ul { margin: 3px 0px; margin-left:215px;  padding: 0px; list-style: none; }
div#top_menu ul li { padding-left: 15px; line-height: 20px; /*background: url(img/lip.png) 3px 3px no-repeat; */ display: inline; }
div#top_menu ul li.last { padding-left: 38px; line-height: 20px; background: url(img/lip.png) 15px 6px no-repeat; border-bottom: none; } 
div#top_menu ul li a { color: #fff; font-size: 10px; font-weight: bold; }
div#top_menu ul li a:hover { color: #333; text-decoration: none; border-bottom : 2px solid #bedded; }
/* div#top_menu ul li a:hover { color: #333; text-decoration: none; background: right 3px #bedded fixed; } */

div#product_menu { float : left; margin-right : 0px; margin-top: 0px; width:200px; /* background-color:#C8E2E3; */ }
div#product_menu ul { margin: 3px 0px;  padding: 0px; list-style: none;  }
div#product_menu ul li { padding-left: 38px; line-height: 20px; background: url(img/oes_square_re.gif) 14px 7px no-repeat; border-bottom: 1px solid #e8e5de; /*letter-spacing: 1px; word-spacing: 1px; */ }
div#product_menu ul li.last { padding-left: 38px; line-height: 20px; background: url(img/oes_square_re.gif) 14px 6px no-repeat; border-bottom: none; } 
div#product_menu ul li a { color: #006666; display:block; font-size:11px;  }
div#product_menu ul li a:hover { color: #333; text-decoration: none; /* border-right : 4px solid #ccc; */ }

div#main_left ul { margin: 3px 0px;  padding: 0px; list-style: square; }								
div#main_left ul li { list-style: square; padding-left: 16px; line-height: 17px;  letter-spacing: 1px; word-spacing: 1px; }
div#main_left ul li a { color: #888; display:block; }
div#main_left ul li a:hover { color: #333; text-decoration: none; border-right : 4px solid #ccc;  }

div#main_right_one ul { margin: 3px 0px;  padding: 0px; list-style: square; font-weight:bold; letter-spacing: 1px; word-spacing: 1px; }								
div#main_right_one ul li { list-style: square; padding-left: 16px; line-height: 15px; }
div#main_right_one ul li a { color: #888; display:block; }
div#main_right_one ul li a:hover { color: #333; text-decoration: none; border-right : 4px solid #ccc;  }

div#main_right_two ul { margin: 3px 0px;  padding: 0px; list-style-type: square; letter-spacing: 1px; word-spacing: 1px;}								
div#main_right_two ul li { padding-left: 29px; line-height: 17px; word-spacing: 1px; }
div#main_right_two ul li a { color: #888; display:block; }
div#main_right_two ul li a:hover { color: #333; text-decoration: none; border-right : 4px solid #ccc;  }

div#serv_left ul { margin: 3px 0px;  padding: 0px; list-style: square; }								
div#serv_left ul li a { color: #888; display:block; }
div#serv_left ul li a:hover { color: #333; text-decoration: none; border-right : 4px solid #ccc;  }

div#serv_right { margin: 3px 0px;  padding: 0px; list-style-type: square; letter-spacing: 1px; word-spacing: 1px;}								
div#serv_right li { padding-left: 29px; line-height: 17px; word-spacing: 1px; }
div#serv_right a { color: #888; display:block; }
div#serv_right a:hover { color: #333; text-decoration: none; border-right : 4px solid #ccc;  }

div#servicelist ul { list-style-type: square; } 
div#servicelist li { color: #0099FF; }
div#servicelist li.lista { color: #333; }

div#servicelinux dt { color: #3399CC; font-weight:bold; padding-left:25px; font-size:12px; line-height:18px;  } 
div#servicelinux dd { color: #333333;  padding-left:15px; line-height:15px; background: url(img/ok.png) -2px 1px no-repeat; }
div#servicelinux dd.blast { color: #3399CC; font-weight:bold; font-size:12px; line-height:18px; background: none; } 
div#servicelinux dd dt { color: #3399CC; margin-left:-25px; } 

div#sitemaplist a { color: #3399CC; } 
div#sitemaplist a:hover { color: #000; text-decoration:underline; } 
div#sitemaplist dt { color: #3399CC; font-weight:bold; padding-left:25px; font-size:12px; line-height:18px; background: url(img/li.png) 9px 6px no-repeat; } 
div#sitemaplist dd { color: #333333;  padding-left:15px; line-height:17px; background: url(img/012.png) -2px 1px no-repeat; }
div#sitemaplist dd a { color: #000099; } 
div#sitemaplist dd a:hover { background: url(img/015.png) -22px 3px no-repeat; }
div#sitemaplist ul { margin:0 auto; padding-left:55px; } 
div#sitemaplist li { margin-left:10px; list-style: square; } 
div#sitemaplist dd dt { color: #3399CC; margin-left:-25px; } 

div#servicelist dt { color: #3399CC; font-weight:bold; padding-left:15px; font-size:12px; line-height:18px;  } 
div#servicelist dt a { color: #3399CC;  } 
div#servicelist dd { color: #333333;  padding: 0px 5px; margin-left:-5px; line-height:15px; background: none; }
div#servicelist dd .blast { color: #3399CC; font-weight:bold; font-size:12px; line-height:18px; background: none; } 
div#servicelist dd .presub { font-weight:bold; padding-top:6px; padding-left:10px;  } 
div#servicelist dd .sub { padding-left:27px; background: url(img/dot.gif) 15px 4px no-repeat; } 

.itemizedlist { line-height: 15px; }
.orderedlist { line-height: 15px; } 
.orderedlist ul { padding-left:65px; } 
.orderedlist dt { padding-left:10px; }
.orderedlist dd { color: #333333;  padding-left:15px; line-height:15px; background: url(img/ok.png) -2px 1px no-repeat; } 

/* HEADERS and NEWS */ 
.headers {  padding-top: 15px; padding-left: 10px; margin:0 auto; }
div#header_news { padding-bottom: 0px; padding-top: 15px; padding-left: 15px; /* border-bottom: dotted 1px #ccc; */}
div#news_text { padding-left:15px; margin-bottom:-8px;  padding-top:8px; font-size:11px; color:#999999; font-size:12px;  } 
div#news_text a:hover { color: #C0181D;}
.headers h4 { padding-top: 10px; color:#330033; margin-bottom: 16px; } 

.news p { color:#555; }
.news hr { width:92%; margin-left:14px; border-bottom:1px solid #ccc;  } 

a.postcomm, a.postcomm:visited { padding-left: 1px; color: #3366CC; font-size:10px; color: #666; border-bottom: 1px solid #fff; text-decoration: none; }
a.postcomm:hover { color: #3366CC; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333; text-decoration: none; }
a.postcomm:active { color: #add; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333; text-decoration: none; }

#banner { height:auto; padding-left: 45px; padding-top:11px; margin: 0 auto; }
#banner a.news { background: #CCC; display: block; width: 117px; height:87px; } 
#banner img { background: #CCC; display: block; margin: 0 auto;}  
#banner a.news:hover, #banner a.news:hover img { background: #666; border: none;}

#banner ul { line-height:2px; margin:0 auto; }
#banner li { list-style-type: none;}
#banner li a {background: #CCC; display: block; width: 117px; height:87px; }
#banner li img {background: #CCC; display: block; margin: 0 auto;}
#banner li a:hover, #banner li a:hover img {background: #666; border: none;}

.job ul { font-size: 12px; } 
.job li { font-size: 12px; background: url(img/ok.png) -1px 1px no-repeat; list-style-type: none; padding-left: 15px;  } 


.logmon { height:auto; padding-left: 0px; padding-top:2px; margin: 0 auto; width: 155px;}
.logmon a:hover, .logmon a:hover img { border-bottom: 1px solid #ccc;}

.logo { height:auto; padding-left: 0px; padding-top:0px;  padding-bottom:0px; } 
a.logo:hover, a.logo:hover img { border: 1px solid #ccc;}

a.news_img:hover, a.news_img:hover img { background: top #333333; }

.map { padding-left:32px; height:123px; width:123px; } 

/* Contact Stuff */ 
/* =label/labelspan/textarea */

fieldset input { float : right; width : 45%; border : 1px solid #e590b8; }
fieldset input:hover { border-color : #000; }
fieldset input:active, input:focus { border-color : #900; }
fieldset textarea { float : right; width : 45%; border : 1px solid #e590b8; }
fieldset textarea:hover { border-color : #000; }
fieldset textarea:active, textarea:focus { border-color : #900; }
label, label span { display : block; padding-bottom : .25em; }
label { float : left; width : 100%; }
label span { float : left; width : 45%; text-align : right; }
form div { margin-bottom : 20px; padding : 10px 20px; border : 0px solid #a23668; text-align : center; }

/* =fieldset */
fieldset { float : left; width : 440px; height : 128px; margin : 0 10px 10px 0; padding : 10px; border : 0px solid #a23668; overflow : hidden; }

fieldset:hover { border-color : #722549; }

form div input { padding : 0 .25em; margin: 0px; background-color : #90305c; border : 2px double #551c35; border-top-color : #e591b9; font : bold 92% Tahoma, Verdana, Arial, sans-serif; color : #fff; text-transform : uppercase; }

form div input:hover { background-color : #e591b9; } 

.toc { padding-left: 10px; } 				   

div#plain a { color:#990000; } 
div#plain a:hover { text-decoration: underline; } 
div#plain p { padding: 6px 10px 10px 0px ; } 
div#plain h2 { color:#333; border-bottom:2px solid #ccc; } 
div#plain h3 { font-size:10px; color:#000066; padding-left:10px;} 
div#plain h4 { font-size:11px; color:#000066; padding-left:10px;} 
div#plain table { color:#339999; } 
div#plain dl { padding-left:10px; } 
div#plain dt { font-weight:bold; } 


div#train { color:#555; } 
div#train h2 { color:#555; border-bottom:2px solid #ccc; } 
div#train h3 { font-size:10px; color:#000066; padding-left:10px;} 
div#train h4 { font-size:11px; color:#000066; padding-left:10px;} 

div#train a { color:#990000; } 
div#train a:hover { text-decoration: underline; } 
div#train p { padding: 5px 10px 10px 0px ; } 

div#train s { width:100%; padding-left:10px; font-weight:normal;} 
div#train table { padding-left: 10px; color : #333;} 
div#train th { font-weight:normal; vertical-align:top;} 

div#train dt { padding-left:10px; font-weight:bold;} 
div#train .data { width:105px; font-weight:bold; color:#555; }
div#train .bold { font-weight:bold; color:#555; }
div#train b { color:#555; }

div#gallery ul { list-style-type : none; width : 500px; margin : 0; padding-left : 35px; ; border-top : 5px solid #CC112D; }
div#gallery li { position : relative; float : left; width : 75px; height:90px; padding : 0px 30px; padding-top:20px; }
div#gallery li a { display:block; border: 2px solid #555; width:100px; height: auto; } 
div#gallery li a:hover { display:block; border: 2px solid #ccc; width:100px; height: auto; } 
div#gallery li#vert a { display:block; border: 2px solid #555; width:75px; height:100px; } 
div#gallery li#vert a:hover { display:block; width:75px; height:100px; border: 2px solid #ccc; } 

div#gallery_125x85 ul { list-style-type : none; width : 500px; margin : 0; padding-left : 35px; ; border-top : 5px solid #CC112D; }
div#gallery_125x85 li { position : relative; float : left; width : 75px; height:90px; padding : 0px 30px; padding-top:20px; }
div#gallery_125x85 li a { display:block; border: 2px solid #555; width:120px; height: auto; }
div#gallery_125x85 li a:hover { display:block; border: 2px solid #ccc; width:120px; height: auto; }
div#gallery_125x85 li#vert a { display:block; border: 2px solid #555; width:75px; height:100px; }
div#gallery_125x85 li#vert a:hover { display:block; width:75px; height:100px; border: 2px solid #ccc; }


div#loggal ul { list-style-type : none; width : 600px; margin : 0 auto; padding-left : 35px; }
div#loggal li { position : relative; float : left; padding : 0px 10px; padding:10px; }
div#loggal a.auto { display:block; border: 2px solid #ccc; width: 150px; height: 91px; } 
div#loggal a.auto:hover { display:block; width: 150px; height: 91px; border: 2px solid #bedded; } 

div#extraDiv1 { position: absolute; left : 17px; top : 19px; background: transparent url(img/oes_divline.jpg) no-repeat scroll right; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
div#extraDiv1 img { position : absolute; left : 590px; top : 434px; }
				   
/* IMG FLOATS */

.imgFloatR {float:right;margin:6px 0px 8px 15px;}				  
.imgFloarB { background: url(img/bar_bg.gif) top repeat-x; }
.imgFloatL {float:left;margin:12px 1px 1px 17px;}

/* Links */ 
.contact a { color: #333333; }
.contact a:hover { color: #FF0000; text-decoration: underline; }

.doc_links { color: #FF0000; } 
.doc_links a { color: #FF0000; } 
.doc_links a:hover { color: #000; } 

.readmore a { color: #75A0AD; } 
.readmore a:hover { color: #009999; text-decoration: underline; } 
.get_demo { color: #3366CC; } 

.clear { clear: both; } 
.center_prod img { padding-top:6px; } 

.path { padding-left:10px; margin-top:95px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bolder; color:#0066CC; } 

.gap { border: 1px solid #ccc; background-color: #E8E8E8; border-left:9px solid #ccc; } 
/* Drop anchor */ 
.kotwica { float:right; padding-right:10px; padding-bottom:5px; } 

.breaks { padding-left:40px; font-size:12px; }