/*GENERAL*/
#SitioWidth {position: relative; width: 776px; height: auto; text-align: left;}
/*HEADER*/
#HeaderHome {height: auto; width: 776px;}
#NavHome {height: 15px; width: 768px; background: url(imagenes/bgnavhome.gif) no-repeat; padding-top: 2px; padding-left: 7px; border-right: 1px solid #5F89B8;}
#CurvaHeader {position: absolute; z-index: 2; height: auto; left: 0px; top: 112px; width: 307px;}

/*PANELES*/
#PanelProductos {position: absolute; z-index: 1; height: auto; width: 248px; left: 8px; top: 124px;}
#PanelCursosPro {position: absolute; z-index: 1; height: auto; left: 264px; top: 124px; width: 251px;}
#PanelCursosProTxt {position: absolute; z-index: 2; height: auto; width: 242px; left: 273px; top: 179px; font: 10px Arial, Helvetica, sans-serif; color: #5065A5;}
#PanelCursosProTxt A {color: #5065A5; text-decoration: none;}
#PanelCursosProTxt A:hover {color: #0534F1; text-decoration: none;}
#PanelPartner {position: absolute; z-index: 1; height: auto; left: 8px; top: 235px; width: 248px;}
#PanelPartnerTxt {position: absolute; z-index: 2; height: auto; width: 220px; left: 26px; top: 285px; font: 10px Arial, Helvetica, sans-serif; text-align: right; color: #5065A5;}
#PanelPartnerTxt A {color: #5065A5; text-decoration: none;}
#PanelPartnerTxt A:hover {color: #0534F1; text-decoration: none;}
#PanelPrensa {position: absolute; z-index: 1; height: auto; left: 264px; top: 235px; width: 251px;}
#PanelPrensaTxt {position: absolute; z-index: 2; height: auto; width: 215px; left: 273px; top: 286px; font: 10px Arial, Helvetica, sans-serif; color: #5065A5;}
#PanelPrensaTxt A {color: #5065A5; text-decoration: none;}
#PanelPrensaTxt A:hover {color: #0534F1; text-decoration: none;}
#PanelNoticias {position: absolute; z-index: 1; height: 222px; left: 521px; top: 115px; width: 247px; border-right: 1px solid #E5E7E7; border-bottom: 1px solid #E5E7E7; border-left: 1px solid #E5E7E7;}
#PanelNoticiasTxt {position: absolute; z-index: 2; height: 152px; width: 235px; left: 530px; top: 181px; overflow: auto;}
#PanelNoticiasTxt P{font: 10px Arial, Helvetica, sans-serif; padding: 0px; margin: 0px 0px 6px; color: #5065A5;}
#PanelNoticiasTxt STRONG, #PanelNoticiasTxt A STRONG{font-size: 11px; font-weight: bold;color: #7A7979;}
#PanelNoticiasTxt A {color: #5065A5; text-decoration: none;}
#PanelNoticiasTxt A:hover {color: #0534F1; text-decoration: none;}

/*ESPACIADOR PANELES*/
#HomeSpacer {height: 235px; width: 774px; border-right: 1px solid #5F89B8; border-left: 1px solid #5F89B8;}
/*PRODUCTOS HOME*/
#TableHome {height: auto; width: 767px; padding-left: 7px; border-right: 1px solid #5F89B8; border-left: 1px solid #5F89B8; clear: both; float: none; padding-bottom: 10px;}
#TableHome TABLE {border: 1px solid #E5E7E7;}
#TableHome TH {height: 28px; vertical-align: middle; text-align: center;}
#TableHome TABLE DIV {text-align: left; width: 100px; padding-bottom: 6px; font-size: 9px;}
#TableHome TABLE DIV A{color: #5065A5; text-decoration: none; font-size: 9px;}
#TableHome TABLE DIV A:hover{color: #0534F1; text-decoration: none; font-size: 9px;}
.SepHome {float: left; width: 9px;}

/*INT*/
#HeaderInt {clear: both; float: none; height: auto; width: 776px;}
#LogoInt, #HeadInt {float: left;}
#NavInt {position: absolute; z-index: 1; height: auto; width: 710px; left: 65px; top: 8px;}
#Contenido {height: auto; width: 774px; border-right: 1px solid #5F89B8; border-left: 1px solid #5F89B8;}

/*FOOTER*/
#Pie {color: #FFFFFF; background: #002E62; height: 16px; width: 776px; padding-top: 4px; text-align: center; font-size: 9px;}

/*TITULOS DE SECCIONES*/
#TituloVertical {position: absolute; z-index: 1; height: auto; width: 30px; left: 9px; top: 110px;}
.SpacerTop {height: 35px;}
#SpacerTop {height: 15px;}
html>body .SpacerTop{height: 110px;}
html>body #SpacerTop{height: 90px;}

