html {
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Segoe UI;
	overflow:auto;
}

body{
	height:100%;
    margin:0px;
	padding:0px;
	overflow:auto;
	background: url(../img/back_sifei.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

div.boxContainer {
	margin:0px auto;
	padding-top:230px;
	width:730px;
	min-width:730px;
	height:auto;
	display: none;
}

.userBox {
    display:block;
	float:left;
	width:230px;
	height:220px;
	border:1px solid gray;
	background-color: rgba(229, 229, 229, 0.3);
}
			
div.userBox div.userBoxSolid {
	display:block;
    margin:10px auto 10px auto;
	width:210px;
	height:200px;
	background:#70B0CC;
}
			
div.bothmargins {
    margin-left:15px;
	margin-right:15px;
}
			
.userBoxIcon {
	display:block;
	margin:0px auto;
    width:170px;
	height:170px;
}
			
span.spanUserType {
	display:block;
	width:180px;
	margin:0px auto;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
}
			
div.userBox:hover span.spanUserType {
	color:#000000;
}

#imgEmpresa {
	background:url(../img/empresa.png);
}

#imgContador {
	background:url(../img/contador.png);
}

#imgParticular {
	background:url(../img/particular.png);
}

div.userBox:hover #imgEmpresa {
	background:url(../img/empresa_hover.png);
}

div.userBox:hover #imgContador {
	background:url(../img/contador_hover.png);
}

div.userBox:hover #imgParticular {
	background:url(../img/particular_hover.png);
}
	
h3.metroWelcome {
	border:1px solid #70B0CC;
    background-color:#70B0CC;
	color:#FFFFFF;
	text-align:center;
	height:30px;
}
			
a.metroLink {
	text-decoration:none;
}

/** LOGIN.PHP **/

.backloginsection {
	
}

.padding-top-0 {
	padding-top:0px;
}

.transparent-back {
	border:1px solid #CCC;
	background-color: rgba(229, 229, 229, 0.2);
}

.login-content {
	width:100%;
	height:100%;
	overflow:scroll;
}

/** WIZARD **/

#wizardContainer {
	margin:0px auto;
	margin-top:50px;
	padding:20px;
	width:1024px;
	height:auto;
	border:1px solid #CCC;
	background-color: rgba(229, 229, 229, 0.2);
}

#wizardContainer input[type='text'], #wizardContainer input[type='password'], #wizardContainer input[type='button'], #wizardContainer input[type='email'], #wizardContainer select {
	padding:8px;
	border:solid 1px #CCC;
	border-radius:5px;
	width:212px;
	height:35px;
}

#wizardContainer input[type='text'] {
	
}

#wizardContainer input:focus{
	box-shadow:0 0 7px #CCC;
}

.wizardParticularTitle {
	float:left;
	margin:0px;
	margin-bottom:5px;
	margin-top:5px;
	display:block;
	width:610px;
	height:30px;
	font-size:18px;
}

.leftSideWizard {
	float:left;
	margin-right:25px;
	padding-top:10px;
	width:170px;
	height:424px;
	background:#FFF;
	border:1px solid #CCC;
	text-align:center;
}

.wizardTitle {
	margin:0px;
	margin-top:10px;
	color:#2184BE;
}

.wizardShortCell {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:212px;
	height:36px;
}

.wizardLongCell, .wizardDLongCell {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:424px;
	height:36px;
}

.wizardLongCell input[type='text'] {
	width:424px;
	height:40px;
}

.wizardDLongCell {
	width:655px;
	height:48px;
}

.wizardDLongCell label {
	font-weight:bold;
	height:20px;
}

.wizardDLongCell span {
	font-size:14px;
}

.textTerminos {
	width:670px;
	height:300px;
}

/** FORMS **/
#content {
	display:block!important;
	width:100%!important;
	height:100%!important;
	min-width:800px!important;
	min-height:600px!important;
	overflow:auto!important;
}

#formContainer {
	margin:0px auto;
	margin-top:50px;
	margin-bottom:10px;
	padding:20px!important;
	width:900px;
	height:auto!important;
	border:1px solid #CCC;
	background-color: rgba(229, 229, 229, 0.2);
}

/** Micro Clearfix by Nicolas Gallagher **/
#formContainer:before,
#formContainer:after {
  content:""!important;
  display:table!important;
}

