html{
	width: 100%;
	margin: 0px;
	padding: 0px;	
}

body{
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	color:#333333;
	font-size: small;
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: none;
	color: #0066cc;
}

a:HOVER{
	text-decoration: none;
	color: #B9C7E3
}

hr{
    height: 1px;
    color: #E6E6FA;
    background-color: transparent;
}

li{
	list-style-type:disc;
	margin-left:5%;
	color: #d9e1f0;
}

form{
	padding: 0%;
	margin: 0%;
	position: relative;
	width: 100%;
}

/*********************************************************************************************************************************/
/* Comentarios // para IE */
/*********************************************************************************************************************************/

.errorMsgs{
//	float:left;
//	width:100%;
//	list-style: none;
//	color: red;
}

#loginContentBox{  	
//	width: 75%;
//	margin-left: 25%;
//	margin-top: 15%;
}

.loginBox{
//	display: block;
//	padding: 0px;
//	margin-bottom: 0px;
//	margin-left: 2%;
//	margin-top: 2%;
//	width: 45%;
//	float: left;
}

#certLoginForm{
//	padding: 3px;
//	margin: 0px;
}

.loginBox img{
//	border: none;
}

.loginBox input{
//	width: 60%;
}

.loginBox .clearBoth{
//	clear:none;
//	padding-bottom: 0px;
//  display: none;
}

.loginBox .margen27{
//	background-color: transparent;
//	margin-left:2.7%;
//	padding-bottom: 6%;
//	width: 70%;
}

.loginBox .margen27 a{
//	background-color: white;
//      width: 100%;
}

.loginBoxButton input{
//	width: 40%;
}

.separador8{
//	margin-top: 8%;
//	clear: both;
//	width: 100%;
}

.etiquetaLogin{
//	width: 30%;
//	float:left;
//	text-align: left;
}

#pageBox{
//	width: 91%;
//	margin-left: 9%;
}

#headerBox{
//	margin-top: 1%;
//	width: 100%;
//	float: left;
//	border-bottom:1px solid #E5E5E5;
}

#contentBox{
//	width: 100%;
//	float: left;
//	margin-bottom: 2%;
}

.borderA{
//	width: 100%;
//	/*border: solid 1px gray;*/
}

.borderB{
//	width: 100%;
//	border: solid 1px gray;
}

#imagenCabecera{
//	float:left;
//	width: 22%;
}

#headerLeft{
//	width: 73%;
//	float: left;	
}

#headerRight{
//	width: 25%;
//	float: right;
//	margin-left: 2%;
//	background-color: #d9e1f0;
}

#headerRight #closeSessionForm input{
//	font-weight:bold;
//	font-size: 12px;
//	width: 70%;
}

#cabecera{
//	width: 72%;
//	float:left;
}

#separadorHeader{
//	width: 100%;
//	margin-top: 0.2%;
//	margin-bottom: 0.2%;
//	clear: both;
//	float:left;
}


.clearBoth{
//	clear:both;
//	width:100%;
}

#headerTitle{
//	float: left;
//	color:#666666;
//	font-size:12px;
//	letter-spacing:normal;
//	text-transform:uppercase;
//	margin-top: 8%;
//	margin-left: 2%;
//	margin-right: 4%;
//  width: 100%;
}

#page #header #lang a:hover {
//text-decoration:underline;
}

#languageSelect input{
//	border:none;
//	color:#5779BC;
//	border-right:1px solid #E5E5E5;
//	font-size:0.9em;
}
#languageSelect input:hover{
//	text-decoration: underline;
}

#languageSelect{
//	float: left;
//	text-align: right;
}

.conMargen{
//	margin-top:2%;
//	margin-bottom:4%;
//	text-align:center;
}

.contentMargen{
//	margin: 2%;
//	text-align: justify;
}

.margen{
//	margin: 2%;
}

.margen474{
//	margin-top: 4%;
//	margin-left: 4%;
//	margin-right: 7%;
//	margin-bottom: 4%;
}

