/*

Efectos Tool Tip

*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#231f20;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }
/*
Pagina

*/
button{
    font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#808080; font-weight:bold

}
* {
    margin: 0em;
    padding: 0em;}
select{
    font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#808080;
    font-weight:bold;
    width:98px;
}
a{
    text-decoration:underline;
    color:#333;

}


a:hover{
    text-decoration:underline;
}
textarea, input{

    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
    color:#808080;
    border: 1px solid #666666;
}
#contenedor_ext {

    width: 1086px;

    margin: 0px auto;
    text-align: left;
    /*border:1px solid black;*/
    padding: 0px 0px 0px 0px;

}
#contenedor {
    float: left;
    width: 886px;
    background-color:#FFFFFF;
    margin: 0px auto;
    text-align: left;
    /*border:1px solid black;*/
    padding: 0px 0px 0px 0px;

}
#fondo_lat{
    float: left;
    width: 100px;


}


#barra_idioma{
    background-image:url(./design/images/barra_idioma.jpg);
    background-repeat:no-repeat;
    height:60px;
    width:887px;
}

#cont_marquesina {
    width: 886px;
    float:left;
    margin-bottom:0px;
}

#barra_idioma select{
    margin-left:54px;
    margin-top:19px;
}
#cont_privado {
    width:157px;
    height:203px;
    margin:0px;
    background-repeat:no-repeat;
    float:right;
    margin-right:11px;
    _margin-right:1px;
    margin-top:-210px;
}

#cont_privado form{
    margin-left:64px;
    _margin-left:65px;
    margin-top:50px;
}


#bt_privado{
    margin-top:-5px;
    margin-left:25px;
    _margin-top:-6px;
    _margin-left:27px;
}
#bt_registro{
    margin-top:-7px;
    _margin-top:-10px;
}
#principal {
    width: 573px;
    float:left;
    margin-left:0px;
    border-top:3px solid #FFFFFF;
    background-color:#FFFFFF;
}
#principal_subespacio{
    width: 718px;
    float:left;
    margin-left:0px;
    border-top:3px solid #FFFFFF;
    background-color:#FFFFFF;
}




#cont_pie_pagina {
    width: 886px;
    clear: both;
    background-color:#FFFFFF;
    text-align:center;
    padding-bottom:5px;
    padding-top:2px;

}


#pie_limite {
    margin-left:15px;
    height: 24px;

}


#zona_editable {
    font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#808080;
    width:560px;
    margin-top:8px;
    margin-left:4px;
}
#zona_editable_subespacio {
    font-family:Verdana, Geneva, sans-serif; font-size:10px;
    width:705px;
    margin-top:8px;
    margin-left:6px;
}

#zona_editable .titulo {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 20px;
}

#zona_editable .nota {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 5px;
}

#zona_editable .campo {
    text-align: right;
    padding-right: 5px;
}

#zona_editable .casilla1 {
    width: 398px;
    border: 1px solid #666666;
}

#zona_editable .casilla2 {
    width: 148px;
    border: 1px solid #666666;
}

#zona_editable textarea {
    width: 398px;
    height: 100px;
    border: 1px solid #666666;
}

#zona_editable .check {
    border: 1px solid #666666;
    padding-right: 10px;
}

#cabecera_catalogo{
    width:570px;
    height:38px;
}

#buscador{
    border:1px solid black;
    background-color:#cc0000; color:#FFF; font-weight:bold; padding:4px; background-image:url(../../iconos/cajas/ampliar.gif); background-position:right; background-repeat:no-repeat

}
#info_curso{ width:600 ; margin:10px; padding:5px;    height:280px;
             font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#FFF;  border:2px solid black;

}
#mensajes{  padding:5px;
            font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#FFF; width:95%;  margin-top:10px; border:2px solid black;

}
#listado_cursos{
    width:95%; font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
#sub_categoria_listado{
    margin-bottom:10px;font-weight:bold; margin-top:10px;color:#cc0000; border-bottom:1px solid #cc0000
}
#categoria_listado{
    margin-bottom:10px; margin-top:10px; font-weight:bold; padding:4px;background-color:#cc0000; color:#FFF
}
#carrito_cont{

    margin-top:5px;font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFF
}



#buscador_cat{
    background-image:url(./design/images/buscador.jpg);
    height:38px;
    width:10px;
    float:left;
}

#carrito_cat{
    background-image:url(./design/images/bg_carrito.jpg);
    height:25px;
    width:1px;
    margin-left:6px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
    padding-top:13px;
    padding-left:38px;
}	

#bt_finalizar{
    width:114px;
    height:26px;
    margin-left:163px;
    margin-top:-21px;
}

#bt_finalizar input{
    width:114px;
    height:26px;
    border:2px solid #FFFFFF;
    background-color:#cc2423;
    font-weight:bold;
    color:#FFFFFF;
}

#form_buscador{
    padding:0px;
}

#bt_ok{
    width:25px;
    height:21px;
    margin-left:12px;
}

#txt_buscador{
    margin-left:77px;
    width:108px;
}

#escaparate{
    width:562px;
    float:left;
    color:#c80e0f;
    font-size:11px;
}

