@charset "UTF-8";
body {
height: 100%;
width: 100%;
background-color: #000046;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a{text-decoration: none;}

/*Si no definimos esta clase, no se aplica la pseudoclase h1 a:hover de los botones
principales en IE !!!*/
a:hover  {
_background-color: transparent;
}

a img, a:link img, a:hover img, a:active img, a:visited img {
border:none;
text-decoration: none;
}
a:link img, a:hover img, a:active img, a:visited img, div a, div a:link; div a:hover{
text-decoration: none;
}
#contenedor {
height: auto;
width: 100%;
position: absolute;
left: 0px;
top: 10px;
}
#marco {
height: auto;
width: 870px;
margin-right: auto;
position: relative;
margin-left: auto;
border: 2px solid #333333;
z-index: auto;
}
#marco1 {
height: auto;
width: 866px;
margin-right: auto;
position: relative;
margin-left: auto;
border: 2px solid #999999;
z-index: auto;
}
#marco2 {
background-color: #FFFFFF;
height: auto;
width: 850px;
position: relative;
border: 8px solid #FFFFFF;
left: 0px;
top: 0px;
z-index: auto;
}
#cabecera {
background-color: #FFCC00;
height: 110px;
width: 850px;
margin-right: auto;
margin-left: auto;
position: relative;
z-index: auto;
}
#logotipo {
width: 840px;
overflow: hidden;
position: absolute;
left: 5px;
top: 5px;
background-color: transparent;
height: 82px;
z-index: auto;
}
#logotipo img {
display: block;
float: left;
width: auto;
}
#logotipo h1 {
font-family: swissround, arial;
_font-family: impact;
font-size: 14px;
line-height: 18px;
_line-height: 14px;
color: #000064;
display: block;
float: left;
width: auto;
margin-left: 20px;
margin-right: 20px;
margin-top: 5px;
margin-bottom: 0px;
}
#menu {
width: 670px;
position: absolute;
height: 20px;
left: 173px;
bottom: 30px;
z-index: auto;
overflow: visible;
}
.boton {
width: auto;
float: left;
height: 20px;
margin-right: 5px;
margin-left: 5px;
_background-color:  #FFCC00;
}
.boton a{
text-decoration: none;
}
.boton .izquierda{
background-image: url(../AM-imaxes/imaxes-maqueta/boton_fondo_izquierda.png);
_background-image: url(../AM-imaxes/imaxes-maqueta/boton_fondo_izquierda_IE_1.gif);
background-repeat: no-repeat;
background-position: left top;
height: 20px;
width: 9px;
float: left;
display: block;
margin: 0px;
}
.boton .derecha{
background-image: url(../AM-imaxes/imaxes-maqueta/boton_fondo_derecha.png);
_background-image: url(../AM-imaxes/imaxes-maqueta/boton_fondo_derecha_IE_1.gif);
background-repeat: no-repeat;
background-position: left top;
height: 20px;
width: 9px;
float: left;
display: block;
margin: 0px;
}
.boton h1{
font-family: swissround;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
display: block;
float: left;
height: 12px;
width: auto;
margin: 0px;
padding-top: 8px;
padding-bottom: 0px;
text-decoration: none;
background-color: #000059;
*padding-top:5px;
*padding-bottom:3px;
_font-family: impact;
_padding-top: 3px;
_padding-bottom: 4px;
}
.boton a:hover h1{
background-color: #CC0000;
cursor: pointer;
}
.boton  a:hover .izquierda {
background-image: url(../AM-imaxes/imaxes-maqueta/boton_fondo_izquierda.png);
background-repeat: no-repeat;
background-position: left -20px;
_background-image: url(../AM-imaxes/imaxes-maqueta/boton_fondo_izquierda_IE.gif);
_background-position: left top;
}
.boton a:hover .derecha{
background-image: url(../AM-imaxes/imaxes-maqueta/boton_fondo_derecha.png);
background-repeat: no-repeat;
background-position: left -20px;
_background-image: url(../AM-imaxes/imaxes-maqueta/boton_fondo_derecha_IE.gif);
_background-position: left top;
}