.margen474 p{
//	margin: 0px;
//	padding: 5px;
}

.justificado{
//	text-align: justify; 	
}

.lineaBlanca{
//	color: white;
//	float: left;
//	width: 100%;
}

.tituloTextosForms{
//	font-weight: bold;
//	float: left;
//	width: 100%;
}

.centrado{
//	margin-left:10%;
//	margin-top:10%;
//	width: 85%;
//	float: left;
}

.fondoOscuro1{
//	background-color: #B9C7E3;
}

.fondoOscuro2{
//	background-color: #D9E1F0;
}

.fondoMuyOscuro1{
//	background-color: #0066cc;
}

.volver{
//	width: 100%;
//	float: left;
//	text-align: right;
}

.fondoClaro1{
//	background-color: #D9E1F0;
}

.flota{
//	float: left;
//	margin-top: 1%;
//	width: 100%;
}

#editarDatosUserForm{
//	margin: 0%;
//	padding: 0%;
//	float: left;
//	width: 100%;
}

#javax.faces.ViewState{
//	display:none;
}

.titulo{
//	margin: 0.3%;
//	font-size: 1em;
//	text-align:left;
}

.tituloGrande{
//	font-size: 2em;
}

.tituloTabla{
//	margin-top:20px;
//	width:100%;
//	font-size: 1em;
//	font-style: italic;
//	float: left;
}

.menuDcha_sep{
//	width: 20%;
//	float: left;
}
.content1Menu_sep{
//	float: right;
//	margin-right: 23%;
//	text-align: right;
//	width:20%;
}

.menuDcha{
//	float: left;
//	margin-left:1%;
//	margin-top:1%;
//	width: 25%;
}
.content1Menu{
//	width: 73%;
//	float: left;
//	margin-right: 1%;
//	margin-top: 1%;
}
.content2Menus{
//	width: 55%;
//	float: left;
//	margin-left: 5%;
//	margin-top: 3%;
}

#opuserForm{
//	margin: 0px;
//	padding: 0px;
}

.menu{
//	width: 100%;
//	background-color: transparent;
//	margin-bottom: 1%;
}

.tituloMenu{
//	background:transparent url(/area-privada/images/titulo_menu.gif) no-repeat 20% 0%;
}

.tituloMenu li{	
//	background-color:transparent;
//	text-indent:2%;
//	color: white;
//	width: 88%;
//	margin-top:0%;
//	font-size: x-small;
//	width: 75%;
}

.colorBlack{
//     color: white;
//     width: 100%;
}

.colorWhite{
//     color: white;
//     width: 100%;
}

.listaitems{
//	padding: 0%;
//	margin: 0%;
//	width: 100%;
//	float: left;
}

.listaitems li{
//	font-size: 0.9em;
//	list-style-type: square;
//	color: #ABBCDD;
//	padding-top: 2%;	
//	padding-bottom: 2%;
//	padding-left: 0%;
//	margin-left: 0%;
//	width: 100%;
}

.listaitems li:HOVER{
//	list-style-type: square;
//	color: #ABBCDD;
//	background-color: #E5E5E5;
}

.listaitems a{
//	text-decoration: underline;
//	color: black;
//	font-weight: bold;
}

.listaitems a:HOVER{
//	color: #003399;
//	font-weight: bold;
}

#correoOrdinario{
//	width: 100%;
}
//
#formUser{
//	width: 100%;	
}

