@charset "utf-8";
/* CSS Document */

* {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
    background: #ffffff;
}

#cuerpo {
    background: #FFFFFF;
    min-height: 800px;
    /*width: 1000px;*/
    
    margin-left: 0px;
}

#cuenta {
    /*background:  #009966;
*/
    background: #034b73;
    height: 25px;
   
    font-size: 16px;
    color: #ffffff;
    
}

#contenidocuenta {
    background: #034b73;
    height: 25px;
    
    text-align: left ;
    font-size: 16px;
    color: #ffffff;
    margin-left: 0px;
}


.tablacuenta {
    margin-right: 10px;
    width: 280px;
}
/* la imagen del icon de usuario*/
.classImage {
    background: url(/temas/tema1/imagenes/usuario3.fw.png);
    width: 22px;
    height: 22px;
}

.nombreusuario {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

#cabecera {
    background: #2b373d;
    height: 42px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
}

#contenidocabecera {
    background: #2b373d;
    height: 42px;
   
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    margin-left: 0px;
}

#marcologo {
    background: #ffffff;
    width : 119px;
    min-height: 36px;
    margin-top: 2px;
    color: #FFFFFF;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
     box-shadow: 15px 20px 35px #000000;
}

#barra {
    background: #ffffff;
    border-top-color: black;
    border-top-style:solid ;
     height: 5px;
}

#contenidobarra {
   
    height: 1px;
    margin-left: 0px;
    color: #FFFFFF;
    border-top-color: black;
}

.linea {
    width: 990px;
    height: 1px;
    background-color: #ffffff;
    margin: auto;
}
/* del ejemplo de telerik*/

.demo-container {
    width: 700px;
    padding: 0;
}

    .demo-container .RadMenu {
        float: none;
    }


#areatrabajo {
    background: #ffffff;
    
    min-height: 700px;
    margin-left: 0px;
    color: #FFFFFF;
}

#contenidoarea {
    background: #ffffff;
    
    min-height: 750px;
    margin-left: 3px;
    margin-right: 3px;
    color: #FFFFFF;
    border: 1px solid #727274;
    border-radius: 3px 3px 3px 3px;
}

#fotousu {
    border: 2px solid #727274;
    border-radius: 5px 5px 5px 5px;
    width: 70px;
    height: 70px;
     box-shadow: 10px 10px 45px #D3E7FE;
}

.titulobanner {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #2B1F1E;
}

.subtitulobanner {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #2B1F1E;
    font-weight: bold;
}
.subtitulopersonas {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #2B1F1E;
    font-weight: bold;
}

#apDiv1 {
    background-image: url(imagenes/fondocuadrobanner.fw.png);
    background-repeat: repeat;
}



/* estilos del login */
/*************************************************************************/
#cuerpologin {
    width: 1000px;
    /*background-color:white ;*/
    color: #5A5A5A;
    margin: auto;
    /* border-left: outset 3px #cccccc;
  border-right: inset 3px #cccccc;
  border-bottom:  solid 3px #cccccc;*/
    overflow: auto;
    border-radius: 5px 5px 5px 5px;
}



#centrologin {
    width: 988px;
    min-height: 600px;
    /*background-color:  white ;*/
    /*background-image:url(imagenes/fotologin5.jpg);*/
    margin: 10px 6px 0;
    /*border-radius :  4px 4px 4px 4px ;*/
    /*border : 1px 0px 1px 0px inset black; */
    /*border-top: 1px solid black;
    border-right: 0px solid black;
    border-bottom: 1px solid black;
    border-left: 0px solid black;*/
    text-align: center;
    /*background-image:url(/temas/tema1/imagenes/fondologin1.jpg);*/
}

#logologin {
    margin-top: 30px;
    margin-left: 40px;
    background: white;
    width: 210px;
    height: 90px;
    border-radius: 6px 6px 6px 6px;
     box-shadow: 15px 20px 35px #000000;
    /*box-shadow : 15px 10px 4px 4px gray   ;*/
}

#usuario {
    margin-top: 40px;
    /*margin:auto;*/
    width: 280px;
    float: left;
    margin-left: 25px;
    border-radius: 6px 6px 6px 6px;
    /*border :1px outset black;*/
    /*background-color: #D5DCE6;*/
    background-image: url(imagenes/fondousuario.fw.png);
    background-repeat: repeat;
    box-shadow: 15px 20px 35px #000000;
}

