/** formularios **/
label {
	display:inline;
	font-size:1.2em;
	letter-spacing:0px;
    margin-bottom: 1em; 
    margin-right: 0.5em; 
}

form {
    display: inline-block;
	margin:50px 0 15px 0;
	width:50%;
	padding:30px 30px;
	background:rgba(255, 255, 255, 0.7);
	box-shadow:3px 0px 8px rgba(0, 0, 0, 0.4);
	border-radius: 0 1px 1px 0;
	text-align: left;
	font-size: 1em;
}

form div{
    margin-bottom:0.5em;
}

input{
   /* margin-bottom: 1em; */
	display: block;
	background:rgba(243,243,243, 0.9);
	border:1px solid #e5e5e5;
	border-radius: 1px;
	color:#555;
/*	margin: 0 0 10px 0;*/
	padding:1px 0px;
	height:32px;
	outline:none;
	width:100%;
	transition:0.4s width ease-in;
	-webkit-transition:0.4s width ease-in-out;
	-moz-transition:0.4s width ease-in-out;
	-o-transition:0.4s width ease-in-out;
}

input:focus, textarea:focus  {
	background-color:#FFFFEA !important; 
	box-shadow: 0px 0px 12px rgb(255, 255, 255);
	border:1px solid #7E1D2E;
}
 
textarea {
	background:rgba(244, 244, 244, 0.8);
	border:1px solid #ddd;
	border-radius: 1px;
	display: block;
	padding:5px 0px;
	width:100%;
	height:50px;
	font-size: inherit;
	outline:inherit;
}

input[type="radio"] + label {  
        display: inline-block;  
        cursor: pointer;  
        position: relative;  
        padding-left: 25px;  
        margin-right: 15px;  
        font-size: 13px;  
    }  

input[type="radio"] + label:before {  
        content: "";  
        display: inline-block;  
      
        width: 16px;  
        height: 16px;  
      
        margin-right: 10px;  
        position: absolute;  
        left: 0;  
        bottombottom: 1px;  
        background-color: #aaa;  
        box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
    }  
	
input[type="radio"] {
	display: none; 
	
}

input[type=radio]:checked + label:before {  
    content: "\2022";  
    color: #f3f3f3;  
    font-size: 30px;  
    text-align: center;  
    line-height: 0.38em;  
} 

input[type="submit"] {
	border: 1px solid;
	border-radius: 2px;
	box-shadow: 0 0 0.1em black;
	color: #222;
	cursor:pointer;
	font-size: 0.9em;
	font-weight: bold;
	margin: 1em 0;
	transition:0.2s all ease-in;
	width:20%;
	-webkit-transition:0.2s all ease-in-out;
	-moz-transition:0.2s all ease-in-out;
	-o-transition:0.2s all ease-in-out;	
}
 
input[type="submit"]:hover {
	color:#fff;
	background-color:#545454;      
}
 
input[type="submit"]:active {
	box-shadow: inset 0px 2px 4px #2c7c9f;
	transition:0.04s all ease-in-out;
	-webkit-transition:0.04s all ease-in-out;
	-moz-transition:0.04s all ease-in-out;
	-o-transition:0.04s all ease-in-out;
}

select{
    margin-bottom: 1em; 
	background:rgba(243,243,243, 0.9);
	border:1px solid #e5e5e5;
	border-radius: 1px;
	color:#555;
	margin: 0 10px 0 0;
	height:32px;
	outline:none;
	transition:0.4s width ease-in;
	-webkit-transition:0.4s width ease-in-out;
	-moz-transition:0.4s width ease-in-out;
	-o-transition:0.4s width ease-in-out;
}

.formulario{
	text-align: center;
	margin-bottom: 15px;
}

#popup-eliminar div{
	padding: 2em;
}

.ui-dialog-titlebar{
	background-color: #7E1D2E;	
	color:#fff;
    font-size: 1em;
}

.btnOkClass .ui-button-text, .btnCancelClass .ui-button-text {
    font-size: 0.8em; /* Or whatever smaller value works for you. */
    padding: 0.8em;
}

.btnOkClass:hover{
	border-color: #7E1D2E;	
 	color:#7E1D2E;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

/* Basic Grey */
.basic-grey {
    margin-left:auto;
    margin-right:auto;
    max-width: 500px;
  /*  font: 12px Arial;*/
    color: #888;
    border:1px solid #E4E4E4;
}
.basic-grey h1, .tituloh1 {
    font-size: 25px;
    padding: 0px 0px 10px 0px;
    display: block;
    margin: -10px -15px 30px -10px;;
    color: #888;
}

.basic-grey h1 {
   border-bottom:1px solid #E4E4E4;
}


.basic-grey label {
    display: block;
    margin: 0px;
}

.basic-grey input[type="text"], .basic-grey textarea, .basic-grey select {
    border: 1px solid #DADADA;
    color: #888;
    height: 32px;
    margin-right: 6px;
    outline: 0 none;
    width: 70%;
    font-size: 12px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}

.error-message, label.error { color: #a10052; margin: 0 0 .5em 90px; display: block; font-size: 1em !important;font-weight:bold; }

@media screen and (max-width: 800px){
	
}

@media screen and (max-width: 600px){
	
}

@media screen and (max-width: 400px){
	
}