/* CSS PARA EL LOGIN*/
/*.container {
  margin: 50px auto;
  width: 640px;
}*/
 
.login 
{
  position: relative;
  margin: 0 auto;
  padding: 20px 20px 20px;

 color: #404040;
 background: #f3f3f3;
 	width: 400px;
padding: 7px;
margin-left: 200px;

border:solid 1px #f3f3f3;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
box-shadow: 8px 5px 20px #aaa, -4px -4px 20px #aaa;
-moz-box-shadow: 8px 5px 20px #aaa, -4px -4px 20px #aaa;
-webkit-box-shadow: 8px 5px 20px #aaa, -4px -4px 20px #aaa;
} 


.login p.button {
  text-align: right;
}
 
.login-help {
  margin: 20px 0;
  font-size: 11px;
/*color: #f3f3f3;*/
  text-align: center;
  padding-left: 220px;
/*  text-shadow: 0 1px #2a85a1;*/
/*  background: #f3f3f3;*/
}
 
.login-help a 
{
  color: #39627F;
  text-decoration: none;
}
 
.login-help a:hover 
{
  text-decoration: underline;
}
 
:-moz-placeholder {
  color: #c9c9c9 !important;
  font-size: 13px;
}
 
::-webkit-input-placeholder {
  color: #ccc;
  font-size: 13px;
}

/*.container {background: #f3f3f3;}*/
.login:before {
  content: '';
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
 
.login h1 {
  margin: -10px -5px 21px;
  line-height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: #555;
  text-align: center;
  text-shadow: 0 1px white;
/*  background: #f3f3f3;*/
  border-bottom: 1px solid #cfcfcf;
  border-radius: 3px 3px 0 0;
  background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
  background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
  -webkit-box-shadow: 0 1px whitesmoke;
  box-shadow: 0 1px whitesmoke;
}
 
.login p {
  margin: 20px 0 0;
}
 
.login p:first-child {
  margin-top: 0;
}
 
.login input[type=text], .login input[type=password] {
  width: 230px;
}
 
.login p.remember_me {
  float: left;
  line-height: 31px;
}
 
.login p.remember_me label {
  font-size: 12px;
  color: #777;
  cursor: pointer;
}
 
.login p.remember_me input {
  position: relative;
  bottom: 1px;
  margin-right: 4px;
  vertical-align: middle;
}

input {

  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;

  font-size: 14px;

}

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

  margin: 5px;

  padding: 0 10px;

  /*width: 100px;*/

  height: 34px;

  color: #404040;

  background: white;

  border: 1px solid;

  border-color: #c4c4c4 #d1d1d1 #d4d4d4;

  border-radius: 2px;

  outline: 5px solid #eff4f7;

  -moz-outline-radius: 3px;

  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);

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

}

 
input[type=text]:focus, input[type=password]:focus {

  border-color: #7dc9e2;

  outline-color: #dceefc;

  outline-offset: 0;

}

 

input[type=button] {

  padding: 0 18px;

  height: 25px;

  font-size: 12px;

  font-weight: bold;

  color: #527881;

  text-shadow: 0 1px #e3f1f1;

  background: #cde5ef;

  border: 1px solid;

  border-color: #b4ccce #b3c0c8 #9eb9c2;

  border-radius: 16px;

  outline: 0;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef);

  background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);

  background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);

  background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);

  -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);

  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);

}
input[type=button]:active {
  background: #cde5ef;
  border-color: #9eb9c2 #b3c0c8 #b4ccce;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
} 

ul
{
list-style-type:none;
}

.tabla
    {display: table;
        
    }
.fila
    {display: table-row;
     
        }
.columna
    {display: table-cell;
/*     width:400px;*/
     padding: 0px 0px 0px 10px;
    }
    
    
    
/*.botton-group,
.botton-group li{
  display: inline-block;
  display: inline;
  zoom: 20;
}

.botton-group{
  font-size: 0;  Inline block elements gap - fix 
  margin: 0;
  padding: 0;
  padding: 7px;
  border-radius: 7px; 
}

.botton-group li{
  margin-right: 4px;  Overlap each right button border 
}
*/




   

   *{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }

   

    a{
    text-decoration: none;
    }

    .social{
    display: inline-block;
	  position: relative;
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
    margin-right: 16px;
    background-color: rgba(231, 231, 231, 0.6);
    box-shadow: 8px 8px 0 0px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    }

    nav{
	  padding-top: 8px;
	  padding-left: 8px;
	  padding-right: 8px;
    }

    nav ul{
    margin: 0;
    padding: 0;
    list-style: none;
    }

    nav ul li{
    display: inline;
    }

    nav ul li a:hover{
	   opacity: 0.7;
	  }

    nav ul li a.email{
	  border-left: 50px solid #c9182c;
	  color: #c9182c;
    }

    nav ul li a.twitter{
    border-left: 50px solid #00a0d1;
	  color: #00a0d1;
    }

	  nav ul li a.facebook{
    border-left: 50px solid #365998;
	  color: #365998;
    }
	
	  nav ul li a.github{
    border-left: 50px solid #4183c4;
	  color: #4183c4;
    }
	
	  nav ul li a.google{
    border-left: 50px solid #456FD1;
	  color: #456FD1;
    }
	
    nav ul li a.instagram{
    border-left: 50px solid #634d40;
	  color: #634d40;
    }

    nav ul li a.tumblr{
    border-left: 50px solid #34526f;
	  color: #34526f;
    }

    nav ul li a.scriptogram{
	  border-left: 50px solid #0088cc;
	  color: #0088cc;
}


nav ul li a.selected{	  
	border-left: 50px solid #589019;
	color: #589019;
	margin-left: 20px;
}

.VentanaEmergente{
    font-size: 12px;
    background-color: #d6e6f1;
    margin: auto;
   
/*                text-align: center;*/

}
    
input[type=text]
{
    width: 250px;
   
}
input[type=button]
{
    width: 80px;
}

.divEnviar
{
    width: 300px;
   
}