/*
-----------------------------------------------
ohaus.com.mx

Lic. Ernesto Rivera V.
www.asesoriainformatica.com
Junio/2010
----------------------------------------------- */

body { font-family: helvetica, arial, verdana; background: url('F_01.gif');   
}
table.marco {background: url('F_02.gif'); 
}
table.content {background: url('F_03.gif'); 
}

table.introduction {background: url('F_Int.jpg')  no-repeat right 0px 
}
p.introduction { font-size: 16px; color: #000000; font-style: normal; font-family: helvetica, arial, verdana;  text-align: justify; text-decoration: none; font-weight: normal
}
p.introduction-t { font-size: 18px; color: #ff0000; font-style: normal; font-family: helvetica, arial, verdana; letter-spacing: 1px; text-align: left; text-decoration: none; font-weight: bold
}
p.introduction-n { font-size: 14px; color: #000000; font-style: italic; font-family: helvetica, arial, verdana; letter-spacing: 1px; text-align: left; text-decoration: none; font-weight: bold
}

table.slogan {background: url('F_Slo.jpg') 
}

a.b-entrar { width: 150px; height: 30px; background: url('B_Entrar.png') no-repeat 0px 0px; text-align: center; text-decoration: none; font-family: arial, helvetica; color: #ffffff; font-size: 14px; font-style: normal; font-weight: normal; line-height: 26px
}
a.b-entrar:hover { width: 150px; height: 30px; background: url('B_Entrar.png') no-repeat -150px 0px; text-align: center; text-decoration: none; font-family: arial, helvetica; color: #000000; font-size: 14px; font-style: normal; font-weight: normal; line-height: 26px
}

a.entrar { text-align: center; text-decoration: none; font-family: arial, helvetica; color: #ff0033; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none
}
a.entrar:hover { text-align: center; text-decoration: none; font-family: arial, helvetica; color: #ff0033; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: underline
}


a.b-webmail { width: 80px; height: 20px; background: url('B_WebMail.png') no-repeat 0px 0px; text-align: right; text-decoration: none; font-family: arial, helvetica; color: #ffffff; font-size: 14px; font-style: normal; font-weight: normal; line-height: 26px
}
a.b-webmail:hover { width: 80px; height: 20px; background: url('B_WebMail.png') no-repeat -80px 0px; text-align: right; text-decoration: none; font-family: arial, helvetica; color: #000000; font-size: 14px; font-style: normal; font-weight: normal; line-height: 26px
}



p.link-up { font-size: 12px; color: #000000; font-style: normal; font-family: helvetica, arial, verdana; letter-spacing: 1px; text-align: right; align-vertical: bottom; text-decoration: none
}
.link-up a { font-size: 12px; color: #000000; font-style: normal; font-family: helvetica, arial, verdana; letter-spacing: 1px; text-align: middle; text-decoration: none; line-height: 40px
}
.link-up a:hover { color: #000000; text-decoration: underline
}

td.menuL {	display: block; width: 320px; height: 35px; background: url('F_menu.png') no-repeat right 0px; text-align: center; text-decoration: none; font-family: arial, helvetica; color: #000000; font-size: 12px; font-style: normal; font-weight: normal; line-height: 26px
}

#menu a { display: block; width: 110px; height: 35px; background: url('F_menu.png') no-repeat right 0px; text-align: center; text-decoration: none; font-family: arial, helvetica; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal; line-height: 26px
}
#menu a:hover {	display: block; width: 110px; height: 35px; background: url('F_menuX.png') no-repeat right 0px; text-align: center; text-decoration: none; font-family: arial, helvetica; color: #000000; font-size: 12px; font-style: normal; font-weight: normal; line-height: 26px
}
#menu A:active { display: block; width: 110px; height: 35px; background: url('F_menu.png') no-repeat right 0px; text-align: center; text-decoration: none; font-family: arial, helvetica; color: #000000; font-size: 12px; font-style: normal; font-weight: normal; line-height: 26px
}

td.banner { height: 24px; background: url('F_Banner.png') right 0px; text-align: left; font-family: arial, helvetica; color: #ff0033; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px
}
td.banner-text { background: url('F_Banner-Text.gif') right 0px; text-align: center; font-family: arial, helvetica; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal
}

td.familias { height: 24px; background: url('F_Familias.png') right 0px; text-align: center; font-family: arial, helvetica; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px
}
td.familias-text { background: url('F_Family-Text.gif') right 0px; text-align: center; font-family: arial, helvetica; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal
}


td.rec { height: 24px; background: url('F_Rec.png') right 0px; text-align: left; font-family: arial, helvetica; color: #ff0066; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px
}
td.rec-text { background: url('F_Rec-Text.gif') right 0px; text-align: left; font-family: arial, helvetica; color: #333333; font-size: 12px; font-style: normal; font-weight: normal
}
a.rec { text-align: left; text-decoration: none; font-family: arial; color: #000000; font-size: 12px; font-style: normal; font-weight: normal
}
a.rec:hover { color: #000000; text-decoration: underline
}
ul.rec { list-style-position: outside; font-size: 11px; color: #666666; line-height: 12px; font-family: arial ; text-align: left
}