.letralogin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-transform: capitalize;
    color: #333333;
}

.Titulologin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-transform: capitalize;
    color: #FFFFFF;
    background-color: #034b73;
}

.pielogin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #FFFFFF;
    background-color: #034b73;
}


#divLoading {
    position: fixed;
    z-index: 1000000;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

    #divLoading div {
        width: 500px;
        height: 60px;
        position: fixed;
        text-align: center;
        top: 50%;
        left: 50%;
        margin-top: -30px;
        margin-left: -250px;
        color: #000000;
    }


.tablavaciaderecha {
    margin-right: auto;
}

.tablavacia {
    margin: auto;
}

.tabla {
    margin: auto;
    border: #727274 solid 1px;
}

#perfil {
   /* background: #E2DDD8;#E2EDF3*/
   background: #E2EDF3;
    width: 1000px;
    min-height: 650px;
    margin: auto;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
}

#fotoperfil {
    background: #ffffff;
    width: 99px;
    height: 99px;
    float: left;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-left: 10px;
     box-shadow: 10px 15px 20px #000000;
}

#datosusuario {
    background: #ffffff;
    width: 650px;
    min-height: 450px;
    float: left;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-left: 10px;
    box-shadow: 10px 15px 20px #000000;
}

.letracampo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #2B1F1E;
}

.linea {
    width: 400px;
    background: #727274;
    float: left;
}

/***************************** tooltips **************************/
a.tooltips {
    position: relative;
    display: inline;
}

    a.tooltips span {
        position: absolute;
        width: 140px;
        color: #FFFFFF;
        background: #000000;
        height: 30px;
        line-height: 30px;
        text-align: center;
        visibility: hidden;
        border-radius: 6px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
    }

        a.tooltips span:after {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -8px;
            width: 0;
            height: 0;
            border-bottom: 8px solid #000000;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
        }

a:hover.tooltips span {
    visibility: visible;
    opacity: 0.8;
    top: 30px;
    left: 50%;
    margin-left: -76px;
    z-index: 999;
}

a.tooltips2 {
    position: relative ;
    display: inline;
}

    a.tooltips2 span {
        position: absolute;
        width: 140px;
        color: #FFFFFF;
        background: #000000;
        height: 30px;
        line-height: 30px;
        text-align: center;
        visibility: hidden;
        border-radius: 6px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
    }

        a.tooltips2 span:after {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -8px;
            width: 0;
            height: 0;
            border-bottom: 8px solid #000000;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
        }

a:hover.tooltips2 span {
    visibility: visible;
    opacity: 0.8;
    top: 30px;
    left: 50%;
    margin-left: -76px;
    z-index: 999;
}


/***************************** Termina tooltips **************************/


.boton {
    background: #25a0da;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 70px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
}

    .boton:hover {
        background: #999999;
    }

.boton2 {
    background: #25a0da;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 140px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
	
}

    .boton2:hover {
        background: #999999;
    }

