body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 auto 1em auto;
	text-align:center;
	min-width:800px;
	width:100%;
	height: 100%;
}
.wrapper{
	width: 500px;
	margin:0 auto;
}
.clear{
	clear:both;
}
.container{
	max-width:1000px;
	width:90%;
	margin:0 auto;
	text-align:left;
}
div#logout{
	float:right;
	padding:0.5em 0;
}

a{
	text-decoration:none;
	color:black;
}
/******************************************/
/***************************/
.mensaje_error_verificacion{
	font-size:1.1em;
	margin-bottom:0.5em;
	padding:0.5em 2.5em;
	text-align:left;
	background-color: #FFCCBA;
	border:1px dashed #DC5227;
	color: #D63300;
	
}
	
.mensaje_error_verificacion ul{
	margin-top:0.5em; 
	list-style-type:circle;
}
.mensaje_error_verificacion ul li{
	font-size:0.9em;
}
.mensaje_error_verificacion .detalle img{
	margin-right:0.5em;
	vertical-align:middle;
} 
.mensaje_error_verificacion .detalle{
	margin-left:-1.5em;
}
.mensaje_ok,.mensaje_error{
	background-repeat:no-repeat;
	background-position:0.5em;
	font-size:1.1em;
	margin-bottom:0.5em;
	padding:0.5em 2.5em;
	text-align:left;
}
.mensaje_ok a{
	color:#4F8A10;
	text-decoration:underline;
}
.mensaje_error a{
	color:#D63300;
	text-decoration:underline;
}

.mensaje_ok{
	background-color: #DFF2BF;
	border:1px dashed green;
	color: #4F8A10;
	
	background-image:url('http://iconos.cajadepagos.com/iconpacks/silk/accept.png');
}
.mensaje_error{
	background-color: #FFCCBA;
	border:1px dashed #DC5227;
	color: #D63300;

	background-image:url('http://iconos.cajadepagos.com/iconpacks/silk/error.png');
}

.detalle_error_side{
	background-image:url('http://iconos.cajadepagos.com/iconpacks/silk/bullet_error.png');
	background-repeat:no-repeat;
	background-position:0.5em;
	/*border:1px dotted red;*/
	color:red;
	padding-left:2.5em;
	padding-right:1em;
}
.detalle_error_bottom{
	background-image:url('http://iconos.cajadepagos.com/iconpacks/silk/bullet_error.png');
	background-repeat:no-repeat;
	background-position:0.5em;
	color:red;
	display:block;
	margin-top:5px;
	padding-left:2.5em;
	padding-right:1em;
}
/***************************************************/
.filabotones, tr.filabotones td{
	background-color:#EAEDED;
	margin:1em auto;
	text-align:center;
}
tr.filabotones td.primario{
	text-align:left;
}
tr.filabotones td.secundario{
	text-align:center;
}
.filabotones td.secundario{
	text-decoration: underline;
}
.filabotones .buttons button{
	margin-top:0;
}
/******************************************/
#footer{
	margin-top:1.5em;
}
h1.general{
	background-color:#FFF;
	padding:0em 1em 0em 1em;
	text-align:left;
	
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:grey;
	
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:grey;
	
}
h1 a#logoempresa img{
	width:170px;
	float:right;
	vertical-align:middle;
}
h1 a#logocdp img{
	float:left;
	margin-left:1em;
	margin-top:2em;
	vertical-align:middle;
}
h2 
{
	/*border-bottom:1px solid #003876;*/
	color:#003876;
	font-size:16px;
	margin-bottom:0.5em;
	
}
h3{
	color:#003876;
	font-size:12px;
	font-weight:bold;
	margin-bottom:1em;
	text-align:left;
}
h4{
	font-weight:bold;
}

h1.titulologin{
	font-size:1.4em;
	margin-bottom:1em;
}
#infobar{
	border-top:1px solid grey;
	line-height:2em;
	margin-bottom:0.5em;
	text-align:center;
}

#infobar #location, #infobar #location a{
	font-weight:bold;
	text-align:left;
	margin:0 auto;
	color:#003876;
	float:left;
}
#infobar #sessioninfo{
	float:right;
	position:relative;
}
.divlogin p{
	margin-bottom:0.5em;
}
.tablalogin{
	border: 1px solid #AAA;
	margin:1em auto auto auto;
	width:300px;
}
.tablalogin tr td{
	background-color: #F6F9F9;
	padding:0.2em 0 0.2em 1em;
	margin:1em 0;
	text-align:left;
	border:0;
}
.tablalogin .filabotones{
	background-color:#F6F9F9;
	text-align:center;
}
/***************************************************/
.tablaform tr td{
	background-color:#F6F9F9;
	text-align:left;
}
.tablaform .filatitulos td, .tablaform .filatitulos{
	background-color:#DADDDD;
}
.tablaform .coltitulos{
	background-color:#EAEDED;
	border-right:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
}
.tablaform .coltitulos2{
	background-color:#EAEDED;
	border-right:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
}
/****************************************************/
.tablanovedades tr.titulos td{
	background-color:#D6D9D9;
	
}
.tablanovedades tr td{
	background-color:#F6F9F9;
	line-height:1.3em;
}

