/*ESTILOS*/
html{
}
body {
margin: 0px;
padding: 0px;
text-align:center;
height: 100%;
background: #f4f4f4 url(images/fondo.jpg) top repeat-x;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
/* Estilos del container */
#container {
position:relative;
margin:0px;
margin:auto;
padding:0px;
text-align:left;
width: 990px;
height:auto;
background: url(images/fondoContainer.gif);
border:1px solid #333333;
background-position: center;
}
*html #container{
margin-left:1px;}
/* Estilos del cuerpo */
#cuerpo {
position:relative;
width:990px;
padding:0px 5px 74px 3px;
margin:0px;
}
/* Estilos del contenido */
#contenido {
position:relative;
margin:0px 0px 0px 220px;
width:755px;
border:1px solid #efefef;
padding-bottom:10px;
}
/* ------------------------------------------------CABECERA------------------------------------------ */
#cabecera {
position:relative;
margin:0px;
padding:0px;
width:990px;
height:232px;
text-align: center;
background-image:url(images/cabecera.jpg);
}
#logo {
position:absolute;
top:0px;
left:0px;
}
#flashCabecera{
position:absolute;
top:0px;
right:0px;
display:inline;
}
/* Estilos de la barra */
#barra {
position:relative;
display:none;
}
/* ------------------------------------------------MENU-TOP------------------------------------------ */
#menuTop{
position:absolute;
top:178px;
left:435px;
}
.elementoMenuTop{
}
.elementoMenuTop a{
font-weight:bold;
color:#ffffff;
padding:10px;
}
.elementoMenuTop a:hover{
color:#666666;}
/* ------------------------------------------------REGISTRO USUARIOS----------------------------------------- */
#registeredUser {
position:relative;
width:110px;
text-align:center;
margin-top:40px;
padding:5px 2px 5px 2px;
}
#registeredUser a{
color:#AAAAAA;
padding: 2px 2px 2px 2px;
}
#registeredUser a:hover{
padding: 2px 2px 2px 2px;
}
/* ---------------------------------------------BUSCADOR----------------------------------------- */
/*-------ESTILOS DE LA CAJA DEL BUSCADOR*/
#buscadorBox{
position:relative;
width:175px;
margin: 20px 0px 0px 6px;
padding: 3px;
color: #AAAAAA;
border: 1px dashed #AAAAAA;
}
#buscadorTitle {
position:relative;
color: #eeeeee;
font-weight:bold;
font-size:12px;
}
.lupa {
position:relative;
background: url(images/buscar.gif) center;
width:23px;
height:23px;
}
.formbusc {
width:150px;
}
#buscadorBox a {
color: #999999;
font-weight:bold;
}
#buscadorBox a:hover {
background-color: #999999;
color:#eeeeee;
}
/*-------ESTILOS DE BUSQUEDA AVANZADA*/
#cuadroSearch {
border:1px solid #CCCCCC;
color:#cccccc;
font-weight:bold;
}
#cuadroSearch input{
margin:0px 10px 0px 0px;
}
#buscadorProductos {
position:relative;
padding: 10px;
}
#buscadorProductos div{
margin: 10px;
padding:5px;
}
#propiedadesProductos div {
float:left;
margin: 10px 10px 10px 0px;
padding:5px 5px 5px 5px;
}
#buscadorSecciones {
position:relative;
padding: 10px;
}
#buscadorSecciones div{
margin: 10px 10px 10px 0px;
padding:5px 5px 5px 5px;
border:1px solid #CCCCCC;
}
/* ------------------------------------------------LISTADO DE PRODUCTOS----------------------------------------- */
.cabeceraListado{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-bottom:10px;
margin-top:10px;
margin-left:15px;
padding-left: 10px;
font-size:12px;
width:720px;
color:#333333;
text-align:center;
}
.tablaListadoProductos {
width:700px;
border:0;
margin-left:25px;
}
.tablaListadoProductos td{
border-bottom:1px solid #eeeeee;
border-top:1px solid #eeeeee;
}
.tablaListadoProductos a{
color:#2C9843;
font-weight:bold;
font-size:14px;
}
.tablaListadoProducto a b{
color:#044011;}
.tablaListadoProductos a:hover{
text-decoration: underline;
color:#2D587F;
padding:2px;
}
.fila_1 {
background: url(images/pxNews.gif) bottom repeat-x;
height:100px;
}
.fila_0 {
background: url(images/pxProds.jpg) bottom repeat-x;
height:100px;
}
.celdaListadoImagen {
width:110px;
padding:10px;
}
.celdaListadoNombre {
padding:10px;
height:100px;
}
.celdaListadoNombre {}
.listadoProductosNombre{
}
.listadoProductosPrecio {
}
.elementoDescripcion{
position:absolute;
margin:2px 0px 0px 100px;
top:0px;
}
.nombreProducto{
}
.precio{
height: 30px;
color:#333333;
}
#numeracion:{
vertical-align:middle;
margin-top:40px;
color: #216AAF;
}
/* ------------------------------------------------CONTENIDO PRODUCTOS----------------------------------------- */
.leyendaImg {
text-align:center;
}
#galeriaImagenesProducto {
padding: 5px;
border:1px solid #BBBBBB;
}
#volver{
vertical-align:text-bottom;
margin-top:20px;
}
/* --------------------------------------NOTICIAS-------------------------------------- */
.newsBox{
position:relative;
float:left;
width:726px;
height:230px;
padding:0px;
margin:20px 10px;
/*background: url(images/caja_noticia.jpg) no-repeat;*/
border:2px solid #c3c7c8;
background-color:#f4f4f4;
overflow:hidden;
}
.newsBox2{
position:relative;
float:left;
width:730;
padding:0px;
margin:20px 10px;
background: url(images/pxNews.gif) bottom repeat-x;
overflow:hidden;
}
.newsTitulo{
position:absolute;
top:8px;
left:8px;
display:inline;
text-align:left;
background: url(images/titulo_noticia.jpg) top center repeat-y;
width:675px;
padding:5px 15px 5px 15px;
}
.descripcion_noticia{
position:absolute;
top:65px;
left:222px;
display:block;
text-align:justify;
width:487px;
height:130px;
line-height:18px;
font-family:verdana;
font-size:12px;
padding:0px 0px 0px 0px;
}
.masinfo{
position:absolute;
top:200px;
left:620px;
display:block;
text-align:left;
font-family:verdana;
font-size:11px;
padding:0px 0px 0px 0px;
}
.newsTitulo2{
position:relative;
top:0px;
left:0px;
display:block;
text-align:center;
background: url(images/titulo_noticia2.jpg) top repeat-y;
width:730px;
padding:5px 0px 5px 0px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
.newsTitulo a{
font-size:14px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
.newsTitulo a:hover{
color:#000;
text-decoration:underline;
}
.newsImage{
position:absolute;
width:210px;
height:150px;
top:65px;
left:10px;
}
.newsSubtitulo{
display:block;
text-align:center;
font-size:12px;
color:#1D6D2E;
font-weight:bold;
margin-top:6px;
}
.newsFecha{
font-size:10px;
display:block;
text-align:center;
color:#0B3360;
}
.newsSigue{
}
.cuadroBoletin {
position:relative;
width:201px;
height:276px;
background:url(images/cajaprod.jpg) no-repeat;
margin:20px 20px;
float:left;
text-align:center;
}
.boletinTitulo{
position:absolute;
top:10px;
left:9px;
display:block;
text-align:center;
background:url(images/pxBoletin.jpg) bottom repeat-y;
padding:4px 0px 4px 0px;
width:182px;
}
.boletinTitulo a{
font-size:12px;
font-family:verdana;
color:#ffffff;
font-weight:bold;
text-decoration:none;
padding:0px 5px 0px 5px;
width:172px;
}
.boletinTitulo a:hover{
color:#000;
text-decoration:underline;
}
.boletinImagen {
position:absolute;
top:47px;
left:29px;
float:left;
text-align:center;
width:142px;
height:208px;
overflow:hidden;
}
/*------------------------------------ESTILOS FORO----------------------------------------*/
.mensaje{
font-size:14px;
color:#CC3241;
}
.mensaje a{
font-size:12px;
color:#CC3241;
}
.usuarioForo{
color:#566FA1;
}
.fechaForo{
font-size:10px;
font-weight:normal;
}
#foro{
border:1px solid #dddddd;
padding:2px;}
.contentMensaje{
font-weight:normal;
color:666666;
margin:0px 0px 2px 0px;
}
.usuarioFechaForo a{
font-size:11px;
color:#3C80CC;}
.usuarioFechaForo{
text-align:right;
}
/* ------------------------------------------------PIE----------------------------------------- */
#pie {
position:relative;
bottom:0px;
clear:both;
width:990px;
height:58px;
background-image:url(images/pie.jpg);
color:#666666;
font-size:10px;
}
#pie div {
position:absolute;
bottom:10px;
right:0px;
}
#pie a {
padding:1px 2px 1px 2px;
text-decoration:none;
}
#pie a:hover{
text-decoration:underline;
color:#FFFFFF;
}
#legal a:hover{
text-decoration:underline;
color:#666666;
}
#legal a {
text-decoration:none;
color:#cc0000;
font-size: 11px;
font-weight:bold;
margin: 0px 4px 0px 4px;
}