.container{
  width:100%;
  background: #FFF;
  padding-top: 0%;
}

.subtitulo{
	margin-top: -30px;
   font-size: 1.8em;
}

.titulo{
	font-weight: bold;
   font-size: 2.1em;
}

#botoninicio{
	color                : #fff;
	border               : 1px solid #388942;
	background-color     : #388942;
	font-family          : Arial;
	text-decoration      : none;
	font-weight          : bold;
	font-size            : 15px;
	-moz-border-radius   : 2px;
	-webkit-border-radius: 2px;
	border-radius        : 2px;
	cursor               : pointer;
	top					 : 3px;
	margin 				 : 2px;
}

.caja{
	margin: 2px;
}

h4 {
	margin-top: -10px; 
	font-family: Courier;
	font-size: 13px;
	}


#RecoveryPass{
	
	width: 			900px;
	height: 		600px;
	margin:			auto;
	background-color:#09F;
	padding-top: 	4%;
	}


.logo{
   width: 40%;
}



.campos{
   padding-top: 35px;
}


@media (min-width:768px) and (max-width:1199px) {
.titulo{
   font-weight: bold;
   font-size: 1.6em;
}

.subtitulo{
   margin-top: -30px;
   font-size: 1.3em;
}

.logo{
   width: 35%;
}

.campos{
   padding-top: 2px;
}

}


@media (min-width:751px) and (max-width:767px) {
.titulo{
   font-weight: bold;
   font-size: 1.6em;
}

.subtitulo{
   margin-top: -30px;
   font-size: 1.3em;
}

.logo{
   width: 35%;
}

.campos{
   padding-top: 2px;
}

}


@media (min-width:561px) and (max-width:750px) {
.titulo{
   font-weight: bold;
   font-size: 1.6em;
}

.subtitulo{
   margin-top: -30px;
   font-size: 1.3em;
}

.logo{
   width: 50%;
}


.campos{
   padding-top: 2px;
}

}


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

.titulo{
   font-weight: bold;
   font-size: 1.5em;
}

.subtitulo{
   margin-top: -30px;
   font-size: 1em;
}

.logo{
   width: 50%;
}


.campos{
   padding-top: 2px;
}
}







.MultiSelect {
   /*width: 100%;*/
   width: 400px;
   font-size: 12px;
   font-family: Helvetica, sans-serif;
   display: block;
   position: relative;
}
.MultiSelect .monitor {
   background: url("img/mac/monitor-left.png") top left no-repeat;
   width: 99%;
   line-height: 18px;
   padding: 0 0 0 4px;
   margin: 0;
   overflow: hidden;
}
.MultiSelect .monitor div {
   background: url("img/mac/monitor-right.png") top right no-repeat;
   padding: 0 18px 0 0;
}
.MultiSelect .monitor div div {
   background: url("img/mac/monitor-center.png") top left repeat-x;
   padding: 1px 0 0 0;
   margin: 0;
}
.MultiSelect .monitor.active { background: url("img/mac/monitor-left-active.png") top left no-repeat; }
.MultiSelect .monitor.active div { background: url("img/mac/monitor-right-active.png") top right no-repeat; }
.MultiSelect .monitor.active div div { background: url("img/mac/monitor-center-active.png") top right repeat-x; }

.MultiSelect ul {
   position: absolute;
   z-index: 1000;
   top: 18px;
   left: 0;
   margin: 0;
   padding: 0;
   width: 99%;
   max-height: 230px;
   overflow: hidden;
   list-style: none;
   background-color: #FFF;
   border-top: 1px solid #ccc;
   border-left: 3px solid #ccc;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   _height: 230px; /* IE */
}
.MultiSelect ul li {
   padding: 0px 3px;
}
.MultiSelect ul li.hover,
.MultiSelect ul li.selected.hover {
   background-color: #6DBAF0;
   color: white;
}
.MultiSelect ul li.selected {
   background-color: #3875D7;
   color: white;
}