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

button{
	width: auto; height: 50px; line-height: 50px; padding-left:50px; padding-right: 50px; border:none; background-color: rgb(22,176,200); font-size: 16px; font-weight:lighter; color:rgb(255,255,255); cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
button:hover{
	background-color: rgb(24,50,82);
}

.frm-marco{
	float:left; position: relative; width: 400px; max-width: calc(100% - 120px); padding: 60px; background-color: rgba(255,255,255,0.9); clear: both; text-align: right;
	
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.frm-marco button{
	margin-top: 10px;
}
input[type="number"],input[type="text"],input[type="password"],input[type="email"],.novedad_texto{
    position: relative; display:block; width:calc(100% - 36px); font-family: 'Lato', sans-serif; font-size:14px; outline: none; color: rgb(51,51,51); border: 1px solid rgb(215,215,215); background-color:rgb(255,255,255); padding: 17px; margin-top: 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; 
	}
input[type="date"],input[type="datetime"],input[type="datetime-local"]{
    position: relative; display:block; width:auto; font-family: 'Lato', sans-serif; font-size:14px; outline: none; color: rgb(51,51,51); border: 1px solid rgb(215,215,215); background-color:rgb(255,255,255); padding: 17px; margin-top: 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; 
	}
input[type="number"]:active,input[type="text"]:active,input[type="date"]:active,input[type="password"]:active,.novedad_texto:active{
	border: 1px solid rgb(22,176,200);
}
input[type="number"]:focus,input[type="text"]:focus,input[type="date"]:focus,input[type="password"]:focus,.novedad_texto:focus{
	border: 1px solid rgb(22,176,200);
}
input[type="number"]:visited,input[type="text"]:visited,input[type="date"]:visited,input[type="password"]:visited,.novedad_texto:visited{
	border: 1px solid rgb(215,215,215);
}
input[type="number"]:link,input[type="text"]:link,input[type="date"]:link,input[type="password"]:link,.novedad_texto:link{
	border: 1px solid rgb(215,215,215);
}

label{
	float:left; position: relative; display: block; width:calc(100% - 10px);  text-align: left; font-family: 'Lato', sans-serif; font-size:14px; color: rgb(51,51,51); /*padding: 5px; margin-bottom: 10px;*/ 
	}
select{
	position: relative; display:block; width:auto; font-family: 'Lato', sans-serif; font-size:14px; outline: none; color: rgb(51,51,51); border: 1px solid rgb(215,215,215); background-color:transparent; padding: 16px; margin-top: 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px; 
    }
input[type="radio"]{
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	position: relative;
	margin-right: 10px; margin-left: 10px; margin-top: 5px;
}
input[type="checkbox"]{
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	position: relative;
	margin-right: 10px; margin-left: 10px;
}
textarea{
	position: relative; display:block; width:calc(100% - 36px); font-family: 'Lato', sans-serif; font-size:14px; outline:  none; color: rgb(51,51,51); border: 1px solid rgb(215,215,215); background-color:transparent; padding: 17px; margin-top: 5px; resize: none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
input[type=button]{
	width: auto; height: 50px; line-height: 50px; padding-left:50px; padding-right: 50px; border:none; background-color: rgb(22,176,200); font-size: 16px; font-weight:lighter; color:rgb(255,255,255); cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
input[type=button]:hover{
	background-color: rgb(24,50,82);
}
input[type="file"]{
	display: none;
	/*
    position: relative; display:block; width:calc(100% - 22px); font-family: 'Lato', sans-serif; font-size:14px; color: rgb(51,51,51); border-top: 1px solid rgb(215,215,215); background-color:transparent; padding: 11px; margin-top: 5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px; */
	}
.marco-input{ /* es span no div */
	float:left; position: relative; width: calc(100% - 20px); margin-top: 5px; padding: 10px; border-top:1px solid rgb(215,215,215);
}
.lbl-radio{
	float:left;
	position: relative;
	display: block; width: calc(100% - 40px);
	padding-left: 30px;
	text-indent: -30px;
	height: 15px; line-height: 15px; vertical-align: middle; margin: 0px;
}
.sym-rad{
	float: none !important; display: inline-block !important; margin-right: 1em !important;
}
.small-bold{
	font-size:12px; font-weight: bold;
}
.btn-file{/*boton emparejado con el input file*/
	float:left; position: relative; display: block; width:auto; /*margin: 0px; margin-right: 5px; margin-top: -10px;*/ font-family: 'Lato', sans-serif; font-size:12px; vertical-align: middle; background-color: rgb(51,51,51); color: rgb(255,255,255); cursor: pointer; padding: 7px;/*height: 30px; line-height: 30px; text-align: center;*/
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease; 
}
.btn-file:hover{
	background-color: rgb(0,195,213);
}
.files-preview{
	float:left; position: relative; width: calc(100% - 120px); margin: auto; margin-bottom: 10px; margin-left: 10px; margin-top: -10px; font-size: 12px; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.txt-preview{
	float:left; position: relative; width: 100%; cursor:pointer; font-size: 12px; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cont-flex{
	float:left; position:relative; width:100%; height:auto; padding: 10px 0px 10px 0px; overflow: hidden; 
	
	display: -webkit-flex;
	display: -ms-flex;
    display: flex;
	
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
	
    -webkit-align-items: flex-end; /*uso esto por los label en los imput y los botones*/
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
.flex-col{
	position:relative; width: auto; height: auto; margin: 10px;
}
.lbl-100{
	margin-bottom: 20px;
}
.lbl-msj{
	margin-bottom: 20px; color: rgb(22,176,200);
}
.cerar_ventana{
	display: none;
}
.texto_html{
	position: relative; display:block; width:calc(100% - 36px); min-height: 400px; font-family: 'Lato', sans-serif; font-size:14px; outline: none; color: rgb(51,51,51); border: 1px solid rgb(215,215,215); background-color:rgb(255,255,255); padding: 17px; margin-top: 10px; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; 
}