#foto_producto{
    margin-top:9px;
    margin-bottom:12px;
}


#descripcion_producto{
    height:70px;
    line-height:17px;
    font-weight:normal;
    margin-left:14px;
    margin-right:14px;
    text-align:justify;
}

#botones_producto{
    margin-top:13px;


}

#articulo_impar{
    border:3px solid #d9d9d9;
    width:181px;
    height:280px;
    margin:31px 42px 5px 36px;
    padding:10px 8px 19px 8px;
    float:left;
}

#articulo_par{
    border:3px solid #d9d9d9;
    width:181px;
    height:280px;
    margin:31px 36px 5px 42px;
    padding:10px 8px 19px 8px;
    float:left;
}

.boton{

    border:2px solid #FFFFFF;
    background-color:#c70e0c;
    color:#FFFFFF;
    height:20px;
    width:57px;
    font-weight:bold;
    font-size:11px;
}
/***********************************************************************************************/
/***                                    MENU IZQUIERDA/DERECHA                               ***/
/***********************************************************************************************/

#nav {
}
.menu {
    display: block;
    padding: 0px;
    margin: 0px;
}
.menuNode {
    width: 136px;
    border-width: 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    margin-left: 2px;
}
.menuNode p {
    margin: 0px 0px 0px 2px !important;
    margin: 0px 1px 0px 0px;
    text-align:left;
    color: #000;
    background-color: #FFFFFF;
    width: 138px !important;
    width: 136px;
}
.button {
    display: block;
    padding: 0px 0px 0px 4px !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid transparent !important;
    border-top: 0px;

}

.enlace_flash{ 
    _filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity:0;
    MozOpacity:0;
    KHTMLOpacity:0;
}
.buttonlabel img {
    float: left;
    margin: 8px 4px 0 5px;
}
.buttonlabel p {
    margin: 0 0 0 12px;
    _margin: 1px 0 0 12px;
    padding: 3px;
}
#capa {
    text-align: left;
    position: absolute;
}
.capaTitulo {
    padding: 3px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 8px;
    position: relative;
    color: #5498BC;
    background-color: #E8EAEF;
    border-bottom: 2px solid #C7D8E0;
}
.capaTexto {
    padding: 3px;
    font-family: verdana;
    font-size: 10px;
    list-style: none;
}
.dias_semana {
    font-weight: bold;
    color: #FFF;
    background-color: #AAA;
}
.calendario {
    text-align: center;
    width: 550px;
    _width: 525px;
    padding: 0px;
    margin: 5px;
}
.dia {
    height: 40px;
    color: #006;
    background-color: #F5F5F5;
    text-align: center;
    border: 1px solid;
}
.selected {
    height: 40px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    background: #1fcbfc url(../img/selected.gif) no-repeat;
    background-position: center;
    color: #006;
    line-height: 500%;
}
.actual {
    height: 40px;
    width: 100%;
    background-color: #fc8a1f;
    color: #000066;
    line-height: 500%;
}
.selected2 {
    height: 40px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    background: #1fcbfc url(../img/selected2.gif) no-repeat;
    background-position: center;
    color: #006;
    line-height: 500%;
}
.actual2 {
    height: 40px;
    width: 100%;
    text-align: center;
    background-color: #fc8a1f;
    color: #5498FF;
    line-height: 500%;
}
/***********************************************************************************************/
/***                                     CALENDARIO PEQUEÑO                                  ***/
/***********************************************************************************************/

#capa_peque {
    text-align: left;
    position: absolute;
}
.capaTitulo_peque {
    padding: 0px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 9px;
    position: relative;
    color: #5498BC;
    background-color: #E8EAEF;
    border-bottom: 2px solid #C7D8E0;
}
.capaTexto_peque {
    padding: 0px;
    font-family: verdana;
    font-size: 9px;
    list-style: none;
}
.dias_semana_peque {
    font-weight: bold;
    color: #ff6501;
    background-color: #dfeaef;
    font-size: 9px;
}
.calendario_peque {
    text-align: center;
    width: 130px;
    padding: 0px;
    margin: 0px;
}
.dia_peque {
    height: 15px;
    color: #006;
    background-color: #ededed;
    text-align: center;
    font-size: 9px;
}
.selected_peque {
    height: 15px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    background: #1fcbfc url(../img/selected.gif) no-repeat;
    background-position: center;
    color: #006;
}
.selected_peque2 {
    height: 15px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    background: #FFCC66 url(../img/selected.gif) no-repeat;
    background-position: center;
    color: #006;
}
.actual_peque {
    height: 15px;
    width: 100%;
    background-color: #fc8a1f;
    color: #000066;
}
.selected2_peque {
    height: 15px;
    width: 100%;
    cursor: pointer;
    text-align: center;
    background: #1fcbfc url(../img/selected2.gif) no-repeat;
    background-position: center;
    color: #006;
    line-height: 500%;
}
.actual2_peque {
    height: 15px;
    width: 100%;
    text-align: center;
    background-color: #fc8a1f;
    color: #5498FF;
    line-height: 500%;
}