.boton3 {
    background: #25a0da;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 110px;
    height: 30px;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

    .boton3:hover {
        background: #999999;
    }

.boton4 {
    background: #727274;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 110px;
    height: 30px;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

    .boton4:hover {
        background: #999999;
    }


/*.button:hover {
 background:  #009966;
}
*/





.boton5 {
    background: #65b333;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 110px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
}

    .boton5:hover {
        background: #999999;
    }

.boton6 {
    background: #034b73;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 110px;
    height: 30px;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

    .boton6:hover {
        background: #999999;
    }





.boton7 {
    background: #408080;
    border: solid;
	 border: solid 1px;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 100px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
	
}

    .boton7:hover {
        background: #999999;
    }
	
.boton73 {
    background: #2b373d;
    border: solid;
	 border: solid 1px;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 100px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
	
}

    .boton73:hover {
        background: #999999;
    }
	
.boton72 {
    background: #408080;
    border: solid 1px;
	
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 100px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
	box-shadow: 3px 6px 10px #000000;
}

    .boton72:hover {
        background: #999999;
    }	

.boton8 {
    background: #034b73;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 140px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
}

    .boton8:hover {
        background: #999999;
    }
	
.boton82 {
    background:#25a0da;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 140px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
}

    .boton82:hover {
        background: #999999;
    }

.boton9 {
    background: #DD5B44;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 100px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
}

    .boton9:hover {
        background: #999999;
    }

.boton12 {
    background: #034b73;
    border: solid;
    border-radius: 7px 7px 7px 7px;
    /*border-bottom-width:0px;*/
    /*-webkit-box-shadow: 2px 2px 5px 3px #DD5B44;*/
    /*-moz-box-shadow: 2px 2px 5px 3px #DD5B44;*/
    /* box-shadow: 0 0 2px 2px #000000;*/
    color: #FFFFFF;
    width: 100px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
}

    .boton12:hover {
        background: #999999;
    }

.boton12blanco {
    background: #FFFFFF;
    border: solid;
    border-radius: 7px 7px 7px 7px;
    /*border-bottom-width:0px;*/
    /*-webkit-box-shadow: 2px 2px 5px 3px #DD5B44;*/
    /*-moz-box-shadow: 2px 2px 5px 3px #DD5B44;*/
    /* box-shadow: 0 0 2px 2px #000000;*/
    color: #FFFFFF;
    width: 100px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
}

    .boton12blanco:hover {
        background: #FFFFFF;
    }

.boton13 {
    background: #DD5B44;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 140px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
}

    .boton13:hover {
        background: #999999;
    }


.cabezatabla {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    background: #25a0da;
    height: 35px;
}

#listo3 {
    background: #ffffff;
    width: 300px;
    min-height: 120px;
    /*float:left;*/
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    /*margin-top:100px;
margin-left:100px;*/
    margin: auto;
}

/*.container{

background:#ffffff;
width: 480px;
min-height: 300px;
float:left;
color:#727274;
border:1px solid  #727274;
border-radius: 5px 5px 5px 5px;
margin-top:50px;
margin-left:48px;
}*/

.container fieldset {
    background: #ffffff;
    width: 550px;
    min-height: 300px;
    float: left;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
   margin-top: 30px;
    margin-left: 43px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    padding-left: 20px;
   
}

.container2 fieldset {
    background: #ffffff;
    width: 700px;
    min-height: 300px;
    float: left;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-left: 43px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    padding-left: 20px;
    /*margin-top: 20px;*/
}

.lineatablablanca {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #2B1F1E;
    background-color: #ffffff;
    text-align: right;
    height: 30px;
    vertical-align: middle;
}

.lineatablablanca2 {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #2B1F1E;
    background-color: #ffffff;
    text-align: right;
    height: 25px;
    vertical-align: middle;
}

/* Estilo por defecto para los campos de un formulario */

input:required:invalid {
    border: 1px solid red;
    background-color: #F9E3CC;
}

input:required:valid {
    border: 1px solid green;
}

/*** Zona de Configuracio ***/
#zonaconfiguracion {
    /*background: #E2DDD8;*/
    background: #E2EDF3;
    width: 1000px;
    min-height: 650px;
    margin: auto;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
}

#menuconfiguracion {
    background: #ffffff;
    width: 185px;
    min-height: 200px;
    float: left;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-left: 10px;
}

#areaconfiguracion {
    background: #ffffff;
    width: 640px;
    /*min-height:450px;*/
    height: 480px;
    float: left;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-left: 10px;
    overflow: auto;
    /*position: absolute;*/
}

#areaconfiguracionlog {
    background: #ffffff;
    width: 650px;
    min-height: 450px;
    float: left;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-left: 10px;
}

.lineatablaconf1 {
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #2B1F1E;
    background-color: #E9F7FE;
    text-align: left;
    height: 20px;
    vertical-align: middle;
}

.lineatablaconf2 {
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #2B1F1E;
    background-color: #ffffff;
    text-align: left;
    height: 20px;
    vertical-align: middle;
}

.tablaresalta {
    margin: auto;
    border: #727274 solid 1px;
}

    .tablaresalta tr:hover {
        background-color: #E2DDD8;
        cursor: pointer;
    }


.Titulomenuconfiguracion {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #25a0da;
    height: 30px;
}

.TitulomenuconUSUARIOS {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #25a0da;
    height: 25px;
}

.Titulomenuconcotizaciones {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #25a0da;
    height: 25px;
}

.itemstyleusuario {
    /*background-color:#F2F2F2;*/
    background-color: #F0F0F0;
    font-family: Verdana;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    height: 28px;
    vertical-align: middle;
}