a.presentaciones { text-align: center; text-decoration: none; font-family: arial, helvetica; color: #333333; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none
}
a.presentaciones:hover { text-align: center; text-decoration: none; font-family: arial, helvetica; color: #FF0000; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none
}

td.right { height: 24px; background: url('F_Right.png') right 0px; text-align: center; font-family: arial, helvetica; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px
}
td.right-text { height: 70px; background: url('F_Right-Text.gif') right 0px; text-align: center; font-family: arial, helvetica; color: #ffffff; font-size: 10px; font-style: normal; font-weight: normal; line-height: 16px
}
p.selector { text-align: center; font-family: arial, helvetica; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal
}


a.selector { DISPLAY: block; width: 69px; height: 46px; background: url('B_Selector.png') no-repeat 0px 0px; text-align: left; text-decoration: none; font-family: arial, helvetica; color: #ffffff; font-size: 14px; font-style: normal; font-weight: normal; line-height: 26px
}
a.selector:hover { DISPLAY: block; width: 69px; height: 46px; background: url('B_Selector.png') no-repeat -69px 0px; text-align: left; text-decoration: none; font-family: arial, helvetica; color: #000000; font-size: 14px; font-style: normal; font-weight: normal; line-height: 26px
}


td.rg { height: 24px; text-align: center; font-family: arial, helvetica; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; background-color: #777777
}
td.rg-text { height: 200px; background: url('F_Aplicaciones-Text.gif') right 0px; text-align: center; font-family: arial, helvetica; color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; background-color: #000000
}
a.menu-rg { display: block; width: 188px; text-align: left; text-decoration: none; font-family: arial, helvetica, sans-serif; color: #ffffff; font-size: 11px; font-style: normal; font-weight: normal; line-height: 20px;  border-bottom: solid 1px #000000; background-color: #777777
}
a.menu-rg:hover {  color: #000000; background-color: #ffffff; border-bottom: solid 1px #000000;
}


td.atencion { height: 24px; background: url('F_Atencion.png') right 0px; text-align: center; font-family: arial, helvetica; color: #000000; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px
}
td.atencion-text { height: 70px; background: url('F_Atencion-Text.gif') right 0px; text-align: center; font-family: arial, helvetica; color: #000000; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px
}
a.ac-info { width: 90px; height: 60px; background: url('B_Info.png') no-repeat 0px 0px; text-align: center; text-decoration: none; font-family: arial, helvetica; color: #ffffff; font-size: 14px; font-style: normal; font-weight: normal; line-height: 26px
}
a.ac-info:hover { width: 90px; height: 60px; background: url('B_Info.png') no-repeat -90px 0px; text-align: center; text-decoration: none; font-family: arial, helvetica; color: #000000; font-size: 14px; font-style: normal; font-weight: normal; line-height: 26px
}
a.ac-soporte { width: 90px; height: 60px; background: url('B_Soporte.png') no-repeat 0px 0px; text-align: center; text-decoration: none; font-family: arial, helvetica; color: #ffffff; font-size: 14px; font-style: normal; font-weight: normal; line-height: 26px
}
a.ac-soporte:hover { width: 90px; height: 60px; background: url('B_Soporte.png') no-repeat -90px 0px; text-align: center; text-decoration: none; font-family: arial, helvetica; color: #000000; font-size: 14px; font-style: normal; font-weight: normal; line-height: 26px
}




.name-sel a { font-size: 14px; color: #ff0033; font-style: normal; ; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: underline
}
.name-sel a:hover { color: #000000; text-decoration: underline
}
.name-title { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-style: normal; font-weight: bold
}
.text-prod { font-family: Verdana, Sans-serif, Arial, Helvetica ; color: #000000; font-size: 12px; font-style: normal
}
.carac-prod { font-family: Verdana, Sans-serif, Arial, Helvetica, ; color: #666666; font-size: 12px; font-style: normal; font-weight: normal
}
tr.name-title {	background-color: #999999
}



