/*
    Colores:
        Azul clarito:   #007FA2;
        Naranja top:    #FFCC00;
*/

a, input
{
        outline:        0;
}

body
{
    color:              #007FA2;
    font-family:        arial;
    font-size:          11px;
    font-weight:        bold;
    margin:             0;
    padding:            0;
}

a
{
    color:              #007FA2;
}

a:hover
{
    text-decoration:    none;
}

a img
{
    border:             0;
}

#superior
{
    height:             80px;
    margin:             0 auto;
    position:           relative;
    width:              950px;
}

#superior #logo
{
    background:         url(/images/logo.png) no-repeat center center;
    float:              left;
    height:             80px;
    width:              230px;
}

#superior #info
{
    bottom:             5px;
    color:              #0092C0;
    font-family:        arial;
    line-height:        10px;
    position:           absolute;
    right:              0;
    text-align:         center;
}

#superior A
{
    text-decoration:    none;
}

#barra
{
    background-color:   #0092C0;
    margin-bottom:      10px;
    text-align:         center;
}

#barra #logon
{
    margin:             0 auto;
    width:              950px;
}

#barra .form, #barra .entrarclave
{
    border-right:       1px solid white;
    color:              white;
    font-family:        arial;
    text-align:         center;
    vertical-align:     top;
    width:              450px;
}

#logon label, .boxer label
{
    padding-right:      5px;
}

#logon .inputs
{
    margin-right:       10px;
    text-align:         center;
    vertical-align:     bottom;
}

#logon .inputLogin
{
    border:             1px solid #815600;
    margin:             6px 5px 3px 3px;
    width:              135px;
}

#barra .claimBig
{
    font-size:          30px;
    height:             30px;
    margin-top:         10px;
}

#barra .claim
{
    font-size:          17px;
    height:             17px;
    margin:             5px auto 10px;
}

#logon .entrarclave A
{
    color:              white;
    display:            block;
    font-family:        arial;
    font-size:          15px;
    height:             32px;
    line-height:        32px;
    margin:             0 10px 5px 7px;
    padding-right:      36px;
}

#logon .claveOlvidada
{
    background:         url(/images/triste.png) no-repeat right center;
}

#logon .entrar
{
    background:         url(/images/entrar.png) no-repeat right center;
}

#barra .registro
{
    padding-left:       10px;
    position:           relative;
    text-align:         left;
    vertical-align:     top;
    width:              450px;
}

#barra UL
{
    list-style-image:       url(/images/estrella.png);
    list-style-position:    inside;
    margin-left:            10px;
    padding:                0;
}

#barra LI
{
    color:                  white;
    font-family:            arial;
    font-size:              11px;
    height:                 20px;
    line-height:            20px;
}

#barra .registrate
{
    background:         url(/images/registro.png) no-repeat right center;
    color:              white;
    font-family:        arial;
    font-size:          15px;
    height:             32px;
    line-height:        32px;
    padding-right:      40px;
    padding-top:        9px;
    padding-bottom:     8px;
}

.registrarse a, .entrar a, .aceptar a
{
    text-decoration:    underline;
}

#registro .main
{
    margin-top:         45px;
}

#registro td
{
    vertical-align:     top;
}

#registro select
{
    background:         #F4F4F4;
    border:             1px solid #343434;
    color:              #007FA2;
}

#registro .aceptar
{
    color:              #007FA2;
    text-align:         left;
    width:              160px;
}

#deseosInicio
{
    margin:             0 auto;
    width:              950px;
}

#deseosInicio .deseos, #deseosInicio .tags, #deseosInicio .vueltaRapida
{
    padding:            10px;
}

#deseosInicio .mini
{
    bottom:             5px;
    position:           absolute;
    right:              5px;
}

#deseosInicio .deseos .dentro, #deseosInicio .tags .dentro
{
    height:             200px;
    position:           relative;
}

#deseosInicio .tags
{
    text-align:         center;
}

.tag1, .tag2, .tag3, .tag4, .tag5, .tag6
{
    font-size:      14px;
    font-weight:    normal;
    line-height:    25px;
    margin:         5px;
}

.tag2 { font-size: 16px; }
.tag3 { font-size: 18px; }
.tag4 { font-size: 20px; }
.tag5 { font-size: 22px; }
.tag6 { font-size: 24px; }

