@CHARSET "ISO-8859-1";



html, body{

	font-size: 10px;

	font-family: "Century Gothic", "Helvetica", "Arial",  "Verdana", "sans-serif";

	padding:0;

	margin:0;

	overflow: visible !important;

}

.box { 

    margin: .3em;
    overflow:hidden; 
/*	width: 1340px;*/

}



#alerta{

	font-family: "Century Gothic", "Helvetica", "Arial",  "Verdana", "sans-serif";

	font-size:12px;

}



h1{

	font-family:Century Gothic, Helvetica, sans-serif;

	color:#FFFFFF;

	text-align: center;

}



.bgtransparent{

        position:fixed;

        left:0;

        top:0;

        background-color:#000;

        opacity:0.7;

        filter:alpha(opacity=60);

}



.bgmodal{

        position:fixed; 

        font-family:arial;

        font-size:1em;

        overflow:auto;

        filter:alpha(opacity=60);

		font-size: 15px;

		font-weight: bold;

		text-align: center;

		color:#FFFFFF;

}





/* CSS Document */



#lCenter{

	margin-left:5px;

}



#lCenter{

/*    padding:0.5em;*/

    padding-top:0;

    overflow:hidden;

}

#lLeft{

    float: left;

	width:200px;

}





#panelCenter_1_1{
	height: 510px;
	/*width: 1138px;*/
	overflow: auto;
	padding:5px;
	border: solid 1px #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
} 



#panelLeft_1_1{

	height: 510px;	

	overflow: auto;

	border: solid 1px #CCCCCC;

	padding:5px;

	font-size:12px;

	border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-webkit-border-radius: 5px 5px 5px 5px;

}



.tituloM{

	color:#FFF;

	border-radius: 45px 45px 45px 45px;

	padding-top:6px;

	height:22px;

	font-size:13px;

	text-align:center

}