.alternatingitemstyleusuario {
    /*background-color:#E5E5E5 ;*/
    background-color: #Ffffff;
    font-family: Verdana;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    height: 28px;
    vertical-align: middle;
}

.itemstyleusuariodelgado {
    /*background-color:#F2F2F2;*/
    background-color: #F0F0F0;
    font-family: Verdana;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    height: 5px;
    vertical-align: middle;
}

.alternatingitemstyleusuariodelgado {
    /*background-color:#E5E5E5 ;*/
    background-color: #Ffffff;
    font-family: Verdana;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    height: 5px;
    vertical-align: middle;
}

#user {
    background: #25a0da;
    height: 25px;
    text-align: right ;
    font-size: 18px;
    color: #ffffff;
    margin: auto;
}

::-webkit-input-placeholder {
    color: white;
    font-size: 13px;
    font-style: italic;
    text-align: center;
}
/* WebKit */
:-moz-placeholder {
    color: white;
    font-size: 13px;
    font-style: italic;
    text-align: center;
}
/* Firefox 18- */
::-moz-placeholder {
    color: white;
    font-size: 13px;
    font-style: italic;
    text-align: center;
}
/* Firefox 19+ */
:-ms-input-placeholder {
    color: white;
    font-size: 13px;
    font-style: italic;
    text-align: center;
}
/* IE 10+ */
/********************************/

.containercot fieldset {
    background: #ffffff;
    width: 850px;
    min-height: 70px;
    /*float: left;*/
	margin:auto ;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    padding-left: 20px;
    /*margin-top: 20px;*/
}

.campocontainer {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: 25a0da;
}

.containercli fieldset {
    background: #ffffff;
    width: 830px;
    min-height: 70px;
    /*float: left;*/
	margin:auto;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    padding-left: 20px;
    /*margin-top: 20px;*/
}

.containerdetalle fieldset {
    background: #ffffff;
    width: 830px;
    min-height: 320px;
     /*float: left;*/
	margin:auto;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    padding-left: 20px;
    /*margin-top: 20px;*/
}

.campodetalle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12;
    font-weight: bold;
    color: #727274;
    background: #DFDFDF;
    box-shadow: 2px 2px 5px #727274;
}

.campodetalle2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12;
    font-weight: bold;
    color: #000000;
    background: #D3E7FE;
    box-shadow: 2px 2px 5px;
}

.campologin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12;
    font-weight: bold;
    color: #727274;
    background: #DFDFDF;
    box-shadow: 2px 2px 5px #727274;
    border-radius: 4px 4px 4px 4px;
}


.fondocampo {
    background: #E4E4E4;
}

.singrabar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10;
    color: #FF0000;
    font-weight: bold;
}

.grabado {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10;
    color: #006600;
    font-weight: bold;
}

.nit {
    background: #25a0da;
    height: 25px;
    text-align: right ;
    font-size: 18px;
    color: #ffffff;
    margin: auto;
}

#video2 {
    margin-top: 0px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1000;
    overflow: hidden;
}

#video3 {
    /*background-size:cover   ;*/
    margin-top: 0px;
    /*    bottom: 0;*/
    height: auto;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    left: 0;
    width: auto;
    z-index: -100;
}

#video1 {
    /*background-size:cover   ;*/
    margin-top: 0px;
    /*    bottom: 0;*/
    height: 100%;
    /*width: auto;*/
    /*   min-height: 100%;
    min-width: 100%;*/
    position: fixed;
    left: 0;
    /*  width: auto;*/
    z-index: -100;
}


video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    /* background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;*/
    background-size: cover;
    transition: 1s opacity;
}



#mensaje {
    margin-top: 330px;
    /*margin:auto;*/
    width: 280px;
    float: left;
    margin-left: 20px;
    border-radius: 6px 6px 6px 6px;
    /*border :1px outset black;*/
    /*background-color: #D5DCE6;*/
    background-image: url(imagenes/fondousuario.fw.png);
    background-repeat: repeat;
  
}

.letramensaje {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-transform: capitalize;
    color: #333333;
}

.letramensajelogin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-transform: capitalize;
    color: red;
}


.Titulomensaje {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-transform: capitalize;
    color: #FFFFFF;
    background-color: #727274;
}

.piemensaje {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #000033;
    /*	background-color: #727274;
*/
}

