body, html {
	margin:0;
	padding:0;
	border:0;
	position:relative;
	background-color:white;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color:#414042;
	overflow-x: hidden;
	background-attachment: fixed;
}
h1 
{
    font-size:21px;
	font-weight: 300;
}
h2 
{
    font-size:18px;
	font-weight: 300;
}
a, a:visited, a:link, a:active
{
    text-decoration:none;
}
a:hover 
{
    text-decoration:underline;    
}

a:hover.noTextDecoration {
    text-decoration: none !important;
}

input 
{
    border:1px solid silver;
}
.small 
{
    font-size:12px !important;
}
.encabezado 
{
    position:relative;
    height:118px;
    background-image:url(../images/encabezado.jpg);
    background-size:cover;
    background-position:left center;
    background-repeat: no-repeat;
}
.encabezado h1 
{
    font-size:40px;
    color:White;
    letter-spacing:-2px;
    padding:20px;
    padding-bottom:0;
}
.encabezado p 
{
    color:White;
    font-size:13px;
    margin-left:25px;
}
.encLogos 
{
    position:absolute;
    display:block;
    top:0;
    right:50px;
    width:auto;
}

.pie
{
    position:relative;
    height:180px;
    background-image:url(../images/pie.jpg);
    background-size:cover;
    background-position:left center;
    background-repeat: no-repeat;
}
.pieLogos 
{
    position:absolute;
    display:block;
    bottom:0;
    left:50px;
    height:110px;
    width:auto;
    overflow:hidden;
}
.pieUp 
{
    background-color:#D1D3D4;
    height:35px;
    border-bottom:2px solid #00AEEF;
}
.pieDown
{
    background-color:#59595B;
    height:50px;
    color:White;
    font-size:13px;
    padding:15px;
    font-weight:300;
    border-top:2px solid #00AEEF;
}
.pieDown a, .pieDown a:visited 
{
    color:White;
    text-decoration:none;
}
.bytes 
{
    float:right;
}
.bytes img 
{
    vertical-align:middle;
}
.loginBack {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 400px;
    background-image: url(../images/loginback.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    vertical-align: bottom;
    overflow: visible;
}
.dropdown-item:hover {
    background-color:#e1e1e1;
}
.loginContainer {
    position: relative;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    background-color: #18619c;
    background-color: rgba(24, 97, 156, 0.7);
    height: auto;
    min-height: 400px;
    margin-bottom: 120px;
    padding: 20px;
    color: white;
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#999999')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#999999');
}

.loginRow {
    background-color: #145182;
    padding: 15px;
    text-align: center;
    margin: 2px;
}

    .loginRow input {
        width: 290px;
        height: 35px;
        padding: 5px;
    }

    .loginRow.linked {
        background-color: #145182;
        cursor: pointer;
        background-image: url(../images/flechaBig.png);
        background-position: 95% center;
        background-repeat: no-repeat;
    }

        .loginRow.linked:hover {
            color: White;
            background: #92b549; /* Old browsers */
            background: -moz-linear-gradient(top, #92b549 0%, #76953c 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #92b549 0%,#76953c 100%); /* Chrome10-25,Safari5.1-6 */
            background-image: url(../images/flechaBig.png),linear-gradient(to bottom, #92b549 0%,#76953c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92b549', endColorstr='#76953c',GradientType=0 ); /* IE6-9 */
            background-position: 95% center;
            background-repeat: no-repeat;
        }


.loginText {
    display: inline-block;
    width: 150px;
    color: White;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    padding-left: 20px;
}

    .loginText.Big {
        width: 220px;
    }
.errorContainer {
    background-color: #f1f1f1;
    padding: 20px;
    border: 2px solid firebrick;
    color: firebrick;
    padding-left: 70px;
    background-image: url(../images/error.png);
    background-position: 20px center;
    background-repeat: no-repeat;
}


.panel
{
    position:relative;
    width:100%;
    min-height:400px;
    height:100%;
    background-color:#f1f1f2;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out; /** Chrome & Safari **/
    -moz-transition: all 0.5s ease-out; /** Firefox **/
    -o-transition: all 0.5s ease-out;
    
}
.panelMenu
{
    position:relative;
    display:inline-block;
    vertical-align:top;
    min-height:500px;
    width:25%;
    height:auto;
    background-color:#f1f1f2;
    border-right:1px solid silver;
}
.panelMenu .button
{
    width:100%;
    cursor:pointer;
    padding:10px;
    padding-left:20px;
    color:#58595B;
    font-weight:normal;
    
}
.panelMenu .button:hover, .panelMenu .button.selected
{
    background-color:#E6E7E8;
    color:Black;
}

.edition 
{
    background-image:url(../images/rowEdit.png);
    background-repeat:no-repeat;
    background-position: 95% center;
}

.panelContent
{
    position:absolute;
    left:-50%;
    top:0;
    display:block;
    vertical-align:top;
    min-height:500px;
    width:75%;
    background-color:white;
    height:auto;
    border-right:1px solid silver;
}

.panelContentWrapper 
{
    position:relative;
    padding:30px;
    padding-left:50px;
    height:auto;
    box-sizing:border-box;
}
.panelContent.visible
{
    left:25%;
}

.panelContent h1, .panelContent h2, .panelForm h1, .panelForm h2 
{
    font-weight:900;
    letter-spacing:-1px;
}
.panelContent h3, .panelContent span
{
    color:#58595B;
    font-size:16px;
    font-weight:normal;
}
.panelContent p 
{
    color:#4E4F50;
    font-size:13px;
    font-weight:300;
}
.panelContent .sectionLeft
{
    display:inline-block;
    position:relative;
    vertical-align:middle;
    width:20%;
    margin-top:20px;
}
.panelContent .sectionRight
{
    display:inline-block;
    position:relative;
    vertical-align:top;
    width:80%;
    margin-top:20px;
}
.panelContent input, .panelContent textarea,
.panelForm input, .panelForm textarea
{
    background-color:#f1f1f2;
    color:Black;
    font-size:14px;
    padding:5px;
    width:100%;
    border:0px
}
.panelContent textarea, .panelForm textarea
{
    padding:15px;
    border:1px solid silver;
    max-width:100%;
    min-height:50px;
}
.panelForm input[type="checkbox"] 
{
    width:auto;
    min-width:0;
    vertical-align:middle;
}
#textClase:read-only, #textActa:read-only {
    color: rgb(170,170,170);
}

.panelContent .sectionLeft p 
{
    /*line-height:30px;*/    
}
.controlMensaje 
{
    position:relative;
    height:auto;
}
.controlMensaje h3
{
    font-size:16px;    
}
.controlMensaje p 
{
    font-size:14px;
    color:Black;
    padding-left:30px;
    margin:10px;
    background-image:url(/images/iconAlerta0.png);
    background-repeat:no-repeat;
    background-position:left top;
    background-size:20px 20px;
}
.controlMensaje .warning
{
    background-image:url(/images/iconAlerta1.png);    
}
.controlMensaje .error
{
    background-image:url(/images/iconAlerta3.png);
}

.flechaLink
{
    vertical-align:middle;
    cursor:pointer;
    margin-left:5px;
}
.pie 
{
    height:150px;
    z-index:1;
}

.column 
{
    position:relative;
    display:inline-block;
    vertical-align:top;
}
.column img 
{
    vertical-align:middle;
}

.buttonRow 
{
    width:100%;
    height:100px;
    background-color:#F1F2F2;
    overflow:hidden;
    cursor:pointer;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out; /** Chrome & Safari **/
    -moz-transition: all 0.5s ease-out; /** Firefox **/
    -o-transition: all 0.5s ease-out;
    z-index:10;    
}
.buttonRow h1
{
    font-size:21px;
    font-weight:900;
    color:#4AB6DD;
    padding-top:25px;
  	letter-spacing:-1px;
  	margin-left:90px;
}
.buttonRow p
{
    font-size:14px;
    font-weight:300;
  	margin-left:90px;
}

.buttonRow:hover
{
    background-color:#49B6DD;
}
.buttonRow:hover h1,.buttonRow:hover p
{
    color:white;
}

.iconSolicitud 
{
    background-image:url(../images/iconSolicitudContrato.png);
    background-repeat:no-repeat;
    background-position:20px center;
}
.iconSolicitud.small p {font-size:12px;}
.iconSolicitud.small h1 {font-size:16px;}

.buttonRow:hover .iconSolicitud
{
    background-image:url(../images/iconSolicitudContratoOver.png);
}
.buttonRow:hover .infoFiltro
{
    background-image:url(../images/flechaDownFiltrosOver.png);
    color:White;
}
.iconFlechaRow 
{
    float:right;
    width:60px;
    height:100px;
    background-image:url(../images/flechaButtonRow.png);
    background-repeat:no-repeat;
    background-position:center center;
}

.infoFiltro 
{
    float:right;
    width:auto;
    min-width:32px;
    height:40px;
    text-align:center;
    font-size:14px;
    background-image:url(../images/flechaDownFiltros.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    font-weight:300;
}

.buttonRow:hover .iconFlechaRow
{
    background-image:url(../images/flechaButtonRowOver.png);
}
.login, .loginError
{
    position:absolute;
    height:285px;
    left:20px;
    top:0;
    width:210px;
}
.loginError {display:none;left:230px;}
.loginRect 
{
    position:absolute;
    height:180px;
    width:100%;
    left:0;
    top:0;
    color:White;
    background-color:#49B6DD;
    background-image: url(../images/star.png);
    background-repeat:no-repeat;
    background-position: right top;
}
.loginRect h1 
{
    padding:35px;
    padding-bottom:20px;
}
.loginRect h3 
{
    padding-left:20px;padding-right:20px;
}
.loginRect p 
{
    font-size:14px;
    padding-left:35px;
}
.loginRect input
{
    width:140px;
    font-size:20px;
    margin-top:5px;
    padding-left:5px;
    padding-right:5px;
}
.loginRound 
{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:105px;
    background-color:#49B6DD;
    border-bottom-left-radius:105px;
    border-bottom-right-radius:105px;    
}
    .loginRound input[type=submit], #btnLogin, #btnVolver {
        background-color: #1C75BC;
        color: White;
        height: 36px;
        width: 140px;
        border: none;
        font-size: 14px;
    }
.loginRound input[type=submit]:hover, #btnLogin:hover
{
    background-color:#8DC63F;
}


.loginRound.Error
{
    background-color:#F15B2A;
}
.loginRound.Error p
{
    text-align:center;
    color:White;
    font-weight:300;
    padding-top:10px
}
.loginRect.Error
{
    background-color:#F15B2A;
    background-image:url(../images/flechaLoginError.png);
    background-repeat:no-repeat;
    background-position:center bottom;
}
.iconAlerta 
{
    background-image:url(../images/iconAlerta0.png);
    background-repeat:no-repeat;
    background-position:left center;
}
.red 
{
    color:#F15B2A !important;
}
.backRed 
{
    background-color:#F7EBEC;
}
.iconAlertaRed
{
    background-image:url(../images/iconAlerta3.png);
    background-repeat:no-repeat;
    background-position:left center;
}

.orange {
    color: #f0951b !important;
}

.backOrange {
    background-color: #f0951b;
}
.iconAlertaOrange {
    background-image: url(../images/iconAlerta2.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.rowBlue 
{
    color:White;
    background-color:#1C75BC;
    padding:20px;
    font-weight:900;    
}
.rowRed 
{
    color:White;
    background-color:#F15B2A;
    padding:20px;
    font-weight:900;    
}
.rowOrange {
    color: White;
    background-color: #f0951b;
    padding: 20px;
    font-weight: 900;
}
.rowPurple {
    color: White;
    background-color: rebeccapurple;
    padding: 20px;
    font-weight: 900;
}

#slideBuscarWrapper 
{
    position:relative;
    width:100%;
    height:auto;
}
#boxFilters 
{
    background-color:#f1f1f2;
}
.boxFilter 
{
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:18%;
    min-height:100px;
    background-color:#F1F2F2;
    padding:20px;
    border-right:1px solid #D1D2D1;
    cursor:pointer;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out; /** Chrome & Safari **/
    -moz-transition: all 0.3s ease-out; /** Firefox **/
    -o-transition: all 0.3s ease-out;    
}
.boxFilter.last 
{
    border:none;
    width:10%
}
.boxFilter h3 
{
    font-size:16px;
}
.boxFilter p 
{
    font-size:13px;
    color:#808285;
}
.boxFilter .infoFiltro
{
    margin-left:20px;
    color:#49B6DD;
    text-align:center;
}
.boxFilter .infoFiltro span 
{
    display:block;
    color:#49B6DD;
    font-weight:900;
}
.boxFilter:hover
{
    background-color:#49B6DD;
    border-right:1px solid #49B6DD;
}
.boxFilter:hover h3, .boxFilter.selected h3 {color:white;}
.boxFilter:hover p, .boxFilter.selected p {color:#f1f1f2;}
.boxFilter:hover .infoFiltro, .boxFilter.selected .infoFiltro {background-image:url(../images/flechaDownFiltrosOver.png);}
.boxFilter:hover .infoFiltro span, .boxFilter.selected .infoFiltro span {color:white;}

.boxFilter.selected {background-color:#1C75BC;border:1px solid #1C75BC}

.boxBuscar 
{
    position:relative;
    background-color:#49B6DD;
    color:White;
    min-height:100px;
    height:auto;
    width:100%;
    text-align:right;
}
.boxBuscar h2
{
    position:absolute;
    top:-5px;
    padding:20px;
    padding-bottom:0;
    text-align:left;
}
.boxBuscar .desc
{
    position:absolute;
    top:45px;
    padding:20px;
    padding-top:0;
    font-size:13px;
    font-weight:300;
    text-align:left;
}

.boxBuscarInputs 
{
    position:relative;
    display:inline-block;
    vertical-align:top;
    text-align:left;
    /*float:right;*/
    min-height:150px;
    height:auto;
    max-width:940px;
    padding-top:13px;
    background-color:#1C75BC;
    color:White;
    font-size:14px;
    font-weight:300;
    text-align:right;
}
.boxBuscarInputs.left 
{
    width:50px;
    min-height:150px;
    vertical-align:top;
    border-top-left-radius:50px;
    border-bottom-left-radius:50px;
}
.inputSection 
{
    display:inline-block;
    text-align:right;
    width:220px;
    margin-bottom:13px;;
    margin-right:10px;
}
.inputSection input, .inputSection select
{
    background-color:#f1f1f2;
    border:none;
    width:100px;
    height:30px;
    padding:5px;
    max-width:100px;
    
}

.inputSection.wide
{
    width:370px;
}
.inputSection.wide input, .inputSection.wide select
{
    width:240px;
    max-width:240px;
}

#btnBuscarVisible 
{
    color:White;
    background-color:#8DC63F;
    width:90%;
    height:75px;
    border:none;
    text-align:left;
    padding-left:20px;
    margin-right:10px;    
    background-image:url(../images/flechaButtonRowOver.png);
    background-repeat:no-repeat;
    background-position:right center;    
}
#btnBuscarVisible:hover 
{
    background-color:#49B6DD;    
}

.panelError
{
    color:#891010;
    background-color:#f4eeee;
    padding:20px;
    min-height:100px;    
}
.panelError img, .panelOK img 
{
    vertical-align:middle;
    margin-right:20px;
    float:left;
}
.panelOK 
{
    color:#637A00;
    background-color:#EDECCC;
    padding:20px;
    min-height:100px;    
}
.dvProgress 
{
    display: none;text-align:center;z-index:1000;position:absolute;left:0;top:0;width:100%;height:100%;
}
.progressIimgContainer 
{
    background-color:White;width:50px;height:50px;border-radius:25px;margin-left:auto;margin-right:auto;border:1px solid silver;
    margin-top:10px;
}
.progressITextContainer 
{
    background-color:white;margin-left:auto;margin-right:auto;padding:10px;border:1px solid silver;margin-top:10px;width:200px
}


.TablaLista th
{
    font-size:14px;
    font-weight:400;
    letter-spacing:0px;
    color:White;
    text-align:center;
    vertical-align:middle;
    padding: 10px 7px 10px 7px;
    border-bottom:solid 1px #bbd9ee;
    background-color:#4AB6DD;
    border-right:1px solid white;
}

.TablaLista.red th
{
    background-color:#F15B2A;
}
.TablaLista.orange th {
    background-color: #f0951b;
}


.TablaLista .SuperHeader
{
    font-size:14px;
    border-bottom:1px solid white;
    height:50px;
    vertical-align:middle;
}
.TablaLista tr
{
	color:#414042;
}

.TablaLista th a
{ 
    text-decoration:none;
    padding-right:18px; 
    color:white;
}
.TablaLista td
{
    font-size:14px;
    padding:2px;
    padding-left:10px;
    padding-right:5px;
    border-bottom:1px solid #D1D3D4;
    vertical-align:middle;
    height:40px;
}

.TablaLista.RenglonChico td
{
    height:32px;
}

.sortable {background:url(../images/colsortable.png) 95% center no-repeat;}
.sortable a {color:white}

.sortasc { background:url(../images/colasc.png) 95% center no-repeat; }
.sortdesc { background:url(../images/coldesc.png) 95% center no-repeat; }

.sortable, .sortasc, .sortdesc 
{
    cursor:pointer;
}
.sortable:hover, .sortasc:hover, .sortdesc:hover
{
    background-color:silver !important;
}

.paginacion td
{
    border-bottom:none;
    padding-top:20px;
    vertical-align:middle;
}
.paginacion span
{
    font-size:26px;
    color:#00AEEF;
    padding-left:5px;
}
.paginacion a
{
    font-size:18px;
    font-weight:300;
    text-decoration:none;
    padding-left:5px;
}
.superScriptText 
{
    vertical-align:super;
    font-size:12px;
}

.roundedTag {
    border-radius: 20px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

    .roundedTag.BackGreen {
        color: white;
        background-color: #8ec640;
    }
    .roundedTag.BackGray {
        color: white;
        background-color: silver;
    }
    .roundedTag.Estado {
        color: inherit;
        background-color: transparent;
    }
        .roundedTag.Estado._0 {
            color: white;
            background-color: #fe9b00;
        }
        .roundedTag.Estado._3 {
            color: black;
            background-color: #ffbd55;
        }
        .roundedTag.Estado._6 {
            color: black;
            background-color: #fbd496;
        }
        .roundedTag.Estado._10 {
            color: white;
            background-color: #d07676;
        }
        .roundedTag.Estado._20 {
            color: white;
            background-color: #a8b118;
        }
        .roundedTag.Estado._21 {
            color: white;
            background-color: #d02727;
        }
        .roundedTag.Estado._22 {
            color: white;
            background-color: #848484;
        }
        .roundedTag.Estado._50 {
            color: white;
            background-color: #22d6e1;
        }
        .roundedTag.Estado._51 {
            color: white;
            background-color: firebrick;
        }
        .roundedTag.Estado._100 {
            color: white;
            background-color: #3bba53;
        }
        .roundedTag.Estado._200 {
            color: white;
            background-color: black;
        }
        .roundedTag.Estado._300 {
            color: white;
            background-color: #848484;
        }
        .roundedTag.Estado._400 {
            color: black;
            background-color: #cedce7;
        }


    .roundedTag.EstadoWorkFlow {
        color: inherit;
        background-color: transparent;
    }

        .roundedTag.EstadoWorkFlow._0 {
            color: white;
            background-color: #d02727;
        }
        .roundedTag.EstadoWorkFlow._1 {
            color: white;
            background-color: #3bba53;
        }
        .roundedTag.EstadoWorkFlow._2 {
            color: white;
            background-color: black;
        }
        .roundedTag.EstadoWorkFlow._3 {
            color: white;
            background-color: #999999;
        }


.formLeft {
    display: inline-block;
    width: 180px;
}
.formRight
{
    display:inline-block;
}
.formRow 
{
    padding:5px;
    clear:both;
}
.panelForm input, .panelForm select
{
    min-width:250px;
}
select {
    padding:3px;
}

.buttonNormal 
{
    width:120px;
    font-size:14px;
    text-align:center;
    color:White;
    padding:15px;
}

.buttonTextSmall 
{
    width:120px;
    height:35px;
    line-height:35px;
    font-size:14px;
    text-align:center;
}
.buttonVerde 
{
    color:White;
    border:none !important;
    background: #8ec640; /* Old browsers */
    background: -moz-linear-gradient(top,  #8ec640 0%, #739b35 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #8ec640 0%,#739b35 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #8ec640 0%,#739b35 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec640', endColorstr='#739b35',GradientType=0 ); /* IE6-9 */    
}
.buttonVerde:hover
{
    /* Over del Verde es Azul*/
    background: #27aae1; /* Old browsers */
    background: -moz-linear-gradient(top,  #27aae1 0%, #1c75bc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #27aae1 0%,#1c75bc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #27aae1 0%,#1c75bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27aae1', endColorstr='#1c75bc',GradientType=0 ); /* IE6-9 */
}

.buttonGris 
{
    color:White;
    background: #cedce7; /* Old browsers */
    background: -moz-linear-gradient(top,  #cedce7 0%, #596a72 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #cedce7 0%,#596a72 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #cedce7 0%,#596a72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}
.buttonGris:hover {
    background: #acb6bf; /* Old browsers */
    background: -moz-linear-gradient(top,  #acb6bf 0%, #424f54 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #acb6bf 0%,#424f54 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #acb6bf 0%,#424f54 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acb6bf', endColorstr='#424f54',GradientType=0 ); /* IE6-9 */
}

.buttonRojo 
{
    color:White;
    background: #f15a29; /* Old browsers */
    background: -moz-linear-gradient(top,  #f15a29 0%, #be1e2d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f15a29 0%,#be1e2d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f15a29 0%,#be1e2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15a29', endColorstr='#be1e2d',GradientType=0 ); /* IE6-9 */
}
.buttonRojo:hover 
{
    color:White;
    background: #d65b26; /* Old browsers */
    background: -moz-linear-gradient(top,  #d65b26 0%, #84151c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d65b26 0%,#84151c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d65b26 0%,#84151c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d65b26', endColorstr='#84151c',GradientType=0 ); /* IE6-9 */
}

.buttonPurple {
    color: White;
    background: rebeccapurple; /* Old browsers */
    background: -moz-linear-gradient(top, rebeccapurple 0%, #572c82 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rebeccapurple 0%,#572c82 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rebeccapurple 0%,#572c82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#rebeccapurple', endColorstr='#572c82',GradientType=0 ); /* IE6-9 */
}

.buttonPurple:hover {
    color: White;
    background: purple; /* Old browsers */
    background: -moz-linear-gradient(top, purple 0%, rebeccapurple 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, purple 0%,rebeccapurple 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, purple 0%,rebeccapurple 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='purple', endColorstr='rebeccapurple',GradientType=0 ); /* IE6-9 */
}

.menu 
{
    position:relative;
    background-color:#49B6DD;
    color:White;
    width:100%;
    height:45px;
    font-size:14px;
    line-height:45px;
}
.menuButton 
{
    position:relative;
    display:inline-block;
    padding-left:20px;
    padding-right:20px;
    cursor:pointer;
    min-width:100px;
    text-align:center;
}
.menuButton:hover, .menuButton.selected 
{
    background-color:#1C75BC;    
}
.menuButton.right {
    float:right;
}


.half 
{
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:49%;
    height:auto;
} 

.fileVersiones 
{
    display:none;
}

.versionesAnterioresButton
{
    margin-top:20px;
    background-color:#e1e1e2;
    padding:10px;
    background-image:url(../images/flechaUpFiltros.png);
    background-repeat:no-repeat;
    background-position: 95% center;
    cursor:pointer;
}
.versionesAnterioresButton.hide
{
    background-color:#f1f1f2;
    background-image:url(../images/flechaDownFiltros.png);
}
.versionesAnterioresButton:hover
{
    background-color:#e1e1e2;
}
.workflowIconFirma 
{
    position:absolute;
    right:40px;
    top:20px;
    width:45px;
    height:45px;    
}
.workflowIconFirma.verde 
{
    background-color: #28df1f;
}
.workflowIconFirma.rojo 
{
    background-color: red;
}
.workflowIconFirma.negro
{
    background-color: black;
}
.workflowIconFirma.grisclaro
{
    background-color: silver;
}

#listBoxIzq option, #listBoxDer option, #listBoxIzqDocFinal option, #listBoxDerDocFinal option,
#listBoxIzqMemo option, #listBoxDerMemo option,
#listBoxIzqContratos option, #listBoxDerContratos option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
}
.flechaIconUp 
{
    background-image:url(../images/flechaIconUp.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#49B6DD;
}
.flechaIconDown
{
    background-image:url(../images/flechaIconDown.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#49B6DD;
}
.flechaIconUp:hover, .flechaIconDown:hover
{
    background-color:#1c75bc !important;
}

#EsAdministrador, #ConvertirEnAdministrador, #SolicitarMarca, #PuedeSolicitarMarca
{
    margin-top:20px;
    vertical-align: bottom;
    position: relative;
    top: -4px;
    *overflow: hidden;    
}

input[type=checkbox][disabled]+label{
    color:silver;
    cursor:default;
}
label 
{
    padding-left:15px;
    text-indent:-15px;
}

.checkEmpresa input[type=checkbox] {
    width:auto;
    vertical-align:middle;
}
.checkEmpresa input[type=checkbox]+label {
    font-size: 13px;
}



.linked {
    cursor: pointer;
}

#panelVerDoc a, #panelVerDoc a:visited,
#panelVerSlide a, #panelVerSlide a:visited 
{
    color:White;
    text-decoration:none !important;
}

.ayuda 
{
    position:absolute;
    display:none;
    padding:20px;
    left:0;
    bottom:0;
    width:400px;
    min-height:20px;
    z-index:200;
    background-color:white;
    opacity:.9;
    border-radius:10px;    
    -webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.34);
    box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.34);    
}
.ayuda p, .ayuda span
{
    color:Black;
    font-size:12px;
    padding:0px
}
.ayuda li 
{
    font-size:12px;
    color:Black;
}
.ayuda ul 
{
    list-style:square;
    padding-left:40px;
    padding-top:10px
}


.iconAction
{
    position:relative;
    width:80px;
    height:80px;
    margin-right:10px;
    margin-bottom:10px;
    background-position:center top;
    background-repeat:no-repeat;
    cursor:pointer;    
}
.iconAction p
{
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    text-align:center;
    font-size:12px;
    color:#444444;
}    
.print {background-image:url(../images/iconPrint.jpg);}

.usuarioDisabled 
{
    background-color:#F7EBEC;
}
.usuarioDisabled *
{
    color:#F15B2A;
}

#panelSolicitud, #panelRegistro, #panelHistorico
{
    display:inline-block;
    position:relative;
    width:48%;
    vertical-align:top;
    box-sizing:border-box;
    margin:1%;
    padding:20px;
    border:1px solid silver;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out; /** Chrome & Safari **/
    -moz-transition: all 0.5s ease-out; /** Firefox **/
    -o-transition: all 0.5s ease-out;

}
#panelHistorico {
    overflow: hidden;
}
#panelSolicitud.hide, #panelHistorico.hide
{
    display:none;
}



#showSolicitud 
{
    position:absolute;
    left:-60px;
    top:0;cursor:ponter;cursor:pointer;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out; /** Chrome & Safari **/
    -moz-transition: all 0.5s ease-out; /** Firefox **/
    -o-transition: all 0.5s ease-out;
}

#showSolicitud.show
{
    left:0;
}

.buttonDeleteAlerta {
    border:1px solid transparent !important;
    margin-left:3px;
}
.buttonDeleteAlerta:hover {
    border:1px solid gray !important;
}

.inputPlazo input {
    width:auto;
    vertical-align:middle;
    padding:2px;
    margin-left:20px;
}
.inputPlazo label {
    padding-left:8px;
    font-size:14px;
}

.cancelarAccion {
    position:absolute;
    right: 10px;
    top: -25px;
    cursor: pointer;
    border: 1px solid silver;
}
.cancelarAccion:hover {
    border: 1px solid gray;
}

.userAudiencia, .userAlerta {
    display: inline-block;
    border: 1px solid silver;
    padding: 5px;
    border-radius: 10px;
    padding-right: 15px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.deleteParticipante, .deleteDestinatario {
    cursor: pointer;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px
}
.addParticipante:hover, .addDestinatario:hover {
    background-color:#e1e1e1;
}

.AutoExtender {
    border: solid 1px #006699;
    line-height: 20px;
    padding: 10px;
    background-color: White;
    margin-left: 10px;
    margin-right: 10px;
    max-height: 200px;
    overflow: hidden;
    overflow-y: scroll;
}
.autoCompleteList {
    font-size: 11px;
    color: #000;
    padding: 3px 5px;
    background: #fff;
    width: auto;
    z-index: 200;
    margin-left: 0px;
    cursor:pointer;
}

.autoCompleteList.Over {
    background-color: #e7e7e7;
}

#panelDetalleHistorico {
    position: absolute;
    padding: 20px;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #F0FFFF;
    z-index:100;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out; /** Chrome & Safari **/
    -moz-transition: all 0.5s ease-out; /** Firefox **/
    -o-transition: all 0.5s ease-out;
}
#panelDetalleHistorico.show {
    left: 0;
}
.rotate180 {
    position:relative;
    transform:rotate(180deg);
}

.oldHistoricoText {
    color:red;
}
.newHistoricoText {
    color: green;
    font-weight:bold;
}

.separadorLinea {
    border-top: 1px #E1E1E1 solid;
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
}

.iconSystem {
    filter: hue-rotate(180deg);
    -webkit-filter: hue-rotate(180deg);
    -moz-filter: hue-rotate(180deg);
}
.estadoTramiteAlert {
    display: none;
    padding: 12px;
    border: 1px solid;
    border-color: tomato;
    color: tomato;
    border-radius:5px;
    margin-top:12px;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out; /** Chrome & Safari **/
    -moz-transition: all 0.5s ease-out; /** Firefox **/
    -o-transition: all 0.5s ease-out;
}
.estadoTramiteAlert.show {
    display: block;
}
.disabled {
    opacity: 0.5 !important;
    cursor: default !important;
    filter: alpha(opacity=40); /* msie */
}
img:disabled, input[type="image"]:disabled {
    filter: grayscale(1);
    cursor:default !important;
}

.reclamoItemSelected {
    background-color: #f1f1f1;
}
.iconPin {
    top: -20px;
    position: absolute;
    left: 20px;
    border: 1px solid lightgray;
    background-color:lightyellow;
    border-radius: 50%;
    padding: 10px;
    font-size:20px;
    line-height:20px;
    width:40px;
    height:40px;
    text-align:center;
    transform:rotate(30deg);
}

@media (max-width: 1200px) 
{
    .boxBuscarInputs.left {display:none;}
    .boxBuscarInputs{width:88%;max-width:inherit}
    .boxBuscar h2
    {
        position:relative;
        top:0px;
        text-align:right;
    }
    .boxBuscar .desc
    {
        position:relative;
        top:0px;
        text-align:right;
    }
    .boxBuscar 
    {
        background-color:#1C75BC;
    }
}