.titulo { 

	height:25px;

	font-weight:bold;

	color:#000;

	font-size:15px;

	font-family:Century Gothic, Helvetica, sans-serif;

	padding: 4px 2px 2px 2px;

	margin-top: 10px;



	  border-radius: 5px 5px 5px 5px;

	  -moz-border-radius: 5px 5px 5px 5px;

	  -webkit-border-radius: 5px 5px 5px 5px;

	  background: #999999;

	  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 

	  background: -moz-linear-gradient(top, #CCCCCC 0%, #999999 100%);

	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCCCCC), color-stop(100%, #999999));

	  background: -webkit-linear-gradient(top, #CCCCCC 0%, #999999 100%);

	  background: -o-linear-gradient(top, #CCCCCC 0%, #999999 100%);

	  background: -ms-linear-gradient(top, #CCCCCC 0%, #999999 100%);

	  background: linear-gradient(to bottom, #CCCCCC 0%, #999999 100%);

	  border-top: 2px solid #CCCCCC;

}



.divEtiqueta{

	font-weight:bold;

	width:70px;

	float:left;

	height:24px;

	padding-top:3px;

	text-align:left;

}



.divEtiqueta2{

	font-weight:bold;

	width:150px;

	float:left;

	height:24px;

	padding-top:3px;

	text-align:left;

}



.divText{

	font-family:Century Gothic, Helvetica, sans-serif;

	font-size:12px;

	text-align:left;

	width:110px;

	float:left;

	height:30px;

}



.divTitleM{

	font-weight:bold;

	font-size:12px;

	width:100%;

	height:25px;

}



.divTitle{

	font-weight:bold;

	font-size:12px;

	width:700px;

	height:25px;

	margin: 0 auto;

}



.divTitleC{

	text-align:center;

	font-weight:bold;

	font-size:12px;

	width:100%;

	height:50px;

	align:center;

}



input, button, select, textarea,div {

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}

button{

	cursor:pointer;

    font-weight: bold !important;

}

select{

	background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

	font-size:12px;

	

	border-radius: 4px 4px 4px 4px;

    color: #555555;

    display: inline-block;

    height: 22px !important;

    line-height: 20px;

    margin-bottom: 10px;

    padding: 4px 6px;

    vertical-align: middle;

}

textarea {

	background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

	font-size:12px;

	

	border-radius: 4px 4px 4px 4px;

    color: #555555;

    display: inline-block;

    line-height: 20px;

    margin-bottom: 10px;

    padding: 4px 6px;

    vertical-align: middle;

}

input[type="text"], input[type="password"] {

	background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

	font-size:12px;

	

	border-radius: 4px 4px 4px 4px;

    color: #555555;

    display: inline-block;

    height: 18px;

    line-height: 20px;

    margin-bottom: 5px;

    padding: 4px 6px;

    vertical-align: middle;

}



.tam100{

	width:100px;

}





.tam80{

	width:80px;

}

.tablaborde{

	background: url(../images/cabecera.png) repeat-x scroll 50% 50% #CC0000;

    border: 1px solid #327E04;

    color: #FFFFFF;

    font-weight: bold;

}

.tablaconten{

	background:scroll 50% 50% #E9E9E9;

    border: 1px solid #327E04;

    font-weight: bold;

}



.floatl{

	float:left;

}



.floatr{

	float:right;

}



iframe{

	text-align:center;

}



.aleft{

	text-align:left;

}



.tituloPag{

	background-repeat:no-repeat;

	margin-top:-20px;

}

.busq{

	background-image:url(../images/new_page.png);

}

.alta{

	background-image:url(../images/folder_accept.png) ;

}



.baja{

	background-image:url(../images/delete_folder.png);

}



.tabProy{

	background-image:url(../images/carpetaProy.png);

	margin-top: -14px;

}



.newProy{

	background-image:url(../images/addProy2.png);

	margin-top: -14px;

}



.segObra{

	background-image:url(../images/segObra.png);

}





.catCli{

	background-image:url(../images/clientes.png);

}

.catPer{

	background-image:url(../images/c_worker.png);

}



.reporPagos{

	background:url(../images/reporte.png) no-repeat center;

	margin-top: -15px;

}



.catUsu{

	background:url(../images/user_group.png) no-repeat center;

	margin-top: -15px;

}



.altaUs{

	background:url(../images/usermas.png) no-repeat center;

	margin-top: -15px;

}



.catRol{

	background:url(../images/rol48.png) no-repeat center;

	margin-top: -15px;

}



.altaRol{

	background:url(../images/roladd48.png) no-repeat center;

	margin-top: -15px;

}



.perm{

	background:url(../images/permisos.png) no-repeat center;

	margin-top: -15px;

}



.req{

	background:url(../images/req.png) no-repeat center;

	margin-top: -15px;

}



.addReq{

	background:url(../images/addReq.png) no-repeat center;

	margin-top: -15px;

}





.ordC{

	background:url(../images/Interface.png) no-repeat center;

	margin-top: -15px;

}



.catProv{

	background:url(../images/cargo1.png) no-repeat center;

	margin-top: -15px;

}



.addprov {

	background:url(../images/addProv.png) no-repeat center;

	margin-top: -15px;

}



.catMat {

	background:url(../images/materiales.png) no-repeat center;

	margin-top: -20px;

}



.addOrdC {

	background:url(../images/addCompra.png) no-repeat center;

	margin-top: -20px;

}



.viewOrdC {

	background:url(../images/compras.png) no-repeat center;

	margin-top: -20px;

}



.precios {

	background:url(../images/precios.png) no-repeat center;

	margin-top: -20px;

}



.catPedidos {

	background:url(../images/catPedidos.png) no-repeat center;

	margin-top: -15px;

}



.nPedido {

	background:url(../images/pedidos.png) no-repeat center;

	margin-top: -15px;

}



.catListaPrecios {

	background:url(../images/lista_precios.png) no-repeat center;

	margin-top: -15px;

}



.datepicker{padding-right:18px;background: url(../images/date.png) no-repeat right center #FFF !important}



select, .combo {

    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

	border-radius: 4px 4px 4px 4px;

    color: #555555;

    display: inline-block;

    font-size: 14px;

    height: 27px !important;

    line-height: 20px;

    margin-bottom: 10px;

    padding: 4px 6px;

	width:100%;

}



.pdf

{

	background: url(../images/pdf.png) center left no-repeat;

	padding: 2px 0 2px 23px;

}



.xlsx

{

	background: url(../images/excel.png) center left no-repeat;

	padding: 2px 0 2px 23px;

}



.xml

{

	background: url(../images/xml.png) center left no-repeat;

	padding: 2px 0 2px 23px;

}



.jpg

{

	background: url(../images/image.png) center left no-repeat;

	padding: 2px 0 2px 23px;

}





.pagada

{

	background: url(../images/accept.png) center left no-repeat;

	padding: 2px 0 2px 23px;

	margin-left:10px;

}





.accept

{

	background: url(../images/accept.png) center left no-repeat;

	padding: 2px 0 2px 23px;

	margin-left:10px;

}



.recibido

{

	background: url(../images/page_green.png) center left no-repeat;

	padding: 2px 0 2px 23px;

	margin-left:10px;

}



.delete

{

	background: url(../images/delete.png) center left no-repeat;

	padding: 2px 0 2px 23px;

	margin-left:10px;

}



.verde

{

	padding-left: 20px;

	padding-top: 3px;

	background: url(../images/green.png) center left no-repeat;

}

.amarillo

{

	padding-left: 20px;

	padding-top: 3px;

	background: url(../images/yellow.png) center left no-repeat;

}

.rojo

{

	padding-left: 20px;

	padding-top: 3px;

	background: url(../images/red.png) center left no-repeat;

}

.lverde

{

	color:#009900;

}

.lamarillo

{

	color:#FFCC00;

}

.lrojo

{

	color:#CC0000;

}

.lazul

{

	color:#369;

}



.lblNaranja{

	color:#F60;

}



.lblIndice{

	font-weight:bold;

	color:#C00;

}



.ui-jqgrid .ui-jqgrid-view {

	font-size:10px !important;

}



.viñeta

{

	padding-left: 25px;

	background: url(../images/vn2.gif) right no-repeat;

}

.tituloT

{

	font-weight:bold;

}

.tituloMod

{

	padding-left: 5px;

}



.deleteImagen{

	display:block;

	height:18px;

	float:right;

	width:10%;

	cursor:pointer;

	background:url(../images/delete.png) no-repeat center;

}
.divCerrarSesion:hover{
	background-image:url(../images/btn_close_dnw.png); 
}
.divCerrarSesion {
    background-image: url("../images/btn_close_up.png");
    background-position: left top;
    background-repeat: no-repeat;
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 65px;
    margin-left: 2px;
    margin-top: 12px;
    text-align: left;
    width: 100px;
}
.lblAzul {
    color: #1e50a3;
    cursor: pointer;
}
.divContUsuario {
    background-image: url("../images/btn_user_up.png");
    background-position: left top;
    background-repeat: no-repeat;
    float: right;
    font-size: 12px;
    height: 45px;
    padding: 0 0 0 30px;
}
.divContUsuario:hover{
	background-image:url(../images/btn_user_dnw.png);
}
.divUsuario {
    color: #000;
    float: left;
    font-weight: bold;
    height: 65px;
    margin-top: 12px;
    text-align: left;
    width: 280px;
}
.divLinea {
    background-image: url("../images/pleca_1.png");
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    height: 65px;
    margin-top: 2px;
    text-align: left;
    width: 20px;
}