#fin {
    /*margin:auto;*/
    width: 700px;
    height: 500px;
    margin: auto;
    border-radius: 6px 6px 6px 6px;
    /*border :1px outset black;*/
    /*background-color: #D5DCE6;*/
    background-image: url(imagenes/fondousuario.fw.png);
    background-repeat: repeat;
   
}

.user1 {
    /*background:#25a0da;*/
    height: 25px;
    text-align: right ;
    font-size: 18px;
    color: #25a0da;
    margin: auto;
    font-weight: bold;
}

#areaconfiguracion2 {
    background: #ffffff;
    width: 980px;
    /*min-height:450px;*/
    height: 620px;
    float: left;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-left: 10px;
    overflow: auto;
    /*position: absolute;*/
}

.opcionupper {
    text-transform: uppercase;
    text-align: left;
}

.campoespecial {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #25a0da;
    height: 30px;
}

#marcologin {
	margin-top: 150px;
	width: 700px;
	height: 350px;
	float: left;
	margin-left: 150px;
	border-radius: 10px 10px 10px 10px;
	/*border :1px outset black;*/
    /*background-color: #D5DCE6;*/
    background-image: url(imagenes/fondousuario.jpg);
	background-repeat: repeat;
	box-shadow: 15px 20px 35px #000000;
}  

#zonadatos {
    background: #E2EDF3;
    width: 980px;
    height: 680px;
    margin: auto;
    color: #ffffff;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
}

#zonagrid {
    background: #ffffff;
    width: 960px;
    min-height:660px;
	max-height: 660px;
    /*height: 620px;*/
    float: left;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-left: 10px;
    overflow: auto;
	/*overflow:scroll;*/
    /*position: absolute;*/
}

#zonagrid2 {
    background: #ffffff;
    width: 900px;
    min-height:535px;
	max-height: 535px;
    /*height: 620px;*/
/*    float: left;
*/    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    /*margin-top: 10px;
    margin-left: 10px;*/
	margin:auto;
    overflow: auto;
	/*overflow:scroll;*/
    /*position: absolute;*/
}

#zonagrid3 {
    background: #ffffff;
    width: 1050px;
    min-height:660px;
	max-height: 660px;
    /*height: 620px;*/
    float: left;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-left: 10px;
    overflow: auto;
	/*overflow:scroll;*/
    /*position: absolute;*/
}


#zonagridpersonas {
    background: #ffffff;
    width: 890px;
    min-height:570px;
	max-height: 570px;
    /*height: 620px;*/
    /*float: left;*/
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    /*margin-top: 10px;
    margin-left: 10px;*/
    overflow: auto;
	margin: auto;
	/*overflow:scroll;*/
    /*position: absolute;*/
}

#zonagridpersonas2 {
    background: #ffffff;
    width: 840px;
    min-height:480px;
	max-height: 480px;
    /*height: 620px;*/
    /*float: left;*/
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    /*margin-top: 10px;
    margin-left: 10px;*/
    overflow: auto;
	margin: auto;
	/*overflow:scroll;*/
    /*position: absolute;*/
}

#zonagridpersonas3 {
    background: #ffffff;
    width: 700px;
    min-height:480px;
	max-height: 480px;
    /*height: 620px;*/
    /*float: left;*/
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    /*margin-top: 10px;
    margin-left: 10px;*/
    overflow: auto;
	margin: auto;
	/*overflow:scroll;*/
    /*position: absolute;*/
}

#zonagridcodeudor {
    background: #ffffff;
    width: 800px;
    min-height:540px;
	max-height: 540px;
    /*height: 620px;*/
    /*float: left;*/
    color: #727274;
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    /*margin-top: 10px;
    margin-left: 10px;*/
    overflow: auto;
	margin: auto;
	/*overflow:scroll;*/
    /*position: absolute;*/
}

.campobusqueda {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    background: #D3E7FE;
    box-shadow: 2px 2px 5px;
}
.campobusqueda2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16;
    font-weight: bold;
    color: #000000;
    /*text-transform: uppercase;*/
    background: #D3E7FE;
    box-shadow: 2px 2px 5px;
}

.campobusqueda3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18;
    font-weight: bold;
    color: #000000;
    /*text-transform: uppercase;*/
    background: #D3E7FE;
    box-shadow: 2px 2px 5px;
	height: 35px;
}	