.camposForm{
//	width: 90%;
//	margin-left: 2%;
//	margin-right: 2%;
//	position: relative;
}
.formUnoContraseña{
//	width: 70%;	
//	float: left;
//	position: relative;
//	padding-left: 2%;
}
.formUno{
//	width: 94%;	
//	float:left;
//	position: relative;
//	padding-left: 2%;
}
.formDos{
//	width: 46%;	
//	float:left;
//	position: relative;
//	padding-left:2%;
}
.numero{
//       width: 45%;
//       float: left;
}
.etiquetaFormUnoNumero{
//	width: 25%;
//    float: left;
}
//
.formDos .formTresIn{
//	width: 40%;
//	float: left;
//	position: relative;
//	padding-left: 0px;
}
//
.formTresIn{
//	width: 33%;
//	float: left;
//	position: relative;
//	padding-left: 0px;
}
//
.formCuatroIn{
//	width: 12%;
//	float: left;
//	position: relative;
//	padding-left: 0px;
}
//
.formTresIn .etiqueta{
//    width: 54%;
//	float: left;
//	text-align: left;
}
.formTres{
//	width: 30%;	
//	float:left;
//	position: relative;
//	padding-left:2%;
}
.formCuatro{
//	width: 12%;	
//	float:left;
//	position: relative;
//	padding-left: 2%;
}
.etiqueta{
//	width: 33%;
//	float: left;
//	text-align: left;
}
//
.formUno input{
//	width: 99%;
}
//
.formDos input{
//	width: 65%;
}

.formTres input{
//	width: 65%;
}

.formLinea{
//	width: 100%;
//	position:relative;
//	clear:both;
//	padding-top:1%;
}



.labelArriba{
//	margin-left: 2%;
//	width: 100%;
//	float: left;
}

.msg{
//	margin: 2%;
//	width: 98%;
}

.formLinea textarea{
//	width: 93%;
//	margin-left: 2%;
}

.formLinea .boton{
//	float: left;
//	margin-left:2%;
}

.formLinea .boton input{
//	font-size: 16px;
}

.formCheck{
//	width: 30%;
//	float: left;
//	padding-left: 2%;
}
.formCheck .label{
//	width: 80%;
//	float: left;
//	text-align: left;
}

.formCheck input{
//	width: 15%;
//	float: left;
}

.formUnoLogin{
//	width: 100%;	
//	float:left;
//	position: relative;
//	padding-left: 2%;
}

.formUnoLogin input{
//	width: 65%;	
//	float: right;
//	margin-right: 10px;
}

.formUnoPass{
//	width: 70%;	
//	float: left;
//	position: relative;
//	padding-left: 2%;
}

.tituloContent{
//	font-size: 1.2em;
//	font-weight: bold;
//	background-color:#B9C7E3;
//	height:5%;
//	text-indent:2%;
//	padding-top:1%;
//	padding-bottom:1%;
}

.datatable{
//	width: 100%;
}
	
.header{
//	font-family: Arial;
//	font-size: small;
//	background-color: #B9C7E3;
}

.footer{
//	font-family: Arial;
//	font-size: small;
//	border-top: solid 1px gray;
}
.row1{
//	width: 100%;
//	background-color: white;
}
.row2{
//	width: 100%;
//	background-color: #d9e1f0;
}

.main2Column{
//	width: 70%;
//	font-size: small;	
}
.secondary2Column{
//	width: 30%;
//	text-align: center;
//	font-size: x-small;
}

.main3Column{
//	width: 80%;	
//	font-size: small;
}
.secondary3Column{
//	width: 10%;
//	text-align: center;
//	font-size: x-small;
}

.secondary3Column input{
//	text-align: center;
//	vertical-align: middle;
//	margin: 0px;
//	padding: 0px;
//	border: none;
//	width: 40%;
}

.main4Column{
//	width: 70%;	
//	font-size: small;
}
.secondary4Column{
//	width: 10%;
//	text-align: center;
//	font-size: x-small;
}

.secondary4Column input{
//	text-align: center;
//	vertical-align: middle;
//	margin: 0px;
//	padding: 0px;
//	border: none;
//	width: 40%;
}

.main5Column{
//	width: 64%;	
//	font-size: small;
}
.secondary5Column{
//	width: 9%;
//	text-align: center;
//	font-size: x-small;
}

