/*************************
*        Buttons         *
**************************/
.btnWrapper{
    background-color:transparent;
    margin:0;
    padding:0;
    border:0;
    cursor:pointer;
    width:auto;
}
/*General button*/
/*.btn01{
    border: 1px solid #aaa;
    padding: 3px 12px;
    background-color: #ddd;
    border-radius: 3px 3px 3px 3px;
    color: #333;
    font-weight: 500;
}
.btnWrapper:hover .btn01{
    border: 1px solid #666;
    color: #222;
} */
.btn01{
    border: 1px solid #aaa;
    padding: 3px 12px;
    background-color: #fff;
    border-radius: 3px 3px 3px 3px;
    color: #333;
    font-weight: 500;
}
.btnWrapper:hover .btn01{
    border: 1px solid #666;
    color: #222;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

/*************************
*    Inputs en dialegs   *
**************************/
#divJSDialogContent input[type=text],
#divJSDialogContent input[type=password],
#divJSDialogContent input[type=file],
#divJSDialogContent textarea,
#divJSDialogContent select{
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #bdbdbd;
    padding: 0 4px;
}
#divJSDialogContent input[type=checkbox]{
    border: 1px solid #bdbdbd;
}
#divJSDialogContent select,
#divJSDialogContent textarea{
    padding-right: 0px;
}
/*************************
*        Dialegs         *
**************************/
.jsWindow{
    position: absolute;
    z-index: 1000;
}
.dlg_blue_header,
.dlg_black_header{
    cursor: pointer;
    height: 43px;    /*57px-padding(14px)*/
    padding: 14px 14px 0px 14px;
    border-top-right-radius: 15px;            /*Estandar*/
    border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;        /*Firefox*/
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-right-radius: 15px;    /*WebKit y Safari*/
    -webkit-border-top-left-radius: 15px;
    -ms-border-radius-topleft: 15px;          /*IE 8 Modo IE8*/
    -ms-border-radius-topright: 15px;
    -khtml-border-radius-topleft: 15px;        /*Konqueror*/
    -khtml-border-radius-topright: 15px;
}

#dlg_blue_sub_header,
#dlg_black_sub_header{
    height: 27px;    /*dlg_xyz_header height (43) - border (2x1) - padding-top (14)*/
    border-top-right-radius: 10px;            /*Estandar*/
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;        /*Firefox*/
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 10px;    /*WebKit y Safari*/
    -webkit-border-top-left-radius: 10px;
    -ms-border-radius-topleft: 10px;          /*IE 8 Modo IE8*/
    -ms-border-radius-topright: 10px;
    -khtml-border-radius-topleft: 10px;        /*Konqueror*/
    -khtml-border-radius-topright: 10px;
    padding-top: 14px;
    padding-left: 17px;
    padding-right: 17px;
    font-weight: bold;
    font-size: 13px;
}
.titleDialog{
    float: left;
    width: 90%;
    height: 18px;
    overflow: hidden;
}
.dlg_blue_header,
#dlg_blue_body,
#dlg_blue_footer{
    background-color: #3ba1d2;
}
#dlg_blue_sub_header{
    background-color: #a2d6ec;
    border: 1px solid #447d97;
    color: #454b4d;
}

.dlg_black_header,
#dlg_black_body,
#dlg_black_footer{
    background-color: #FFF;
}
#dlg_black_sub_header{
    background-color: #cacaca;
    border: 1px solid #848484;
    color: #515151;
}

#dlg_blue_body,
#dlg_black_body{
    padding: 0px 14px 0px 14px;
}

#dlg_blue_sub_body,
#dlg_black_sub_body{
    background-color: #eee;
    color: #1d1d1d;
    padding-left: 17px;
    padding-right: 17px;
    overflow:auto;
}

#dlg_blue_sub_body,
#dlg_blue_sub_footer{
    border-left: 1px solid #447d97;
    border-right: 1px solid #447d97;
}
#dlg_black_sub_body,
#dlg_black_sub_footer{
    border-left: 1px solid #848484;
    border-right: 1px solid #848484;
}

