@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,h5,p,div,ol,ul,li,form{
padding:0px;
margin:0px;
}
ol,ul,li{
list-style:none;
}
a img{
border:none;
}
body{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}
body#index{
background:url(../img/fdo-body.jpg) repeat-x;
}
body#inside{
background:url(../img/fdo-body2.jpg) repeat-x;
}
#img_container { height:120px; }
  #img_container ul {display:block;padding:0;margin:0;list-style:none;}
  #img_container ul li{float:left;width:100px;margin:10px;}
  #img_container ul li a img {
      width:93px;
      height:93px;
      border:1px solid #574331;
      padding:5px;
      background:#eee;
  }
  #img_container ul li a:hover img { border-color: darkred; }
#beta{
width:112px;
height:75px;
position:absolute;
left:95%;
margin-left:-112px;
}
#contenedor{
margin:0px auto;
width:960px;
}
#cabezal{
padding-top:25px;
}
#cabezal #logo{
position:relative;
top:-10px;
}
#cabezal #menu{
font-size:12px;
font-weight:bold;
background:url(../img/tuvidasimple.jpg) no-repeat 0px -1px;
text-align:right;
height:24px;
}
#cabezal #menu a{
color:#CCC;
text-decoration:none;
padding:4px 10px;
border-right:#CCCCCC solid 1px;
position:relative;
top:4px;
}
#cabezal #menu a:hover{
color:#FFFF00;
background:url(../img/fdo-over.jpg) no-repeat 50% 0px;
}
#cabezal #menu a.home{
border-left:#CCCCCC solid 1px;
}
#flash{
margin-top:4px;
position:
}
#inside #arreglotop{
margin-top:10px;
}
#arreglotop{
display:block;
height:27px;
background:url(../img/arreglotop.jpg) no-repeat;
}
#arreglobottom{
display:block;
height:27px;
background:url(../img/arreglobottom.jpg) no-repeat;
}
#contin{
background:url(../img/fdo-contin.jpg) repeat-y;
padding:0px 9px;
}
#contin #lataral1, #contin #lataral2{
float:left;
}
#contin #lataral1{
width:230px;
}
#lataral1 .form div{
padding:0px 10px;
color:#FFF;
font-size:12px;
font-weight:bold;
position:relative;
top:-10px;
}
#lataral1 .form div p{
color:#CCC;
font-size:10px;
font-weight:normal;
font-family:Tahoma, Arial, Verdana;
}
#lataral1 .form div p a{
color:#FFF;
text-decoration:none;
}
#lataral1 .form div p a:hover{
color:#FFFF00;
text-decoration:underline;
}
#lataral1 .form div form .campo{
background:url(../img/fdo-campo.jpg);
border:#F8D84A solid 1px;
padding:4px;
width:200px;
margin:5px 0px;
}
#lataral1 .form div form span{
text-align:right;
display:block;
margin-bottom:5px;
}
#lataral1 #paneluser{
padding:10px;
background:url(../img/fdo-333.jpg) repeat-x;
font-size:10px;
font-family:Tahoma, Arial, Verdana;
font-weight:bold;
color:#FFF;
}
#lataral1 #paneluser img{
float:right;
border:#999 solid 1px;
}
#lataral1 #paneluser a:hover img{
border:#CCC solid 1px;
}
#lataral1 #paneluser h3{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#lataral1 #paneluser span{
color:#F8D84A;
}
#lataral1 #paneluser a{
color:#F8D84A;
}

#lataral1 #paneluser a.alertas{
background:url(../img/alertas.jpg) no-repeat 0% -21px;
color:#333;
text-decoration:none;
width:96px;
display:block;
padding:4px 0px 4px 10px;
float:left;
margin-top:10px;
}
#lataral1 #paneluser a:hover.alertas{
background:url(../img/alertas.jpg) no-repeat 0% 0px;
color:#FFF;
}
#lataral1 #paneluser a.salir{
background:url(../img/salir.jpg) no-repeat 0% -21px;
text-decoration:none;
width:94px;
*width:96px;
display:block;
padding:4px 0px 5px 10px;
float:right;
margin-top:10px;
}
#lataral1 #paneluser a:hover.salir{
background:url(../img/salir.jpg) no-repeat 0% 0px;
color:#FFF;
}
#lataral1 #paneluser ul{
margin-top:15px;
}
#lataral1 #menulat{
padding:10px;
}
#lataral1 #menulat ul{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#F8D84A;
text-transform:uppercase;
font-weight:bold;
margin-bottom:15px;
}
#lataral1 #menulat ul li{
font-size:10px;
font-family:Tahoma, Arial, Verdana;
font-weight:bold;
border-bottom:#666 solid 1px;
padding:2px;
*padding:0px 0px 2px 0px;
*margin-top:-2px;
margin-left:10px;
}
#lataral1 #menulat ul li a{
color:#FFF;
text-decoration:none;
background:url(../img/punto-blanco.jpg) no-repeat 0% 50%;
padding-left:10px;
font-size:10px;
text-transform:none;
}
#lataral1 #menulat ul li a:hover{
color:#F8D84A;
}