/*Colores*/
.Rojo {color: #CC0000}

/*GENERAL CONTENT*/
.TRdotTop {height: auto; width: 690px; margin-left: 60px; background: url(imagenes/dotline_red.gif) repeat-x; clear: both; float: none; padding-bottom: 25px;}
.IconFlecha {float: left; padding-top: 23px; padding-right: 16px;}
.ContentBox {float: left; height: auto; width: 660px; padding-top: 20px;}
.ContentBox H4 {font-size: 13px; font-weight: bold; color: #CC0000; margin: 0px; padding: 0px;}
.ContentBox A {color: #002E62;}
.ContentBox A:hover {color: #CC0000;}
UL.LnkList {padding: 0px; margin-left: 16px; margin-top: 15px; margin-bottom: -20px;}
.LnkList LI {list-style: url(imagenes/icon_flecha.gif);}
.LnkList LI A {font-weight: bold; color: #002E62; text-decoration: none; display: block; vertical-align: middle;}
.LnkList LI A:hover {text-decoration: underline}

/*PRODUCTOS - PRENSA*/
#Paginador {width: 690px; height: 20px; margin-left: 60px;}
#Paginador A {color: #002E62}
#Paginador A:hover {color: #CC0000}
.TR {width: 690px; height: auto; margin-left: 60px; clear: both; float: none; padding-bottom: 25px;}
.TD {width: 320px; height: auto; background: url(imagenes/dotline_red.gif) repeat-x; float: left;}
#LongTD {width: 690px}
.IconFlecha2 {float: left; padding-top: 15px; padding-right: 10px;}
.ContentTDbox {height: auto; width: 296px; float: left; padding-top: 15px;}
#LongContentTDbox{width: 660px}
.FuenteFecha {font-size: 10px;}
.Header, .Header A {font-size: 13px; font-weight: bold; color: #CC0000; text-decoration: none;}
.Header A:hover {text-decoration: underline;}
.ProdTitle {width: 200px;}
.ProdTitle STRONG {font-weight: bold; color: #CC0000;}
.ProdResumen {font-size: 10px; height: auto; width: 200px;}
.ProdResumen STRONG.DotsRed{color: #CC0000; font-size: 12px; font-weight: bold;}
.ProdPic {float: right; text-align: center; width: 90px; height: auto;}
.TDspacer {display: block; float: left; height: 25px; width: 25px;}
UL.CatList {padding-left: 0px; margin-left: 16px;}
.CatList LI, .CatList LI A {list-style: url(imagenes/bullet_red.gif); color: #002E62; font-size: 10px;}
.CatList LI A:hover {color: #CC0000}
.CatList LI DIV {margin-left: 15px;}
.CatList LI DIV STRONG {color: #CC0000}
.CatList LI DIV A {text-decoration: none;}
.CatList LI DIV A:hover {color: #CC0000; text-decoration: underline}
#EmptyScreen {height: 250px;}
#ProdNav {clear: both; float: none; margin-left: 60px; height: 30px; width: 690px; padding-bottom: 10px;}
#ProdNav DIV{float: left; margin-right: 20px;}
/*SOPORTE*/
.NormalList {list-style: none; margin: 0px; padding: 0px;}
.NormaList UL {margin: 0px; padding: 0px;}
.NormalList LI{list-style: none; margin: 0px; padding: 0px;}
.NormalList UL LI{margin: 6px 0px 0px -40px; padding: 0px;}
.NormalList UL LI STRONG {color: #CC0000;}
.NormalList UL LI A {color: #002E62; text-decoration: none}
.NormalList UL LI A:hover {text-decoration: underline}
.NormalList UL LI SMALL {font-size: 9px;}
.BreakBug {float: none; clear: left;}
#NavCategorias {text-align: right; margin: 0px; padding: 0px 0px 10px;	}
#NavCategorias A {font-size: 10px; color: #002E62; text-decoration: underline;}
#NavCategorias SELECT {font-size: 10px;}
/*DOWNLOADS*/
.TextSoft P {margin: 0px; padding: 0px;}
.TextSoft A {font-size: 10px; color: #002E62;}
.TextSoft SPAN {font-size: 10px; font-weight: bold; color: #CC0000;}

.LayerMenu {border: 1px solid #859ab3; background: #dce2ea; height: auto; z-index: 10;}
.LayerMenu A{font-size: 10px; color: #002184; text-decoration: none; display: block; line-height: 16px; padding: 1px 4px; height: auto; width: 100%;}
.LayerMenu A:hover {color: #FFFFFF; background: #7d94af;}
#LayerQS, #LayerQSH {position: absolute; visibility: hidden; z-index: 10; height: auto; width: 123px; left: 271px; top: 23px;}
#LayerQSH {left: 228px; top: 112px;}
#LayerCursos, #LayerCursosH {position: absolute; visibility: hidden; z-index: 10; height: auto; width: 105px; left: 352px; top: 23px;}
#LayerCursosH {left: 313px; top: 112px;}
#LayerX10, #LayerX10H {position: absolute; visibility: hidden; z-index: 10; height: auto; width: 130px; left: 583px; top: 23px;}
#LayerX10H {left: 557px; top: 112px;}
#LayerSoporte, #LayerSoporteH {position: absolute; visibility: hidden; width: 93px; left: 645px; top: 23px;}
#LayerSoporteH {left: 625px; top: 112px;}
#LayerSpacer {position: absolute; visibility: hidden; z-index: 1000; height: 10px; width: 10px; left: 0px; top: 0px;}