.secondary5Column input{
//	text-align: center;
//	vertical-align: middle;
//	margin: 0px;
//	padding: 0px;
//	border: none;
//	width: 40%;
}

.separacion{
//	float: left;
//	width: 100%;
//	padding-top: 1%;
}

.obligatorio{
//	float: left;
//	text-align: right;
//	vertical-align: text-top;
//	color: red;
}

.etiqueta label{
//	float: left;
}

.formCheck .label label{
//	float: left;
}

.errorMsgs li{
//	margin-top: 2px;
//	margin-bottom: 2px;
//	float: left;
//	color: red;
}

.buttonAsLink{
//	text-decoration: none;
//	background: transparent;
//	color: #B9C7E3
}

.explicacionCertificado{
//	width: 90%;
//	float: left;
//	margin-top: 10px;
//	margin-left:2%;
//	width:94%;
//	text-align: justify;
}


/*********************************************************************************************************************************/
/*********************************************************************************************************************************
PARA FIREFOX
*********************************************************************************************************************************/
/*********************************************************************************************************************************/


/**********************************************************/
/* LOGIN PAGE */
/**********************************************************/

html>body .errorMsgs{
	float:left;
	width:100%;
	list-style: none;
	color: red;
}

html>body #loginContentBox{  	
	width: 50%;
	margin-left: 25%;
	margin-top: 15%;
}

html>body .loginBox{
	display: block;
	margin-left: 2%;
	margin-top: 2%;
	width: 45%;
	float: left;
	height: 13em;
}

html>body .loginBox img{
	border: none;
}

html>body .loginBox input{
	width: 60%;
}

html>body .loginBoxButton input{
	width: 40%;
}

html>body .separador8{
	margin-top: 8%;
	clear: both;
	width: 100%;
}

html>body .etiquetaLogin{
	width: 30%;
	float:left;
	text-align: left;
}



/**********************************************************/
/* HOME PAGE */
/**********************************************************/

html>body #pageBox{
	width: 91%;
	margin-left: 9%;
}

html>body #headerBox{
	margin-top: 1%;
	width: 85%;
	float: left;
	border-bottom:1px solid #E5E5E5;
}

html>body #contentBox{
	width: 85%;
	float: left;
	margin-bottom: 2%;
}

html>body .borderA{
	width: 100%;
	/*border: solid 1px gray;*/
}

html>body .borderB{
	width: 100%;
	border: solid 1px gray;
}

html>body #imagenCabecera{
	float:left;
//	width: 22%;
}

html>body #headerLeft{
	width: 73%;
	float: left;	
}

html>body #headerRight{
	width: 25%;
	float: right;
	margin-left: 2%;
	background-color: #d9e1f0;
}

html>body #headerRight #closeSessionForm input{
	font-weight:bold;
	font-size: 12px;
	width: 70%;
}

html>body #cabecera{
//	width: 72%;
//	float:left;
}

html>body #separadorHeader{
	width: 100%;
	margin-top: 0.2%;
	margin-bottom: 0.2%;
	clear: both;
	float:left;
}


html>body .clearBoth{
	clear:both;
	width:100%;
}

html>body #headerTitle{
	float: left;
	color:#666666;
	font-size:12px;
	letter-spacing:normal;
	text-transform:uppercase;
	margin-top: 8%;
	margin-left: 2%;
	margin-right: 4%;
}

html>body #page #header #lang a:hover {40_styles (línea 139)
text-decoration:underline;
}

html>body #languageSelect{
	float: right;
	text-align: right;
	margin-top: 7.5%;
	right: 0px;
}
html>body #languageSelect input{
	border:none;
	color:#5779BC;
	border-right:1px solid #E5E5E5;
	font-size:0.9em;
}
html>body #languageSelect input:hover{
	text-decoration: underline;
}
html>body .conMargen{
	margin-top:2%;
	text-align:center;
	padding-bottom: 5px;
}