#submenu, #productos {
background-color: #000066;
width: auto;
left: 0px;
height: 20px;
position: absolute;
bottom: 0px;
}
/*botones correspondientes al submenu */
#submenu a, #productos a {
font-family: swissround;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
display: block;
float: left;
height: 12px;
width: auto;
text-decoration: none;
padding-right: 3px;
padding-bottom: 1px;
padding-left: 3px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFCC00;
margin: 0px;
padding-top: 7px;
_font-family: impact;
_padding-top: 2px;
}
#submenu a:hover, #productos a:hover {
background-color: #363636;
color: #FFF;
font-family: swissround, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
margin: 0px;
_font-family: impact;
_padding-top: 2px;
_padding-bottom: 3px;
}
/*Final de los botones del submenu */


#titulares {
background-color: #363636;
padding: 5px;
height: 20px;
width: 840px;
position: relative;
margin-right: auto;
margin-left: auto;
z-index: auto;
margin-bottom: 0px;
margin-top: 0px;
}
#titulares h5 {
font-family: swissround, arial;
font-size: 20px;
color: #FFFFFF;
display: block;
text-transform: lowercase;
margin: 0px;
text-align: left;
_font-family: impact;
}
#imagenes {
background-color: #363636;
padding: 5px;
height: 310px;
width: 840px;
position: relative;
margin-right: auto;
margin-left: auto;
z-index: auto;
}
#imagenes #flash {
height: 310px;
width: 840px;
position: absolute;
z-index: auto;
left: 5px;
top: 5px;
}
#imagenes #flash #galeria {
height: 310px;
width: 840px;
position: absolute;
z-index: 0;
left: 0px;
top: 0px;
overflow: hidden;
}
#imagenes #flash #galeria img {
height: 310px;
width: 840px;
left: 0px;
top: 0px;
display: block;
float: left;
}
#imagenes #degradee {
background-image: url(../AM-imaxes/imaxes-maqueta/degradado-video-bn.png);
background-repeat: repeat-x;
background-position: top;
height: 110px;
width: 840px;
position: absolute;
left: 5px;
top: 5px;
z-index: auto;
}
#textos {
height: auto;
width: 850px;
margin-right: auto;
margin-left: auto;
position: relative;
z-index: auto;
}
#columna1 {
margin: 0px;
height: auto;
width: 220px;
position: absolute;
left: 0px;
top: 0px;
z-index: auto;
}
/*#columna1 {
margin: 0px;
height: auto;
width: 220px;
position: relative;
left: 0px;
top: 0px;
display: inline;
float: left;
z-index: auto;
}*/

#columna2  {
display: block;
height: auto;
width: 615px;
/*position: relative;*/
left: 0px;
margin-right: 0px;
margin-left: 235px;
margin-top: 0px;
/*top: 0px;*/
z-index: auto;
}
#textos    h3 {
font-family: arenalcondensada;
font-size: 15px;
font-style: normal;
line-height: 20px;
font-weight: normal;
_font-family:Arial, Helvetica, sans-serif;
_font-size: 11px;
_line-height: 13px;
_font-weight: bold;
_text-transform: uppercase;
color: #FFCC00;
display: block;
padding: 10px;
width: 200px;
margin-top: 0px;
background-color: #363636;
float: left;
}
#textos  h5  {
font-family: swissround, arial;
font-size: 20px;
color: #CC0000;
display: block;
text-transform: lowercase;
text-align: left;
margin: 0px;
padding-top: 10px;
padding-bottom: 5px;
_font-size: 17px;
_font-family: Trebuchet MS;
}
#textos   h6, #textosfinales  div h6 {
font-family: arenalcondensada;
font-size: 13px;
font-style: normal;
line-height: 18px;
font-weight: normal;
color: #333333;
display: block;
text-align: justify;
margin: 0px;
padding-top: 10px;
padding-bottom: 5px;

