/* Clases Principales */
html,body { padding:0; margin:0; height:100%; }
form { padding:0; }
body { background:url(imagenes/fondo.gif); background-color:#ffffff; background-attachment:fixed; }
body,td,th { font-family: Arial, Verdana; font-size:13px; color:#616161; }
p { margin:0; padding:0; }
img { behavior: url("iepngfix.htc"); }
.seccion { position: relative; margin:13px 29px auto 29px; float:left; height:14px; }
.cr { clear:right; }
.cl { clear:left; }
.cb { clear:both; }
/* Slider Inicio */
#sliderproductos ul, #sliderproductos li {
margin:0;
padding:0;
list-style:none;
}
#sliderproductos li {
width:301px;
height:63px;
overflow:hidden;
}
#nextBtn{
display:block;
position:absolute;
top:50px;
left:327px;
}
#nextBtn a {
display:block;
position:relative;
width:15px;
height:21px;
background:url(imagenes/frases/flechagrande.gif) no-repeat 0 0;
}
/* Slider Secciones */
#seccion #sliderproductos ul, #seccion #sliderproductos li {
margin:0;
padding:0;
list-style:none;
}
#seccion #sliderproductos li {
width:180px;
height:40px;
overflow:hidden;
}
#seccion #nextBtn{
display:block;
position:absolute;
top:26px;
left:200px;
}
#seccion #nextBtn a {
display:block;
position:relative;
width:15px;
height:21px;
background:url(imagenes/frases/flechagrande.gif) no-repeat 0 0;
}
/* Secciones */
#inicio {
position:relative;
width:898px;
height:692px;
background:url(imagenes/secciones/inicio.jpg) no-repeat;
}
#inicio #productos {
position:absolute;
background:url(imagenes/secciones/contenedor.gif) no-repeat;
opacity:1;
filter:alpha(opacity=100);
width:356px;
height:81px;
top:35px;
left:35px;
}
#inicio #logo {
position:absolute;
background:url(imagenes/secciones/contenedor.gif) no-repeat;
text-align:center;
vertical-align:middle;
opacity:0.7;
filter:alpha(opacity=70);
width:356px;
height:81px;
top:125px;
left:35px;
}
#inicio #frases {
position:absolute;
background:url(imagenes/secciones/contenedor.gif) no-repeat;
opacity:0.5;
filter:alpha(opacity=50);
width:356px;
height:81px;
top:215px;
left:35px;
}
#seccion {
position:relative;
width:898px;
height:692px;
background:url(imagenes/secciones/seccion.jpg) no-repeat;
border:0px solid #FFFFFF;
}
#seccion .menusec {
position:relative;
float:left;
width:229px;
height:626px;
margin:33px 36px 33px 36px;
_margin:33px 36px 33px 18px;
}
#seccion .contenido {
position:relative;
float:left;
clear:right;
width:531px;
height:626px;
margin:30px 33px 33px 33px;
_margin:30px 33px 33px 32px;
}
#seccion .menusec .productos { position:absolute; top:0px; left:0px; width:229px; height:52px; text-align:center; margin-top:4px; }
#seccion .menusec .logo { position:absolute; top:54px; left:0px; width:229px; height:52px; text-align:center; margin-top:4px; }
#seccion .menusec .frases { position:absolute; top:106px; left:0px; width:229px; height:52px; text-align:center; margin-top:4px; }
#seccion .contenido .titulo { text-align: right; }
/* Presentacion */
#seccion .contenido .frase { text-align: right; margin-top:20px; margin-bottom:20px; }
#seccion .contenido .productos { width:532px; height:244px; background:url(imagenes/secciones/productos.jpg) no-repeat; margin-bottom:23px; float:left; clear:left; }
#seccion .contenido .productos .cont { margin: 37px 10px 0px 28px; }
#seccion .contenido .press { width:532px; height:86px; background:url(imagenes/secciones/pressclipping.jpg) no-repeat; margin-bottom:23px; float:left; clear:left; }
#seccion .contenido .press .cont { margin: 29px 10px 0px 86px; }
#seccion .contenido .articulos { width:532px; height:90px; background:url(imagenes/secciones/articulosopinion.jpg) no-repeat; float:left; clear:left; }
#seccion .contenido .articulos .cont { margin: 33px 10px 0px 86px; }
/* Premios */
#seccion .contenido .premiogacela { width:531px; height:244px; background:url(imagenes/secciones/premiogacela.jpg) no-repeat; margin-bottom:23px; margin-top:23px; float:left; clear:left; }
#seccion .contenido .premiogacela .cont { width:270px; margin: 37px 10px 0px 15px; float:left; }
#seccion .contenido .premiogacela .foto { width:225px; height:202px; margin: 32px 0px 0px 0px; float:left; }
#seccion .contenido .premiosolidaridad { width:531px; height:245px; background:url(imagenes/secciones/premiosolidaridad.jpg) no-repeat; margin-bottom:23px; float:left; clear:left; }
#seccion .contenido .premiosolidaridad .foto { width:225px; height:202px; margin: 32px 0px 0px 0px; float:left; }
#seccion .contenido .premiosolidaridad .cont { width:270px; margin: 37px 10px 0px 15px; float:left; }
/* Prensa */
#seccion .contenido .pdf { width:36px; height:18px; float:left; }
#seccion .contenido .articulo { width:383px; height:18px; float:left; }
#seccion .contenido .articulo2 { width:386px; height:18px; float:left; }
#seccion .contenido .fecha { width:74px; height:18px; float:left; }
#seccion .contenido .prensa { width:531px; height:244px; background:url(imagenes/secciones/prensa.jpg) no-repeat; margin-bottom:23px; margin-top:23px; float:left; clear:left; }
#seccion .contenido .prensa .cont { width:100%; margin: 43px 15px 15px 15px; }
#seccion .contenido .articulosopinion { width:532px; height:207px; background:url(imagenes/secciones/articulosdeopinion.jpg) no-repeat; margin-bottom:23px; float:left; clear:left; }
#seccion .contenido .articulosopinion .cont { width:420px; margin: 43px 15px 15px 90px; }
/* Contacto */
#seccion .contenido .formulario { width:531px; height:444px; background:url(imagenes/secciones/formulario.jpg) no-repeat; margin-bottom:23px; float:left; clear:left; }
#seccion .contenido .formulario .cont { margin: 37px 10px 0px 28px; }
#seccion .contenido .nosotros { width:531px; height:88px; background:url(imagenes/secciones/nosotros.jpg) no-repeat; margin-bottom:23px; float:left; clear:left; }
#seccion .contenido .nosotros .cont { margin: 30px 10px 0px 87px; }
/* Principales */
#principal {
position: relative;
width:968px;
margin: 0 auto;
z-index:50;
background:url(imagenes/principal.png) repeat-y;
behavior: url("iepngfix.htc");
background-position:top center;
_background:url(imagenes/principal.gif) repeat-y;
min-height:100%;
_height:100%;
}
#general {
margin:0 auto;
position:absolute;
width:100%;
height:100%;
z-index:50;
}
#interior {
padding: 18px 0 18px 0;
margin:0px 35px 0px 35px;
}
#menu {
width:100%;
height:43px;
line-height:43px;
vertical-align:middle;
margin-bottom:18px;
}
#menu .sep {
position: relative;
width:1px;
height:43px;
line-height:43px;
vertical-align:middle;
background:url(imagenes/menu/sep.gif) no-repeat;
float:left;
}
#copyright {
margin-top:18px;
width:100%;
height:20px;
}
#barraSuperior {
position:absolute;
top:0;
left:0;
width:100%;
display:none;
}
/* Clases Secundarias */
/* Tablas y celdas */
.contenido { background:#FFF; }
.menu { text-align:center; padding:0px 23px 0px 23px; }
.menusep { background:url(/imagenes/menu/sep.png) no-repeat; background-position:right center; _background:none; }
.margenPrincipal { padding:0 15px 0px 15px; }
.tabizq { background:url(/imagenes/esquinas/izq.png) repeat-y; }
.tabdx { background:url(/imagenes/esquinas/dx.png) repeat-y; }
.tabtop { background:url(/imagenes/esquinas/top.png) repeat-x; }
.tabbot { background:url(/imagenes/esquinas/bot.png) repeat-x; }
.blockpeq { background:url(/imagenes/deg-peq.jpg) repeat-x; background-color:#D0D0D0; }
.blocklat { background:url(/imagenes/deg-lat.jpg) repeat-y; background-color:#FFF; }
.blockgra { background:url(/imagenes/deg-gra.jpg) repeat-x; background-color:#D0D0D0; }
.blockazul { background:url(/imagenes/deg-azul.jpg) repeat-x; background-color:#B2D3EE; }
.error { margin-bottom:15px; width:100%px; padding:5px; border:1px solid #830000; background:#ffffff; color:#830000; }
.bien { margin-bottom:15px; width:550px; padding:5px; border:1px solid #008103; background:#f9f9f9; color:#14b418; }
/* colores */
.negro { color:#000; }
.gris { color:#898989; }
.grisoscuro { color:#3D3D3D; }
.grisclaro { color:#A6A6A6; }
.amarillo { color:#FF9600; }
.naranja { color:#E18200; }
.rojo { color:#F00; }
.blanco { color:#FFF; }
.azuloscuro { color:#00244D; }
.azul { color:#055598; }
.azulclaro { color:#7cbff4; }
/* tipografias */
.arial { font-family: "Arial Narrow", Arial; }
/* Tamaņos de fuentes */
.font8 { font-size:8px; }
.font9 { font-size:9px; }
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font13 { font-size:13px; }
.font14 { font-size:14px; }
.font15 { font-size:15px; }
.font16 { font-size:16px; }
.font17 { font-size:17px; }
.font18 { font-size:18px; }
.font19 { font-size:19px; }
.font20 { font-size:20px; }
/* altos de linea */
.br3 { line-height:3px; }
.br4 { line-height:4px; }
.br5 { line-height:5px; }
.br6 { line-height:6px; }
.br7 { line-height:7px; }
.br8 { line-height:8px; }
.br9 { line-height:9px; }
.br10 { line-height:10px; }
.br11 { line-height:11px; }
.br12 { line-height:12px; }
.br13 { line-height:13px; }
.br14 { line-height:14px; }
.br15 { line-height:15px; }
.br16 { line-height:16px; }
.br17 { line-height:17px; }
.br18 { line-height:18px; }
.br19 { line-height:19px; }
.br20 { line-height:20px; }
.br21 { line-height:21px; }
.br22 { line-height:22px; }
/* espaciado de linea */
.lt1 { letter-spacing:1px; }
/* estilos para elementos de formulario */
input,select,textarea { border:0px; background:#FFF; color:#111111; padding:2px; font-family: Arial; font-size:11px; height:16px; _height:12px; line-height:16px; vertical-align:middle; }
textarea { height:auto; line-height:auto; }
.consulta textarea { background:url(imagenes/formulario/consulta.jpg) no-repeat; width: 356px; height:69px; overflow:hidden; margin-top:2px; margin-left:2px }
.input { float:left; }
.input .inputleft { width:6px; height:22px; float:left; background:url(imagenes/formulario/inputizq.jpg) no-repeat; }
.input .inputmed { width:auto;; height:22px; float:left; background:url(imagenes/formulario/inputmed.jpg) repeat-x; line-height:22px; padding-top:1px; }
.input .inputright { width:6px; height:22px; float:left; background:url(imagenes/formulario/inputdx.jpg) no-repeat; }
.none { border:0px; background:none; margin:0; padding:0; }
/* estilos para enlaces */
a { outline:none; }
a:link { color:#798596; text-decoration: none; }
a:visited { color:#798596; text-decoration: none; }
a:hover { color:#798596; text-decoration: underline; }
a:active { color:#798596; text-decoration: none; }
a.aazul:link { color:#055598; text-decoration: none; }
a.aazul:visited { color:#055598; text-decoration: none; }
a.aazul:hover { color:#3E8BCC; text-decoration: none; }
a.aazul:active { color:#055598; text-decoration: none; }
a.ablanco:link { color:#FFF; text-decoration: none; }
a.ablanco:visited { color:#FFF; text-decoration: none; }
a.ablanco:hover { color:#686868; text-decoration: none; }
a.ablanco:active { color:#FFF; text-decoration: none; }