/*Popup control styles*/
div.background
{
    width: 500px;
    height: 250px;
    background: url(klematis.jpg) repeat;
    border: 2px solid black;
}
div.transbox
{
    width: 400px;
    height: 180px;
    margin: 30px 50px;
    background-color: #ffffff;
    border: 1px solid black; /* for IE */
    filter: alpha(opacity=60); /* CSS3 standard */
    opacity: 0.6;
}
div.transbox p
{
    margin: 30px 40px;
    font-weight: bold;
    color: #000000;
}
.modalBackground
{
    background-color: black;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.watermark
{
    background: #FFAAFF;
}

.popupControl
{
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}





/*Grillas Nahuel */
/* table style */
table.igoogle-blue
{
    border: solid 1px #ad9e87;
    font-family: Arial;
    font-size: 0.8em;
}

/* header cell style */
.igoogle-blue th
{
    color: #59483f;
}

/* cell styles */
.igoogle-blue td
{
    border-bottom-color: #f2e8da;
    border-right-color: #f2e8da;
}

.alt-data-row
{
    background-color: #F5F5F1;
}


.centrado
{
    margin-right: auto;
    margin-left: auto;
}
.derecha
{
    text-align: right;
}
.izquierda
{
    text-align: left;
}
.centro
{
    text-align: center;
}
.b
{
    font-weight: bold;
}
.bb
{
    border-bottom: 1px solid #E5E5E5;
}
.bt
{
    border-top: 1px solid #E5E5E5;
}
.mr
{
    margin-right: 10px;
}
.mr5
{
    margin-right: 5px;
}
.ml20
{
    margin-left: 20px;
}
.ml
{
    margin-left: 10px;
}
.ml5
{
    margin-left: 5px;
}
.mb
{
    margin-bottom: 10px;
}
.mb20
{
    margin-bottom: 20px;
}
.mb5
{
    margin-bottom: 5px;
}
.mt
{
    margin-top: 10px;
}
.mt5
{
    margin-top: 5px;
}
.mt20
{
    margin-top: 20px;
}
.TextBlanco
{
    color: White;
}
.pad5
{
    padding: 5px;
}
.pad10
{
    padding: 10px;
}



/* recuadro
-----------------------------------------*/
div.corner
{
    background: url('/images/rounded_box_corners.gif') 0 0 no-repeat;
}
div.tl
{
    padding: 0;
    background-position: left top;
}
div.tr
{
    padding: 10px 0 0 0;
    background-position: right top;
}
div.bl
{
    padding: 0;
    background-position: left bottom;
}
div.br
{
    padding: 0 0 10px 0;
    background-position: right bottom;
}
div.side
{
    background: url('/images/rounded_box_sides.gif') 0 0 repeat-y;
}
div.ls
{
    background-position: left top;
}
div.rs
{
    background-position: right top;
    padding: 0 10px;
}


/* para usar en dl tipo tabla
-----------------------------------------*/
#dt1
{
    float: left;
    clear: left;
    color: white;
    width: 150px;
    text-align: right;
    margin-right: 20px;
}

#dd1
{
    margin-left: 170px;
    margin-bottom: 10px;
}

/* para usar en dl tipo jerarquico
-----------------------------------------*/

#dt2
{
    color: white;
    text-align: left;
}

#dd2
{
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: left;
}

/* Colores
-----------------------------------------*/
.rojo
{
    color: Red;
}

.ColAguila
{
    background-color: #FEA902;
}
.ColBirdie
{
    background-color: #89F085;
}
.ColPar
{
    background-color: #FFFFE0;
}
.ColBogey
{
    background-color: #AAD8E7;
}
.ColDBogey
{
    background-color: #D3D3D5;
}
.ColOtros
{
    background-color: #4A80A5;
}

.celeste
{
    background-color: #BBD9EE;
}
.gris
{
    background-color: #CCCCCC;
}
.grisclaro
{
    background-color: #EFEFEF;
}
.grismuyclaro
{
    background-color: #FBF9F9;
}
.azulcianclaro
{
    background-color: #e4f2fb;
}

/* Boton1
-----------------------------------------*/
.boton1
{
    border: none;
    width: 87px;
    line-height: 20px;
    background: url('/images/botones/boton1.gif') no-repeat 0px 0px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    display: block;
    text-decoration: none;
}
a:link.boton1
{
    color: #FFFFFF;
    text-decoration: none;
}
a:hover.boton1
{
    color: #006699;
    text-decoration: none;
}
input.boton1
{
    height: 20px;
    border: 0;
    cursor: pointer;
}
/* Boton2
-----------------------------------------*/
.boton2
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    line-height: 20px;
    background: url('/images/botones/boton2.gif') no-repeat 0px 0px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    text-decoration: none;
}
a:link.boton2
{
    color: #FFFFFF;
    text-decoration: none;
}
a:hover.boton2
{
    color: #006699;
    text-decoration: none;
}
input.boton2
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    cursor: pointer;
}

