/* CSS Document */

.container {
	width: 98%;
}
.col-md-12 {
	padding:0;
}
  
body{
	background-image:url(/vcatv2/javax.faces.resource/images/login/default2/fondo.jpg.xhtml);
}

.fondo_gris{
	background-color:#F1F2F7;
	width:100%;
	margin-bottom: 20px;
}

.logo {
	width:86px;
	background-color: rgba(255, 255, 255, 0.7);
	height:57px;
	padding:5px;
	margin-left:38px;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
}

.icono {
	padding-left:0;
	margin-top:5px;
	height:33px;
}

.icono_titulo {
	font-family: 'ubuntubold';
}

.items {
	padding-top:15px;
	padding-left:0;
}

.icono_texto {
	font-family: 'ubunturegular';
	font-size:14px ;
	line-height:16px;
	color:#3A3A3A ;
	text-align: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:#959494;
	padding-right:0;
}

.fila {
	padding-top:0;
	padding-bottom:5px;
	background-color:#a5a5a5;
	background-image:url(/vcatv2/javax.faces.resource/images/login/default2/fdo_gris.jpg.xhtml);
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 30px 30px 0px 0px;
	background-repeat: repeat-y;
	background-position: center top;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	-webkit-box-shadow: 0px -6px 39px -5px rgba(0,0,0,0.51);
	-moz-box-shadow: 0px -6px 39px -5px rgba(0,0,0,0.51);
	box-shadow: 0px -6px 39px -5px rgba(0,0,0,0.51);
}

/* LOGIN*/
.fondo_gris_login{
	background-image:url(/vcatv2/javax.faces.resource/images/login/default2/degrade.jpg.xhtml);
	background-repeat: repeat-y;
	background-position: center top;
}

.LogoLogin {
	text-align: center;
	padding-top: 20px;
}

.recuadro {
	padding-top:0;
	padding-bottom:15px;
	background-color:#a5a5a5;
	background-image:url(/vcatv2/javax.faces.resource/images/login/default2/degrade.jpg.xhtml);
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 30px 30px 0px 0px;
	background-repeat: repeat-y;
	background-position: center top;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
}

.centroLogin{
	background-color: #fff;
	padding: 50px 80px 50px 80px;
}

.espacioLogin{
	padding-top: 6%;
	width: 45%;
	padding-left: 3%;	
}

.sombra{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 30px 30px 30px 30px;
	-webkit-box-shadow: 0px -6px 39px -5px rgba(0,0,0,0.51);
	-moz-box-shadow: 0px -6px 39px -5px rgba(0,0,0,0.51);
	box-shadow: 0px -6px 39px -5px rgba(0,0,0,0.51);
}

.recuadrofooter {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#a5a5a5;
	background-image:url(/vcatv2/javax.faces.resource/images/login/default2/degrade.jpg.xhtml);
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 30px 30px;
	background-repeat: repeat-y;
	background-position: center top;
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	text-align: center;
	font-family: 'ubunturegular';
	font-size:10px ;
	color:#808080 ;
}

.btlogin{
	text-align:center;
}

.pass{
	text-align:right;
	padding-top: 20px;
	font-family: 'ubunturegular';
	font-size:12px ;
	color:#808080 ;
}

.form{
	font-family: 'ubunturegular';
	font-size:15px !important;
	color:#808080 ;
	border: 0px;
}
 
.btn-login{
	background-color: #a1a1a1 !important;
	color: white !important;
	width: 150px !important;
	height: 35px !important;
	border-radius: 20px !important;
	border: 0px !important;
	font-family: 'ubunturegular' !important;
	font-size:17px !important;
}

.linea	{
	border-bottom: 2px;
	border-color:#b0b0b0; 
	border-bottom-style: solid;
	padding-top: 5px;
}

.right {
	text-align: right; 
}

.captcha {
	font-family: 'ubunturegular';
	font-size:18px; 
	color:#b0b0b0;
	font-weight: 800;
}

.sinpadding{
	padding-left:0;
}

img{
	max-width: 80%;
}

input .form{
	font-family: 'ubunturegular';
	font-size:15px ;
	border: none;
}

img.keypad-trigger{
    float: right;
    padding-right: 15px;
}

input#usuario, input#password{
	margin-left: 15px !important;
	padding: .215em !important;
    border-radius: 0 !important;
}

input#captcha{
	padding: .215em !important;
    border-radius: 0 !important;
    border: none !important;
    width: 40% !important;
    float: left;
    margin-left: 15px;
}

#opTarjetaCoordenadas_content{
	border: none !important;
	padding: 0px;
}

#opTarjetaCoordenadas_content span{
 	padding-left: 21px; 
 	font-family: "Open Sans","Helvetica Neue",sans-serif;
 	font-size: 14px;
 	color: #808080;
 	float: left;
}

