@import url(https://fonts.googleapis.com/css?family=Michroma);
@import url(https://fonts.googleapis.com/css?family=Orbitron);
body
{
  margin:0;	
	font: 16px 'Orbitron', sans-serif;
	background-color: #bbb;
	background-image: url('../images/right_strip_pattern.png');
	background-position: top center;
	background-repeat: repeat;
	background-attachment: fixed;		
}
.principal 
{
  width: 1150px;
  margin: 0 auto; 
  max-width: 100%;
}
a{text-decoration: none;}
header
{
  background-color: #00396E;
  color:#D2D2D2;
  border-bottom:5px solid #B72C38;
  width: 100%;
  box-sizing:border-box;
  padding:15px;
  padding-bottom: 0px;
}
.login{cursor: pointer;}
.login .iconito i{color:#007BC3;font-size: 35px;}
.login .iconito{float:left;box-sizing:border-box;padding:3px;}
.login .texto{float:left;margin-left: 10px;}
.login .texto .gris{font-size: 20px;line-height: 0.8px;}
.login .texto .negro{color:#000;font-size: 12px;line-height: 0.8px;}
.centrado{text-align: center;box-sizing:border-box;padding-top: 10px;}
.social{width: 100%;min-height: 35px;text-align: right}
.social i{float:right;margin:0px 5px;background-color:#D2D2D2;color:#00396E;padding:8px;border-radius: 50%;font-size: 14px;border:1px solid #D2D2D2;cursor: pointer;transition: all 0.6s;}
.icon-facebook{padding:8px 12px !important;}
.social i:hover{background-color:#00396E;color:#D2D2D2;}
.pbottom{padding-bottom: 10px;box-sizing:border-box;}
.logo{position:absolute;z-index: 9999;margin:20px 30px;width: 200px;}
.blanco{background-color: #fff;box-shadow: 5px 0px 10px #666; box-sizing:border-box;padding:20px 40px;}
.somos{text-align: center;color:#333333;margin:20px 0px;}
.somos i{color:#fff;background-color: #B72C38;padding:8px;border-radius: 50%;font-size: 18px;text-align: center;}
.somos h1{color:#B72C38;text-align: center;margin:0;font-size: 20px;margin: 10px 0px;}
.somos .icon-info{padding:8px 14px !important;}
.somos p{text-align: justify;font-size: 14px;}
.servicios{width: 100%;height:auto;}
.asociados{color:#B72C38;margin:40px 0px;margin-top: 20px;}
.asociados i{color:#fff;background-color: #B72C38;padding:8px 12px;border-radius: 50%;font-size: 18px;text-align: center;margin-right:5px;}
.socios{text-align: center;}
.socios img{width: 200px;}
.azul{background-color: #00396E;box-shadow: 5px 0px 10px #666; box-sizing:border-box;padding:20px 40px;color:#fff;}
.mapa{width: 100%;height:300px;border:0;}
input,textarea
{ 
  padding:8px;
  font-size: 12px;
  color:#000;
  background-color:transparent;
  border:1px solid #fff;
  width: 100%;
  box-sizing: border-box;
  margin:5px 0px;
}
.boton
{
  padding:8px;
  border:1px solid #fff;
  color:#00396E;
  background-color: #fff;  
  transition: all 0.6s ;
  width: 150px;    
  text-decoration: none;
  text-align: center;  
  float:right;
  cursor: pointer;
}
.boton:hover
{
  color:#fff;
  background-color: #00396E;
}
.capanegra {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999999;
	background-color: #000;
	opacity: 0.7;
	display: none;
}
.cargando {
	z-index: 9999999;
	position: fixed;
	width: 100%;
	text-align: center;
	top: 40%;
	left: 0;
	display: none;
	text-align: center;
	color: #fff;
}
.cargando i { font-size: 65px; }
 .cargando h3 { color:#fff; }
.spcs{margin-bottom: 30px;}
.vacio {
	background: #FEE9EA !important;
	border: 1px solid #DE888A !important;
}
@media screen and (max-width:1150px)
{
  header{padding: 15px 0px !important;padding-bottom:0px !important;}
}
@media screen and (max-width:879px)
{
  .login .texto .gris{font-size: 15px !important;}
}
@media screen and (max-width:768px)
{
  .login,.social,.pbottom div{text-align: center !important;}
  .login{margin: 0 auto !important;width: 220px !important;}
  .social{width: 170px !important;margin: 15px auto 0px !important;}
  .asociados{width: 150px !important;margin: 0px auto !important;margin-top: 20px !important;margin-bottom: 30px !important}
}
@media screen and (max-width:400px)
{
  .blanco,.azul{padding: 20px !important;}
}