td.prod { height: 10px; background: url('F_Banner.png') right 0px; text-align: left; line-height: 10px
}
p.prod-dir { font-size: 12px; color: #ffffff; font-style: normal; font-family: helvetica, arial, verdana; letter-spacing: 1px; text-align: left; align-vertical: left; text-decoration: none
}
a.prod-dir { font-size: 12px; color: #ffffff; font-style: normal; font-family: helvetica, arial, verdana; letter-spacing: 1px; text-align: left; align-vertical: left; text-decoration: none
}
a.prod-dir:hover { font-size: 12px; color: #ffffff; font-style: normal; font-family: helvetica, arial, verdana; letter-spacing: 1px; text-align: left; align-vertical: left; text-decoration: underline
}
p.prod-tit { font-size: 18px; color: #ff0033; font-style: normal; font-family: helvetica, arial, verdana; letter-spacing: 1px; text-align: left; text-decoration: none; Font-weight: normal
}
p.prod-subtit { font-size: 14px; color: #ff0033; font-style: normal; font-family: helvetica, arial, verdana; text-align: left; text-decoration: none; Font-weight: normal
}
.img { height: 200px; width: 200px; text-align: center; background-color:#999999; border: solid 1px #999999
}
p.prod-tex { font-size: 12px; color: #000000; font-style: normal; font-family: helvetica, arial, verdana; text-align: left; text-decoration: none; Font-weight: normal
}
p.prod-usp { display: block; width: 280px; font-size: 12px; color: #666666; font-style: normal; font-family: helvetica, arial, verdana; text-align: left; text-decoration: none; Font-weight: normal
}
ul.usp { font-size: 11px; color: #000000; font-style: normal; font-family: helvetica, arial, verdana; text-align: left; text-decoration: none; Font-weight: normal
}
table.rel {background-color: d1d1d1
}
.rel-t { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 10px; font-style: normal; font-weight: normal
}
a.rel-v { text-align: left; text-decoration: none; font-family: verdana, arial; color: #777777; font-size: 10px; font-style: bold; font-weight: normal
}
a.rel-v:hover { color: #000000
}
ul.rel { list-style-position: outside; font-size: 11px; color: #666666; line-height: 16px; font-family: verdana, arial, helvetica, sans-serif; text-align: left
}



a.desc { text-align: left; text-decoration: none; font-family: verdana, arial; color: #666666; font-size: 12px; font-style: bold; font-weight: normal
}
a.desc:hover { color: #000000
}


ul.map { list-style-position: outside; font-size: 14px; color: #000000; line-height: 15px; font-family: Verdana, Sans-serif, arial, helvetica ; text-align: left
}
.map a { font-size: 11px; color: #666666; font-style: normal; ; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; text-align: left; text-decoration: underline
}
.map a:hover { color: #000000; text-decoration: underline
}



td.prod-tab { width: 668px; height: 20px; background: url('F_ProdTab.png') no-repeat right 0px; text-align: left; font-size: 12px; text-align: left; color: #ff0033; font-style: normal; font-family: helvetica, arial, verdana; text-decoration: none; Font-weight: normal; line-height: 20px
}
td.prod-tab-text { width: 668px; background-color: #e6e6e6; text-align: left
}

p.prod-cont { display: block; width: 108px; font-size: 12px; color: #000000; font-style: normal; font-family: helvetica, arial, verdana; text-align: left; text-decoration: none; Font-weight: normal
}

#prod-contv a  { width: 108px; height: 20px; background: url('F_Prod-ContV.png') no-repeat 0px 0px; font-size: 11px; text-align: left; color: #ffffff; font-style: normal; font-family: helvetica, arial, verdana; letter-spacing: 1px; text-decoration: none; Font-weight: normal; line-height: 20px
}
#prod-contv a:hover  { width: 108px; height: 20px; background: url('F_Prod-ContV.png') no-repeat -108px 0px; font-size: 11px; text-align: left; color: #ffffff; font-style: normal; font-family: helvetica, arial, verdana; letter-spacing: 1px; text-decoration: none; Font-weight: normal
}

#prod-conts a  { width: 108px; height: 20px; background: url('F_Prod-ContS.png') no-repeat 0px 0px; font-size: 11px; text-align: left; color: #ffffff; font-style: normal; font-family: helvetica, arial, verdana; letter-spacing: 1px; text-decoration: none; Font-weight: normal; line-height: 20px
}
#prod-conts a:hover  { width: 108px; height: 20px; background: url('F_Prod-ContS.png') no-repeat -108px 0px; font-size: 11px; text-align: left; color: #ffffff; font-style: normal; font-family: helvetica, arial, verdana; letter-spacing: 1px; text-decoration: none; Font-weight: normal
}

td.prod-galery  { width: 108px; height: 20px; background: url('F_Prod-Galery.png') no-repeat right 0px; font-size: 11px; text-align: center; color: #000000; font-style: normal; font-family: helvetica, arial, verdana; letter-spacing: 1px; text-decoration: none; Font-weight: normal; line-height: 20px
}
td.prod-galery-text  { width: 108px; background: url('F_Prod-Galery-Text.gif') right 0px; align-horizontal: center
}
.imgG { height: 50px; width: 50px; align-horizontal: center; background-color:#999999; border: solid 0px #999999
}


td.dw {	background: url('F_DW.png') no-repeat right 0px; text-align: center; text-decoration: none; font-family: arial, helvetica; color: #ffffff; font-size: 11px; font-style: normal; font-weight: normal; line-height: 30px
}

P.dw { text-align: center; text-decoration: none; font-family: verdana, arial; color: #ffffff; font-size: 10px; font-style: bold; font-weight: normal
}
a.dw { text-align: left; text-decoration: none; font-family: verdana, arial; color: #ffffff; font-size: 10px; font-style: bold; font-weight: normal
}
a.dw:hover { color: #ffffff; text-decoration: underline; 
}