/* CSS Document */

.header1{
	background-color: #666;
	min-height: 40px;
	display: block;
	width: 100%;
	border-bottom: thin #000 solid;
}
.logo{
	margin-top:20px;
	margin-left:20px;
}
nav{
	background-color:#FFF;
	width:100%;
	min-height:35px;		
	overflow:auto;
}
nav ul {
	padding:0px;
	margin:0px;
	margin-left:10px;
}
nav ul li {
	float:left;
	list-style:none;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	margin-top:15px;
	margin-bottom:15px;
	border-left:thin #CCC dotted;
	cursor:pointer;
}
nav ul li:hover {
	background-color:#EEE;	
	transition: 0.5s;
}

@media only screen and (max-width: 600px) {
 nav ul li {
    width:100%;
  }
}

input[type="text"], input[type="email"], input[type="tel"],input[type="number"] ,input[type="password"], input[type="search"], select
{
	padding:10px;
	border:thin #CCC solid;	
	border-radius:5px;
	width:100%;
	margin:0px;
	font-size:16px;
}
button {
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#36C;
	color:#FFF;
	border:none;
	border-radius:35px;
	cursor:pointer;
}
.button {
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#36C;
	color:#FFF;
	border:none;
	border-radius:35px;
	cursor:pointer;
        margin:5px !important;
}
/* ANIMATE BOTTOM */
/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s;
  width:100%;
  margin:auto;
}
@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}
@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}


/* ANIMATE RIGHT */
/* Add animation to "page content" */
.animate-right {
  position: relative;
  -webkit-animation-name: animateright;
  -webkit-animation-duration: 1s;
  animation-name: animateright;
  animation-duration: 1s;
  width:100%;
  margin:auto;
}
@-webkit-keyframes animateright {
  from { right:-100px; opacity:0 } 
  to { right:0px; opacity:1 }
}
@keyframes animateright { 
  from{ right:-100px; opacity:0 } 
  to{ right:0; opacity:1 }
}


.container{
	width:80%;
	margin:auto;	
}
.mayus {
	text-transform: uppercase;
}
.info-red{
	color:#F00;
	font-size:22px;
	text-align:center;
		
}

input.larger {
  width: 50px;
  height: 50px;
  -moz-width: 50px;
  -moz-height: 50px;
}
	  
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
}
	  
.celdafr{
	float:right;
	padding:3px;
	margin:1px;
	overflow:auto;
	
}
.celdafl{
	float:left;
	margin:1px;
	overflow:auto;
	margin-top:5px;
}

.linea1 {
	width:100%;	
	overflow:auto;
}

.border-thin-gray {
	border: thin #999 solid;	
}

.tr_sel{	
	background-color:#FF9;;
}
   .transition1 {   
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
  }

  .font-size{ font-size:14px; }
  .font-size-16{ font-size:16px; }
  .font-size-18{ font-size:18px; }
  .font-size-20{ font-size:20px; }
  .font-size-22{ font-size:22px; }

@media only screen and (max-width: 600px) {
  .font-size{ font-size:10px; }
}
.background-color-blue{
	background-color:blue;
} 
.background-color-36c{
	background-color:#36C;
} 
	
	 
.color-white{ 	color:white; }
.color-black{ 	color:black; }
  
.div-top{
	width:100%;
	background-color:white	;
	display:flex;
	position:fixed;
	top:0;
	
}  
.word-break-all{
    word-break: break-all;
}