html, body {
margin: 0;
padding: 0;
background-color: #000099;
}
#contenedor {
width: auto;
margin: auto;
top:100px;
padding-top: 20px;
padding-right: 100px;
padding-bottom: 20px;
padding-left: 100px;
}
.producto {
}
.historia {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
text-decoration: none;
margin: auto;
width: 500px;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
width: 500px;
font-weight: normal;
font-style: normal;
line-height: 18px;
text-align: justify;
margin-right: auto;
margin-bottom: 0px;
margin-left: 60px;
padding-top: 30px;
margin-top: 0px;
padding-bottom: 30px;
}
h4b {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
width: 500px;
font-weight: normal;
font-style: normal;
line-height: 18px;
text-align: justify;
margin-right: auto;
margin-bottom: 0px;
margin-left: 60px;
padding-top: 30px;
margin-top: 0px;
padding-bottom: 30px;
}
#logo {
width:408px;
height: 307px;
margin:auto;
background-color: #000099;
}
#entrar {
clear: both;
float: center;
padding-top: 20px;
padding-bottom: 20px;
align:center;
}
#bienvenidos {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
line-height:20px;
}
#intro{
padding-top: 20px;
padding-left: 80px;
padding-bottom: 20px;
}
#pie {
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
text-align:center;
display: block;
margin:auto;
vertical-align: middle;
width: 410px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#linea {
height: 10px;
width: 410px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#centrado {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-left: -310px;
margin-top: -175px;
height: 350px;
width: 620px;
}
#header {
padding:0;
margin:auto;
height: 153px;
width: 760px;
}
#contenedorhome{
width:760px;
margin:auto;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
position: relative;
background-image: url(imagenes/gris.jpg);
background-repeat: repeat-y;
background-position: right center;
padding: 0;
height: auto;
}
#secundarios{
width:760px;
height:auto;
margin:auto;
background-color:#000;
}
#botonessecundarios{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
height: auto;
width: 760px;
line-height: 20px;
color: #CCCCCC;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 5px;
background-color:#000;
}
.links {
text-align: left;
padding-top: 0px;
padding-right: 8px;
padding-bottom: 0px;
padding-left: 5px;
}
.ganador {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #000099;
text-decoration: none;
text-align: center;
}
.tabla3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FF0000;
text-decoration: none;
text-align: center;
}
#empresas{
clear: both;
float: right;
width: 120px;
margin: auto;
padding: 0px;
text-decoration:none;
align:center;
}
.empresasimg {
border:0px;
text-decoration: none;
text-align:center;
}
p {
padding: 5px;
margin: 5px;
text-align: center;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
text-decoration: none;
width:380px;
text-align: justify;
padding-top: 30px;
padding-right: 50px;
padding-left: 50px;
margin-top: auto;
margin-right: auto;
margin-left: auto;
}
#footer{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #ffffff;
text-decoration: none;
text-align: center;
clear: both;
float: none;
width: 500px;
margin: auto;
padding: 10px;
}
strong {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000099;
text-decoration: none;
}
h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
text-indent: 10px;
white-space: nowrap;
}
#lineahome {
margin:auto;
text-align: center;
}
#negro{
width:760px;
height:10px;
margin:auto;
background-color:#000;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bolder;
color: #FFF;
text-decoration: none;
margin:auto;
width:640px;
text-align: left;
padding-top: 30px;
padding-right: 50px;
padding-bottom: 30px;
padding-left: 50px;
height: 35px;
line-height: normal;
}
#titulo {
width:630px;
height: 35px;
background-image: url(imagenes/barra-titulo.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bolder;
color: #FFFFFF;
text-decoration: none;
padding-left: 10px;
background-repeat: no-repeat;
padding-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #FFFFFF;
}
#fotoproductos {
color: #FFFFFF;
width: auto;
height: auto;
z-index: 1;
margin: auto;
clear: none;
float: right;
overflow: visible;
position: relative;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 0px;
}
ul {
padding-left: 50px;
margin-left: 25px;
}
.productoimg {
float: right;
z-index: 2;
text-align: right;
margin: auto;
}
.productoimgcentrada {
z-index: 1;
text-align: center;
margin: auto;
}
#titproducto {
background-image: url(imagenes/titproducto.jpg);
background-repeat: no-repeat;
height: 38px;
width: 620px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding-left: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 19px;
background-color: #FFFFFF;
margin: 0px;
}
A.productos:link{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #000;
text-decoration: underline;
margin: 0px;
padding: 0px;
}
A.productos:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #FF0000;
text-decoration: underline;
margin: 0px;
padding: 0px;
}
A.productos:visited{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #000;
text-decoration: underline;
margin: 0px;
padding: 0px;
}
A.productos:active{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #000;
text-decoration: underline;
margin: 0px;
padding: 0px;
}
.liclase {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000000;
text-decoration: none;
margin-bottom: 10px;
padding-bottom: 10px;
padding-left: 30px;
}
#productos {
width: auto;
height: auto;
margin-bottom: 10px;
padding-bottom: 10px;
vertical-align: top;
float:left;
}
.productos {
width: 300px;
height: auto;
margin-bottom: 10px;
padding-bottom: 10px;
vertical-align: top;
}
.litit{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bolder;
color: #000099;
text-decoration: none;
margin: 0px;
padding: 0px;
}
#historia {
background-color: #FFFFFF;
width: 636px;
padding: 0px;
}
.detalleimg {
text-align: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
margin: auto;
}
#fotodetalle {
text-align: center;
padding-top: 0px;
margin: auto;
padding-bottom: 20px;
}
#novedades {
width: 600px;
height: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
margin-bottom: 20px;
padding-bottom: 20px;
line-height: 20px;
}
.titcom {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #000099;
text-decoration: none;
}
#competencias {
width: 600px;
height: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
margin-bottom: 20px;
padding-bottom: 10px;
line-height: 20px;
margin-top: auto;
text-align: center;
}
.form {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
.formulario {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000099;
text-decoration: none;
}
#contactoo {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
margin: auto;
padding-right: 20px;
text-align: center;
}
#masinformacion {
text-align:center;
margin:auto;
background-image: url(imagenes/btnlink.jpg);
background-repeat: no-repeat;
background-position: center center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #FFFFFF;
text-decoration: none;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #CCCCCC;
text-decoration: underline;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #CCCCCC;
text-decoration: underline;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
.categoria {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #FF0000;
text-decoration: none;
text-align: center;
}
#resultados {
background-color:#FFFFFF;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 50px;
padding-left: 0px;
width: 636px;
}
.cajatexto {
padding: 0px;
margin: auto;
text-align: center;
}
#caja{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
text-decoration: none;
text-align: left;
margin-top: auto;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 230px;
padding-top: 50px;
padding-bottom: 50px;
}
#prodcaja {
height: 200px;
width: 300px;
vertical-align: middle;
text-align: center;
margin: auto;
padding: 0px;
}
#contenido {
background-color:#FFFFFF;
width: 636px;
height: auto;
}
#contenidodetalle {
background-color:#FFFFFF;
width: 636px;
height: auto;
}
#quienes {
background-color:#8ECBDD;
margin: 0px;
padding: 0px;
width: 642px;
}
#anio {
width:630px;
height: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bolder;
color: #000099;
text-decoration: none;
padding-left: 10px;
padding-top: 9px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #FFFFFF;
text-align: center;
}
#titul {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000099;
text-decoration: none;
text-align: left;
padding-left: 40px;
font-weight: bold;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
}
#subir {
background-image: url(imagenes/subir.jpg);
background-repeat: no-repeat;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-decoration: none;
height: 21px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0px;
width: 625px;
}
a.subir:link{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #000;
text-decoration: none;
margin: 0px;
padding: 0px;
}
a.subir:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #000000;
text-decoration: none;
margin: 0px;
padding: 0px;
}
a.subir:visited{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #000;
text-decoration: none;
margin: 0px;
padding: 0px;
}
a.subir:active{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #000;
text-decoration: none;
margin: 0px;
padding: 0px;
}
.tabla1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #000000;
text-decoration: none;
text-align: center;
}
#contenidoacce {
background-color:#FFFFFF;
width: 636px;
height: auto;
}
#contenidonov {
background-color:#FFFFFF;
width: 636px;
height: auto;
}
.texto {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
text-decoration: none;
margin: auto;
}
A.productoscat:link{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #302f2f;
text-decoration: none;
margin: 0px;
padding: 0px;
}
A.productoscat:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #FF0000;
text-decoration: underline;
margin: 0px;
padding: 0px;
}
A.productoscat:visited{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #302f2f;
text-decoration: none;
margin: 0px;
padding: 0px;
}
A.productoscat:active{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #302f2f;
text-decoration: none;
margin: 0px;
padding: 0px;
}
.productoscat {
font-size: 16px;
color: #302f2f;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 10px;
vertical-align: top;
text-decoration: none;
}
#HomeBannerProd {
width: 300px;
height: 200px;
background-image: url(imagenes/cajaproductos.png);
background-repeat: no-repeat;
float: left;
margin-left: 10px;
margin-top: 10px;
}
#HomeBannerDatos {
width: 300px;
height: 200px;
background-image: url(imagenes/cajautiles.png);
background-repeat: no-repeat;
float: right;
margin-right: 10px;
margin-top: 10px;
}
#HomeBannerNovedades {
width: 300px;
height: 200px;
background-image: url(imagenes/cajanovedades.png);
background-repeat: no-repeat;
float: left;
margin-left: 10px;
margin-top: 10px;
}
#HomeBannerComp {
float: right;
width: 300px;
height: 200px;
background-image: url(imagenes/cajacompetencias.png);
background-repeat: no-repeat;
margin-right: 10px;
margin-left: 326px;
margin-top: -200px;
margin-bottom: 20px;
}
#HomeContenedorBannersTxt {
width: 233px;
height: 85px;
float: left;
margin-top: 50px;
margin-left: 35px;
}
.FondoHomeBannerProd {
padding: 0px;
margin: auto;
text-align: left;
background-image: url(imagenes/cajaproductos.png);
background-repeat: no-repeat;
}
.FondoHomeBannerDatos {
padding: 0px;
margin: auto;
text-align: left;
background-image: url(imagenes/cajautiles.png);
background-repeat: no-repeat;
}
.FondoHomeBannerNovedades {
padding: 0px;
margin: auto;
text-align: left;
background-image: url(imagenes/cajanovedades.png);
background-repeat: no-repeat;
}
.FondoHomeBannerComp {
padding: 0px;
margin: auto;
text-align: left;
background-image: url(imagenes/cajacompetencias.png);
background-repeat: no-repeat;
}
.link_contacto {
font-size: 14px;
color: #123164;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.link_contacto:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #123164;
text-decoration: none;
font-weight: bold;
}
.link_contacto:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #123164;
text-decoration: none;
font-weight: bold;
}
.link_contacto:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #123164;
text-decoration: underline;
font-weight: bold;
}