﻿body
{
    background: #FFFFFF;
    font-family: "Calibri" , "Segoe UI" , "Helvetica Neue" , Helvetica, Arial, sans-serif;
    margin: 0px;
    text-align: justify;
}
#contenedorDefault
{
    background: url('../Images/fondo1.png') no-repeat top left;
    width:1024px;
    height:545px;
}
#contenedorMaster
{
    background: url('../Images/fondo2.png') no-repeat top left;
    width:1024px;
    height:510px;
}
#contenedorCustomerLogin
{
    background: url('../Images/fondo2.png') no-repeat top left;
    width:1024px;
    height:495px;
}
#sombraFranja
{
    background: url('../Images/sombraFranja.png') no-repeat bottom left;
    height:20px;
}
#franjaPosteriorDefault
{
    height:59px;
    background-color:#4b9e1f;
    border-top:#a5cf65 1px solid;
    text-align:left;
    vertical-align:bottom;
}
#franjaAnterior
{
    background: url('../Images/franjaAnterior.gif') repeat-x top left;
    height:11px;
}
#notaLegal
{
    width:1024px;
    text-align:center;
    color:#8C8B81;
    font-size:11px;
    margin-top:5px;
    margin-bottom:0px;
}
#notaLegal2
{
    width:1024px;
    text-align:left;
    color:#8C8B81;
    font-size:11px;
    margin-top:5px;
    margin-bottom:0px;
    margin-left:20px;
}
a.flyingPeach
{
    color:#8C8B81;
    font-size:11px;
    text-decoration:none;
}
a.flyingPeach:hover
{
    color:#46931D;
}
#franjaPosterior
{
    background-color:#4b9e1f;
    border-top:#a5cf65 1px solid;
    height:110px;
    vertical-align:bottom;
}

/*  Estilos dentro del div con el id #contenedor  */
#logo
{
    float:left;
    width:113px;
    height:75px;
    margin-top:25px;
    margin-left:40px;
}
#menuSecundario
{
    float:right;
    margin-top:5px;
    margin-right:20px;
    color:#82816F;
    font-size:12px;
}
.lineaPunteada
{
    width:9px; 
    height:263px;
    margin-left:5px; 
    margin-right:5px;
    border-left:#A8A8A8 dotted thin;
}
#title
{
    font-family: "Myriad Pro","Calibri", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:30px;
    color:#605F4F;
}
ul
{
    text-transform:none;
    list-style-type:none;
    margin:0px;
    padding:0px;
    color:#82816F;
}
ul a
{
    text-decoration:none;
}
ul.menuParent
{
    font-size:13px;
    text-transform:uppercase;
    margin:0px;
    padding:0px
    
}
ul.menuParent a
{
    color:#82816F;
    font-weight:bold;
}
ul.menuParent a:hover
{
    font-weight:bold;
    color:#48980D;
}
ul.menuSon
{
    margin-left:0px;
    margin-top:7px;
    padding-left:7px;
    font-weight:bold;
}
ul.menuSon a
{
    color:#82816F;
    font-weight:bold;
}
ul.menuSon a.hover
{
    font-weight:bold;
    color:#799123;
    font-weight:bold;
}
ul.menuGrandson
{
    margin-left:0px;
    margin-top:7px;
    padding-left:28px;
    list-style-type:disc;
}
ul.menuGrandson a
{
    color:#82816F;
    font-weight:bold;
}
ul.menuGrandson a:hover
{
    color:#8B9136;
    font-weight:bold;
}
li
{
    padding:7px 0px 7px 0px;
}
#menuPnS
{
    width:200px;
    height:263px;
    background: url('../Images/plecaMargen.png') no-repeat left;
    vertical-align:middle;
    padding-left:40px;
    padding-right:40px;
}
.comments
{
    font-size:18px;
    color:#FFFECF;
    width: 515px;
    margin-left: 0px;
}
.section
{
    font-weight:bold;
    font-size:18px;
    text-transform:uppercase;
    color:#606053;
}
.section2
{
    font-weight:bold;
    font-size:18px;
    color:#606053;
}
#sub
{
    font-weight:bold;
    font-size:14px;
    color:#606053;
}
.text
{
    font-size:12px;
    color:#66665B;
}
    
/*  Estilos dentro de la tabla de la Franja  */
#menuP
{
    width:1024px;
    padding-bottom:6px;
}
#menuP2
{
    float:left;
    margin-left:20px;
    margin-bottom:8px;
    padding-bottom:6px;
}
#comment
{
    margin-top:-15px;
    margin-right:20px;
    float:right;
    text-align:right;
}
a.menuPrincipal
{
    color:#FFFFAB;
    font-size:18px;
    text-decoration:none;
    vertical-align:bottom;
}
a.menuPrincipal:hover
{
    background: url('../Images/brillo.png') no-repeat center bottom;
}
a.menuPrincipal:active
{
    background: url('../Images/brillo.png') no-repeat center bottom;
}