@charset "UTF-8";

/***** Google Web Fonts *****/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);


body {
    background: #fafafa url('../img/bg.png');
    color: #777;
    font: 12px 'Open Sans', sans-serif;
    margin: 0;
}

/***** Header *****/
#header {
    background: url('../img/header.png');
    width: 100%;
}

/* Smart Links */
#header .smart-links {
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
}

#header .smart-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#header .smart-links li {
    float: left;
}

#header .smart-links li:before {
    color: #777;
    content: "|";
    float: left;
    font-size: 6px;
    line-height: 40px;
    padding: 0 5px;
}

#header .smart-links li:first-child:before {
    content: "";
    padding: 0;
}

#header .smart-links a {
    color: #777;
    font-size: 11px;
    line-height: 40px;
    text-decoration: none;
}

#header .smart-links a:hover {
    text-decoration: underline;
}
/* Logo & Title */
#header .logo-title {
    height: 100px;
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
    padding: 10px 0px;
}

#header .logo-title .logo {
    background: url('../img/logo.png') center no-repeat;
    display: block;
    float: left;
    height: 100px;
    text-indent: -9999px;
    width: 530px;
}

#header .logo-title span {
    color: #014E9C;
    display: block;
    float: right;
    font: 600 18px/20px 'Open Sans', sans-serif;
    padding: 42px 0 0 0;
    text-align: right;
    text-transform: uppercase;
}

/* Full Navigation */
#header .full-navigation {
    background: #AB0033;
    width: 100%;
}

#header .full-navigation .nine-sixty {
    margin: 0 auto;
    width: 960px;
}

/** Menu **/
ul.menu {
    height: 70px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 960px;
    z-index: 1000;
}

ul.menu > li {
    background: #AB0033;
    border-right: 0px solid #eaeaea;
    float: left;
    height: 70px;
}

ul.menu > li:hover > a {
    background: #014E9C;
    color: #fff;
}

ul.menu > li > a {
    /*color: #fff;
    display: block;
    height: 55px;
    line-height: 3px;
    text-decoration: none;
    text-transform: uppercase;*/
     line-height: 3px;
     
     font-family: 'Roboto Condensed', sans-serif;
  font-size: 1em;
   line-height: 3px;
  position: relative;
  text-transform: uppercase;
  font-weight: 300;
  height: 55px;
  display: flex;
  align-items: center;
  line-height: 1.3em;
  color: #FFF;
}

ul.menu > li > a > p {
    font-size: 11px;
}

ul.menu > li > a:hover {
    text-decoration: none;
}

ul.menu > li > a {
    padding: 15px 12px 0 12px;
}

ul.menu > li > ul {
    background: #FBFBFB;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 205px;
    border-bottom: 3px solid #014e9c;
}

ul.menu > li > ul > li a {
    color: #014E9C;
    display: block;
    font-size: 11px;
    text-decoration: none;
    padding: 10px;
}

ul.menu > li > ul > li a:hover {
    background: #E8E8E8;
    text-decoration: none;
}

ul.menu > li > ul > li:hover {
    background: #E8E8E8;
}

ul.menu ul ul {
    background: #FBFBFB;
    display: none;
    left: 205px;
    list-style: none;
    margin: -36px 0 0 0;
    padding: 0;
    position: absolute;
    width: 205px;
     border-bottom: 3px solid #014e9c;
}

ul.menu ul > li.max {
    background: url('../img/arrowWhiteRight.png') right center no-repeat;
}

ul.menu ul li.max:hover {
    background: #E8E8E8 url('../img/arrowWhiteRight.png') right center no-repeat !important;
}

ul.menu ul li.max > a:hover {
    background: #E8E8E8 url('../img/arrowWhiteRight.png') right center no-repeat !important;
}

.fix-menu {
    background: #f70;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

/***** The Content *****/
#the-content {
    background: #fff;
    min-height:600px;
    margin: 0 auto;
    padding:0px;
    width: 960px;
}

#the-contentW100 {
    background: #fff;
    min-height:500px;
    padding-top:0px;
    width: 100%;
}

/***** Footer *****/
#footer {
    background: #AB0033;
    overflow: hidden;
    width: 100%;
}

#footer .nine-sixty {
    margin: 0 auto;
    overflow: hidden;
    padding: 35px 0;
    width: 960px;
}

    #footer .left {
        border-right: 1px solid #bc955c;
        float: left;
        width: 345px;
        height: 100PX;
    }

    #footer .address {
        background: url('../img/escudo.png') left top no-repeat;
        padding: 0 0 0 90px;
        height: 100PX;
    }

