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



.logo, .logodos{background:url(../ima/logo2.png) no-repeat center;}





header{
position:fixed;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(bottom, #f4f4f4 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom, #f4f4f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*min-width:520px;*/
width:100%;
/*height:70px;*/
z-index:9;
/*opacity: 0.9*/;
text-align:center;
text-transform:uppercase;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.30);
}




#header{
	top:0px;
}


/*XXXXXXXXXXXXXXXXXXXXXXXX menu XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/



.navbar-nav > li > a {
	font-size:13px;
	    color: #337ab7 !important;

}

.navbar-nav > li:hover {
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top, #e5e5e5 0%, #f4f4f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e5e5e5 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e5e5e5 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-left:1px #fff  solid;
	border-right:1px #fff solid;
}

#menu06 > .glyphicon {
	font-size:20px;	
}







#primary_nav_wrap{
	/*margin-top:15px*/
}

#menu{
	list-style:none;
	position:relative;
	float:right;
	margin:0;
	padding:0
}





#menu .botonesmenu{
	display:block;
	color:#333;
	text-decoration:none;
	font-size:12px;
	/*line-height:32px;*/
	padding: 15px 40px;
	
}

#menu button{
	
	/*color:#333;*/
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	/*line-height:32px;*/

	
}




#menu .botonbarra{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	color:#627dba;
	/*background: rgba(58,138,197,0.23);*/
	height:70px;
	min-height:70px;
	line-height:70px;
	width:139px;
}

.navbar-nav > .nombrecliente > a{
	background: #85b7e2; /* Old browsers */
	background: -moz-linear-gradient(top, #85b7e2 0%, #627dba 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #85b7e2 0%,#627dba 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #85b7e2 0%,#627dba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color:#FFF !important;
	font-size:15px;
	font-weight:bold;
}



.opcioncliente{
	width:200px !important;
	
}
/*
.nombrecliente {
	position: relative;

}
.nombrecliente:after, .nombrecliente:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.nombrecliente:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #627dba ;
	border-width: 20px;
	margin-top: -20px;
}
*/


#menu li{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	
	/*background: rgba(58,138,197,0.23);*/
}


#menu li:hover{
	background:#627dba;
	
}

#menu li ul li{
	background:#FFF;
}

#menu li ul li:hover{
	background:#627dba !important;
	
}

#menu ul, #menures ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	/*background:#fff;*/
	padding:0;
		
}

#menures ul{
	margin-left:-270px;
		
}



#menu li ul{
	float:none;
	width:200px;
	text-align: left;
	
}

#menu li ul button{
		color:#000;
		text-align: left;
		padding: 15px 10px;
		line-height:0px;
		min-height:0px;


}



#menu a:hover, #menures a:hover{
	text-decoration:none;
		  
}


#menu li:hover > ul, #menures li:hover > ul{
	display:block;
	
}



/*BOTON RESPONSIVO*/
#menures{
	list-style:none;
	position:fixed;
	float:right;
	right:0px;
	padding:0;
}



.botonsres{
	background:#FFF;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.23);
}


.botonsres div{
	padding:0px !important;
	}

.positivo{
	padding:0px;
	background:#3497B8;
}
.negativo{
	padding:0px;
	background:#FFF;
	}
/*CONTENEDOR DEL BOTON RESPONSIVO*/

#menures:hover .opcionesres{
	display:block;
}

.opcionesres{
	display:none;
	position:fixed;
	background:#FFF;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.23);
}



.opcionesres  div:hover{
		background:#f6f6f6 !important;
}



#menures li{
	text-align:right;
	padding:10px;
	list-style:none;

}

#menures li ul{
	text-align:center;
}

#menures li ul li:hover{
	
}




/*///////////////////////////////*/
/*ANIMACIONES DEL MENUS*/
@-webkit-keyframes fadeIn {
    from {  opacity: 0; max-height: 0px;   }
      to {  opacity: 1; max-height: 1500px;}
}  
@keyframes fadeIn {
    from {  opacity: 0; max-height: 0px;    }
      to {  opacity: 1; max-height: 1500px; }
}





.opcionesres, .opcionesresNoRes{
	overflow: hidden;
	-webkit-animation: fadeIn 2;
    animation: fadeIn 2s;
	
}






.linea{
	/*border:1px #00CC33 solid;
	max-height:550px;
	overflow:hidden;*/
		
}


/*PERSONALIZACION SGI */
/*FONDO*/




/*MENUNORES#3497B8*/
#menu {
   /* margin-top: 50px !important;
	margin-right:20px !important;*/
}

#menu  ul li:hover{
	background:none;
	color:#000;	
}

#menu li:hover{
	background:none !important;
	

}

/*TAMAÑO DE BOTON*/
#menu > li > a > div{
	color:#FFF;
	padding: 5px 20px;
}

