/* Hoja de estilos del website público de internaco */
BODY {
font-family: Arial;
font-size: 9pt;
margin: 0px;
padding: 0px;
background:url(../gfx/bg.gif) repeat;
}
html> BODY {
background:url(../gfx/bg2.gif) repeat;
}
/* DIV QUE CONTIENE TODO LOS CONTENIDOS */
DIV#contentAll {
width: 780px;
border-right: 1px solid #BABCBE;
background-color: #FFFFFF;
min-height:1305px;
height: auto !important;
height: 1305px;
}
/* BARRA DESLIZANTE */
DIV#capagris {
position: absolute;
left: 0px;
top: 92px;
height: 8px;
width: 155px;
background-color: #F5F5F5;
clip: rect(0px 155px 9px 0px);
}
html>body DIV#capagris {
top: 89px;
}
DIV#divSup {
float: left;
}
/* DIVS TEMPLATE */
DIV.div1 {
background: url(../gfx/fondotop2.jpg) no-repeat;
background-position: right;
height: 68px;
}
html>body DIV.div1 {
height: 65px;
}
DIV.div2 {
background:url(../gfx/fondo.gif) repeat;
background-color: #FFFFFF;
height: 33px;
}
DIV.div3 {
width: 170px;
height: 1200px;
background: #EDECED;
float: left;
margin-right: 10px;
padding-left: 5px;
}
html>body DIV.div3 {
height: 1207px;
}
TD {
font-family: Arial;
font-size: 9pt;
}
.sepSituacion {
padding-top: 8px;
}
.ifoto {
float:left;
margin:8px;
}
.dfoto {
float:right;
margin:4px;
}
.cfoto {
float:center;
margin:4px;
}
TR.fila1 {
background-color:#ededed;
}
TR.fila2 {
background-color:#F9F9F9;
}
/* FORMULARIOS */
INPUT {
font-family: Arial;
font-size: 9pt;
}
/* Ficha de producto */
TD.titulop {
font-family: Arial;
font-size: 14pt;
color: #585858;
}
TD.fpt {
font-family: Arial;
font-size: 9pt;
color: #002E63;
}
A.situacion:link {
font-family: Arial;
font-size: 9pt;
text-decoration: underline;
color: #002E63;
}
A.situacion:visited {
font-family: Arial;
font-size: 9pt;
text-decoration: underline;
color: #002E63;
}
A.situacion:hover {
font-family: Arial;
font-size: 9pt;
text-decoration: underline;
color: #002E63;
}
A.situacion:active {
font-family: Arial;
font-size: 9pt;
text-decoration: underline;
color: #002E63;
}
/* Listado de familias */
IMG.listadoFamilias {
border: 1px solid #D7D7D7;
}
A.listadoFamilias:link {
font-family: Arial;
font-size: 9pt;
text-decoration: none;
color: #002E63;
}
A.listadoFamilias:visited {
font-family: Arial;
font-size: 9pt;
text-decoration: none;
color: #002E63;
}
A.listadoFamilias:hover {
font-family: Arial;
font-size: 9pt;
text-decoration: none;
color: #002E63;
}
A.listadoFamilias:active {
font-family: Arial;
font-size: 9pt;
text-decoration: none;
color: #002E63;
}
A.listadoFamiliasLi:link {
font-family: Trebuchet Ms;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #002E63;
}
A.listadoFamiliasLi:visited {
font-family: Trebuchet Ms;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #002E63;
}
A.listadoFamiliasLi:hover {
font-family: Trebuchet Ms;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #002E63;
}
A.listadoFamiliasLi:active {
font-family: Trebuchet Ms;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #002E63;
}
A.situacion2:link {
font-family: Trebuchet Ms;
font-size: 10pt;
font-weight: bold;
color: #002E63;
text-decoration: none;
}
A.situacion2:visited {
font-family: Trebuchet Ms;
font-size: 10pt;
font-weight: bold;
color: #002E63;
text-decoration: none;
}
A.situacion2:hover {
font-family: Trebuchet Ms;
font-size: 10pt;
font-weight: bold;
color: #002E63;
text-decoration: underline;
}
A.situacion2:active {
font-family: Trebuchet Ms;
font-size: 10pt;
font-weight: bold;
color: #002E63;
text-decoration: underline;
}
/* TEXTOS */
DIV.tituloTexto {
width: 95%;
padding-top: 10px;
font-size: 20pt;
font-weight: bold;
letter-spacing: -1;
}
DIV.contenidoTexto {
width: 95%;
padding-top: 10px;
}
/* BLOQUE AUTENTIFICACION */
input.autentificacion {
width: 120px;
}
/* LISTADO DE TEXTOS */
DIV.listadoTextos {
width: 80%;
display: block;
}
/* padding para no IE */
html>body DIV.listadoTextos {
padding-left: 180px;
}
ul#textos {
padding-left: 0px;
padding-top:10px;
margin-left: 0px;
}
html>body ul#textos {
padding-left: 0px;
margin-left: 0px;
padding-top: 0px;
}
ul#textos li {
width: 155px;
font-family: Arial;
font-size: 8pt;
margin: 3px;
padding: 2px;
line-height: 14px;
list-style: none;
border: 1px solid #C7C5C7;
background-color: #F8F7F8;
}
/* Línea para la gestión de idioma */
DIV.divLineaIdiomas {
text-align: right;
width: 98%;
color: white;
display:block;
height: 24px;
}
A.linkCambio:link {
font-family: Verdana;
font-size: 8pt;
text-decoration: none;
color: #FFFFFF;
}
A.linkCambio:visited {
font-family: Verdana;
font-size: 8pt;
text-decoration: none;
color: #FFFFFF;
}
A.linkCambio:hover {
font-family: Verdana;
font-size: 8pt;
text-decoration: none;
color: #FFFFFF;
}
A.linkCambio:active {
font-family: Verdana;
font-size: 8pt;
text-decoration: none;
color: #FFFFFF;
}
/* MENUS */
ul#menuFamilias {
padding-left: 0px;
padding-top:10px;
margin-left: 0px;
}
html>body ul#menuFamilias {
padding-left: 0px;
margin-left: 0px;
padding-top: 0px;
}
ul#menuFamilias li {
width: 155px;
font-family: Arial;
font-size: 8pt;
margin: 3px;
padding: 2px;
line-height: 14px;
list-style: none;
border: 1px solid #C7C5C7;
background-color: #F8F7F8;
}
/* MENUS */
ul#menuMarcas {
padding-left: 0px;
padding-top:0px;
margin-left: 0px;
margin-top: 0px;
}
html>body ul#menuMarcas {
padding-left: 0px;
margin-left: 0px;
padding-top: 0px;
margin-top: 0px;
}
ul#menuMarcas li {
width: 155px;
font-family: Arial;
font-size: 8pt;
margin: 3px;
padding: 2px;
line-height: 14px;
list-style: none;
border: 1px solid #C7C5C7;
background-color: #F8F7F8;
}
DIV.divMarcas {
width: 150px;
padding-top: 5px;
padding-left: 2px;
font-family: Trebuchet Ms;
font-size: 10pt;
font-weight: bold;
color: #002E63;
}
DIV#mnav {
margin:0px;
padding:0px;
float:left;
height: 24px;
}
#nav {
margin: 0px;
padding: 0;
}
#nav li {
height: 23px;
width:155px;
display: inline;
list-style: none;
}
#nav li a:link {
text-align:center;
display:block;
clear:none;
float:left;
background:url(../gfx/menua.jpg);
font-family: Trebuchet MS, Arial;
font-weight:bold;
font-size:12pt;
text-decoration:none;
width:155px;
height:23px;
letter-spacing:-1px;
color: #FFFFFF;
}
#nav li a:visited {
text-align:center;
display:block;
clear:none;
float:left;
background:url(../gfx/menua.jpg);
font-family: Trebuchet MS, Arial;
font-weight:bold;
font-size:12pt;
text-decoration:none;
width:155px;
height:23px;
letter-spacing:-1px;
color: #FFFFFF;
}
#nav li a:hover {
text-align:center;
display:block;
clear:none;
float:left;
background:url(../gfx/menub.jpg);
font-family: Trebuchet MS, Arial;
font-weight:bold;
font-size:12pt;
text-decoration:none;
color:#FFFFFF;
width:155px;
height:23px;
letter-spacing:-1px;
}
#nav li a:active {
text-align:center;
display:block;
clear:none;
float:left;
background:url(../gfx/menua.jpg);
font-family: Trebuchet MS, Arial;
font-weight:bold;
font-size:12pt;
text-decoration:none;
color: #FFFFFF;
width:155px;
height:23px;
letter-spacing:-1px;
}
div#langDiv {
display:block;
padding-top:2px;
height: 22px;
}
/* Distribuidores */
.selectDist {
width: 150px;
font-family: Verdana;
font-size: 8pt;
}
.boton {
width: 80px;
font-family: Verdana;
font-size: 8pt;
}
/* Noticias */
DIV.entradillaNoticia {
width: 95%;
padding-top: 10px;
font-family: Arial;
font-size: 8pt;
}
ul#noticias {
padding-top:10px;
}
html>body ul#noticias {
padding-top: 0px;
}
ul#noticias li {
font-family: Arial;
font-size:8pt;
margin:0px;
padding:1px;
line-height:14px;
}
html>body ul#noticias li{
margin-left: 30px;
}
DIV.contenedorEnlaces {
width: 95%;
padding-top: 10px;
display:block;
}
html>body DIV.contenedorEnlaces {
margin-left: 190px;
}
DIV.divEnlace {
width: 580px;
font-family: Arial;
font-size: 8pt;
color: #002E63;
margin-bottom: 5px;
padding: 10px;
border: 1px solid #E2E0E0;
background-color: #F6F6F6;
display:block;
}
html>body DIV.divEnlace {
width: 550px;
}
A.linkEnlace {
font-family: Arial;
font-size: 8pt;
color: #002E63;
text-decoration: none;
}
/* AUTENTIFICACION */
DIV#contenBloqueAutentificacion {
display: block;
width:100%;
padding: 0px;
margin: 0px;
}
DIV#bloqueAutentificacion {
display: block;
height: 186px;
width: 156px;
background:url(../gfx/fondologin.gif) no-repeat;
text-align: left;
border: 1px solid #BABCBE;
margin-left: -5px;
}
html>body DIV#bloqueAutentificacion {
margin-left: 0px;
}
DIV#bloqueAutentificacion br {
clear:both;
}
DIV#bloqueAutentificacion label {
margin-left: 10px;
font-family: Verdana;
font-size: 8pt;
color: #0C1F5B;
}
DIV#bloqueAutentificacion input {
margin-left: 10px;
font-family: Verdana;
font-size: 8pt;
}
DIV#bloqueAutentificacion input.botonLog {
margin-left: 17px;
}
/* Presentación */
DIV#contenedorSlogan {
display: block;
margin-left: 10px;
width: 726px;
height: 489px;
background: url(../gfx/presentacion.jpg) no-repeat;
}
DIV#textoSlogan {
display: block;
width: 330px;
padding-top: 350px;
padding-left: 70px;
padding-bottom: 0px;
font-family: Arial;
font-style: Italic;
font-size: 10pt;
color: #344B75;
}
html>body DIV#textoSlogan {
width: 260px;
padding-top: 340px;
}
/* Catálogo */
DIV#contenedorListadoFamilias {
display: block;
width: 599px;
margin-top: 10px;
float: left;
min-height:1168px;
height: auto !important;
height: 1168px;
}
html>body DIV#contenedorListadoFamilias {
width: 594px;
}
/* Tabla para los productos */
#tablaProductos {
margin: 0px;
padding: 0px;
}
TD.tdImagenProducto {
width: 140px;
height: 140px;
background-color: #FFFFFF;
border: 1px solid #D7D7D7;
margin: 0px;
padding: 0px;
}
TD.tdDenominacionProducto {
width: 140px;
border: 0px;
padding-bottom: 10px;
}
TD.tdImagenProducto IMG {
border: 0px;
margin: 0px;
padding: 0px;
}
/* Contacto */
DIV.formularioContacto {
display: block;
float: left;
width: 550px;
padding-top:10px;
}
select.contacto {
width: 400px;
font-family: Verdana;
font-size: 8pt;
}
input.contacto {
width: 400px;
font-family: Verdana;
font-size: 8pt;
}
input.botonContacto {
width: 120px;
font-family: Verdana;
font-size: 8pt;
margin-left: 140px;
}
textarea.contacto {
width: 400px;
font-family: Verdana;
font-size: 8pt;
}
br.contacto {
clear: both;
}
label.contacto {
display: block;
float: left;
width: 100px;
font-family: Verdana;
font-size: 8pt;
padding-top: 4px;
}