body { padding: 0px; margin: 0px; background: #4F4F4F; font-family: Arial,Verdana; font-size: 8pt; line-height: 110% }
p { font-family: Verdana,Arial; font-size: 8pt; color: black; text-align: justify; line-height: 120% }
a { font-family: Verdana,Arial; font-size: 8pt; color: #6aa8eb; font-weight: bold; text-decoration: none; }
a:hover { font-family: Verdana,Arial; font-size: 10pt; color: #0d4d91; font-weight: bold; text-decoration: none }
hr { width: 100%; align: center; height: 1px; background: Black; border: 0px }
sup { font-family: Arial,Verdana; font-size: 8pt; color: Black; text-align: justify; line-height: 100% }
li { font-family: Arial,Verdana; font-size: 8pt; line-height: 120%; color: Maroon }
br { font-family: Arial,Verdana; font-size: 8pt; line-height: 120% }

td { font-family: Arial,Verdana; font-size: 8pt; color: Black }

.headerBackgroundCell { background: url(/cefa-graph/main/soutech-logo-xx.jpg); padding: 0px; }

.logoCell { padding: 0px; width: 80px; text-align: center }

.titleTableCell {  }
.titleTable { width: 100% }
.titleCell{font-family:Times;font-size:8pt;font-weight: bold;font-style:oblique;color:Navy;text-align:left;height:35px;padding-left:5px}
.langTableCell { height: 24px; text-align: right; }

.pageHeadSep { height: 1px }
.pageFootSep { background: Black; height: 1px }
.pageFooterCell { padding: 2px; text-align: center; font-family: Arial; font-size: 8pt; font-weight: simple; color: Black; background: #f0f0f0 }
.contentcell {background: ;}
.pageBackgroundCell { background: White; }

.pageMenuCell {background: #000050; text-align: right; }
.pageMenuCell {background: url(/g-skins/asoten/mmenu-bg.jpg); text-align: right; }
.pageMenuTable { width: 100%; height: 25px }

.mnuTable { padding: 0px }
.mnuCell { text-align: center; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; font-family: Arial,Verdana; font-size: 8pt; }
.mnuLink { font-family: Verdana, Arial; font-size: 8pt; font-weight: none; text-decoration: none; color: gray }
.mnuLink:hover { font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-weight: none; text-decoration: none; color: black }
.mnuSep { padding: 0px; width: 2px; background: gray}

.pageSubMenuCell { background: #c0c0c0; text-align: right; padding: 0px }
.pageSubMenuTable { width: 100%; border-bottom: solid 1px Black; padding: 0px }

.smnuTable { padding: 0px }
.smnuCell { text-align: center; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px }
.smnuLink { font-family: Arial,Verdana; font-size: 8pt; font-weight: bold; text-decoration: none; color: gray }
.smnuLink:hover { font-family: Arial,Verdana; font-size: 8pt; font-weight: bold; text-decoration: none; color: black }
.smnuSep2 { padding: 0px; width: 3px; background: url(/g-skins/asoten/top-mnu-sep.jpg) }
.smnuSep { padding: 0px; width: 2px; background: #ffcee7 }

.frmTable { padding: 0px; border: solid 0px #808080; background:  }
.frmLabelCell { padding: 2px; font-family: Verdana,Arial; font-size: 12pt; font-weight: bold; text-align: left; border: solid 1px #c0c0c0; color: #0d4d91; background:  }
.frmCell { line-height:25px; padding:2px; text-align:left; border:solid 0px #c0c0c0; font-family:Verdana,Arial; font-size:10pt; color:#288ec7; }
.frmButtons { font-family: Verdana,Arial; font-size: 12pt; padding: 2px; text-align: center; border: solid 1px #c0c0c0; background: blue }
.frmLabel { padding: 2px; font-family: Verdana,Arial; font-size: 12pt; font-weight: bold; text-align: left; border: solid 1px red; background: #0d4d91; color: #0d4d91 }
input { font-family: Arial; font-size: 8pt; box-shadow: inset 0 3px 6px rgba(0,0,0,0.1); }
select { font-family: Arial; font-size: 8pt }
textarea { font-family: Arial,Verdana; font-size: 8pt; color: black;  }

.tblTable { padding: 0px; border: 0px; background: #BFDFFF }
.tblAlphaIndex { background: Black; font-family: Arial,Verdana; font-size: 8pt; color: #c0c0f0; text-align: center; padding: 2px }
.tblAlphaLink { font-family: Arial,Verdana; font-size: 8pt; color: #d0d0d0; font-weight: bold; text-decoration: none }
.tblAlphaLink:hover { font-family: Arial,Verdana; font-size: 8pt; color: White; font-weight: bold; text-decoration: none }
.tblPager { padding: 2px; background: #f0f0f0; font-family: Arial,Verdana; font-size: 8pt; font-weight: bold; color: #404040; text-align: center }
.tblPageInfo { font-family: Arial,Verdana; font-size: 8pt; font-weight: bold; color: #4B4B4B;}
.tblDisabledButton { font-family: Arial,Verdana; font-size: 8pt; color: #C8C8C8; font-weight: bold }
.tblButton { font-family: Verdana,Arial; font-size: 8pt; color: #575757; text-decoration: none; font-weight: bold; }
.tblButton:Hover { font-family: Arial,Verdana; font-size: 8pt; color: black; text-decoration: none; font-weight: bold; }
.tblHeader { font-family: Arial; height: 25; font-size: 8pt; color: white; font-weight: bold; text-align: center; background: #003C77;  }
.tblHeaderJPG { font-family: Arial,Verdana; font-size: 8pt; color: white; font-weight: bold; text-align: center; background: url(/g-skins/ventkin/color.jpg);  }
.tblHeaderLink { font-family: Arial,Verdana; font-size: 8pt; font-weight: none; color: white; text-decoration: none; }
.tblHeaderLink:hover { font-family: Arial,Verdana; font-size: 8pt; font-weight: bold; color: #00FFFF; text-decoration: none; }
.tblLink { font-family: Arial,Verdana; font-size: 8pt; font-weight: none; color: #575757; text-decoration: none; }
.tblLink:hover { font-family: Arial,Verdana; font-size: 8pt; font-weight: none; color: black; text-decoration: none; }
.tblSubHeader { font-family: Arial,Verdana; font-size: 8pt; color: #808080; font-weight: bold; text-align: left; border: 1px #808080 solid; background: #e0e0e0 }
.tblSubCell { background: #E1FFFF; font-family: Arial,Verdana; font-size: 8pt; color: black; border: 1px #808080 solid; padding: 1px; background: white }
.tblCell { height: 18; background: #ECF5FF; font-family: Arial,Verdana; font-size: 8pt; color: Black;  }

.langLink { font-family: Arial,Verdana; font-size: 8pt; font-weight: bold; color: Navy }
.langLink:hover { font-family: Arial,Verdana; font-size: 8pt; font-weight: bold; color: Maroon }

.msgerr { font-family: sans-serif; font-size: 8pt; font-weight: bold; text-align: left; color: Yellow }
.msgErrTbl { padding: 0px; border: 0px; }
.msgErrLogo { padding: 0px; background: Maroon }
.msgErrCell { padding: 5px; background: Maroon }

.msgwrn { font-family: sans-serif; font-size: 8pt; font-weight: bold; text-align: left; color: Maroon }
.msgWrnTbl { padding: 0px; border: 0px; }
.msgWrnLogo { padding: 0px; background: Yellow }
.msgWrnCell { padding: 5px; background: Yellow }

.msgok { font-family: sans-serif; font-size: 8pt; font-weight: bold; text-align: left; color: Yellow }
.msgOkTbl { padding: 0px; border: 0px; }
.msgOkLogo { padding: 0px; background: #008800 }
.msgOkCell { padding: 5px; background: #008800 }

.appLinks { font-family: Arial,Verdana; font-size: 14pt; font-weight: bold; color: Navy }
.appLinks:hover { font-family: Arial,Verdana; font-size: 14pt; font-weight: bold; color: Maroon }

.appOptions { font-family: Arial,Verdana; font-size: 14pt; font-weight: bold; text-align: left; color: Navy }

.multiCell { text-align: center; line-height: 100%; padding: 0px }

.sepTable { border: 0px; padding: 0px }
.sepCell { border: 0px; padding: 1px; font-family: Arial; font-size: 8pt; font-weight: normal; color: black }
.sepHead { border: 0px; padding: 1px; font-family: Arial; font-size: 8pt; font-weight: bold; color: black; }
.sepCellFix { border: 0px; padding: 1px; font-family: Arial,Verdana,sans-serif; font-size: 8pt; font-weight: normal; color: black }

.salesTotalsCell { font-family: sans-serif; font-size: 10pt; font-weight: bold; color: Yellow; background: Black; padding: 3px }

.registerLinkA { font-family: Arial,Verdana; font-size: 18pt; color: #d0b000; font-weight: bold; text-decoration: none; }
.registerLinkA:hover { font-family: Arial,Verdana; font-size: 18pt; color: White; font-weight: bold; text-decoration: none; }
.registerLinkB { font-family: Arial,Verdana; font-size: 16pt; color: #3030d0; font-weight: bold; text-decoration: none; }
.registerLinkB:hover { font-family: Arial,Verdana; font-size: 16pt; color: White; font-weight: bold; text-decoration: none; }

.shell { width: 950px; margin: 0 auto; }
header { background: url(images/header.png) no-repeat center 0; height: 82px; }
header .shell { position: relative; z-index: 40;}
#logo { width: 126px; position: absolute; top: 12px; left: 0; font-size: 0; line-height: 0; }
#logo a { height: 59px; display: block; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; }

.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

.buttonRound12 {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  height: 35px;
  border: solid 1px gray;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-radius: 5px;
}

.buttonRound12gray {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: gray;
  height: 35px;
  border: solid 1px gray;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-radius: 5px;
}

/* para las animaciones con javascript */

/* contact */
.contact { float: right; padding-top: 30px; }
.contact p { float: left; padding-left: 24px; position: relative; font-size: 17px; color: #fff; text-shadow: rgba(0,0,0,0.3) 1px 1px 1px; }
.contact p a { color: #fff; }
.contact p.phone-ico { padding-right: 27px; }
.contact p.ico span { background: url(images/ico.png) no-repeat 0 0; width: 16px; height: 15px; display: block; position: absolute; top: 2px; left: 0; }
.contact p.phone-ico span { background-position: 0 bottom; } 
/* end of contact */

/* navigation */
#navigation { background: url(images/navigation.png) repeat-x 0 0; height: 50px; line-height: 50px; font-size: 14px; position: relative; z-index: 20;}
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li { float: left; padding-right: 103px; }
#navigation ul li.last { padding-right: 0; }
#navigation ul li a { color: #f7fbfc; position: relative; float: left; }
#navigation ul li a:hover { color: #1b1815; text-decoration: none; text-shadow: rgba(255,255,255,0.4) 1px 1px 1px; }
#navigation ul li a span { background: url(images/bottom-arrow.png) no-repeat 0 0; position: absolute; bottom: -14px; left: 50%; margin-left: -9px;  width: 18px; height: 19px; z-index: 10; display: none; }
#navigation ul li a:hover span,
#navigation ul li.active a span { display: block; }
/* end of navigation */

/* slider */
.slider-holder { background: white url(slider-holderX.png) no-repeat center 0; height: 460px; position: relative; z-index: 5; margin-top: -4px; } /* height under slider */
.slider-holder .shell { padding-top: 15px; position: relative; height: 446px; }
.slider-holder .shell span.slider-shadow { background: url(images/slider-shadow.png) no-repeat 0 0; width: 950px; height: 45px; position: absolute; bottom: 0; left: -0px; }
.flexslider { border: 1px solid #645c52; height: 400px; width: 950px; position: relative; margin: 0 auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.flexslider ul.slides { list-style: none; list-style-position: outside;  position: relative; overflow: hidden; }
.flexslider ul.slides li { float: left; height: 400px; width: 950px; position: relative; }
.flexslider ul.slides li img { width: 950px; height: 400px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.flexslider ul.slides li .slide-cnt { padding: 24px 20px 22px 23px; position: absolute; bottom: 0px; right: 0; width: 908px; background: url(images/slide-cnt.png) repeat 0 0; min-height: 10px;
border-radius: 0px 5px 6px 0; -moz-border-radius: 0px 5px 6px 0; -webkit-border-radius: 0px 5px 6px 0; -o-border-radius: 0px 5px 6px 0; }
.flexslider ul.slides li .slide-cnt h2 { color: #ccc8bd; font-size: 23px; line-height: 30px; padding-bottom: 20px; }
.flexslider ul.slides li .slide-cnt p { color: #ccc8bd; font-size: 13px; padding-bottom: 42px; }
.flexslider ul.slides li .slide-cnt p a { font-size: 11px; }
.flexslider ul.slides li .slide-cnt a.slider-btn { width: 205px; height: 35px; padding: 0 0 0 0; background: url(slider-btn.png) repeat-x 0 0; display: block; text-align: center; position: relative; line-height: 35px;
font-size: 18px; font-weight: bold; color: #000; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; text-shadow: rgba(255,255,255,0.1) 2px 2px 1px;}
.flexslider ul.slides li .slide-cnt a.slider-btn:hover { text-decoration: none; background-position: 0 bottom; }
/* end of slider */

/* services */
.services { background-color: #fff; padding-top: 26px; padding-bottom: 28px;  }
.services h2 { float: left; font-size: 22px; font-weight: normal; padding-bottom: 15px; padding-left: 3px; color: #3c2323; }
.services a.all-services { float: right; font-size: 14px; margin-right: 12px; }
.services .boxes { margin: 0 -11px 0 -3px; position: relative; width: 904px; }  
.services .box { width: 214px; float: left; position: relative; }
.services .box + .box { padding-left: 14px; }

.services .box a { float: left; background: #000 url(images/box.png) repeat-x 0 0; padding: 3px 3px 6px 3px;
 box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
 border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.services .box a img { width: 208px; height: 85px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.services .box h3 { text-align: center; font-size: 14px; }
.services .box a h3 { color: #fff;  }
.services .box a:hover { text-decoration: none; background-position: 0 bottom; background-color: #c91616;  }
/* end of services */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
/*.flexslider {width: 100%; margin: 0; padding: 0;}*/
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
/*.flexslider .slides img {max-width: 100%; display: block;}*/
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
/** html .slides {height: 1%;}*/

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
/*.flexslider { border: 0; position: relative; }*/
/*.flexslider .slides {zoom: 1;}*/
/*.flexslider .slides > li {position: relative;}*/
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
/*.flex-container {zoom: 1; position: relative;}*/

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
/*.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}*/

/* Direction Nav */
.flex-direction-nav, .flex-control-nav { position: relative; z-index: 10000000; }
.flex-direction-nav li a {  width: 40px; height: 66px; margin: 0 0px 0 0; display: block; background: url(images/slider-arr.png) no-repeat 0 0; position: absolute; top: -188px; cursor: pointer; text-indent: -9999px; z-index: 1200;}
.flex-direction-nav li .next { background-position: 0 bottom; right: 1px; }
.flex-direction-nav li .prev { left: 0px; }

.flex-direction-nav li a.prev:hover { background-position: right 0 ; }
.flex-direction-nav li a.next:hover { background-position: right bottom; }

.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav { position: absolute; top: 0px; left: 0; height: 12px; padding: 14px 20px 14px 17px; line-height: 40px; background: url(images/control-nav-bg.png) repeat 0 0; border-radius: 0px 0px 3px 0px; -moz-border-radius: 0px 0px 3px 0px; -webkit-border-radius: 0px 0px 3px 0px; -o-border-radius: 0px 0px 3px 0px;}
.flex-control-nav li { margin: 0 0 0 9px; float: left; zoom: 1; *display: inline; }
.flex-control-nav li:first-child { margin: 0; }
.flex-control-nav li a { width: 11px; height: 11px; display: block; background: url(images/control-nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
.flex-control-nav li a:hover { background-position: 0 -12px; }
.flex-control-nav li a.active { background-position: 0 -12px; cursor: default; }

/* Modal Window START */
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

/* Modal Window CSS End */


/* === Boton Shadow === */
a.button::before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: #959595 0 2px 5px;
    -moz-box-shadow: #959595 0 2px 5px;
    border-radius: 3px;
    box-shadow: #959595 0 2px 5px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    padding: 2px 0 0;
    position: absolute;
    top: 0;
    width: 100%; }
    
a.button:active::before { padding: 1px 0 0; }

/* === Button Grey === */
a.button {
    -moz-box-shadow: inset 0 0 0 1px #63ad0d;
    -webkit-box-shadow: inset 0 0 0 1px #63ad0d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #eee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#e2e2e2));
    background: -moz-linear-gradient(#eee, #e2e2e2);
    background: linear-gradient(#eee, #e2e2e2);
    border: solid 1px #d0d0d0;
    border-bottom: solid 3px #b2b1b1;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #f5f5f5;
    color: #555;
    display: inline-block;
    font: bold 11px Arial, Helvetica, Clean, sans-serif;
    margin: 0 10px 10px 0;
    padding: 5px 5px;
    position: relative;
	text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fafafa; }
    
a.button:hover {
    background: #e4e4e4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4), to(#ededed));
    background: -moz-linear-gradient(#e4e4e4, #ededed);
    background: linear-gradient(#e4e4e4, #ededed);
    border: solid 1px #c2c2c2;
    border-bottom: solid 3px #b2b1b1;
    box-shadow: inset 0 0 0 1px #efefef; }
    
a.button:active {
    background: #dfdfdf;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dfdfdf), to(#e3e3e3));
    background: -moz-linear-gradient(#dfdfdf, #e3e3e3);
    background: linear-gradient(#dfdfdf, #e3e3e3);
    border: solid 1px #959595;
    box-shadow: inset 0 10px 15px 0 #c4c4c4;
    top:2px;}
	
/* Boton CSS End */

// ==== MODAL WINDOW ====
.modalDialog {
	position: relative;
	//position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 100;
	right: 100;
	bottom: 0;
	left: 100;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 480px;
	height: 460px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	//position: relative;
	position: fixed;
	margin: 10% auto;
	padding: 10px 10px 10px 10px;
	opacity:50;
	border-radius: 10px;
	background: E0E0E0;
	background: -moz-linear-gradient(#E0E0E0, #000040);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#E0E0E0, #000040);
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}

/* draw a line */
hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}