body{

font-family: sans-serif;
  
}



header{
  width:100%;
  background-color:#68dbed;
  height:150px;

  
}



.bloque_user  {
	display:block;
	z-index:99;
	float:right;
	background-color:#f3f3f3;
	border-radius:3px;
	margin:10px;
}


.bloque_user li {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.2em;
	color:#174866;
    padding:20px 15px;
	border-radius:5px;
	display:inline;

	
	
}


.bloque_user span {
	
    padding:0 5px;

	
}


.bloque_user p strong {
	
    font-weight:bold;
	color:#333;
	
	
}


@media (max-width: 767px) {
	
	.bloque_user  {
	display:block;
	z-index:99;
	float:right;
	background-color:#f3f3f3;
	border-radius:3px;
	margin:10px 10%;
	width:80%;
}


.bloque_user li {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.2em;
	color:#174866;
    padding:10px 0;
	border-radius:5px;
	display:block;
	
}

}	

header ul  {
	float:left;
	margin-top:10px;
	padding:0;
	
}



header li img {
	margin:0px 3px;
}

header li img:hover {
	opacity:0.7;
}




.menu_bloques {
	width:100%;
	padding:1em;
	height:150px;
	border:#FFF solid 5px;
	padding:0.5em;at:inherit;
 
}




.menu_bloques  p{
	color:#fff;
	font-size:0.9em;
	line-height:1em;
	padding:5px 0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

.menu_bloques a{
	text-decoration:none;


}

.menu_bloques a:hover{
	opacity:0.6;
	text-decoration:none;
}


.menu_bloques img{
	
	text-align:center;
	padding:1.5em 0;
	height:90px;
	
	
  
}

.menu_bloques img:hover{
	opacity:0.6;
	text-decoration:none;
}
	
.menu_bloques .menu_bloques1{
	background-color:#174866;border:#FFF solid 3px;	height:150px;padding:1em 0;
	
  
}
.menu_bloques .menu_bloques2 {
	background-color:#f57812;border:#FFF solid 3px;	height:150px;padding:1em 0;
  
}
.menu_bloques .menu_bloques3 {
	background-color:#efb310;border:#FFF solid 3px;	height:150px;padding:1em 0;
  
}
.menu_bloques .menu_bloques4 {
	background-color:#81bb21;border:#FFF solid 3px;	height:150px;padding:1em 0;
  
}
.menu_bloques .menu_bloques5 {
	background-color:#d31308;border:#FFF solid 3px;	height:150px;padding:1em 0;
  
}
.menu_bloques .menu_bloques6 {
	background-color:#3badc1;	border:#FFF solid 3px;	height:150px;padding:1em 0;
  
}
.menu_bloques .menu_bloques7{
	background-color:#999;border:#FFF solid 3px;	height:150px;padding:1em 0;
  
}
.menu_bloques .menu_bloques8 {
	background-color:#443359;border:#FFF solid 3px;	height:150px;padding:1em 0;
  
}




.login{
	background-color:#174866;
	min-height:400px;
	margin-top:1em;
	border-radius:10px;
	padding:0.5em;
    opacity:0.9;

	
	


}

.login h1{
	color:#fff;
	


}

.login label{
	color:#fff;
	text-align:right;
	padding: 8px 0;
	


}



.login label .glyphicon{
	color:#fff;
	text-align:right;
	padding:0 0.5em;
	


}


.login .btn{
	width:80%;
	margin:0 10%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#999;



}


.login .btn:hover{

	background-color:#ccc;


}


.login .campo_select {
font-size:1em;
font-family:Arial;
color:#666;
background:#fff;
border-color:#efefef;
height:30px;
width:100%;
padding:5px 0.5em;
border-radius:3px;
text-align:left;
margin: 0.5em 0;
font-family:Arial, Helvetica, sans-serif;
}



.log-back{
	background-image:url(../img/back.jpg);
	width:100%;
	height:1200px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	padding:1em 0;
   

	

}


select{ font-family:Arial, Helvetica, sans-serif;


}




@media (max-width: 767px) {
	
	header{

  height:350px;

  
}



	
.bloque_user  {
	padding:10px;
	display:block;
	float:left;
}
	
		
.menu_bloques{
	

	height:150px;
	display:block;
	float:left;
	padding:0.5em 0;
	
  
}


.menu_bloques img{
	padding:1em 0;
	height:85px;

	
	
	
  
}	

.menu {
 background-color: #174866;
 border-radius: 0;
 color:#fff;
}


.menu li a{

 color:#fff;
 padding: 0 1em;
}


.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  padding-top:0;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
		  width: 100%;
		  
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
			    
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;


}

}

.modal-header{ padding: 0px; }

.modal-footer { border-top: 0px; }

.glyphicon-user{ padding: 0px 20px; }