#lataral2 h1, #lataral2 p,#lataral2 h2{
margin-bottom:5px;
}
#lataral2{
width:670px;
padding:13px 20px;
}
#lataral2 h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:26px;
font-style:italic;
color:#990000;
font-weight:normal;
margin-bottom:5px;
}
#lataral2 h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-style:italic;
color:#595C66;
margin-bottom:5px;
}
#lataral2 p{
font-size:12px;
color:#333;
}
#lataral2 #planes{

}
#lataral2 #planes div{
width:31%;
float:left;
background:url(../img/fdo-planes.jpg) no-repeat 100% 0%;
border-right:#CCC dashed 1px;
border-top:#CCC dashed 1px;
border-bottom:#CCC dashed 1px;
padding:1%;
font-size:12px;
line-height:1.5em;
color:#333;
margin-bottom:10px;
}
#lataral2 #planes div form{
margin:10px 0px 0px 0px;
}
#lataral2 #planes div span.price{
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#990000;
font-weight:bold;
text-align:center;
float:right;
position:relative;
top:-130px;
left:-10px;
}
#lataral2 #capturas div{
float:left;
width:196px;
margin:5px;
border-top:#F5C70A solid 2px;
padding-top:2px;
}
#lataral2 #capturas div p{
font-size:10px;
font-family:Tahoma, Arial, Verdana;
color:#333;
}
#lataral2 #capturas div img{
border:#CCC solid 1px;
}
#lataral2 blockquote{
font-size:12px;
color:#990000;
font-weight:bold;
background:url(../img/tilde-g.jpg) no-repeat;
padding-left:25px;
margin-left:15px;
}
#lataral2 blockquote strong{
font-size:11px;
color:#000;
font-weight:bold;
}
#lataral2 form{
margin-bottom:15px;
}
#lataral2 form table{
width:90%;
margin-bottom:15px;
}
#lataral2 form table tr{
font-size:12px;
color:#666;
font-weight:bold;
}
#lataral2 form table td{
padding:1px;
}
#lataral2 form table td input{
border:#CCC solid 1px;
padding:2px;
width:166px;
}
#lataral2 form table td select{
border:#CCC solid 1px;
padding:2px;
}
#lataral2 #miniplanes{
font-size:10px;
font-family:Tahoma, Arial, Verdana;
}
#lataral2 #miniplanes div{
float:left;
width:22.5%;
padding:0px 1% 10px 1%;
*width:21%;
*padding:0px 2% 10px 2%;
}
#lataral2 #miniplanes ul{
margin-top:5px;
}
#lataral2 #miniplanes ul li{
border-bottom:#CCC solid 1px;
background:url(../img/tilde-mini.jpg) no-repeat 0% 50%;
padding:2px 0px 2px 15px;
*padding:2px 0px 2px 0px;
}
#lataral2 #miniplanes strong{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
}
#lataral2 #miniplanes input{
position:relative;
top:4px;
*top:2px;
}
#lataral2 form .terminos{
border:#CCC solid 1px;
width:99%;
height:150px;
padding:4px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
overflow:auto;
}
#lataral2 form .terminos p{
color:#666;
}
#lataral2 #miniplanes h5{
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
}
#lataral2 #miniplanes h5 span{
font-size:14px;
position:relative;
top:-4px;
}
#lataral2 form #mediospagos{
color:#333;
font-size:12px;
font-weight:bold;
}
#lataral2 form #mediospagos div{
text-align:center;
width:110px;
float:left;
height:70px;
}
#lataral2 form textarea{
width:98.5%;
height:150px;
border:#CCC solid 1px;
padding:5px;
}

#lataral2 table.table-sumary{
margin-bottom:10px;
font-size:12px;
}
#lataral2 table.table-sumary tr{
}
#lataral2 table.table-sumary tr:hover{
background:#F1FDFE;
}
#lataral2 table.table-sumary tr.cabezal{
background:#595C66;
color:#FFF;
}
#lataral2 table.table-sumary td{
padding:6px;
font-weight:bold;
border-bottom:#CCC solid 1px;
}
#lataral2 table.table-sumary td img{
padding-right: 5px;
}
#lataral2 table.table-sumary td.textclaro{
color:#666;
}
#lataral2 table.table-sumary td.textresaltado{
color:#990000;
}

#lataral2 table.table-alertas{
margin-bottom:10px;
font-size:12px;
}
#lataral2 table.table-alertas tr{
}
#lataral2 table.table-alertas tr:hover{
background:#F1FDFE;
}
#lataral2 table.table-alertas tr.cabezal{
background:#595C66;
color:#FFF;
}
#lataral2 table.table-alertas tr.detalle{
background:#F4F4F4;
color:#333;
}
#lataral2 table.table-alertas tr.detalle td{
border:none;
}
#lataral2 table.table-alertas tr.detallein{
background:#FBFBFB;
}
#lataral2 table.table-alertas tr.detallein td{
border-bottom:#CCC dashed 1px;
}
#lataral2 table.table-alertas tr.cabezal td a{
text-decoration:none;
color:#FFCC00;
background:url(../img/mas.gif) no-repeat 0% 0px;
padding-left:14px;
}
#lataral2 table.table-alertas tr.cabezal a:hover{
color:#FFF;
background:url(../img/mas.gif) no-repeat 0% -14px;
}