.vueltaRapida .vueltaComo
{
    color:              #007FA2;
    font-family:        arial;
    font-size:          12px;
    line-height:        40px;
    height:             40px;
    padding-left:       40px;
    text-align:         left;
}

#inicio
{
    margin:             0 auto;
    width:              750px;
}

#inicio .vistazo
{
    vertical-align:     top;
    width:              400px;
}

#inicio .vistazo a
{
    text-decoration:    none;
}

.vistazo .menu, .vistazo .menu a
{
    color:              #5A6978;
    text-align:         center;
}

#anyo
{
    vertical-align:     top;
    width:              780px;
}

#inicio .resumen
{
    vertical-align:     top;
    width:              350px;
}

.resumen .dentro
{
    color:              #5A6978;
    font-family:        arial;
    font-size:          14px;
    font-weight:        normal;
    padding:            15px;
}

#inicio .resumen span
{
    color:              #0092C0;
    font-weight:        bold;
}

#inicio .resumen li
{
    list-style-type:    none;
    margin-left:        -5px;
    margin-top:         8px;
}

.claims
{
    color:              #5A6978;
    font-size:          17px;
    height:             17px;
    text-align:         center;
    vertical-align:     top;
}

.claims .big
{
    font-size:          30px;
    height:             30px;
    margin:             50px auto 7px;
}





#cabecera
{
    background:         url(/images/logoFondo.png) repeat-x top left;
    height:             80px;
    left:               0;
    margin:             15px;
    position:           absolute;
    top:                0;
}

#cabecera2
{
    background:         url(/images/logoRight.png) no-repeat top right;
    height:             80px;
    position:           relative;
}

#user
{
    bottom:             10px;
    color:              #007FA2;
    position:           absolute;
    right:              15px;
    text-align:         right;
}

#user a
{
    text-decoration:    none;
}

#user a:hover
{
    text-decoration:    underline;
}

.menu
{
    margin-bottom:      10px;
}

.menu A
{
    color:              white;
}

.menu TD
{
    width:              70px;
}

.menu IMG
{
    margin-bottom:      5px;
}

.menu A
{
    text-decoration:    none;
}


#contenido
{
    margin:             0 auto;
    position:           relative;
    width:              950px;
}

.striped
{
    margin:             0 auto;
}

.boxer .striped select, .striped select
{
    background:         white;
}

.striped th
{
    color:              #815600;
    padding:            5px 10px;
}

.striped .titulo
{
    color:              #815600;
    font-family:        arial;
    font-size:          14px;
    padding:            20px 0 5px 5px;
    text-align:         left;
    text-decoration:    underline;
}

.striped tr td
{
    border-bottom:      1px solid white;
    border-top:         1px solid white;
    font-weight:        normal;
    padding:            2px 10px;
}

.striped tr td.first
{
    border-left:        1px solid white;
}

.striped tr td.last
{
    border-right:       1px solid white;
}

.striped tr.odd td
{
    background:         #FFE73A; /*rgb(255, 236, 157);*/
    border-bottom:      1px solid #815600; /*rgb(231, 156, 25);*/
    border-top:         1px solid #815600; /*rgb(231, 156, 25);*/
}

.striped tr.odd td.first
{
    border-left:        1px solid #815600; /*rgb(231, 156, 25);*/
}

.striped tr.odd td.last
{
    border-right:       1px solid #815600; /*rgb(231, 156, 25);*/
}

.striped tr.highlight td, .striped tr.selected td
{
    color:              #007FA2;
    cursor:             pointer;
}


.striped td
{
    color:              #5A6978;/*#C20000;*/
    padding:            5px;
}

.striped a
{
    color:              #5A6978;/*#C20000;*/
    text-decoration:    underline;
}

.striped a:hover
{
    text-decoration:    none;
}

.tablaCal
{
    margin:             0 auto;
}

.calendar
{
    border-collapse:    collapse;
    margin:             0 auto;
}

.calendar A
{
    text-decoration:    none;
}

.calendar .prevMonth, .calendar .nextMonth
{
    display: none;
}

.calendar .monthName
{
    color:              #5A6978;
    font-family:        arial;
    font-size:          16px;
    height:             30px;
    line-height:        30px;
}

.calendar .dayName
{
    color:              #5A6978;
    font-family:        arial;
    font-size:          11px;
    height:             16px;
    line-height:        16px;
}

.calendar .day, .calendar .specialDay
{
    background-color:   #E8E8E8;
    border:             1px solid #999999;
    font-size:          18px;
    padding:            9px;
    text-align:         center;
}