#formContainer:after {
	clear:both!important;
}
/** Micro Clearfix by Nicolas Gallagher **/

#formContainer input[type='text'], #formContainer input[type='password'], 
#formContainer input[type='button'], #formContainer input[type='date'], 
#formContainer input[type='submit'], #formContainer input[type='email'], 
#formContainer input[type='number'], #formContainer input[type='tel'],
#formContainer select, #formContainer textarea {
	padding:8px;
	border:solid 1px #CCC;
	border-radius:5px;
	width:280px;
	height:35px;
}

#formContainer textarea {
	resize: none;
	outline: none;
}

#formContainer span.not-found {
	display:block;
	padding:3px;
	border:solid 1px #EF018D;
	border-radius:5px;
	width:280px;
	height:35px;
	background:#FFF;
}

#formContainer span.required {
	color:#DB1554;
}

#formContainer input:required, #formContainer textarea:required {
	border:solid 1px #DB1554;
}

/*
#formContainer input[type='text'] {
	text-transform: uppercase;
}
*/

#formContainer input:focus{
	box-shadow:0 0 7px #CCC;
}

.formParticularTitle {
	float:left;
	margin:0px;
	margin-bottom:5px;
	margin-top:5px;
	display:block;
	width:860px;
	height:30px;
	font-size:16px;
}

.formTitle {
	float:left;
	margin:0px;
	margin-bottom:10px;
	display:block;
	width:860px;
	height:30px;
	font-size:18px;
	color:#2184BE;
}

.formShortCell {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:276px;
	height:36px;
}

.formLongCell, .formDLongCell {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:562px;
	height:36px;
}

#formContainer div.formLongCell input[type='text'], #formContainer div.formLongCell input[type='password'],
#formContainer div.formLongCell input[type='button'], #formContainer div.formLongCell input[type='date'],
#formContainer div.formLongCell input[type='submit'], #formContainer div.formLongCell input[type='email'],
#formContainer div.formLongCell input[type='tel'],
#formContainer div.formLongCell input[type='number'], #formContainer div.formLongCell select {
	width:561px;
	height:35px;
}


#formContainer div.formLongCell textarea {
	width:561px;
	height:35px;
}

.formDLongCell {
	width:876px;
	height:48px;
}

#formContainer div.formDLongCell label {
	font-weight:bold;
	height:20px;
}

#formContainer div.formDLongCell span {
	font-size:14px;
}

#formContainer div.formShortCell input[type='submit']:hover,
#formContainer div.formLongCell input[type='submit']:hover,
#formContainer div.formDLongCell input[type='submit']:hover {
	background:#00B6F0;
	color:#FFFFFF;
}

#formContainer a.formLinkButton, #formContainer a.formLinkButtonClose {
	display:inline-block;
	float:right;
	padding:0px;
	margin:0px;
	border-radius:5px;
	border:1px solid #CCC;
	width:28px;
	height:28px;
	text-align:center;
	text-indent:0px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	background:#CCCCCC;
}

#formContainer a.formLinkButton:hover {
	background:#00B6F0;
}

#formContainer a.formLinkButtonClose {
	background:#B72F3D;
	width:25px;
	height:25px;
	font-size:15px;
}

#formContainer a.formLinkButtonClose:hover {
	background:#DD1E32;
}

.sectionTitleMenu   {
	text-transform:uppercase;
	font-size:24px;
	font-weight:bold;
}

.tableContainer {
	margin:0px auto;
	margin-top:30px;
	width:900px;
}

.tableContainer input[type='text']{
	border:solid 1px #CCC;
	border-radius:5px;
}

.noResultsSearch {
	margin:0px auto;
	margin-top:30px;
	width:502px;
	height:152px;
	border:1px solid #EEE;
	background:#FFF;
	border-radius:5px;
}

.forNoResultsSearch {
	float:left;
	width:350px;
	height:50px;
	text-align:center;
}

.forNoResultsSearch span {
	font-weight:bold;
}

.forImageNoResultsSearch {
	float:left;
	width:150px;
	height:150px;
}

/** WIZARD IMPORTACION **/

.wizardOpcionImportacion {
	float:left;
	margin-left:10px;
	margin-right:10px;
	width:200px;
	height:200px;
}