#dlg_blue_footer,
#dlg_black_footer{
    height: 8px;
    padding: 0px 14px 14px 14px;
    border-bottom-right-radius: 15px;            /*Estandar*/
    border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;        /*Firefox*/
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-bottom-right-radius: 15px;    /*WebKit y Safari*/
    -webkit-border-bottom-left-radius: 15px;
    -ms-border-radius-bottomleft: 15px;          /*IE 8 Modo IE8*/
    -ms-border-radius-bottomright: 15px;
    -khtml-border-radius-bottomleft: 15px;        /*Konqueror*/
    -khtml-border-radius-bottomright: 15px;
}
#dlg_blue_sub_footer,
#dlg_black_sub_footer{
    height: 8px;
    background-color: #eee;
    border-bottom-right-radius: 10px;            /*Estandar*/
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;        /*Firefox*/
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;    /*WebKit y Safari*/
    -webkit-border-bottom-left-radius: 10px;
    -ms-border-radius-bottomleft: 10px;          /*IE 8 Modo IE8*/
    -ms-border-radius-bottomright: 10px;
    -khtml-border-radius-bottomleft: 10px;        /*Konqueror*/
    -khtml-border-radius-bottomright: 10px;
}

#dlg_blue_sub_footer{
    border-bottom: 1px solid #447d97;
}
#dlg_black_sub_footer{
    border-bottom: 1px solid #848484;
}

.divJSDialogContent{
    padding-top: 14px;
}
.btnCloseDialog{
    width: 19px;
    height: 18px;
    background: url('../img/tj/btnCloseDialog.gif');
    float: right;
}
.btnCloseDialog:hover{
    background-position: 0 -18px;
}

.topRadius10{
    border-top-right-radius: 10px;            /*Estandar*/
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;        /*Firefox*/
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 10px;    /*WebKit y Safari*/
    -webkit-border-top-left-radius: 10px;
    -ms-border-radius-topleft: 10px;          /*IE 8 Modo IE8*/
    -ms-border-radius-topright: 10px;
    -khtml-border-radius-topleft:10px;        /*Konqueror*/
    -khtml-border-radius-topright:10px;
}
.bottomRadius10{
    border-bottom-right-radius: 10px;            /*Estandar*/
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;        /*Firefox*/
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;    /*WebKit y Safari*/
    -webkit-border-bottom-left-radius: 10px;
    -ms-border-radius-bottomleft: 10px;          /*IE 8 Modo IE8*/
    -ms-border-radius-bottomright: 10px;
    -khtml-border-radius-bottomleft:10px;        /*Konqueror*/
    -khtml-border-radius-bottomright:10px;
}

/*************************
*       Avís cookies     *
**************************/
#wrapperAvisCookies{
    background-color: #E0E0E0;
    height: 50px;
}
#divTextAvisCookies{
    width: 1000px;
    margin: 0 auto;
    color: #606060;
    font-size: 12px;
    padding: 5px 0;
}
#divBtnsCookies{
    float: right;
    margin-right: 20px;
}

.fade_screen {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity = 60);
    -moz-opacity: .60;
    opacity: .60;
}

#jsWindow #galeriaContainer,
#jsWindow #galeriaCopyright,
#jsWindow #galeriaCredits {
    text-align: center;
}

#jsWindow #galeriaNavigation {
    width: 205px;
    margin: 10px auto 0 auto;
}
#jsWindow #galeriaNavigation p {
    margin: 10px;
    width: 100px;
    text-align: center;
}
#jsWindow #galeriaTitle {
    text-align: center;
    margin-top: 1em;    
}
#jsWindow .backButton,
#jsWindow .forwardButton {
    cursor: pointer;
    width: 40px;
}

#jsWindow .pull-left {
    float: left;
}
#jsWindow .galleryThumbnail {
    max-width :100% !important;
    height: 550px;
    max-height:550px;
    margin: 0 auto 0 auto;
}


img.demo {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) opacity(40%);
}

p.demo {
    color:#ccc;
}

#jsWindow, #jsWindowArea, #jsWindowHandle,
.dlg_black_header, #dlg_black_sub_header,
.titleDialog, .btnCloseDialog,
#dlg_black_body, #dlg_black_sub_body,
#divJSDialogResources, #dlg_black_footer, #dlg_black_sub_footer {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}