body{background-color: #fff; margin:0; padding: 15px 15px 0 15px; text-align: center;}

.nofloat{float: none; clear: both;}
.cajaTexto {width: 128px; padding: 2px 5px; border: 1px solid #8d8d8d; font: 11px arial; color: #8d8d8d; vertical-align: top;}
.cmdBoton {margin-left: 4px;}

#pagina {width: 897px; margin-left: auto; margin-right: auto; text-align:left;}

#rowCabecera {width: 871px; margin: 0 13px; text-align: right;}

#logotipo {float: left; padding: 0 48px 0 24px;}
#cellCabecera {float: right;}
#buscador {margin-top: 5px}

#menuSup {width: 629px; height: 37px; margin-top: 18px; padding-top: 7px; background: url(/app/img/bgMenuSup.png) no-repeat; text-align: center;}
#menuSup a {font: bold 12px arial; color: #004990; text-decoration: none; border-right: 1px dotted #8a8a8a; margin-right: 7px; padding-right: 7px;}
#menuSup a.sinseparador {border: 0; margin: 0; padding: 0;}
#menuSup a:hover {color: #FF6C00; text-decoration: underline;}


#rowContenido {width: 871px; margin: 24px 13px 0 13px;}


#menuLat {width: 222px; float: left;}
#menuTitulo {height: 37px; padding: 10px 0 0 10px; background: #ebf3f9 url(/app/img/bgMenuTitulo.png) no-repeat; font: bold 12px arial; color: #0D4E8E;}
#menuOpcines {padding: 12px 0; background: url(/app/img/bgMenuOpciones.png) repeat-y;}

#menuOpcines ul {margin: 0; padding: 0;}
#menuOpcines li {margin: 0; padding: 0;}

#menuOpcines ul a {font: 12px arial; color: #0D4E8E; text-decoration: none;}
#menuOpcines ul a:hover {color: #FF6C00; text-decoration: underline;}

#menuOpcines ul.menu {margin-left: 15px}
#menuOpcines ul.menu li{
	list-style-type: none;
	background:url(/app/img/square.png) no-repeat 0px .2em;
	padding-left: 15px;
	}
#menuOpcines ul.menu a {font-weight: bold;}

#menuOpcines ul.submenu {margin-left: 8px;}
#menuOpcines ul.submenu li{
	list-style-type: none;
	background:url(/app/img/plus.png) no-repeat 0px .2em;
	padding-left: 15px;
	}
#menuOpcines ul.submenu a {font-weight: normal;}

#menuOpcines ul li.seleccionado {background: url(/app/img/arrow.png) no-repeat 0px .2em;}
#menuOpcines ul li.seleccionado a{color: #FF6C00;}

#cellContenido {width: 629px; float: left; margin-left: 20px; padding-left: 0px;}

#cellMolletas {height: 37px; margin-top: 15px; margin-bottom: 10px; padding: 8px 0 0 18px; background: url(/app/img/bgMolletas.png) repeat-x; font: bold 11px arial; color: #FF6C00;}
#cellMolletas a {
	background: url(/app/img/molletas.png) no-repeat right 0px;
	padding-right: 15px;
	margin-right: 2px;
	font-weight: normal;
	color: #1C62A7;
	}
#cellMolletas a:hover {color: #FF6C00;}


/**
 * Pagina ListadoA de Articulos
 */