#menu > li > a > div:hover, #menu button:hover{
	color:#000;
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top, #e5e5e5 0%, #f4f4f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e5e5e5 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e5e5e5 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-left:1px #fff  solid;
	border-right:1px #fff solid;
}

#menu > li > a > div,  {
	position: relative;
	/*border: 1px solid #FFF;*/
}

/*PERSONALIZACION SGI MENURES*/

#menures ul{
	background:#FFF !important;	
}



/*MODIFICAO EL CONTENEDO MENU

#menu .anchomenu{
	padding: 15px 10px;
	background:none;
	width:139px;
	
}*/


#menu button{
	border:none;
	background:none;
	width:139px;
}

/*TRIANGOLO DEL BOTON*/


.barradecontrol{
	background:#627dba;
	
	
}



/*NOTIFICACION*/

.paleta_notificaciones{
	background:#CCC !important;
	width:345px !important;
	z-index:15 !important;
	font-size:13px;
}

.white{
	background:#f6f6f6 !important;
	padding:20px;
	padding-left:20px;
	padding-right:20px;
	border-bottom:#999 1px solid !important;
	
}


.white:hover{
	background:#CCC !important;
	
}

.white > .b_sinestilo{
	background:none !important;
	border:none !important;
	width:inherit !important;
	padding:0px !important;
	font-size:13px !important;
	
}

.b_sinestilo > .glyphicon{
	font-size:13px !important;
	
}

.menos {
    margin-top: -13px;
}



button >.glyphicon {
    line-height: 2!important;
    font-size: 35px !important;
}

.cantidad_mensajes{
	position:absolute;
	line-height: 17px;
	font-size:10;
	border:#C00 2px solid;
	background:#F00;
	color:#FFF;
	font-weight:bold;
	border-radius:10px;
	height:20px;
	width:20px;
	top:10px;
	left:25px;
	z-index:5;
}

.list-group{
	
	border-radius:0px !important;
}




.navbar{
	border-radius:0px;
	position: relative;
	min-height: 50px;
	margin-bottom: 0px;
	border: 1px solid transparent;
}










@media (max-width: 554px) { 
	/*FORMATO*/
	
	/*MENUS*/
	#menures {display:none;}
	#menu, .right{display:none;}
	

}

/*telefonos*/ 

@media (orientation:portrait) and (min-width: 554px) { 
	
	/*LOGO*/
	.logo, .logodos{background-size:250px;}
	.logo, .logodos{/*height:130px;*/width:320px;float:left !important;margin-left:80px;}
	/*CONTADOR*/
	.reloj{position:absolute; top:550px; bottom:auto; left:10px; right:10px; font-size:400px; color:#FFF; text-align:center; opacity:0.1; }
	/*MENU*/
	#menures {display:block;}
	#menu {display:none;}
	/*BOTON RESPONSIVO*/
	.contenedores{padding: 60px 80px 0px !important;}
	.positivo, .negativo{height:10px;width:70px;}
	.botonsres{padding:10px !important;}
	.opcionesres{display:none;position:fixed;right:80px;left:80px;}
	.opcionesres  div{font-size:50px;padding:10px;}
	
	
}



@media (orientation:landscape) and (min-width: 554px){ 
	
	/*LOGO*/
	.logo, .logodos{background-size:150px;}
	.logo, .logodos{/*height:70px;*/width:200px;float:left !important;margin-left:35px;}
	/*CONTADOR*/
	.reloj{position:absolute; top:0px; bottom:auto; left:10px; right:10px; font-size:400px; color:#FFF; text-align:center; opacity:0.1; }
	/*MENU*/
	#menures {display:block;}
	#menu {display:none;}
	/*BOTON RESPONSIVO*/
	.contenedores{padding: 30px 40px 0px !important;}
	.positivo, .negativo{height:7px;width:50px;}
	.botonsres{padding:5px !important;}
	.opcionesres{display:none;position:fixed;right:40px;left:40px;}
	.opcionesres  div{font-size:25px;padding:5px;}
	.navbar > .container-fluid{
	padding-right: 0px !important;
	
}
	
	
}




/*pc*/
@media  (min-width: 992px) {
	/*LOGO*/
	.logo, .logodos{background-size:180px;}
	.logo, .logodos{/*height:70px;*/width:200px;float:left !important;margin-left:35px;}
	/*CONTADOR*/
	.reloj{position:absolute; top:10px; bottom:10px; left:10px; right:10px; font-size:500px; color:#FFF; text-align:center; opacity:0.1; }
	/*MENU*/
	#menures {display:none;}
	#menu {display:block;}
	/*BOTON RESPONSIVO*/
	.contenedores{padding: 30px 40px 0px !important;}
	.positivo, .negativo{height:7px;width:50px;}
	.botonsres{padding:5px !important;}
	.opcionesres{display:none;position:fixed;right:40px;left:40px;}
	.opcionesres  div{font-size:25px;padding:5px;}
	
	
	 }