_font-family:Arial, Helvetica, sans-serif;
_font-size: 12px;
_font-style: normal;
_line-height: 14px;
}
h1{
font-family: arenalcondensada;
font-size: 12px;
font-style: normal;
line-height: 14px;
font-weight: normal;
color: #006699;

_font-family: Arial, Helvetica, sans-serif;
_font-size: 11px;
_font-style: normal;
_line-height: 13px;
}

#textos h6 b, #thumbs div div h1, #flash div div h1 {
font-family: swissround, arial;
font-size: 14px;
color: #CC0000;
display: block;
height: 14px;
width: 14px;
background-color: #FFCC00;
margin-right: 3px;
float: left;
text-align: center;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;

_font-family: Trebuchet MS;
}
#thumbs div div h1{
padding-top: 12px;
padding-left:5px;
padding-righht:0px;
}

#textos dl {
font-family: arenalcondensada;
font-size: 13px;
font-style: normal;
line-height: 18px;
_font-family:font-family: Arial, Helvetica, sans-serif;
_line-height: 15px;
font-weight: normal;
color: #333333;
display: block;
text-align: left;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
padding-left: 20px;
}
#textos dt {
font-family: arenalcondensada;
font-size: 13px;
font-style: normal;
line-height: 18px;
_font-family:Arial, Helvetica, sans-serif;
_line-height: 15px;
font-weight: normal;
color: #333333;
display: block;
text-align: left;
margin: 0px;
padding-left: 15px;
background-image: url(../AM-imaxes/imaxes-maqueta/enumeracion.png);
background-repeat: no-repeat;
background-position: left 5px;
padding-bottom: 5px;
padding-top: 5px;
}
#pie {
height: 150px;
width: 850px;
position: relative;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
z-index: auto;
}
#olas {
height: 150px;
width: 850px;
position: absolute;
z-index: auto;
left: 0px;
top: 0px;
}
#textosfinales {
height: 150px;
width: 850px;
position: absolute;
z-index: auto;
left: 0px;
top: 0px;
}
#textosfinales  div     {
width: 840px;
position: absolute;
left: 5px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
bottom: 5px;
z-index: auto;
}
#textosfinales  div img {
display: block;
float: left;
margin-right: 10px;
}
#textosfinales  div h1 {
font-family: swissround, arial;
font-size: 10px;
line-height: 12px;
color: #FFFFFF;
display: block;
float: left;
width: auto;
margin-left: 20px;
margin-right: 20px;
margin-top: 5px;
margin-bottom: 0px;
height: auto;

_font-family: Trebuchet MS;
_font-weight:bold;
_font-size: 11px;
_line-height: 12px;
}
#textosfinales   div h6 {
color: #FFFFFF;
padding-left: 135px;
line-height: 20px;
}
#textosfinales a {
color: #FFFFFF;
text-decoration: underline;
padding-top: 1px;
padding-right: 2px;
padding-bottom: 1px;
padding-left: 2px;
}
#textosfinales a:hover {
color: #FFFF00;
}
#thumbs, #thumbs1 {
width: 615px;
float: none;
height: auto;
margin-bottom: 15px;
z-index: 99999999999;
overflow: auto;
margin-right: auto;
margin-left: auto;
}
.thumbnail {
display: inline;
width: 100px;
float: left;
margin-right: 2px;
margin-bottom: 1px;
margin-left: 0px;
height: auto;
margin-top: 0px;
}
#thumbs283 {
width: 850px;
float: none;
height: auto;
margin-bottom: 5px;
z-index: 1000;
overflow: auto;
}
.thumbnail283 {
display: inline;
width: 283px;
float: left;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px;
height: auto;
margin-top: 0px;
}
.thumbnail283  img {
margin-right: auto;
margin-left: auto;
display: block;
margin-bottom: 5px;
}
.thumbnail283  h1 {
font-family: swissround, arial;
font-size: 16px;
color: #FFFFFF;
display: block;
text-transform: lowercase;
text-align: center;
width: 279px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #363636;
padding-top: 9px;
padding-bottom: 1px;
border-right-width: 2px;
border-left-width: 2px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;

_font-family: impact;
_font-size: 14px;
_text-transform: uppercase;
_padding-top: 4px;
_padding-bottom: 6px;
}
.thumbnail283  p {
font-family: arenalcondensada;
font-size: 12px;
font-style: normal;
line-height: 12px;
font-weight: bold;
color: #333333;
display: block;
text-align: justify;
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #FFCC00;
width: 259px;
padding-left: 15px;
padding-right: 5px;
border-right-width: 2px;
border-left-width: 2px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;

_font-family:font-family: Arial, Helvetica, sans-serif;
_font-size: 11px;
}
sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
}