#footer .left span.bold {
    clear: both;
    color: #fff;
    display: block;
    font-weight: 700;
    font-size: 11px;
    line-height: 11px;
}

#footer .left span.light {
    clear: both;
    color: #fff;
    display: block;
    font-weight: 300;
    font-size: 11px;
    line-height: 11px;
    margin: 2px 0 0 0;
}

address {
    color: #fff;
    font-style: normal;
    font-size: 10px;
    margin: 10px 0 0 0;
}

#footer .left .legal {
    margin: 20px 0 0 0;
}

#footer .left .legal p {
    color: #fff;
    font-size: 11px;
    font-weight: 300;
    margin: 0;
}

#footer .left .legal ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer .left .legal li {
    float: left;
}

#footer .left .legal a {
    color: #BC955C;
    font-size: 11px;
    font-weight: 600;
    margin: 0 10px 0 0;
    text-decoration: none;
}

#footer .left .legal a:hover {
    color: #fff;
}

a{color:#06791e; text-decoration:none; outline:0}
a:hover{color:#06791e; text-decoration:underline}

.LoginName
        {
            color: #014E9C;
            cursor: pointer;
        }
        .U
        {
            text-align: left;
            width: 317px;
            height: 58px;
            color: #000000;
            background-image: url(../imagenes/bgU.gif);
            
        }
        .U .Cont
        {
            padding: 5px 5px 2px 5px;
        }
        .U .Cont .usu
        {
            max-width: 290px;
            padding: 0px;
            height: 15px;
        }
        .U .Cont .perf
        {
            max-width: 290px;
            padding: 0 0 0 10px;
            height: 15px;
            color: #848583;
        }
        
        #top
        {
            width: 960px;
            margin: 0 auto;
            height: 25px;
            margin-top: 3px;
            text-align: right;
            line-height: 25px;
            color: #fff;
        }
        #top ul
        {
            display: inline;
            margin: 0;
            padding: 0;
        }
        #top li
        {
            display: inline;
            margin: 0 6px;
        }
        #top li:last-child
        {
            display: inline;
            margin: 0 0 0 6px;
        }
        #top li.pipe
        {
            margin: 0;
        }
        #top li a
        {
            color: #fff;
            text-decoration: none;
        }
        #top li a:hover {
            color: #fff;
            text-decoration: underline;
        }

        #liston-inferior {
  text-align: center;
  color: white;
  font-size: .9em;
  line-height: 35px;
  height: 35px;
  background: #646569;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  position: relative;
}
        
        .grid{border-style:solid; border-color:#6EA946; border-width:1px;}
.grid-header{background-color:#AB0033; color:White; text-align:center;}
.boton_si
{
   border:1px solid  #6EA946;
    background-color: #6EA946 ;
  color: White;
  padding:5px;
  font-size:12px;
  font-weight:bold;
  margin: 0px 30px;
}
        .boton_no
{
   border:1px solid  #ee0000;
    background-color: #ee0000;
  color: White;
  padding:5px;
  font-size:12px;
  font-weight:bold;
    margin: 0px 30px;
}

.boton
{
   border:1px solid  #e5e5e5;
    background-color: #e5e5e5;
  color: #444444;
  padding:5px;
  font-size:12px;
  font-weight:bold;
    margin: 0px 20px;
}
.boton:disabled
{
   border:1px solid  #e5e5e5;
    background-color: #e5e5e5;
  color: #F5F5F5;
  padding:5px;
  font-size:12px;
  font-weight:bold;
    margin: 0px 20px;
}


.fixed{position:fixed;top:0px;width:952px;}
.datGenCont{ margin: 0 auto;width: 960px;}
a{color:#AB0033; text-decoration:none; outline:0;
  
}
a:hover{color:#AB0033; text-decoration:underline}

.azul {color:#AB0033}
 .Datos_cct
        {
            text-align: center;
            width: 530px;
            height: 28px;
            color: #777777;
            background-image: url(../imagenes/bg_datos_cct.gif);
            
        }
        .Datos_cct .Cont
        {
            padding: 5px 5px 2px 5px;
        }
        
         .Cambio_cct
        {
            text-align: center;
            width: 100px;
            height: 53px;
            color: #000000;
            background-image: url(../imagenes/bg_Cambia_cct.gif);
            
        }
        .Cambio_cct .Cont
        {
            padding: 5px 5px 2px 5px;
        }