.boton3
{
    border: none;
    width: 240px;
    line-height: 39px;
    background: url('/images/botones/botongde1.jpg') no-repeat 0px 0px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    display: block;
    text-decoration: none;
}
a:link.boton3
{
    color: #FFFFFF;
    text-decoration: none;
}
a:hover.boton3
{
    color: #006699;
    text-decoration: none;
}
input.boton3
{
    height: 20px;
    border: 0;
    cursor: pointer;
}

/* Icons
-----------------------------------------*/
.icon_arrow1
{
    background: url('/img/icons/bullet1.gif') no-repeat 0px 4px;
    padding: 0px 0px 5px 8px;
}
.icon_tips
{
    background: url('/img/icons/icon_tips.gif') no-repeat 0px 0px;
    padding: 0px 0px 0px 21px;
}
.icon_record
{
    background: url('/img/icons/icon_recordRound.gif') no-repeat 0px 0px;
    padding: 6px 0px 0px 21px;
}
.icon_wishlist
{
    background: url('/img/icons/icon_addWishlist.gif') no-repeat 0px 0px;
    padding: 6px 0px 0px 21px;
}
.icon_favorites
{
    background: url('/img/icons/icon_addFaves.gif') no-repeat 0px 0px;
    padding: 6px 0px 0px 21px;
}
.icon_sendfriend
{
    background: url('/img/icons/icon_sendFriend.gif') no-repeat 0px 0px;
    padding: 6px 0px 0px 21px;
}
.icon_play
{
    background: url('/img/icons/play2.gif') no-repeat 0px 0px;
    padding: 5px 0px 6px 30px;
}
.icon_arrow_up
{
    background: url('/img/icons/up.gif') no-repeat 0px 3px;
    padding-left: 17px;
}
.icon_arrow_down
{
    background: url('/img/icons/down.gif') no-repeat 0px 3px;
    padding-left: 17px;
}
.icon_x
{
    background: url('/img/icons/x.gif') no-repeat 0px 4px;
    padding: 6px 0px 0px 17px;
}
.icon_review
{
    padding: 6px 0px 0px 21px;
    margin-left: 10px;
    height: 17px;
    background: url('/img/icons/icon_reviews.gif') no-repeat 0px 0px;
}
.icon_comment
{
    padding: 6px 0px 0px 21px;
    margin-left: 10px;
    height: 17px;
    background: url('/img/icons/icon_addComments.gif') no-repeat 0px 0px;
}

/*  tarjetas
----------------------------------------*/
#tarjetagde
{
    background-image: url(images/tarjetagrande.jpg);
    width: 350px;
    height: 900px;
    padding: 15px;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-size: 11px;
    vertical-align: top;
    background-repeat: no-repeat;
}
#tarjetachi
{
    background-image: url(images/tarjetachica.jpg);
    width: 260px;
    height: 218px;
    padding: 15px;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-size: 11px;
    vertical-align: top;
    background-repeat: no-repeat;
}
#tarjetamed
{
    background-image: url(images/tarjetamediana.jpg);
    width: 580px;
    height: 130px;
    padding: 15px;
    font-family: 'Trebuchet MS' , Verdana, Arial;
    font-size: 11px;
    vertical-align: top;
    background-repeat: no-repeat;
}