sup {
bottom: 1ex;
}

sub {
top: .5ex;
}
code {
color: #363636;
}
/*Estilos de las "tooltips"*/
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
#tt {
position:absolute;
display:block;
background-image: url(../js/tooltip/images/tt_left.gif);
background-repeat: no-repeat;
background-position: left top;
}
#tttop {
display:block;
height:5px;
margin-left:5px;
overflow:hidden;
background-image: url(../js/tooltip/images/tt_top.gif);
background-repeat: no-repeat;
background-position: right top;
}
#ttcont {
display:block;
padding:2px 12px 3px 7px;
margin-left:5px;
color:#FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1;
background-color: #CC0000;
}
#ttbot {
display:block;
height:5px;
margin-left:5px;
overflow:hidden;
background-image: url(../js/tooltip/images/tt_bottom.gif);
background-repeat: no-repeat;
background-position: right top;
}
#descargas {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 12px;
font-weight: normal;
color: #363636;
background-color: #FFCC00;
height: auto;
width: 595px;
margin-top: 5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #363636;
overflow: auto;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 15px;
background-image: url(../AM-imaxes/imaxes-maqueta/pdf_icon.jpg);
background-repeat: no-repeat;
background-position: 15px 10px;
}
#descargas       h6    a       {
display: block;
float: none;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
height: 45px;
width: 200px;
padding-left: 48px;
overflow: visible;
text-decoration: none;
color: #000033;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 11px;
font-weight: bold;
font-style: normal;
line-height: 12px;
}
#descargas      h6  a:hover        {
text-decoration: none;
color: #CC0000;
background-color: transparent;
}
#descargas p {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 13px;
color: #333333;
height: auto;
width: auto;
margin-bottom: 10px;
margin-top: 5px;
}
#descargas p a, body > #descargas p a {
color: #000055;
text-decoration: none;
}
#descargas p a:hover, body > #descargas p a:hover {
color: #CC0000;
text-decoration: none;
}


fieldset {
text-align: left;
display: block;
border: 1px solid #999999;
}
#textos form p{
display: block;
float: none;
width: 590px;
height: 30px;
}
#textos form sup {
color: #FF0000;
}
#textos   form  label{
font-family: arenalcondensada;
font-size: 13px;
margin: 0px;
float: left;
display: block;
text-align: left;
padding-bottom: 5px;
width: 75px;
padding-left: 20px;
height: 14px;
padding-top: 5px;

_font-family: Arial, Helvetica, sans-serif;
_font-size: 12px;
}
#textos form input, #textos form select {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #666666;
border-left-color: #666666;
height: 12px;
margin: 0px;
padding: 3px;
text-align: left;
display: block;
float: left;
font-family: Arial, Helvetica, sans-serif;
}
#textos  form input:focus, #textos form textarea:focus  {
background-color: #FFFF99;
}

#textos form .error {
color: #000000;
font-stretch: extra-condensed;
background-color: #FFCC00;
height: 18px;
padding: 6px;
width: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}
button {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
display: block;
height: 16px;
width: 100px;
padding-top: 4px;
padding-right: 2px;
padding-bottom: 4px;
padding-left: 2px;
}
