@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
*{margin:0px;padding:0px;}
body{
font:400 14px/18px 'Lato', sans-serif;
}

a{text-decoration:none;color:inherit;}
.borde{border:1px #df00ee solid !important;}
.bco{color:#ffffff;}
.ngo{color:#000000 !important;}
.verde{color:#339900 !important;}
.rojo{color:#df0000 !important;}
.negritas{font-weight:bold;}
.cursor{cursor:pointer;}
.margintop20{margin-top:20px;}
.izquierda{float:left ! important;}
.txtleft{text-align:left !important;}
.txtcenter{text-align:center !important;}

div#divContainer div {margin:20px;cursor: move;float:left;}
#tablaordenados{width:200px;}

.titulo{font:700 26px/40px "Lato";float:left;margin:10px 10px 10px 30px;}
.chica{font:400 12px/12px "Lato";}
.subtitulo{font:400 22px/30px "Lato";float:left;text-align:left;}
.subtitulo_alto{font:400 22px/50px "Lato";float:left;text-align:left;}
.txtgrande{font:700 28px/40px "Lato" !important;}
.fondomaestro1{background:#b2b2b2;}
.fondomaestro2{background:#9f2064;}
.grissuave{background:#e6e6e6;}
.grisfuerte{background:#565656 !important;}
.rojosuave{background:#ffcccc;}
.azulsuave{background:#b4dfe8;}
.borderbotom{border-bottom:1px #afafaf solid;margin-bottom:15px;padding-bottom:15px;}

.gris1{color:#898989;}
.azul{color:#0000cc;}

.consombra{	-webkit-box-shadow: 1px 1px 2px 1px rgba(166,166,166,1);
			-moz-box-shadow: 1px 1px 2px 1px rgba(166,166,166,1);
			box-shadow: 1px 1px 2px 1px rgba(166,166,166,1);}
.btn_contenidos{margin:10px 20px;}
.form_boton{display:inline-block;font:400 16px/30px "Lato";color:#7a7a7a;float:right;text-align:left;
	padding:2px 10px;border:1px #ffffff solid;border-radius:5px;cursor:pointer;}
.form_boton:hover{border:1px #acacac solid;}
.form_boton3{display:inline-block;font:400 16px/30px "Lato";color:#7a7a7a;float:none;text-align:center;
	padding:2px 10px;border:1px #ffffff solid;border-radius:5px;cursor:pointer;}
.form_boton3:hover{border:1px #acacac solid;}
.form_boton_ch{display:inline-block;font:400 16px/20px "Lato";color:#7a7a7a;text-align:center;
	padding:5px 10px;border:1px #ffffff solid;border-radius:5px;cursor:pointer;}
.form_boton_ch:hover{border:1px #acacac solid;}
.form_boton4{display:inline-block;font:400 26px/30px "Lato";color:#7a7a7a;float:left;text-align:left;
	border:1px #ffffff solid;border-radius:5px;cursor:pointer;}
.form_boton4:hover{border:1px #acacac solid;}
			
.tabla_principal{width:100%;float:left;text-align:center;}
.cuerpo{width:96%;max-width:1200px;margin:20px 2% 20px 2%;float:left;display:inline-block;}
.contenedor{width:96%;max-width:1200px;margin:2%;float:left;display:inline-block;}
.renglon{width:100%;display:inline-block;float:left;}

/* inicio_logotipo */
.inicio_logotipo{width:100%;padding-top:20px;padding-bottom:20px;}
.inicio_tabla{width:40%;margin-top:40px;float:none;display:inline-block;}
.inicio_label{width:30%;font:700 18px/40px "Lato";float:left;display:inline-block;margin-left:10%;margin-right:2%;text-align:right;}
.inicio_input{width:40%;font:400 18px/40px "Lato";float:left;display:inline-block;text-indent:10px;}
.inicio_button{width:200px;height:50px;font:300 18px/40px "Lato";float:none;display:inline-block;margin-bottom:40px;}

/*menu lateral*/
div#barra-lateral{position:fixed;width:65px;height:100%;overflow:hidden;
	-webkit-transition:width 0.5s cubic-bezier(.61,.01,.37,1);
	-moz-transition:width 0.5s cubic-bezier(.61,.01,.37,1);
	z-index:9999;
}
div#barra-lateral:hover{width:220px;}
div#logo-menu{margin:10px;display:inline-block;float:left;}
div#logo-menu img{width:210px;display:inline-block;float:left;}
#primeritem{margin-top:40px;float:left;}
/* menu lateral botones*/
.contenedor-logos{margin-top:15px;margin-left:0px;width:230px;height:30px;color:#ffffff;float:left;cursor:pointer;}
.contenedor-logos:hover{background-color:#ffffff;color:#000000;}
.botonmenu{width:160px;height:35px;font:400 18px/35px "Lato";margin-left:10px;display:inline-block;float:left;}
.noborders{border:none;background:transparent;text-align:left;color:inherit;cursor:pointer;}
.btn_lateral{width:40px;height:35px;font:300 28px/28px "Lato";margin:5px;margin-left:15px;float:left;display:inline-block;}

/* minimenu editar cada registro */
.dropmenu ul, li{font:300 20px/20px "Lato";padding:0px;margin:0px; cursor:pointer;}
ul.dropmenu{margin:0px;padding:0px;display:inline-block;}
.dropmenu li{position:relative;list-style:none;float:left;margin:0px;padding:0px;}
.dropmenu :hover {color:#ffcc00;}
.dropmenu li:hover ul, .dropmenu li:hover div{display:block;z-index:9999;}
.dropmenu ul{position:absolute;display:none;padding:0px;margin:0px;margin-left:-125px;margin-top:-25px;}
.submenu1{width:120px;z-index:5999;display:inline-block;
	border-radius:6px;background:#ffffff;
	-webkit-box-shadow: 1px 1px 2px 1px rgba(166,166,166,1);
	-moz-box-shadow: 1px 1px 2px 1px rgba(166,166,166,1);
	box-shadow: 1px 1px 2px 1px rgba(166,166,166,1);
}
.submenu1 li{width:120px;height:36px;float:left;}
.submenu1 li a{color:#000000;width:100%;font:300 16px/34px "Lato";display:inline-block;float:left;}
.submenu1 li a:hover{color:#003366;}
.btn_config{margin-left:10px;}

/* pantalla_maestra */
div#pantalla_maestra{position:absolute;right:0px;min-height:300px;left:65px;}
.encabezado{width:100%;height:60px;float:left;display:inline-block;}
.datos_user{font:300 20px/30px "Lato";float:left;margin:10px 10px 10px 30px;float:right;margin-right:30px;}

/* LISTA GENERAL */
.columna-tit{float:left;padding:2px 0px 2px 5px;font:700 18px/22px "Lato";color:#ffffff;}
.columna-cel{float:left;padding:2px 0px 2px 5px;font:400 16px/20px "Lato";min-height:40px;}
.anchocelda_1,
.anchocelda_2,
.anchocelda_3{width:30%;}
.anchocelda_4,
.anchocelda_5{width:18%}
.anchocelda_6,
.anchocelda_7,
.anchocelda_8{width:15%}
.anchocelda_9{width:12%}

.historial_renglon{width:90%;display:inline-block;font:400 16px/32px "Lato";padding:1%;}
	.historial_renglon:nth-child(odd){background-color:#ffffff;}/* alternacolores entre filas*/
	.historial_renglon:nth-child(even){background-color:#f2f2f2;}
.historial_celda{width:23.5%;min-height:40px;  display:inline-block;font:400 14px/16px "Lato";float:left;}

/* LISTA Proyectos */
.cel_titulo
		{width:290px;float:left;}
.cel_tipo,
.cel_nombre_empresa,
.cel_fecha_entrega,
.cel_solicitante	
	{width:130px;float:left;}
.cel_cliente,
.cel_tarea,
.cel_responsable
		{width:190px;float:left;}
.cel_fecha_inicio,
.cel_fecha_entrega_2
		{width:100px;float:left;}
.cel_tarea
		{width:200px;float:left;}
.cel_tarea_2,
.cel_observaciones
		{width:180px;float:left;}

			
.maxitexto{display:none;}

.mitabla{width:100%;max-width:600px;display:inline-block;float:left;}
.micelda{width:300px;min-height:250px;text-align:center;margin:5px;display:inline-block;float:left;}


/* lista PAGOS */
.pagos_renglon{width:49%;display:inline-block;vertical-align:top;}
.pagos_renglon_100{width:99%;display:inline-block;vertical-align:top;}
.pagos_celda{display:inline-block;vertical-align:top;text-align:center;}
	.pagos_celda50{width:50%;}
	.pagos_celda40{width:40%;}
	.pagos_celda30{width:30%;}
	.pagos_celda20{width:20%;}
	.pagos_celda15{width:15%;}
	.pagos_celda10{width:10%;}
.pagos_input{width:100%;height:26px;font:300 18px/28px "Lato";float:left;border:1px #d2d2d2 solid;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.pagos_area{width:100%;height:46px;font:300 18px/22px "Lato";float:left;border:1px #d2d2d2 solid;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.pagos_btn_guardar{border:1px #cccccc solid;display:inline-block;cursor:pointer;float:none;
	font:400 16px/20px "Lato";display:inline-block;background:none;text-align:center;padding:5px 10px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

/* lista inmuebles */
.cajacorreos{width:96%;padding-bottom:40px;display:inline-block;display:none;
			margin:20px 2% 20px 2%;float:left;}

.cajacorreos_cancelar{width:100%;display:inline-block;font:400 16px/16px "Lato";text-align:right;}
.cajacorreos_titulo{width:100%;height:60px;font:700 24px/44px "Lato";text-align:center;}
.cajacorreos_label{width:30%;height:30px;display:inline-block;float:left;
	font:300 18px/24px "Lato";text-align:right;}
.cajacorreos_input,
.cajacorreos_area{width:60%;display:inline-block;height:30px;text-indent:10px;font:300 18px/24px "Lato";
	float:left;	border:1px #d2d2d2 solid;float:left;margin-bottom:10px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.cajacorreos_area{height:60px;}


/* GRAFICAS */
.graficas_cont{display:inline-block;width:100%;text-align:center;overflow:auto;}
.graficas_mosaico{display:inline-block;width:100%;max-width:800px;text-align:center;}
.btn_graf{float:left;width:220px;height:200px;font:400 18px/30px "Lato";margin:20px;text-align:center;}
.tabla_grafica{min-width:800px;display:inline-block;width:100%;max-width:800px;text-align:center;}
.tabla_grafica td{padding:5px;}

/* FORM_UPLOAD */
.fileUpload_renglon{width:100%;max-width:300px;display:inline;float:left;}
.form_upload{display:inline-block;font:400 16px/35px "Lato";float:left;text-align:center;
	background:#0050a1;color:#ffffff;
	cursor:pointer;padding:0px 10px;vertical-align:top;margin:0px;}
.file_input{width:200px;display:inline-block;font:400 16px/35px "Lato";margin:0px;text-indent:10px;border:none;float:left;}
.fileUpload {width:80px;position:relative;overflow: hidden;margin:0px;float:left;}
.fileUpload input.upload {position:absolute;top:0;right: 0;margin: 0;padding: 0;font-size: 20px;
    cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.fileUpload input.uploadfree {position:absolute;top:0;right: 0;margin: 0;padding: 0;font-size: 20px;
    cursor: pointer;opacity: 0;filter: alpha(opacity=0);}

	
input.chbox[type="checkbox"] {display:none;}
input.chbox[type="checkbox"] + label span {display:inline-block;vertical-align:middle;margin:-1px 4px 0 0;cursor:pointer;	
	width:30px;height:30px;background:url(images/check_radio_sheet.png) left top no-repeat;}
input.chbox[type="checkbox"]:checked + label span {
	background:url(images/check_radio_sheet.png) 0px -30px no-repeat;}
	
input.chbox2[type="checkbox"] {display:none;}
input.chbox2[type="checkbox"] + label span {display:inline-block;vertical-align:middle;margin:5px 4px 0 0;cursor:pointer;	
	width:45px;height:27px;background:url(images/check-on-off.png) left top no-repeat;}
input.chbox2[type="checkbox"]:checked + label span {
	background:url(images/check-on-off.png) -44px 0px no-repeat;}
	
secc{margin-left:35px;margin-top:8px;}

	
input.destacado[type="checkbox"] {display:none;}
input.destacado[type="checkbox"] + label span {display:inline-block;vertical-align:middle;margin:-1px 4px 0 0;cursor:pointer;	
	width:30px;height:30px;background:url(images/check_destacado.png) left top no-repeat;}
input.destacado[type="checkbox"]:checked + label span {
	background:url(images/check_destacado.png) 0px -30px no-repeat;}

	
/* pie */
.pie-renglon{display:inline-block;}
.mapa_portada {float: left;width: 100%;height:400px;overflow:hidden;}
.mapa{width:100%;height:300px;overflow:hidden;position: relative;padding-bottom:15%;}
#map_canvas{ position: absolute;top:0;left:0;width: 100% !important;height: 100% !important;}

.numeropagina{width:90%;display:inline-block;text-align:center;}
.numeropagina_normal{color:#676767;}
.numeropagina_sel{color:#000000;font-weight:bold;}

/* formulario */
.btn_espaciador{width:40px;height:30px;float:right;display:inline-block;}
.form_boton2{min-width:100px;height:30px;font:400 16px/30px "Lato";color:#7a7a7a;float:left;text-align:center;padding:2px 5px;
	border:1px #ffffff solid;border-radius:5px;margin-left:10px;cursor:pointer;}
.form_boton2:hover{border:1px #acacac solid;background:#ffffff;}

.busqueda_abierta {width:160px;height:30px;float:left;
	padding:0;margin:0;border-radius:3px;border:1px #dddddd solid;
    margin-left:10px;}
.select-style {width:160px;height:30px;float:left;
	padding:0;margin:0;border-radius:3px;overflow: hidden;border:1px #dddddd solid;
    background: #fff url("images/arrowdown.png") no-repeat 105% 50%;margin-left:10px;}
	.select-style select {padding:5px;width:100%;border:none;box-shadow:none;background-color:transparent;
    -webkit-appearance: none;-moz-appearance: none;appearance: none;}
	.select-style select:focus {outline: none;}
.form_renglon{width:80%;margin-left:10%;margin-top:10px;float:left;}
.form_label{width:20%;font:700 18px/24px "Lato";color:#7a7a7a;float:left;margin-top:5px;text-align:right;}
.form_label_gde{width:40%;font:700 18px/24px "Lato";color:#7a7a7a;float:left;margin-top:5px;text-align:right;}
.form_cajon,
.form_input,
.form_input2,
.form_input_gd,
.form_area{width:50%;height:32px;font:300 18px/30px "Lato";float:left;border:1px #d2d2d2 solid;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.form_cajon{height:auto;}
.form_input2{width:20%;}
.form_input_gd{height:auto;border:none;}
.form_area{height:120px;text-indent:0px;}
.form_area2{height:200px;text-indent:0px;}	
.form_area{width:100%;}
.form_area_ch{width:94%;height:60px;font:normal 14px/18px "Lato";margin:1%;padding:1%;}
.form_select,
.form_select2{width:50%;height:32px;text-indent:4px;font:300 18px/46px "Lato";float:left;border:1px #d2d2d2 solid;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.form_select2{width:30%;}	
.btn_enviar{min-width:220px;border:1px #cccccc solid;display:inline-block;cursor:pointer;float:none;
	font:400 24px/50px "Lato";display:inline-block;background:none;text-align:center;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.btn_enviar:hover{background:#cccccc;border:1px #aaaaaa solid;}

.marcorojo{border:1px #ff3c00 solid;}
.enviandomensaje{width:99%; display:inline-block;border:1px #999999 solid;text-align:center;font:400 12px/24px "Lato";margin-top:5px;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#ffffff;
}



::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);border-radius: 5px;}
::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);}


.mostrar2{display:none;}
#btn_menuresponsive{display:none;}

@media screen and (max-width:990px){/* LAP de Altaira */
/* LISTA Proyectos */
.cel_titulo{width:220px;float:left;}
.cel_tipo,
.cel_nombre_empresa,
.cel_solicitante{width:100px;float:left;}
.cel_cliente,
.cel_responsable	{width:120px;float:left;}
.cel_fecha_inicio,
.cel_fecha_entrega	{width:100px;float:left;}
.cel_tarea	{width:120px;float:left;}
.cel_fecha_entrega_2	{width:140px;float:left;}
.cel_tarea_2{width:180px;float:left;border:1px #df0000 solid;}
}/* @media screen */


@media screen and (max-width:769px){/* iPad */

}/* @media screen */



@media screen and (max-width:670px){/* iPhone Landsape */
.inicio_tabla{width:100%;margin-top:40px;float:none;display:inline-block;}
.cabeceracolumnas{display:none;}
.dropmenu ul{margin-left:20px;margin-top:-70px;}

.columna-cel{width:90%;height:auto;min-height:10px;margin:0px;margin-bottom:5px;float:left;}
.celda_tools{width:8%;float:left;margin:0px;}

.anchocelda_1,
.anchocelda_2,
.anchocelda_3,
.anchocelda_3,
.anchocelda_4,
.anchocelda_5,
.anchocelda_6,
.anchocelda_7,
.anchocelda_8,
.anchocelda_9	{width:100% !important;}

		
}

@media screen and (max-width:420px){/* iPhone potrait */
.encabezado{width:96%;margin:1%;height:auto;}
.contenedor{text-align:center;}
div#barra-lateral{width:50px;}
div#logo-menu {width:180px;}
div#logo-menu img{width:100%;}
#primeritem{margin-top:10px;float:left;}
.contenedor-logos{margin:5px;width:230px;height:40px;}
	.btn_lateral{width:30px;height:30px;font:300 30px/30px "Lato";margin:5px;float:left;display:inline-block;}
	.botonmenu{margin:0px;margin-left:10px;}
div#pantalla_maestra{position:absolute;right:0px;min-height:300px;left:50px;}
.form_boton,
.form_boton2{float:none;display:inline-block;padding:5px;margin:5px;}

.cajacorreos_titulo{height:auto;display:inline-block;font:700 20px/20px "Lato";}
.cajacorreos_input,
.cajacorreos_area,
.cajacorreos_label{width:96%;margin:0;margin-left:2%;height:auto;display:inline-block;float:left;text-align:left;}

.columna-cel{width:95%;height:auto;}
.dropmenu ul{margin-left:20px;margin-top:-70px;}

.form_renglon{width:96%;margin:1%;}
.form_label{width:96%;font:400 16px/18px "Lato";text-align:left;}
.form_input,
.form_select,
.form_select2,
.form_area{width:96%;font:300 16px/30px "Lato";text-align:left;}
.btn_enviar{width:200px;display:inline-block;float:none;margin:5px;padding:0px;}

.mostrar2{display:inline-block;}
}/* @media screen */


@media screen and (max-width:388px){/* iPhone potrait */
}