/************************************************/
/*             ESTILOS PARA PANTALLA            */
/*          LYNXandino - Innovaciones Web       */
/*  www.lynxandino.com - ventas@lynxandino.com  */
/************************************************/

html, body
{
position:                    relative;
padding:                     0px;
margin:                      0px;
top:                         0px;
left:                        0px;
width:                       100%;
min-height:                  100%;
background-image:            url(../images/bg_content.jpg);
}
* html  { height:100%; }
* body  { height:100%; }
html+body{ height:100%; } /* para IE 5.0 */

#all
{
position:                    relative;
top:                         0px;
left:                        0px;
width:                       100%;
min-height:                  100%;
}
* all { height:100%; }

#lay_banner
{
position:                    relative;
top:                         0px;
padding-top:                 10px;
left:                        0px;
width:                       100%;
height:                      275px;
background-image:            url(../images/bg_body.jpg);
}


#lay_shadow
{
position:                    relative;
left:                        0px;
width:                       100%;
height:                      25px;
background-image:            url(../images/bg_shadow.jpg);
}

#lay_content
{
position:                    relative;
top:                         200px;
width:                       100%;
background-image:            url(../images/bg_content.jpg);
height:                      25px;
}

#lay_mainnav
{
position:                    absolute;
top:                         250px;
width:                       965px;
left:                        10px;
height:                      35px;
z-index:                     100;
text-align:                  left;
}

#lay_subnav
{
position:                    absolute;
top:                         325px;
left:                        450px;
height:                      25px;
z-index:                     100;
text-align:                  left;
}

#lay_maincontent
{
position:                    relative;
left:                        25px;
top:                         10px;
width:                       940px;
height:                      100px;
}

#lay_footer
{
position:                    relative;
bottom:                  10px;
width:                       100%;
height:                      50px;
background-color:            Darkgray;
margin-bottom:               400px;
}

.mainlink
{
font-family:                 Times New Roman, Times, Serif;
font-size:                   20px;
font-weight:                 normal;
color:                       Lavender;
text-decoration:             none;
line-height:                 45px;
padding-right:               75px;
}

.mainlink:hover
{
color:                       Gold;
}

.sublink
{
font-family:                 Tahoma, Verdana, Sans-Serif;
font-size:                   14px;
color:                       Orangered;
text-decoration:             none;
padding-right:               0px;
}

.sublink:hover
{
color:                       Darkred;
}

#section1
{
padding:                     10px;
font-size:                   12px;
font-family:                 Verdana, Sans-Serif;
color:                       #000000;
}

#section2
{
padding:                     25px;
font-size:                   12px;
font-family:                 Arial, Verdana, Sans-Serif;
color:                       #000000;
line-height:                 18px;
}

h1
{
font-family:                 Times New Roman, Times;
font-size:                   19px;
color:                       #000000;
font-style:                  italic;
margin-top:                  0px;
}

input, select, textarea
{
font-family:                 Arial, Sans-Serif;
font-size:                   12px;
color:                       #660000;
border:                      1px solid #660000;
background-color:            #FFFFCC;
padding-left:                5px;
}