.mensajevalidacion {
    background: #ffffff;
    /*width: 960px;*/
    /*min-height:450px;*/
    /*height:650px;*/
    /*float:left;*/
    /*color:#727274;*/
    border: 1px solid #727274;
    border-radius: 5px 5px 5px 5px;
    margin: auto;
    /*margin-top:10px;
margin-left:10px;
overflow: auto;*/
    /*position: absolute;*/
}

.mayuscula {
    text-transform: uppercase;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #2B1F1E;
}

.entornoforma {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove ;
}


/*.campoinput1{
size:5px;
background-color:#C8DBEA;
size: inherit;

}

.textbox
  {
  border: 1px solid #DBE1EB;
  font-size: 18px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background: #FFFFFF;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
  color: #2E3133;
  }
   
  .textbox:focus
  {
  color: #2E3133;
  border-color: #FBFFAD;
  }*/

.lineadivide {
    height: 1px;
    background-color: #000000;
    margin: auto;
}

.letracampo2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #004080;
    background: #E2EDF3;
}

.opcion {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #408080;
}

.opcion2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color:  #666;
    background-color:  #C7C7C7;
}
.opcion12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    background-color:  #408080;
}

.opcion3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #83B5EB ;
}

.inactivo {
    background: #DD5B44;
    height: 25px;
    text-align: right ;
    font-size: 18px;
    color: #ffffff;
    margin: auto;
}

.alertapequeno {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8;
    color: #FF0000;
    font-weight: bold;
}


/* teclado virtual */
.teclas {
    background: #25a0da;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 100px;
    height: 100px;
    font-weight: bold;
    cursor: pointer;
    font-size: 50px;
}

    .teclas:hover {
        background: #999999;
    }

.borrar {
    background: #990000;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 100px;
    height: 100px;
    font-weight: bold;
    cursor: pointer;
    font-size: 24px;
}

    .borrar:hover {
        background: #999999;
    }

.limpia {
    background: #006633;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 100px;
    height: 100px;
    font-weight: bold;
    cursor: pointer;
    font-size: 24px;
}

    .limpia:hover {
        background: #999999;
    }

.campoacceso {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 60px;
    color: #000033;
}

.entra {
    background: #FF9900;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #000033;
    width: 350px;
    height: 60px;
    font-weight: bold;
    cursor: pointer;
    font-size: 24px;
}

    .entra:hover {
        background: #999999;
    }

.tituloacceso {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #FFFF66;
}

.nombreacceso {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 35px;
    color: #00CCCC;
    text-transform: uppercase;
}

.boton10 {
    background: #DD5B44;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 150px;
    height: 40px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
}

    .boton10:hover {
        background: #999999;
    }

.boton11 {
    background: #25a0da;
    border: solid;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    width: 150px;
    height: 40px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
}

    .boton11:hover {
        background: #999999;
    }

.camporesalta2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16;
    font-weight: bold;
    color: #000000;
    background: #D3E7FE;
    box-shadow: 2px 2px 5px;
    border-color: #000033;
}

.camporesalta3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16;
    font-weight: bold;
    color: #000000;
    background: #D3E7FE;
    box-shadow: 2px 2px 5px;
    border-color: #000033;
    width: 50px;
}

.camporesalta4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    background: #D3E7FE;
    box-shadow:  2px 2px 5px ;
    border-color: #000033;
	text-align:center ;
}

.Tituloimc {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #034b73;
    height: 25px;
}

.campoformulario {
    border-bottom-color: #001A33;
}

.celdatabla {
    border: #000000;
    border-bottom-style: solid;
}

.marcofoto {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    width: 60px;
    height: 60px;
    box-shadow: 3px 6px 10px #000000;
}

.marcofotoauto {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    width: 76px;
    height: 60px;
    box-shadow: 3px 6px 10px #000000;
}

.marcofotoautopersona {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    width: 76px;
    height: 60px;
    box-shadow: 3px 6px 10px #000000;
}


.marcofase {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    width: 100px;
    height: 100px;
    box-shadow: 3px 6px 10px #000000;
}

#containerinicio {
    background: #ffffff;
    width: 660px;
    /*min-height:450px;*/
    height: 425px;
    float: left;
    color: #727274;
    border: 1px solid #727274;
    border-radius: 4px 4px 4px 4px;
    margin-top: 5px;
    margin-left: 10px;
    overflow: auto;
    /*position: absolute;*/
}

