body {
background-color:#999999;
color:#FFFFFF;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
margin:0 auto;
padding:0;
}
ul, li, p, span {
margin:0;
padding:0;
}
div#bodyMain {
margin:0 auto;
overflow:auto;
padding:0;
width:760px;
}
div#main {
background:transparent url(http://catalogo.syscom.com.mx/img/syscompurpura/fondito.jpg) repeat-y scroll center top;
float:left;
margin:57px auto 0;
padding:0;
text-align:left;
width:760px;
}
#content div {
float:left;
}
#colMainLeft {
float:left;
width:180px;
}
#colMainRight {
float:left;
width:580px;
}
.promoPublicitario {
margin:15px 0 0;
}
.tituloTextoPublicitario {
color:#525FA3;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
margin:0 0 0 5px;
text-align:left;
}
.resumenTextoPublicitario {
color:#837AB3;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
margin:5px 0 0 5px;
text-align:left;
}
.verMasTextoPublicitario {
color:#FF9900;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
margin:5px 0 0 5px;
text-align:right;
}
a.verMasTextoPublicitario:link {
text-decoration:none;
}
a.verMasTextoPublicitario:visited {
text-decoration:none;
}
a.verMasTextoPublicitario:active {
text-decoration:none;
}
a.verMasTextoPublicitario:hover {
text-decoration:none;
}
#header {
height:147px;
width:580px;
}
.headerBackground-1 {
background:#F8F8F8 url(http://catalogo.syscom.com.mx/img/syscompurpura/smallHeaderSyscom.jpg) no-repeat scroll left center;
}
.headerBackground-2 {
background:#F8F8F8 url(http://catalogo.syscom.com.mx/img/syscompurpura/header-2.jpg) no-repeat scroll left center;
}
.headerBackground-3 {
background:#F8F8F8 url(http://catalogo.syscom.com.mx/img/syscompurpura/header-3.jpg) no-repeat scroll left center;
}
#menuHeaderTop ul {
margin:10px 0 0 80px;
padding:0;
}
#menuHeaderTop li {
color:#192885;
display:inline;
float:left;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
list-style-type:none;
margin:0 3px 3px 0;
padding:0;
}
a.linkMenuHeaderTop:link {
color:#192885;
text-decoration:none;
}
a.linkMenuHeaderTop:visited {
color:#192885;
text-decoration:none;
}
a.linkMenuHeaderTop:active {
color:#192885;
text-decoration:none;
}
a.linkMenuHeaderTop:hover {
color:#525FA3;
}
#menuHeaderMiddle ul {
margin:170px 0 0 370px;
padding:0;
}
#menuHeaderMiddle li {
color:#192885;
display:inline;
float:left;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
list-style-type:none;
margin:0 3px 3px 0;
padding:0;
}
a.linkMenuHeaderMiddle:link {
color:#FFFFFF;
text-decoration:none;
}
a.linkMenuHeaderMiddle:visited {
color:#FFFFFF;
text-decoration:none;
}
a.linkMenuHeaderMiddle:active {
color:#FFFFFF;
text-decoration:none;
}
a.linkMenuHeaderMiddle:hover {
color:#F57E1E;
}
#headerScroll {
margin:165px 0 10px 10px;
padding:0;
text-align:right;
width:550px;
}
#headerScroll ul {
margin:0;
padding:0;
}
#headerScroll li {
background-color:#F0F0F0;
display:inline;
height:20px;
list-style-type:none;
margin:5px;
padding:5px;
}
#headerScroll a {
color:#333333;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:9px;
text-decoration:none;
}
#headerScroll a:link {
text-decoration:none;
}
#headerScroll a:visited {
text-decoration:none;
}
#headerScroll a:active {
text-decoration:none;
}
#headerScroll a:hover {
color:#666666;
text-decoration:none;
}
#menuHeaderBottom div {
width:580px;
}
#menuHeaderBottom ul {
margin:5px 0px 0 0px;
padding:0;
}
#menuHeaderBottom li {
background:#F8F8F8 url(http://catalogo.syscom.com.mx/img/syscompurpura/triangulo.jpg) no-repeat scroll left center;
color:#192885;
display:inline;
float:right;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
height:15px;
list-style-type:none;
margin:0;
padding:2px 10px 0 12px;
text-align:left;
}
a.linkMenuHeaderBottom:link {
color:#192885;
text-decoration:none;
}
a.linkMenuHeaderBottom:visited {
color:#192885;
text-decoration:none;
}
a.linkMenuHeaderBottom:active {
color:#192885;
text-decoration:none;
}
a.linkMenuHeaderBottom:hover {
color:#525FA3;
}
#contentMain {
width:580px;
}
#areaPromocionales {
text-align:center;
}
.promocional {
float:left;
margin:0 6px 5px;
padding:0;
}
#barraCarritoPedidos {
background:#F8F8F8 url(http://catalogo.syscom.com.mx/img/syscompurpura/degradado-1.jpg) no-repeat scroll center top;
color:#333333;
height:38px;
margin:10px 0 15px;
width:575px;
}
#path {
color:#333333;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
margin:5px 5px 5px 10px;
}
.producto {
float:left;
margin:5px 6px 20px;
}
.imagenProducto {
border:1px solid #CCCCCC;
float:left;
height:160px;
width:160px;
}
.datosProducto {
float:left;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:9px;
height:160px;
text-align:left;
width:100px;
}
.codigoProducto {
color:#8279B2;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
margin:0 0 0 5px;
}
.categoriaProducto {
color:#8279B2;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
margin:0 0 0 5px;
}
.tituloProducto {
color:#999999;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
margin:5px 0 0 5px;
}
.precioProducto {
color:#666666;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:bold;
margin:5px 0 0 20px;
}
.botonDetallesProducto {
background-image:url(http://catalogo.syscom.com.mx/img/syscompurpura/btnDetalles.jpg);
background-repeat:no-repeat;
border:0 none;
color:#FFFFFF;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
height:19px;
margin:5px;
padding:1px;
text-align:center;
width:91px;
}
.botonAgregarProducto {
background-image:url(http://catalogo.syscom.com.mx/img/syscompurpura/btnAgregar.jpg);
background-repeat:no-repeat;
border:0 none;
color:#FFFFFF;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
height:17px;
margin:5px;
padding:1px;
text-align:center;
width:70px;
}
#areaCategoriasPrincipales {
margin:0;
}
.categoriaPrincipal {
float:left;
height:90px;
width:260px;
}
.imagenCategoriaPrincipal {
float:left;
height:82px;
margin:0 0 0 7px;
width:112px;
}
.datosCategoriaPrincipal {
color:#8279B2;
float:left;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
height:82px;
text-align:left;
width:134px;
}
.tituloCategoriaPrincipal {
color:#525FA3;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
margin:0 0 0 5px;
}
.resumenCategoriaPrincipal {
color:#837AB3;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
margin:5px 0 0 5px;
}
.vermasCategoriaPrincipal {
color:#F5AF3F;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
margin:5px 0 0 5px;
}
a.linkVermasCategoriaPrincipal:link {
color:#FF9900;
text-decoration:none;
}
a.linkVermasCategoriaPrincipal:visited {
color:#FF9900;
text-decoration:none;
}
a.linkVermasCategoriaPrincipal:active {
color:#FF9900;
text-decoration:none;
}
a.linkVermasCategoriaPrincipal:hover {
color:#FF6600;
}
#areaSecciones {
float:left;
}
.panelAreaSecciones {
background:#CCCCCC url(http://catalogo.syscom.com.mx/img/syscompurpura/panelSecciones.jpg) no-repeat scroll left top;
float:left;
height:240px;
margin:0 5px;
text-align:left;
width:270px;
}
.tituloPanelAreaSecciones {
color:#182981;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:5px 0 0 10px;
}
.comentarioPanelAreaSecciones {
color:#182981;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
margin:0 0 0 10px;
}
a.linkPanelAreaSecciones:link {
color:#405199;
text-decoration:none;
}
a.linkPanelAreaSecciones:visited {
color:#405199;
text-decoration:none;
}
a.linkPanelAreaSecciones:active {
color:#405199;
text-decoration:none;
}
a.linkPanelAreaSecciones:hover {
color:#FF6600;
}
.verMasPanelAreaSecciones {
color:#FF9900;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
margin:10px 10px 0 5px;
text-align:right;
}
a.verMasLinkPanelAreaSecciones:link {
color:#FF9900;
text-decoration:none;
}
a.verMasLinkPanelAreaSecciones:visited {
color:#FF9900;
text-decoration:none;
}
a.verMasLinkPanelAreaSecciones:active {
color:#FF9900;
text-decoration:none;
}
a.verMasLinkPanelAreaSecciones:hover {
color:#FF6600;
}
#areaSecciones-2 {
background:#CCCCCC url(http://catalogo.syscom.com.mx/img/syscompurpura/panel-2-Secciones.jpg) no-repeat scroll left top;
height:218px;
width:560px;
}
.panelAreaSecciones-2 {
float:left;
height:180px;
margin:10px 0 0 5px;
text-align:left;
width:173px;
}
.tituloPanelAreaSecciones-2 {
color:#8279B2;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
margin:5px 0 0 15px;
}
#areaSecciones-2 ul {
margin:10px 0 0;
padding:0;
}
#areaSecciones-2 li {
display:block;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:9px;
list-style-type:none;
margin:5px 5px 5px 15px;
padding:0;
}
a.linkPanelAreaSecciones-2:link {
color:#999999;
text-decoration:none;
}
a.linkPanelAreaSecciones-2:visited {
color:#999999;
text-decoration:none;
}
a.linkPanelAreaSecciones-2:active {
color:#999999;
text-decoration:none;
}
a.linkPanelAreaSecciones-2:hover {
color:#FF6600;
}
.verMasPanelAreaSecciones-2 {
color:#FF9900;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:9px;
margin:10px 10px 0 5px;
text-align:right;
}
a.verMasLinkPanelAreaSecciones-2:link {
color:#FF9900;
text-decoration:none;
}
a.verMasLinkPanelAreaSecciones-2:visited {
color:#FF9900;
text-decoration:none;
}
a.verMasLinkPanelAreaSecciones-2:active {
color:#FF9900;
text-decoration:none;
}
a.verMasLinkPanelAreaSecciones-2:hover {
color:#FF6600;
}
#footer {
background:#F8F8F8 url(http://catalogo.syscom.com.mx/img/syscompurpura/footer.jpg) no-repeat scroll center bottom;
float:left;
height:75px;
text-align:center;
width:760px;
}
#menuFooter ul {
margin:20px 0 0;
padding:0;
width:760px;
}
#menuFooter li {
display:inline;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
list-style-type:none;
margin:0 3px 0 0;
padding:0;
}
a.linkMenuFooter:link {
color:#8D8D8D;
text-decoration:none;
}
a.linkMenuFooter:visited {
color:#8D8D8D;
text-decoration:none;
}
a.linkMenuFooter:active {
color:#8D8D8D;
text-decoration:none;
}
a.linkMenuFooter:hover {
color:#8D8D8D;
}
.pagination {
color:#666666;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
text-align:right;
}
.middlePanel {
float:left;
margin-left:5px;
width:560px;
}
.sectionMiddlePanel {
background:#FFFFFF url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/backgroundMiddlePanel.jpg) repeat scroll left top;
float:left;
margin:5px 3px;
padding:0;
width:270px;
}
.contentMiddlePanel {
background:transparent url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/contentMiddlePanel.jpg) no-repeat scroll left top;
width:270px;
}
.headerMiddlePanel {
background:transparent url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/headerMiddlePanel.jpg) no-repeat scroll left top;
height:27px;
width:270px;
}
.contentMiddlePanel {
width:270px;
}
.footerMiddlePanel {
background:transparent url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/footerMiddlePanel.jpg) no-repeat scroll left top;
height:25px;
width:270px;
}
.middlePanel ul {
margin:10px 0 0;
padding:0;
}
.middlePanel li {
display:block;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
list-style-type:none;
margin:5px 10px 5px 15px;
padding:0;
}
.largePanel {
float:left;
margin-left:5px;
width:552px;
}
.sectionLargePanel {
background:#FFFFFF url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/backgroundLargePanel.jpg) repeat scroll left top;
float:left;
margin:5px 3px;
padding:0;
width:552px;
}
.contentLargePanel {
background:transparent url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/contentLargePanel.jpg) no-repeat scroll left top;
width:552px;
}
.headerLargePanel {
background:transparent url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/headerLargePanel.jpg) no-repeat scroll left top;
height:24px;
width:552px;
}
.contentLargePanel {
width:552px;
}
.footerLargePanel {
background:transparent url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/footerLargePanel.jpg) no-repeat scroll left bottom;
height:25px;
width:552px;
}
.largePanel ul {
margin:0;
padding:0;
}
.largePanel li {
display:block;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
list-style-type:none;
margin:10px 10px 5px 15px;
padding:0;
}
#buscador div {
background-color:#EEEEEE;
margin-left:6px;
margin-right:4px;
text-align:right;
vertical-align:middle;
width:550px;
}
#buscador label {
color:#666666;
}
.botonWordPress {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#666666;
border-style:solid;
border-width:1px;
color:#CCCCCC;
cursor:pointer;
font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
font-size:12px;
line-height:1.5em;
margin:5px 10px 5px 5px;
padding:1px 5px;
text-decoration:none;
}
.largePanelBuscador {
float:left;
margin-left:5px;
width:552px;
}
.sectionLargePanelBuscador {
background:#FFFFFF url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/backgroundLargePanel.jpg) repeat scroll left top;
float:left;
margin:5px 3px;
padding:0;
width:552px;
}
.contentLargePanelBuscador {
padding-top:5px;
width:552px;
}
.headerLargePanelBuscador {
background:transparent url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/headerLargePanel.jpg) no-repeat scroll left top;
height:24px;
margin:0;
padding:0;
width:552px;
}
.footerLargePanelBuscador {
background:transparent url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/footerLargePanel.jpg) no-repeat scroll left bottom;
height:25px;
width:552px;
}
.buscadorAzul {
margin:0;
padding:0;
width:552px;
}
.textoBuscador {
border:0 none;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
margin:0;
padding:0;
}
.botonBuscador {
background-image:url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/botonBuscador.jpg);
background-repeat:no-repeat;
border:0 none;
color:#525FA3;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:22px;
margin:0;
text-align:center;
width:87px;
}
.buscadorAzul table {
margin-left:100px;
padding:0;
}
.inputBuscadorAzul {
background:#FFFFFF url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/fondoBuscador.jpg) no-repeat scroll left center;
height:23px;
width:323px;
}
div.areaIconosExpos {
margin:0;
padding:10px 0;
width:525px;
}
div.imagenAreaIconosExpos {
float:left;
margin:0;
padding:0;
width:58px;
}
div.textoAreaIconosExpos {
float:left;
margin:0;
padding:0 0 0 5px;
width:460px;
}