html>body .contentMargen{
	margin: 2%;
	text-align: justify;
}

html>body .margen{
	margin: 2%;
}

html>body .margen474{
	margin-left: 4%;
	margin-right: 7%;
	margin-bottom: 4%;
}

html>body .justificado{
	text-align: justify; 	
}

html>body .lineaBlanca{
	color: white;
	float: left;
	width: 100%;
}

html>body .tituloTextosForms{
	font-weight: bold;
	float: left;
	width: 100%;
}

html>body .margen27{
	width: 68%;
	margin: 2.7%;
	background-color: white;
}

html>body .centrado{
	margin-left:10%;
	margin-top:10%;
	width: 85%;
	float: left;
}

html>body .fondoOscuro1{
	background-color: #B9C7E3;
}

html>body .fondoOscuro2{
	background-color: #D9E1F0;
}

html>body .fondoMuyOscuro1{
	background-color: #0066cc;
}

html>body .fondoClaro1{
	background-color: #D9E1F0;
}

html>body .volver{
	width: 100%;
	float: left;
	text-align: right;
}

html>body .flota{
	float: left;
	margin-top: 1%;
	width: 100%;
}

html>body .titulo{
	margin: 0.3%;
	font-size: 1em;
	text-align:left;
}

html>body .tituloGrande{
	font-size: 2em;
}

html>body .tituloTabla{
	margin-top:20px;
	width:100%;
	font-size: 1em;
	font-style: italic;
	float: left;
}

html>body .menuDcha_sep{
	width: 20%;
	float: left;
}
html>body .content1Menu_sep{
	float: right;
	margin-right: 23%;
	text-align: right;
	width:20%;
}

/**********************************************************/
/* MENUS */
/**********************************************************/
html>body .menuDcha{
	width: 25%;
	float: left;
	margin-top: 1%;
}
html>body .content1Menu{
	width: 73%;
	float: left;
	margin-right: 2%;
	margin-top: 1%;
}
html>body .content2Menus{
	width: 55%;
	float: left;
	margin-left: 5%;
	margin-top: 3%;
}


html>body .menu{
	width: 100%;
	background-color: white;
	margin-bottom: 1%;
}

html>body .tituloMenu{
}

html>body .tituloMenu li{
	background-color:#0066CC;
	background-attachment:scroll;
	background-color:transparent; 
	background-image:url("/area-privada/images/titulo_menu.gif");
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size:auto; 	
	text-indent:11%;
	color: white;
	width: 75%;
	margin-top:0px;
	list-style-type:none;
}

html>body .colorWhite{
     color: white;
}

html>body .listaitems{
	width: 80%;
}

html>body .listaitems li{
	font-size: 0.9em;
	list-style-type: square;
	color: #ABBCDD;
	padding-top: 2%;	
	padding-bottom: 2%;
}

html>body .listaitems li:hover{
	list-style-type: square;
	color: #ABBCDD;
	background-color: #E5E5E5;
}

html>body .listaitems a{
	text-decoration: underline;
	color: black;
	font-weight: bold;
}

html>body .listaitems a:HOVER{
	color: #003399;
	font-weight: bold;
}

/**********************************************************/
/* FORMULARIOS */
/**********************************************************/

html>body #correoOrdinario{
	width: 100%;
}

html>body #formUser{
	width: 100%;	
}

html>body .camposForm{
	width: 98%;
	margin: 2%;
}
html>body .formUnoContraseña{
	width: 70%;	
	float: left;
	position: relative;
	padding-left: 2%;
}
html>body .formUno{
	width: 94%;	
	float:left;
	position: relative;
	padding-left: 2%;
}
html>body .formDos{
	width: 46%;	
	float:left;
	position: relative;
	padding-left:2%;
}
html>body .numero{
       width: 45%;
       float: left;
}
html>body .etiquetaFormUnoNumero{
	width: 25%;
    float: left;
}