/*----------------------------------------*/
#tabs
{
    float: left;
    width: 100%;
    background: #BBD9EE;
    font-size: 93%;
    line-height: normal;
}
#tabs ul
{
    margin: 0;
    padding: 10px 10px 0 50px;
    list-style: none;
}
#tabs li
{
    display: inline;
    margin: 0;
    padding: 0;
}
#tabs a
{
    float: left;
    background: url("/images/tableft.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
}
#tabs a span
{
    float: left;
    display: block;
    background: url("/images/tabright.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span
{
    float: none;
}
/* End IE5-Mac hack */
#tabs a:hover span
{
    color: #FF9834;
}
#tabs a:hover
{
    background-position: 0% -42px;
}
#tabs a:hover span
{
    background-position: 100% -42px;
}

#tabs #current a
{
    background-position: 0% -42px;
}
#tabs #current a span
{
    background-position: 100% -42px;
}
/*----------------------------------------*/



.cajaceleste
{
    background-color: #F4FAFF;
    margin: 5px;
    padding: 5px;
    border: 1px solid #BBDDFF;
    color: #000000;
}

.cajaverdeclaro
{
    background-color: #D2E8CA;
    border: 1px solid #457E3D;
    color: #000000;
}

.cajaverdesinfondo
{
    margin: 1px;
    padding: 5px;
    border: 1px solid #457E3D;
    color: #000000;
}

.fondoverde
{
    background-color: #65c000;
}

.cajagruesaverde
{
    border: 3px solid #669933;
    color: #000000;
    background-color: #CADAA5;
}


.cajagrissinfondo
{
    padding: 10px;
    border: 1px solid #CCCCCC;
    color: #000000;
}

.cajagrisalader
{
    padding: 10px;
    border-top: 2px solid #006699;
    border-right: 1px solid #BBD9EE;
    color: #000000;
}

.cajagrisfondogris
{
    margin: 5px;
    border: 1px solid #CCCCCC;
    color: #000000;
    background-color: whitesmoke;
}

.cajaamarilla
{
    margin: 5px;
    color: #000000;
    border: 1px solid #999999;
    background-color: #ffffcc;
}

.cajaaviso
{
    margin: 5px;
    border: 1px solid #E2C822;
    color: #000000;
    background-color: #FFF9D7;
}

.cajaaviso2
{
    margin: 5px;
    border: 1px solid #D4DAE8;
    color: #203397;
    background-color: #E3E7F0;
}

.cajaazul
{
    background-color: #EAF4FF;
    margin: 5px;
    padding: 5px;
    border: 1px solid #0066CC;
    color: #000000;
}

.fondoblanco
{
    background-color: White;
}

.fondodegra1
{
    background-image: url(/images/degrad_gris1.gif);
    background-repeat: repeat-x;
}

.cajaencaazul
{
    background-image: url(/images/encaazul.gif);
    background-repeat: repeat-x;
}

.cajaenca
{
    background-image: url(/images/a.gif);
    background-repeat: repeat-x;
}

.cajatitulo
{
    font-family: "Trebuchet MS" , Verdana, Arial;
    font-size: 16px;
    color: #000000;
}

.textoresaltado
{
    font-family: "Trebuchet MS" , Verdana, Arial;
    font-size: 14px;
    font-weight: bold;
    color: #006699;
}

.textoresaltadosc
{
    font-family: "Trebuchet MS" , Verdana, Arial;
    font-size: 14px;
    font-weight: bold;
}

.titulo
{
    font-family: "Trebuchet MS" , Verdana, Arial;
    font-size: 18px;
    font-weight: bold;
    color: #006699;
}

.tituloseccion
{
    font-family: "Trebuchet MS" , Verdana, Arial;
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 10px;
    margin-top: 10px;
}

.titulosubseccion
{
    font-family: "Trebuchet MS" , Verdana, Arial;
    font-size: 16px;
    font-weight: bold;
    color: dimgray;
    margin-bottom: 10px;
    margin-top: 10px;
}

.texto
{
    font-family: "Trebuchet MS" , Verdana, Arial;
    font-size: 13px;
    font-weight: normal;
}

.textochico
{
    font-family: "Trebuchet MS" , Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
}

.textoth
{
    font-family: Tahoma;
    font-size: 12px;
}

.textothchico
{
    font-family: Tahoma;
    font-size: 11px;
}

.fondogris
{
    background: #E9E9E9;
}

.fondogrisoscuro
{
    background: #CCCCCC;
}

.fondogrisclaro
{
    background: #FBF9F9;
}


.fondoblanco
{
    background: #FFFFFF;
}

.fondoazulpetroleo
{
    background: #5D7B9D;
}

.fondoceleste
{
    background: #EAF4FF;
}

.fondoceleste2
{
    background: #BBD9EE;
}

.fondocelesteclaro
{
    background: #F8FBFD;
}

.fondopetroclaro
{
    background: #006699;
}

A:link:hover
{
    color: #005B88;
    text-decoration: underline;
}
A:link
{
    color: #005B88;
    text-decoration: none;
    font-size: x-small;
}
A:visited
{
    color: #005B88;
    text-decoration: none;
}
A:visited:hover
{
    color: #005B88;
    text-decoration: underline;
}
A:active
{
    text-decoration: underline;
}

.lineagris
{
    border-top: 1px solid #999999;
    clear: both;
    text-align: left;
}

.lineagrispuntos
{
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #999999;
}

.lineagrisrayas
{
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #999999;
}

.lineagrisrayasder
{
    border-right-width: 1px;
    border-right-style: dashed;
    border-right-color: #999999;
}

.lineagrisder
{
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #999999;
}

.lineaverde
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #457E3D;
}

/*Barra Cuadro Titulos  */

div.top
{
    height: 28px;
    background-image: url('images/top_line.gif');
    background-repeat: repeat-x;
    margin: 0 0 0 0;
}

img.esquina_sup_izq
{
    float: left;
}
img.esquina_sup_der
{
    float: right;
}

div.content
{
    background-image: url('images/left_line.gif');
    background-repeat: repeat-y;
    background-color: #a9d974;
}

div.boxcontrol
{
    padding: 0 5% 0 5%;
    background-image: url('images/right_line.gif');
    background-position: right;
    background-repeat: repeat-y;
}

div.bottom
{
    height: 28px;
    background-image: url('images/btm_line.gif');
    background-repeat: repeat-x;
    border: 0;
    padding: 0;
    margin: 0;
}

img.esquina_inf_izq
{
    float: left;
}
img.esquina_inf_der
{
    float: right;
}



/*Barra Cuadro Contenedores  */

div.top2
{
    height: 13px;
    background-image: url('images/BarraVerde/lat_btn.png');
    background-repeat: repeat-x;
    margin: 0 0 0 0;
}

img.esquina_sup_izq2
{
    float: left;
}
img.esquina_sup_der2
{
    float: right;
}

div.content2
{
    background-image: url('images/BarraVerde/lat_izq.png');
    background-repeat: repeat-y;
    background-color: #e7fdc8;
}

div.boxcontrol2
{
    padding: 0 5% 0 5%;
    background-image: url('images/BarraVerde/lat_der.png');
    background-position: right;
    background-repeat: repeat-y;
}

div.bottom2
{
    height: 13px;
    background-image: url('images/BarraVerde/lat_top.png');
    background-repeat: repeat-x;
    border: 0;
    padding: 0;
    margin: 0;
}

img.esquina_inf_izq2
{
    float: left;
}
img.esquina_inf_der2
{
    float: right;
}





/*Otros  */


h1
{
    margin: 0;
}

p.autor
{
    padding-right: 8px;
    border-right: 1px dashed #996;
    text-align: right;
    margin: -.1em 0 0 0;
}



/*Cuadro azul  */

div.top3
{
    height: 16px;
    background-image: url('images/PanelAzul/lat_sup.png');
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    width: 333px;
}

img.esquina_sup_izq
{
    float: left;
}
img.esquina_sup_der
{
    float: right;
}

div.content3
{
    background-image: url('images/PanelAzul/lat_izq.png');
    background-repeat: repeat-y;
    background-color: #4476b6;
}

div.boxcontrol3
{
    padding: 0 5% 0 5%;
    background-image: url('images/PanelAzul/lat_der.png');
    background-position: right;
    background-repeat: repeat-y;
}

div.bottom3
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    height: 16px;
    background-image: url('images/PanelAzul/lat_inf.png');
    background-repeat: repeat-x;
    padding: 0;
    margin: 0;
    width: 333px;
}

img.esquina_inf_izq
{
    float: left;
}
img.esquina_inf_der
{
    float: right;
}

/*DIVEditaDatos */

div.DIVEditaDatos
{
    overflow: auto;
    scrollbar-arrow-color: #000066;
    scrollbar-base-color: #000033;
    scrollbar-dark-shadow-color: #336699;
    scrollbar-track-color: #336699;
    scrollbar-face-color: #5e9ace;
    scrollbar-shadow-color: #DDDDDD;
    scrollbar-highlight-color: #CCCCCC;
}



/* Parrafos */

p.LinkPanel
{
    text-align: right;
    font-size: xx-small;
    position: absolute;
    top: 175px;
    left: 170px;
    width: 134px;
}


/* Div Para Datalist */
div.DataListPanel
{
    float: left;
    padding: 0px;
    margin: 0px 0 0 0;
    width: 220px;
    height: 3px;
}

div.PanelEstadistica
{
    background: #E7E7FF;
    padding: 0;
    margin: 0;
    width: 255px;
    font-size: xx-small;
}

/* Panel Para Formulario */

div.formularioPerfil
{
    padding: 10px 10px 0;
    background-color: #e7eadf;
}


#Cabecera1
{
    width: 1000px;
    text-align: left;
    border: 1px solid #CCCCCC;
}

#Header1
{
    width: 1000px;
    height: 162px;
    background-image: url('images/Header2.jpg');
    background-repeat: repeat-x;
}
/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer
{
    position: relative;
    height: 56px;
    color: #E0E0E0;
    background-color: transparent;
    width: 100%;
    font-family: Helvetica,Arial,Verdana,sans-serif;
}

#dolphinnav
{
    position: relative;
    height: 33px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    background: transparent url('images/dolphin_bg.gif') repeat-x bottom left;
    padding: 0 0px 0 5px;
}

#dolphinnav ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: auto;
    float: left;
}