.tablanovedades tr td.celdaadjunto{
	text-align:left;
	padding-left:1em;
	width:20px;
}
.tablanovedades tr.titulos td.celdafecha{
	width:10em;
}
.tablanovedades tr.titulos td.celdatitulo{
	text-align:left;
}
.tablanovedades tr.titulos td.celdaadjunto img{
	cursor:pointer;

}

ul.menudesplegable{
	border:1px solid grey;
	background-color:white;
	margin-bottom:0;
	padding-bottom:0;
	position:absolute;
	right:0;
	text-align:left; 
	width:15em; 
	z-index:1000;
}
ul.menudesplegable li{
	padding:0.2em 1em;
	margin-bottom:0;
}
ul.menudesplegable li img{
	display:inline;
	vertical-align:middle;
}
ul.menudesplegable li:hover{
	background-color:#EEE;
}

.nombreusuario{
	cursor:pointer;
	font-size:1.1em;
}
.content{
	margin:0.5em auto;
	text-align:left;
	width:100%;
}


/*
Botones de submit, cancelar etc.
http://particletree.com/features/rediscovering-the-button-element/
*/
/* BUTTONS */
.buttons{
	text-align:center;
	overflow:hidden;
	padding-bottom:1px;
}
.buttons a, .buttons button{
	
    background-color:#f5f5f5;
    border:1px solid #ababab;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:4px 10px 4px 7px; /* Links */
}
.buttons  a{
	margin:auto 5em;
	
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:3px 10px 0px 7px; /* Firefox */
    line-height:15px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px 0 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color:#EAEDED;
    border:1px solid #AAA;
    color:black;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* STANDARD */

button.general:hover, .buttons.general a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons.general a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
/****************************************************/
#menutop{
	background-color:#D9DCDC;
	border-top:1px solid #8594A1;
}
ul.menuprincipal{
	text-align:center;
	float:left;
}
ul.menuprincipal li{
	border-right:1px solid #8594A1;
	color:black;
	margin:0;
	float:left;
}
ul.menuprincipal li:first-child{
	border-left:1px solid #8594A1;
}
ul.menuprincipal a:hover{
	background-color:#8594A1;
	color:white;
}

ul.menuprincipal a{
	color:black;
	display:block;
	line-height:1.2em;
	height:100%;
	padding:0.5em 1.7em;
	text-decoration:none;
	width:auto;
}

#tablaprincipal{
	width:100%;
	margin:0 auto;
	height:400px;
	min-height:80%;
	
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:grey;
	
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:grey;
	
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:grey;
}