.numerodock {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 28px;
    color: #000F4A;
    font-weight: bold;
}

.numerodock3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000F4A;
    font-weight: bold;
}

#arealogologin {
    margin-top: 40px;
    width: 280px;
    float: left;
    margin-left: 25px;
    border-radius: 6px 6px 6px 6px;
}

#vacio {
margin-left: 3px;

}

.campoverdatos {
    font-family: Verdana;
    font-size: 12px;
    font-weight: 600;
   /* color: #666;*/
	color: #333333;
    background-color: #f5f5f5;
    text-align: left;
    height: 20px;
    vertical-align: middle;
	border-right: 0px solid #2b373d;
}

.campoverdatos2 {
    font-family: Verdana;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    background-color: #f5f5f5;
    text-align: left;
    height: 28px;
    vertical-align: middle;
	
}

.campoverdatos3 {
    font-family: Verdana;
    font-size: 6px;
    font-weight: 400;
    color: #666;
    background-color: #f5f5f5;
    text-align: left;
    height: 6px;
    vertical-align: middle;
	
}

.campoverdatos4 {
    font-family: Verdana;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    background-color: #f5f5f5;
    text-align: left;
    height: 23px;
    vertical-align: middle;
	
}

.campoverdatos5 {
    font-family: Verdana;
    font-size: 16px;
    font-weight: 600;
   /* color: #666;*/
	color: #333333;
    background-color: #f5f5f5;
    text-align: left;
    height: 20px;
    vertical-align: middle;
	border-right: 0px solid #2b373d;
}
	

.preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
.lineatabla1
{
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
	background-color: #F0F0F0;
	text-align:left;
	height:35px;
	vertical-align:middle;
}

.lineatabla2
{
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
	background-color: #ffffff;
	text-align:left;
	height:35px;
	vertical-align:middle;
}

.itemstyle
{
	/*background-color:#F2F2F2;*/
	background-color:#E4EEF8;
	font-family:Verdana;
	font-size:13px;
	font-weight: 500;
	text-align: center;
	height:35px;
	vertical-align:middle;	
		
 }
 
.alternatingitemstyle
{
/*background-color:#E5E5E5 ;*/
background-color:#Ffffff;
font-family:Verdana;
font-size:13px;
font-weight: 500;
text-align:center ;
height:35px ;
vertical-align:middle;
 }
 
 
.cargos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC3300;
	font-weight: bolder;
}

.abonos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#0000FF;
	font-weight: bolder;
}


.cabezatabla2
{
	font-family: Verdana;
	font-size: 13px;
	font-weight:bolt;
	color: #FFFFFF;
	background-color: #518bba;
	text-align:center;
	height:35px;
	vertical-align:middle;
}



.factura {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.factura2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.factura3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.nfactura {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC3300;
	font-weight: bolder;
}

hr {
    height: 1px;
    border: 0;
    background-color: #000000  ;
}

.invisible {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF ;
	background-color:#FFFFFF;
	border:#FFFFFF;
	
}

.headerstyle
{
	text-align:center;
	background-color: #518bba;
	/*background-color: #ffffff;*/
	/*background-image: url(imagenes/col_bg2.gif);*/
    /*background-repeat:repeat-x;*/
	/*color: #2C2C2C;*/
	color: #ffffff;
	font-family:Verdana;
	font-weight:bold;
	font-size:9px;
	text-transform: uppercase;
	vertical-align:text-top;
} 

.itemstyle
{
	/*background-color:#F2F2F2;*/
	background-color:#E4EEF8;
	font-family:Verdana;
	font-size:13px;
	font-weight: 500;
	text-align: center;
	height:35px;
	vertical-align:middle;	
		
 }
 
.alternatingitemstyle
{
/*background-color:#E5E5E5 ;*/
background-color:#Ffffff;
font-family:Verdana;
font-size:13px;
font-weight: 500;
text-align:center ;
height:35px ;
vertical-align:middle;
 }
 
#cabezaboletin{
	width: 945px;
	height: 100px;
	background-image:url(imagenes/cabezaboletin.png)

}

#pieboletin{
width: 945px;
height: 100px;
background-image:url(imagenes/barrabottom.png)

}


#contienenoticias{
width: 700px;
margin:auto;



}
#resumennoticia{
margin-top: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}