html>body .formTresIn{
	width: 33%;
	float: left;
	position: relative;
	padding-left: 0px;
}

html>body .formCuatroIn{
	width: 12%;
	float: left;
	position: relative;
	padding-left: 0px;
}

html>body .formTresIn .etiqueta{
    width: 54%;
	float: left;
	text-align: left;
}
html>body .formTres{
	width: 30%;	
	float:left;
	position: relative;
	padding-left:2%;
}
html>body .formCuatro{
	width: 12%;	
	float:left;
	position: relative;
	padding-left: 2%;
}
html>body .etiqueta{
	width: 33%;
	float: left;
	text-align: left;
}

html>body .formUno input{
	width: 99%;
}

html>body .formDos input{
	width: 65%;
}

html>body .formTres input{
	width: 65%;
}

html>body .formLinea{
	width: 100%;
	position:relative;
	clear:both;
	padding-top:1%;
}

html>body .labelArriba{
	margin-left: 2%;
	float: left;
}

html>body .msg{
	margin: 2%;
	width: 98%;
}

html>body .formLinea textarea{
	width: 93%;
	margin-left: 2%;
}

html>body .formLinea .boton{
	
	float: left;
	margin-left:2%;
}

html>body .formLinea .boton input{
	font-size: 12px;
}

html>body .formCheck{
	width: 30%;
	float: left;
	padding-left: 2%;
}
html>body .formCheck .label{
	width: 90%;
	float: left;
	text-align: left;
}

html>body .formCheck input{
	width: 5%;
	float: left;
}

html>body .formUnoLogin{
	width: 94%;	
	float:left;
	position: relative;
	padding-left: 2%;
}

html>body .formUnoLogin input{
	width: 70%;	
	float:left;
}

html>body .formUnoPass{
	width: 70%;	
	float: left;
	position: relative;
	padding-left: 2%;
}

/**********************************************************/
/* TABLAS */
/**********************************************************/

html>body .tituloContent{
	font-size: 1.2em;
	font-weight: bold;
	background-color:#B9C7E3;
	height:5%;
	text-indent:2%;
	padding-top:1%;
	padding-bottom:1%;
}

html>body .datatable{
	width: 100%;
}
	
html>body .header{
	font-family: Arial;
	font-size: small;
	background-color: #B9C7E3;
}

html>body .footer{
	font-family: Arial;
	font-size: small;
	border-top: solid 1px gray;
}
html>body .row1{
	width: 100%;
	background-color: white;
}
html>body .row2{
	width: 100%;
	background-color: #d9e1f0;
}

html>body .main2Column{
	width: 70%;
	font-size: small;	
}
html>body .secondary2Column{
	width: 30%;
	text-align: center;
	font-size: x-small;
}

html>body .main3Column{
	width: 80%;	
	font-size: small;
}
html>body .secondary3Column{
	width: 10%;
	text-align: center;
	font-size: x-small;
}

html>body .secondary3Column input{
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 40%;
}

html>body .main4Column{
	width: 70%;	
	font-size: small;
}
html>body .secondary4Column{
	width: 10%;
	text-align: center;
	font-size: x-small;
}

html>body .secondary4Column input{
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 40%;
}

html>body .main5Column{
	width: 64%;	
	font-size: small;
}
html>body .secondary5Column{
	width: 9%;
	text-align: center;
	font-size: x-small;
}

html>body .secondary5Column input{
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 40%;
}

html>body .separacion{
	float: left;
	width: 100%;
	padding-top: 1%;
}

html>body .obligatorio{
	float: left;
	text-align: right;
	vertical-align: text-top;
	color: red;
}

html>body .etiqueta label{
	float: left;
}

html>body .formCheck .label label{
	float: left;
}

html>body .errorMsgs li{
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	color: red;
}

html>body .buttonAsLink{
	text-decoration: none;
	background: transparent;
	color: #B9C7E3
}

html>body .explicacionCertificado{
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-left:2%;
	width:94%;
}