#tablaprincipal td.menu{
	background-color:#fff;
	padding:0;
	text-align:left;
	vertical-align:top;
	width:170px;
}
#tablaprincipal td.datos{
	background-color:white;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#D4D0C8;
	padding:1em 1em 1em 1em;
	text-align:left;
	vertical-align:top;
	width:830px;
}
#tablaprincipal td.menu ul.principal{
	background-color:#fff;
	/*border-left:1px solid grey;*/
	text-align:left;
	width:170px;

}
#tablaprincipal td.menu ul.principal li.titulo{
	margin-top:1em;
	line-height:16px;
	width:170px;
}
#tablaprincipal td.menu ul.principal li .contenido{
	border-bottom:1px dotted grey;
	color:#003876;
	display:block;
	font-weight:bold;
	margin-left:1em;
	margin-right:1em;
	padding-bottom:0.4em;
	padding-left:2.5em;
	padding-top:0.2em;
}
#tablaprincipal td.menu ul.principal li.titulo .contenido{
	font-weight:bold;
	border-bottom:1px dotted grey;
	padding-left:1em;
}
#tablaprincipal td.menu ul.principal li.titulo img{
	vertical-align:middle;
}
#tablaprincipal td.menu ul.principal li{
	width:170px;
}
#tablaprincipal td.menu ul.principal li:last-child .contenido{
	border-bottom:0;
}
#tablaprincipal td.menu ul.principal li a{
	color:black;
	display:block;
	text-decoration:none;

}
/*****************************************************/
div.container_lista_resumen{
	width:100%;
	background-color:#F6F9F9;
	border:1px solid #AAA;
}
div.container_lista_resumen ul{
	background-color:#F6F9F9;
	margin:0.5em;
}
div.container_lista_resumen ul li{
	margin-bottom:1em;
}
/***************************************************/
/******************************/
div.container_menutabstop{
	
	height:auto;
}
div.container_menutabstop ul.menu{
	height:26px;
	float:left;
}
div.container_menutabstop ul.menu li{
	background-color:#D9DCDC;
	border-bottom:1px solid #AAA;
	border-top:1px solid #AAA;
	border-right:1px solid #AAA;
	display:block;
	float:left;
	line-height:25px;
	text-align:center;
}
div.container_menutabstop ul.menu li img{
	vertical-align:middle;
	margin-right:0.5em;
}
div.container_menutabstop ul.menu li:first-child{
	border-left:1px solid #AAA;
}
div.container_menutabstop ul.menu li:hover{
	background-color:#A0C8E6;
}
div.container_menutabstop ul.menu li.selected{
	background-color:white;
	border-bottom:0;
	height:26px;
}
div.container_menutabstop ul.menu a{
	color:black;
	display:block;
	height:100%;
	text-decoration:none;
	padding:0 0.5em;
	width:auto;
}
div.container_menutabstop div.datos{
	clear:both;
	background-color:white;
	border:1px solid #AAA;
	padding:1em;
}
/***************************************************/
div.container_paginador{
	margin-bottom:1em;
	width:100%;
}
div.container_paginador div.info{
	float:right;
	margin-right:1em;
}
div.container_paginador ul.paginador{
	margin-bottom:1em;	
	float:right;
}
div.container_paginador ul.paginador li{
	background-color:#EAEDED;
	display:inline;
	margin-left:0.3em; 
}
div.container_paginador ul.paginador li.selected a{
	font-weight:bold;
	background-color:#D9DCDC;
}
div.container_paginador ul.paginador li a{
	border:1px solid grey;
	background-color:#F6F9F9;
	display:inline;
	padding:0.3em 0.5em;
}
/*****************************************************/

caption{
	color:#003876;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0.5em;
	padding-bottom:0.4em;
	text-align:left;
	vertical-align:middle;
}
li{
	margin-bottom:0.5em;
}
li a{
	display:block;
	height:100%;
	width:100%;
}
input[type=button],input[type=submit] {
	border:1px solid #979898;
	background-color:#5484bb;
	color:white;
	font-size:12px;
	padding:0.1em 1.5em;
	
}
input[type=text],input[type=password]{
	border:1px solid #AAA;
	background-color:white;
	font-size:12px;
	padding:0.2em;
	vertical-align:baseline;
}
input[type=checkbox]
{
	border:1px solid #AAA;
	background-color:white;
	font-size:12px;
	vertical-align:middle;
}
input.error{
	border-color:red;
}
select
{
	border:1px solid #AAA;
	background-color:white;
	font-size:12px;
	text-align:center;
}
select.error{
	border-color:red;
}
select option
{
	padding: 0 2em;
	text-align:center;
}
textarea{
	border:1px solid #AAA;
	background-color:white;
	font-size:12px;
	text-align:left;
	padding:0em 0.1em;
}
textarea.error{
	border-color:red;
}
img{
	vertical-align:middle;
}
table
{
	background-color:#FFF;
	border: 1px solid #AAA;
	padding: 0px;
	margin-bottom:1em;
	width:100%;
}
table caption{
	color:#003876;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0.5em;
	text-align:left;
	vertical-align:middle;
}
table caption .opciones_derecha{
	float:right;
	position:relative;
	top:5px;
}
table caption img{
	margin:0 0 -0.3em 0;
	vertical-align:baseline;
	
}
table tr th{
	background-color:#003876;
	color:white;
	font-weight:bold;
	padding:0.5em 1em;
	text-align:center;
}
table tr th a{
	color:white;
	font-weight:bold;
}
table tr td{
	border-bottom:1px solid #AAA;
	color:black;
	padding:0.5em 1em;
	text-align:left;
	vertical-align:middle;
}
table tr.alterno td{
	background-color:#F6F9F9;
}
table tr td img{
	margin:-7px auto -4px auto;
	vertical-align:middle;
}
table .celdatipo1,table .celdatipo1 td,table .celdatipo1 th{
	text-align:center;
}
table .celdatipo2,table .celdatipo2 td,table .celdatipo2 th{
	text-align:left;
}
table tr td.celdaicono,table tr th.celdaicono{
	width:20px;
	text-align:center;
}
table tr th.celdabullet{
	width:20px;
	text-align:center;
	
}