#lataral2 span.pais{
border-right:#CCC solid 1px;
padding-right:10px;
}
#lataral2 span.pais input{
position:relative;
top:2px;
}

#lataral2 table.table-alertas td{
padding:6px;
font-weight:bold;
border-bottom:#CCC solid 1px;
}
#lataral2 table.table-alertas td img{
padding-right: 5px;
}
#lataral2 table.table-alertas td.textclaro{
color:#666;
}
#lataral2 table.table-alertas td.textresaltado{
color:#990000;
}
#lataral2 .nav{
text-align:right;
font-size:12px;
margin-bottom:15px;
}
#lataral2 .nav a{
text-decoration:none;
background:#F4F4F4;
padding:2px 5px;
margin:0px 1px;
position:relative;
top:-3px;
border:#CCC solid 1px;
color:#000;
}
#lataral2 .nav a:hover{
background:#595C66;
color:#FFF;
}
#lataral2 .nav a.actual{
background:#595C66;
color:#FFF;
}
#lataral2 .nav img{
margin:0px 2px;
}


#lataral2 #panelinfo #creditos,#lataral2 #panelinfo #ayuda{
width:48%;
float:left;
margin-right:2%;
}
#lataral2 #panelinfo #creditos a,#lataral2 #panelinfo #ayuda a{
color:#333;
}
#lataral2 #panelinfo #creditos a:hover,#lataral2 #panelinfo #ayuda a:hover{
color:#990000;
}

#lataral2 #panelinfo #creditos ul, #lataral2 #panelinfo #ayuda ul{
background:#F4F4F4;
font-size:10px;
font-family:Tahoma, Arial, Verdana;
padding:8px;
border:#CCC solid 1px;
}
#lataral2 #panelinfo #creditos ul li{
background:url(../img/minitilde.gif) no-repeat 0% 50%;
padding:2px 0px 2px 10px;
*padding:0px 0px 0px 10px;
}
#lataral2 #panelinfo #creditos ul li.sintilde{
background:none;
padding:0px;
}
#lataral2 #panelinfo #creditos ul li span{
color:#990000;
font-weight:bold;
}
#lataral2 #panelinfo #ayuda ul li{
background:url(../img/punto.gif) no-repeat 0% 80%;
padding:2px 0px 2px 10px;
*padding:0px 0px 0px 10px;
}
#lataral2 #filtros{
font-size:12px;
}
#lataral2 #filtros div{
width:19.5%;
float:left;
}
#lataral2 #filtros form{
margin-bottom:0px;
}
#lataral2 #filtros select{
border:#CCC solid 1px;
padding:2px;
}

#pagos h3, #amigos h3{
color:#595C66;
font-size:14px;
margin-bottom:10px;
}
#pagos p, #amigos p{
color:#333;
font-size:10px;
font-family:Tahoma, Arial, Verdana;
}

#pagos{
float:left;
width:50%;
margin-left:10px;
}
#pagos img{
border-right:#CCC solid 1px;
padding:0px 10px;
}

#amigos{
float:right;
width:45%;
text-align:right;
margin-right:10px;
}
#amigos img{
padding-left:10px;
}
#pie{
background:#595C66;
margin-top:30px;
color:#FFF;
font-family:Tahoma, Arial, Verdana;
font-size:10px;
line-height:1.5em;
}
#pie a{
color:#FFF;
text-decoration:none;
}
#pie a:hover{
text-decoration:underline;
}
#pie #piein{
width:960px;
margin:0px auto;
padding:20px 0px;
}
#tooltip {
          background-color: #CCCCCC;
          border: 1px solid #888888;
          color: #333333;
          padding: 4px;
         -moz-border-radius-bottomleft: 7px;
         -moz-border-radius-bottomright: 7px;
         -moz-border-radius-topleft: 0;
         -moz-border-radius-topright: 7px;
        }
        #tooltip h3 {
         font-size: 1.1em;
         margin: 0;
         padding: 0 3px;
         text-align: left ;
        }
      #tooltip p {
          font-size: 0.95em;
          margin: 5px 0 0 5px;
          text-align: left;
        }
/*-------*/
.clear{
clear:both;
}
.separadoryellow{
height:5px;
background:#F5C70A;
overflow:hidden;
margin:5px 0px;
}
.separadoryellow-fino{
height:2px;
background:#F5C70A;
overflow:hidden;
margin:5px 0px;
}
.separadorgris{
height:1px;
background:#CCC;
overflow:hidden;
margin:5px 0px;
}
.foto-right{
float:right;
border:#CCC solid 4px;
margin-left:10px;
margin-bottom:10px;
}
.nota10{
font-size:10px;
font-family:Tahoma, Arial, Verdana;
color:#990000;
text-align:right;
}
.nota10left {
font-size:8px;
font-family:Tahoma, Arial, Verdana;
color:#990000;
text-align:left;
}

/*---------------*/

div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 
 font: bold 10px  Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}