.calendar .weekendDay
{
    background-color:   rgb(0, 146, 192);
}

.calendar .weekendDay A
{
    color:              white;
}

.calendar .specialDay A
{
    color:              #007FA2;
}

.calendar .otherMonth
{
    background-color:   white;
    color:              white;
}

.calendar .specialDay
{
    background-color:   #FFE73A;
    border:             2px solid #815600;
    color:              #007FA2;
}

#fecha
{
    background-color:   #E8E8E8;
    border:             4px solid rgb(153, 153, 153);
    color:              rgb(153, 153, 153);
    height:             150px;
    margin:             0 auto 30px auto;
    padding:            15px;
    width:              120px;
}

#fecha.especial
{
    background-color:   rgb(255, 204, 0);
    border:             4px solid #815600;
    color:              #5A6978;
}

#fecha .dia
{
    font-size:          80px;
    text-align:         center;
}

#fecha .mes
{
    font-size:          20px;
    text-align:         center;
}

.smallCal .monthName
{
    font-size:          11px;
    height:             20px;
    line-height:        20px;
}

.smallCal .dayName
{
    display:            none;
}

.smallCal .day, .smallCal .specialDay
{
    font-size:          10px;
    padding:            3px;
}

.smallCal .specialDay
{
    border:             2px solid #815600; /*#C20000;*/
}



.botonLink
{
    background-color:   transparent;
    border:             0;
    color:              #007FA2;
    cursor:             pointer;
    display:            inline;
    font-family:        arial;
    font-size:          11px;
    font-weight:        bold;
    margin:             0;
    padding:            0;
    text-decoration:    underline;
}

div.cal
{
    background-color:       white;
    position:               absolute;
    visibility:             hidden;
    z-index:                10;
}


.cpYearNavigation, .cpMonthNavigation
{
    background-color:   #6677DD;
    color:              #FFFFFF;
    font-weight:        bold;
    text-align:         center;
    text-decoration:    none;
    vertical-align:     middle;
}

.cpDayColumnHeader, .cpYearNavigation, .cpMonthNavigation, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled, .cpOtherMonthDate,
.cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText, .cpTodayTextDisabled, .cpText
{
    font-family:    arial;
    font-size:      8pt;
}

TD.cpDayColumnHeader
{
    border:         solid thin #6677DD;
    border-width:   0 0 1px 0;
    text-align:     right;
}

.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate
{
    text-align:         right;
    text-decoration:    none;
}

.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled
{
    color:              #D0D0D0;
    text-align:         right;
    text-decoration:    line-through;
}

.cpCurrentMonthDate
{
    color:          #6677DD;
    font-weight:    bold;
}

.cpCurrentDate
{
    color:          #FFFFFF;
    font-weight:    bold;
}

.cpOtherMonthDate
{
    color:          #808080;
}

TD.cpCurrentDate
{
    background-color:   #6677DD;
    border:             solid thin #000000;
    border-width:       1px;
    color:              #FFFFFF;
}

TD.cpCurrentDateDisabled
{
    border-width:   1px;
    border:         solid thin #FFAAAA;
}

TD.cpTodayText, TD.cpTodayTextDisabled
{
    border:         solid thin #6677DD;
    border-width:   1px 0 0 0;
}

A.cpTodayText, SPAN.cpTodayTextDisabled
{
    height:     20px;
}

A.cpTodayText
{
    color:          #6677DD;
    font-weight:    bold;
}

SPAN.cpTodayTextDisabled
{
    color:      #D0D0D0;
}

.cpBorder
{
    border:     solid thin #6677DD;
}

.botonRegistro, .botonBuscar, .botonInvitar, .botonBaja, .botonGuardar
{
    height:             32px;
    width:              32px;
}

.botonRegistro
{
    background:         url(/images/registro_b.png) no-repeat 0 0;
    margin-top:         20px;
}

.botonBuscar
{
    background:         url(/images/buscar_b.png) no-repeat 0 0;
}

.botonInvitar
{
    background:         url(/images/invitar_b.png) no-repeat 0 0;
    text-align:         center;
}

.botonBaja
{
    background:         url(/images/baja.gif) no-repeat 0 0;
}

.botonGuardar
{
    background:         url(/images/guardar.png) no-repeat 0 0;
}