@font-face {
    font-family: 'ubuntubold';
    src: url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-b-webfont.eot.xhtml);
    src: url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-b-webfont.eot.xhtml?#iefix) format('embedded-opentype'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-b-webfont.woff2.xhtml) format('woff2'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-b-webfont.woff.xhtml) format('woff'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-b-webfont.ttf.xhtml) format('truetype'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-b-webfont.svg.xhtml#ubuntubold) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntumedium_italic';
    src: url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-mi-webfont.eot.xhtml);
    src: url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-mi-webfont.eot.xhtml?#iefix) format('embedded-opentype'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-mi-webfont.woff2.xhtml) format('woff2'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-mi-webfont.woff.xhtml) format('woff'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-mi-webfont.ttf.xhtml) format('truetype'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-mi-webfont.svg.xhtml#ubuntumedium_italic) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubunturegular';
    src: url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-r-webfont.eot.xhtml);
    src: url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-r-webfont.eot.xhtml?#iefix) format('embedded-opentype'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-r-webfont.woff2.xhtml) format('woff2'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-r-webfont.woff.xhtml) format('woff'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-r-webfont.ttf.xhtml) format('truetype'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-r-webfont.svg.xhtml#ubunturegular) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntuitalic';
    src: url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-ri-webfont.eot.xhtml);
    src: url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-ri-webfont.eot.xhtml?#iefix) format('embedded-opentype'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-ri-webfont.woff2.xhtml) format('woff2'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-ri-webfont.woff.xhtml) format('woff'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-ri-webfont.ttf.xhtml) format('truetype'),
         url(/vcatv2/javax.faces.resource/fonts/ubuntu/ubuntu-ri-webfont.svg.xhtml#ubuntuitalic) format('svg');
    font-weight: normal;
    font-style: normal;
}

#coordenada1, #coordenada2{
	width: 100px !important;
	/* display: initial; */
	border: none;
	/* float: right; */
}


@media ( min-width : 768px ) and (max-width: 1099px) {
	.icono {
		display:none;
	}
	
	.icono_texto {
		font-size:11px ;
	}
	
	.items {
		padding-right:0;
		padding-top:5px;
	}
	
	.logo {
		margin-left:5px;
	}
	
	#coordenada1, #coordenada2{
		width: 50%;
	}
	
}

@media (min-width: 480px) and (max-width: 767px) {
	.icono {
		display:none;
	}
	
	.icono_texto {
		font-size:11px ;
		padding-left:3px;
	}
	
	.logo {
		margin-left:0px;
		width: auto;
	}	
	
	.items {
		padding-right:0;
		padding-top:5px;
	}
	#coordenada1, #coordenada2{
		width: 75%;
	}

}
	
@media (max-width: 479px) {
	.container {
    	width: 100%;
		padding:0;
	}
	
	.icono {
		display:none;
	}
	
	.icono_texto {
		font-size:9px ;
		padding-left:3px;
	}
	
	.logo {
		width: auto;
		margin-left:5px;
	}
	
	.items {
		padding-right:0;
		padding-top:5px;
	}
	
	.sinpadding {
		padding-right:0;
	}
	
	.contenedorlogo{
		padding:0;
	}
		
	.fila{
		border-radius: 7px 7px 0px 0px;
		-moz-border-radius:7px 7px 0px 0px;
		-webkit-border-radius: 7px 7px 0px 0px;
		border-top-width: 3px;
		border-right-width: 3px;
		border-bottom-width: 0px;
		border-left-width: 3px;	
	}
	
	.centroLogin{
		padding: 20px 20px 20px 20px;
	}
	
	.espacioLogin{
		width: 100%;
	}
	
	#coordenada1, #coordenada2{
		width: 100%;
	}
}

@supports (-webkit-overflow-scrolling: touch) { 
}

.ui-messages-error.ui-corner-all{
    background-color: transparent !important;
    color: red !important;
	font-size: 14px;
}

.ui-messages-info-summary, 
.ui-messages-warn-summary, 
.ui-messages-error-summary, 
.ui-messages-fatal-summary, 
.ui-message-info-summary, 
.ui-message-warn-summary, 
.ui-message-error-summary, 
.ui-message-fatal-summary {
	font-weight: normal !important;
}

#recuperarForm .ui-messages-info-summary, 
#recuperarForm .ui-messages-warn-summary, 
#recuperarForm .ui-messages-error-summary, 
#recuperarForm .ui-messages-fatal-summary, 
#recuperarForm .ui-message-info-summary, 
#recuperarForm .ui-message-warn-summary, 
#recuperarForm .ui-message-error-summary, 
#recuperarForm .ui-message-fatal-summary {
	color: red !important;
}