#dolphinnav ul li
{
    display: block;
    float: left;
    margin: 0 1px;
}

#dolphinnav ul li a
{
    display: block;
    float: left;
    color: #EAF3F8;
    text-decoration: none;
    padding: 0 0px 0 5px;
    height: 33px;
}

#dolphinnav ul li a span
{
    padding: 12px 5px 0 5px;
    height: 21px;
    float: left;
}

#dolphinnav ul li a:hover
{
    color: #fff;
    background: transparent url('images/dolphin_bg-OVER.gif') repeat-x bottom left;
}

#dolphinnav ul li a:hover span
{
    display: block;
    width: auto;
    cursor: pointer;
}

#dolphinnav ul li a.current, #dolphinnav ul li a.current:hover
{
    color: #fff;
    background: #1D6893 url('images/dolphin_left-ON.gif') no-repeat top left;
    line-height: 275%;
}

#dolphinnav ul li a.current span
{
    display: block;
    padding: 0 5px 0 0px;
    width: auto;
    background: #1D6893 url('images/dolphin_right-ON.gif') no-repeat top right;
    height: 33px;
}
/* ---------------------- END Dolphin nav ---------------------- */

#styleone
{
    position: relative;
    display: block;
    height: 21px;
    font-size: 11px;
    font-weight: bold;
    background: transparent url('images/bgOFF.gif') repeat-x top left;
    font-family: Arial,Verdana,Helvitica,sans-serif;
    border-bottom: 1px solid #d9d9d9;
}
#styleone ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: auto;
}
#styleone ul li
{
    display: block;
    float: left;
    margin: 0 1px 0 0;
}
#styleone ul li a
{
    display: block;
    float: left;
    color: #034895;
    text-decoration: none;
    padding: 3px 20px 0 20px;
    height: 18px;
}
#styleone ul li a:hover, #styleone ul li a.current
{
    color: #034895;
    background: transparent url('images/bgON.gif') repeat-x top left;
}

.marco1
{
    padding: 8px;
    background-color: #f5f5f5;
    width: 200px;
    border: 1px solid #999999;
}
.marco1 IMG
{
    border: 1px solid #000000;
}



.dropdonw
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    background-color: #a9d974;
    arrow-color: #a9d974;
}