.boxer .inputField, .boxer .textareaField, .boxer select
{
    background:         rgb(255, 231, 58);
    color:              rgb(90, 105, 120);
    border:             1px solid rgb(129, 87, 0);
}

.boxer .inputField, .boxer .textareaField
{
    width:              99%;
}

.boxer .fieldWithErrors .inputField
{
    background-color:   pink;
    border:             1px solid red;
}

.textoSubmit
{
    color:              #007FA2;
    display:            block;
    padding-top:        5px;
}

#queEs
{
    margin-top:         70px;
}

#queEs A
{
    text-decoration:    none;
}

.textoAyuda
{
    margin-top:         20px;
    position:           relative;
}

.textoAyuda .icono
{
    position:           absolute;
    height:             32px;
    left:               10px;
    top:                32px;
    width:              32px;
}

.textoAyuda .boxer .dentro
{
    color:              #5A6978;
    font-family:        arial;
    font-size:          10px;
    padding:            15px;
    padding-left:       50px;
    text-align:         justify;
    vertical-align:     middle;
}

.textoAyuda LI
{
    height:             10px;
    margin:             20px 0;
}

.textoAyuda A
{
    text-decoration:    none;
}

.volver
{
    text-align:         center;
}

.volver A
{
    text-decoration:    none;
}






div#notice{
  border: 1px solid black;
  padding: 5px;
  margin-bottom: 10px;
  background-color: #f0f000;
}

#pie
{
    background-color:   rgb(0, 146, 192);
    bottom:             0;
    color:              white;
    font-family:        arial;
    font-size:          10px;
    height:             16px;
    line-height:        16px;
    margin:             0 auto;
    position:           fixed;
    text-align:         center;
    width:              100%;
}

#pie a
{
    color:              white;
    text-decoration:    none;
}

.tooltip
{
    background-color:   white;
    border:             1px solid rgb(231, 156, 25);
    color:              #C20000;
    width:              250px;
}

.tooltip .title
{
    background-color:   rgb(255, 236, 157);
    border-bottom:      1px solid rgb(231, 156, 25);
    color:              #C20000;
    padding:            4px;
    text-align:         center;
}

.tooltip .content
{
    font-weight:        normal;
    padding:            7px;
}







div.auto_complete {
    background:     white;
    width:          350px;
}

div.auto_complete ul {
    border:             1px solid #888;
    list-style-type:    none;
    margin:             0;
    padding:            0;
    width:              100%;
}

div.auto_complete ul li {
    margin:     0;
    padding:    3px;
}

div.auto_complete ul li.selected {
    background-color:   rgb(0, 146, 192);
    color:              white;
}

div.auto_complete ul strong.highlight {
    color:      red;
    margin:     0;
    padding:    0;
}

.sidebar
{
    margin:             0;
    padding:            0;
    width:              190px;
}

.sidebar .itemMenu
{
    height:             16px;
    line-height:        16px;
    margin:             5px 0;
    padding-left:       22px;
}

.grupoLista
{
    padding:            5px;
    padding-bottom:     0;
    text-align:         left;
    vertical-align:     middle;
}



.boxer
{
    background-color:   #0092C0;
    color:              #007FA2;
    margin:             0 auto;
    margin-bottom:      10px;
}

.boxer .titulo
{
    color:              white;
    height:             22px;
    line-height:        22px;
    padding-left:       5px;
    text-align:         left;
}

.boxer .dentro
{
    background-color:   white;
    border-bottom:      2px solid #0092C0;
    margin:             0 2px;
    padding:            5px;
    padding-bottom:     10px;
}

.results
{
    width:              100%;
}

.tabber .panel {
    clear:      both;
    display:    none;
}

.tabber .panel.active-tab-body {
	border:     2px solid #0092C0;
    display:    block;
}


.tabber #tabs {
    color:              #0092C0;
    height:             24px;
    line-height:        24px;
    margin:             0;
    text-align:         left;
}

.tabber #tabs li {
	float:              left;
    height:             24px;
    list-style:         none none;
    width:              150px;
}

.tabber #tabs a {
    color:              #0092C0;
	float:              left;
    padding-left:       8px;
	text-decoration:    none;
    width:              142px;
}

.tabber #tabs a:hover {
    background-color:   rgb(202, 242, 255);
}

.tabber #tabs a.active-tab, .tabber #tabs a.active-tab:hover {
    background-color:   #0092C0;
    color:              white;
    cursor:             default;
}