.larticulo {width: 201px; float: left; margin-bottom: 35px;}
.larticulo .imagen {margin-bottom: 14px;}
.larticulo .titular {padding: 0 2px; font-family: "Trebuchet MS", verdana; font-size: 14px; font-weight: bold; color: #FF6000;}
.larticulo .texto {padding: 0 2px; font: 12px arial; line-height: 1.5em;}
.larticulo .enlace {padding: 0 2px; margin-top: 10px; text-align: right;}
.larticulo .enlace a{
	padding: 0 0 0 20px;
	background: url(/app/img/flechas.png) no-repeat center left;
	font: bold 12px arial;
	color: #1C62A7;
	}
.larticulo .enlace a:hover {color: #FF6C00;}


/**
 * Pagina ListadoB de Articulos
 */

.listadoBPaginacion {font: 12px arial; color: #004990; text-align: right; font-weight: bold;}
.listadoBPaginacion span.paginaActual {}
.listadoBPaginacion a {color: #FF6C00;}
.listadoBPaginacion a:hover {color: #FF6C00;}
.listadoBPaginacion span.separador {margin: 0 3px;}
.listadoBPaginacion img {}


.lBarticulo {margin-bottom: 10px;}
.lBarticulo .imagen {margin-bottom: 10px; margin-right: 7px; float: left;}
.lBarticulo .titular {padding: 0 2px; font-family: "Trebuchet MS", verdana; font-size: 14px; font-weight: bold;}
.lBarticulo .titular a {color: #FF6000; text-decoration: none;}
.lBarticulo .titular a:hover {color: #FF6000; text-decoration: underline;}

.lBarticulo .texto {padding: 0 2px; font: 12px arial; line-height: 1.5em;}
.lBarticulo .enlace {padding: 0 2px; margin-top: 10px; text-align: right;}
.lBarticulo .enlace a{
	padding: 0 0 0 20px;
	background: url(/app/img/flechas.png) no-repeat center left;
	font: bold 12px arial;
	color: #1C62A7;
	}
.lBarticulo .enlace a:hover {color: #FF6C00;}


/**
 * Pagina Ficha Categoria
 */

#categoria #descripcion {margin: 20px 0; font: 12px arial; line-height: 1.5em;}

#categoria #descripcion strong {font-family: "Trebuchet MS", verdana; font-size: 16px; font-weight: bold; color: #FF6000;}

#categoria #descripcion p {padding-left: 20px;}

#categoria #descripcion ul li {margin-bottom: 10px;}

/**
 * Pagina Ficha Articulo
 */

#articulo {font: 12px arial; color: #313131; line-height: 1.5em;}

#articulo #datos {float: left; width: 374px; padding: 0 30px 0 5px;}

#articulo .titulo {margin-bottom: 13px;}

#articulo .resaltado {font: bold 14px arial; color: #004990; line-height: 1.2em;}

#articulo .descripcion {margin: 10px 0 40px 0;}

#articulo .datosTecnicos  {margin: 10px 0 40px 0;}

#articulo .datosTecnicos table {border-bottom: 1px solid #b6b7ba;}
#articulo .datosTecnicos table th {background-color: #b6b7ba; padding: 3px 10px; font: bold 14px arial; color: #fff; text-align: left;}
#articulo .datosTecnicos table tr.resaltado {background-color: #f2f2f2;}
#articulo .datosTecnicos table td {padding: 6px 4px 6px 12px; font: 12px arial;}
#articulo .datosTecnicos table td.derecha {text-align: right;}
#articulo .datosTecnicos table td.titulo {border-right: 4px solid #fff; font-weight: bold;}

#articulo .descargar {height: 42px; border: 1px solid #e5e5e5; background-color: #f2f2f2; padding: 10px 5px 10px 10px; line-height: 1.5em;}
#articulo .descargar .icono {float: left; margin-right: 10px; margin-bottom: 10px;}
#articulo .descargar a {font: bold 14px arial; color: #0D4E8E;}
#articulo .descargar a:hover {color: #FF6C00;}

#articulo .descargar_login {border: 1px solid #e5e5e5; background-color: #f2f2f2; padding: 10px 5px 10px 10px; line-height: 1.5em;}
#articulo .descargar_login * {font: 12px arial; line-height: 1.5em;}
#articulo .descargar_login th {padding: 10px 0; font: bold 14px arial; color: #0D4E8E;}
#articulo .descargar_login a {font: normal 12px arial; color: #1C62A7; text-decoration: none;}
#articulo .descargar_login .align-right {text-align: right;}

#articulo #imagenes  {float: left;}

#articulo #imagenes #imagenesDetalles {margin: 0 0 0 0;}
#articulo #imagenes #imagenesDetalles .imagenDetalle {text-align: center; margin: 20px 0 0 0;}

#articulo #imagenes #comparar {margin: 20px 0; width: 220px;}
#articulo #imagenes #comparar .titular {margin: 0 0 10px 0; font-family: "Trebuchet MS", verdana; font-size: 14px; font-weight: bold; color: #FF6000;}
#articulo #imagenes #comparar .enlace {margin: 2px 0 2px 14px;}
#articulo #imagenes #comparar .enlace a {font: normal 12px arial; color: #1C62A7; text-decoration: none;}
#articulo #imagenes #comparar .enlace a:hover {color: #FF6C00; text-decoration: underline;}

/**
 * Pagina Comparador
 */

#comparador table {}
#comparador table th {background-color: #b6b7ba; padding: 3px 10px; font: bold 14px arial; color: #fff; text-align: left;}
#comparador table td {padding: 4px; border-left: 3px solid #fff; font: 12px arial; color: #313131; line-height: 1.5em; vertical-align: top;}
#comparador table td.titular {font-family: "Trebuchet MS", verdana; font-size: 14px; font-weight: bold; color: #FF6000;}

#comparador table td.texto .enlace {margin: 10px 0; text-align: right;}
#comparador table td.texto .enlace a{
	padding: 0 0 0 20px;
	background: url(/app/img/flechas.png) no-repeat center left;
	font: bold 12px arial;
	color: #1C62A7;
	}
#comparador table td.texto .enlace a:hover {color: #FF6C00;}

#comparador table .resaltado td {background-color: #f2f2f2; color: #004990;}
#comparador table td.derecha {text-align: right;}
#comparador table td.titulo {padding-left: 10px; font-weight: bold;}
#comparador table .bordeSup td {border-top: 1px solid #b6b7ba;}

/**
 * Pagina Estatica
 */

#pagEstatica {font: 12px arial; color: #313131; line-height: 1.5em;}

#pagEstatica h2 {margin: 0; font: bold 18px arial; color: #FF6C00; text-align: center;}
#pagEstatica h3 {margin: 0; font: bold 16px arial; color: #FF6C00;}

#pagEstatica .resaltado {font: bold 14px arial; color: #004990; line-height: 1.2em;}

#pagEstatica p {margin: 0 0 24px 0;}
#pagEstatica p.naranja {font: bold 12px arial; color: #FF6C00;}


#pagEstatica .derecha {float: right; margin-left: 24px;}
#pagEstatica .derecha p {margin: 0 0 14px 0;}

#pagEstatica .centrado {text-align: center;}

#pagEstatica #datosContacto {float: left; width: 220px; margin-left: 20px;}
#pagEstatica #datosContacto div {font: bold 14px arial; color: #004990; line-height: 1.3em; margin-top: 8px;}
#pagEstatica #datosContacto a {color: #004990;}
#pagEstatica #datosContacto a:hover {color: #FF6C00;}
#pagEstatica #datosContacto p {margin: 12px 0 0 0;}
#pagEstatica #datosContacto p strong.delegacion {color: #004990;}

#pagEstatica #formularioContacto {float: none;}
#pagEstatica #formularioContacto h4 {font-family: "Trebuchet MS", verdana; font-size: 16px; font-weight: bold; color: #FF6000;}
#pagEstatica #formularioContacto .msgEnviado {padding: 15px; border: 2px solid #459F49; background-color: #A4EFA7; color: #142F16;}
#pagEstatica #formularioContacto .msgError {padding: 15px; border: 2px solid #9F4549; background-color: #EFA4A7; color: #2F1415;}

#pagEstatica #formularioContacto table td {padding: 5px; margin: 0; font: 12px arial; color: #313131;}
#pagEstatica #formularioContacto table td.label {padding-right: 15px; border-right: 2px solid #004990; border-bottom: 2px solid #D5E1EC; text-align: right;}
#pagEstatica #formularioContacto table td.control {padding-left: 10px; border-bottom: 2px solid #D5E1EC;}
#pagEstatica #formularioContacto table td span.obligatorio {color: #FF0F19}

#inicioProductos p {font: 12px arial; color: #313131; line-height: 1.5em;}

#inicioProductos #columnaIzquierda {float: left; width: 220px; margin-right: 15px;}
#inicioProductos #columnaCentro {float: left;}
#inicioProductos #columnaDerecha {float: left; width: 220px; margin-left: 25px;}

#inicioProductos #columnaIzquierda div,
#inicioProductos #columnaDerecha div {font: bold 14px arial; color: #9F9F9F; line-height: 1.3em; margin-top: 8px;}

#inicioProductos #columnaIzquierda div a,
#inicioProductos #columnaDerecha div a {color: #9F9F9F; text-decoration: none;}

#inicioProductos #columnaIzquierda div a:hover,
#inicioProductos #columnaDerecha div a:hover {color: #004990; text-decoration: underline;}


#rowPie {padding-top: 30px;}