﻿/*@import url('../reset.css');*/

HTML, BODY
{
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family: Arial, Verdana, sans-serif, Helvetica;
	height: 100%;
	background-color:#FBD371;
}

.Fondo
{
	background-color: rgb(251, 211, 113);
	height: 100%;
}

.Menu
{
	width: 138px;
	vertical-align: top;
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}

A
{
	text-decoration: none;
}

IMG
{
	border: none;
}

.aviso
{
	font-weight: bold;
	font-size: 15pt;
	color: #007dcd;
	font-family: 'Times New Roman';
	cursor: hand;
	font-style: italic;
}

.Rojo
{
	font-size: x-large;
	color: Red;
}
.Black
{
	color:Black;
	font-weight:bold;
}
.Gris
{
	color:Gray;
}
.Verde
{
	color: Green;
	text-align: right;
}
.Negrita
{
	font-weight: bold;
}

#PageContent
{
	height:100%;
}

#error
{
	color: #6a6a6a;
	font-size: 1.1em;
	padding-bottom: 100px;
	border-bottom: 1px solid #a8a9ad;
}

#error H1
{
	color: #a8a9ad;
	font-size: 1.3em;
	border-bottom: 1px solid #a8a9ad;
}
#page-container
{
	background: rgb(255, 255, 255);	
}

#container
{
	background-color: #FFFFFF;
	height: 1px;
	margin: 0 auto;
}

#main-nav
{
	width: 138px;
	display: block; /*min-height: 100%;*/
	top: 0;
	float: left;
	/*left: 0;*/
}
#header
{
	/*margin-left: 156px;*/
	margin-left: 18px;
	margin-right: 18px;
}
#content
{
	/*margin-left: 156px;*/
	margin-left: 18px;
	margin-right: 18px;
	padding-bottom: 0px;
	padding-top: 15px;
	text-align: left; /*min-height: 100%;*/
	/*min-height: 275px;*/
	width: 91%;
	/*float: right;*/
	display: block;
	
}

#footer
{
	/*position: static; 	display: block; 	bottom: 0;*/
	z-index: 999;
	margin-top: -21px; /*18px;*/
	margin-right: 18px;
	background: rgb(221, 221, 221);
	padding-top: 4px;
	padding-bottom: 5px;
	/*bottom: 0px;*/
	/*top:100%;*/
	position: absolute;
	width: 770px;
	right: 155px;
	/*padding-left: 130px;*/
}

.currency
{
	text-align: right;
}

.currency4
{
	text-align: right;
}


SPAN.required
{
	color: rgb(255, 0, 0);
	display: none;
}
/* field validation message (hidden) */
SPAN.required_display
{
	color: rgb(255, 0, 0);
	display: block;
}
/* field validation message (visible) */

DIV.content_advert
{
	background: #ffffff;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 100;
	filter: alpha(opacity=0.5);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

DIV.advert_layer
{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 102;
}

DIV.advert
{
	width: 500px;
	height: 300px;
	background: #ffffff url(../../App_Themes/default/images/title_advert.gif) no-repeat top left;
	border: 5px solid #f8b411;
	margin: 10% auto auto auto;
	z-index: 103;
}

.advert .title
{
	padding-top: 50px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 2em;
	color: #979797;
	font-weight: bold;
	border-bottom: 1px solid #b7b7b7;
}
.advert .msg
{
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
	padding-top: 40px;
	padding-left: 50px;
	height: 110px;
	border-bottom: 1px solid #b7b7b7;
}
.advert IMG
{
	vertical-align: middle;
	margin-right: 5px;
}

.advert .close
{
	font-size: 1em;
	color: #e4a203;
	font-weight: bold;
	width: 490px;
	text-align: right;
	padding-top: 10px;
	z-index: 104;
}

.advert .close IMG
{
	margin-left: 5px;
	z-index: 104;
}

.advert A
{
	color: #e4a203;
	z-index: 104;
}

.advert UL
{
	display: block;
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
	width: 400px;
	text-align: center;
	font-size: 0.9em;
}

.advert UL LI
{
	padding: 0;
	margin-right: 15px;
	float: left;
	text-align: center;
}

.advert UL LI A
{
	padding-right: 13px;
	background: transparent url(../../App_Themes/default/images/submit_bg.png) right center no-repeat;
}

.MenuLogin
{
    background: rgb(247, 181, 18);
    background-color: rgb(247, 181, 18); 
    color: white;
    font-weight: bold;
    display: block;
    text-align:center;
    letter-spacing: 4px;
    font-size: 1.1em;
    width: 138px;
    margin-top: 0px;
	margin-bottom: 1px;
	padding-top: 2px;
	height:16px;
	vertical-align: middle;
	text-transform:uppercase;
}


/* note */

/** menu elements **/
/* All levels */
#main-nav A
{
	text-decoration: none;
	color: rgb(51, 51 ,51);
}
#menu01
{
	font-size: 1.1em;
	padding-top: 72px;
	background: url(../../App_Themes/default/images/menu_title.png) top left no-repeat;
}
#menu01 UL
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu01 UL LI A
{
	line-height: 18px;
	vertical-align: middle;
	
}
/* LEVEL 1 */
#menu01 UL LI A
{
	background: rgb(253, 233, 185);
	display: block;
	padding-left: 15px;
	border-bottom: 1px solid #fff;
	text-indent: -5px;
}
#menu01 UL LI A:hover
{
	background: rgb(251, 211, 113);
}
/* menu item */

/* selected top-level menu item */
/*#menu01 A.active { background-color: #f7b512; color: #000; font-weight: bold; }*/
#menu01 A.active
{
	background-color: rgb(247, 181, 18);
	color: #000;
	font-weight: bold;
}
#menu01 A:hover.active
{
	/* background: #???; */
}

/* LEVEL 2 */
#menu01 UL LI UL
{
	background: #fff;
	display: none;
}
#menu01 UL LI UL LI
{
	background: #fff;
}
#menu01 UL LI UL LI A
{
	margin-left: 8px;
	/*padding-left: 7px;*/
	background: rgb(255, 255, 255);
}
#menu01 UL LI UL LI A:hover
{
	/* background: #???; */
}
#menu01 UL LI UL LI A.active
{
	font-weight: bold;
	background: rgb(253, 233, 185);
}

/* LEVEL 3 */
#menu01 UL LI UL LI UL LI A
{
	margin-left: 8px;
	/*padding-left: 10px;*/
	padding-left: 20px;
	background: rgb(255, 245, 220);
}
#menu01 UL LI UL LI UL LI A:hover
{
	/* background: #???; */
}
#menu01 UL LI UL LI UL LI A.active
{
	font-weight: bold;
	background: rgb(255, 245, 220);
}


/* disabled menu item */
#menu01 a.disabled, #menu01 A:hover.disabled
{
	color: Gray;
	background-color: #efefef;
}

/* make the list elements a containing block for the nested lists */
/*#menu01 li { position: relative; } 
#menu01 ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; }

div#menu01 ul ul ul, div#menu01 ul ul li:hover ul ul {display: none;}
div#menu01 ul ul li:hover ul, div#menu01 ul ul ul li:hover ul {display: block;}
*/

/* SECONDARY MAIN-NAV MENU */
#menu02
{
	font-size: 1.1em;
	background: rgb(253, 233, 185);
	padding-top: 36px;
	padding-bottom: 36px;
}
#menu02 UL, #menu02 UL LI
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu02 UL LI:first-child A
{
	/*font-weight: bold;*/
}
#menu02 UL LI A
{
	line-height: 18px;
	vertical-align: middle;
	display: block;
	padding-left: 15px;
	text-indent: -5px;
}
#menu02 UL LI A:hover
{
	background: rgb(251, 211, 113);
}
#menu02 A.active
{
	background-color: #f7b512;
	color: #000;
	font-weight: bold;
}
#menu02 A:hover.active
{
	/* background: #???; */
}

/* LEVEL 2 */
#menu02 UL LI UL
{
	background: #fff;
	display: none;
}
#menu02 UL LI UL LI
{
	background: #fff;
}
#menu02 UL LI UL LI A
{
	margin-left: 8px;
	/*padding-left: 2px;*/
	background: rgb(255, 255, 255);
}
#menu02 UL LI UL LI A:hover
{
	/* background: #???; */
}
#menu02 UL LI UL LI A.active
{
	/*font-weight: bold;*/
	background: rgb(253, 233, 185);
}

/* LEVEL 3 */
#menu02 UL LI UL LI UL LI A
{
	margin-left: 8px;
	/*padding-left: 10px;*/
	background: rgb(255, 245, 220);
}
#menu02 UL LI UL LI UL LI A:hover
{
	/* background: #???; */
}
#menu02 UL LI UL LI UL LI A.active
{
	/*font-weight: bold;*/
	background: rgb(255, 245, 220);
}

/* LEVEL 4 */
#menu02 UL LI UL LI UL LI UL LI A
{
	margin-left: 8px;
	/*padding-left: 18px;*/
	background: rgb(255, 255, 255);
}
#menu02 UL LI UL LI UL LI UL LI A:hover
{
	/* background: #???; */
}
#menu02 UL LI UL LI UL LI UL LI A.active
{
	/*font-weight: bold;*/
	background: rgb(253, 233, 185);
}


/* disabled menu item */
#menu02 a.disabled, #menu01 A:hover.disabled
{
	color: Gray;
	background-color: #efefef;
}


/* TERTIARY MAIN-NAV MENU (FOOTER) */
#menu03
{
	font-size: 1em;
	background: rgb(251, 211, 113);
	height: 18px;
}
#menu03 UL
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu03 UL LI
{
	padding: 0;
	margin: 0;
	width: 49%;
	float: left;
	text-align: center;
}
#menu03 UL LI A
{
	line-height: 18px;
	vertical-align: middle;
	text-transform: lowercase;
}

input.required
{
	margin-bottom: 0px;
}
span.required
{
	margin-bottom: 0px;
	clear: both;
}
span#logintip
{
	display: block;
	clear: both;
	font-size: 7pt;
	font-weight: normal;
}

LABEL
{
	margin-top: 5px;
	display: block;
}


/* Notes */
#note1
{
	display: block;
	margin-top: 18px;
}
#note2
{
	display: block;
	margin-top: 18px;
}
/*#note3 img, #note4 img , #note5 img , #note6 img { display: block; margin-top: 18px; margin-right: 18px; float: left; }*/
.classNote
{
	display: block;
/*	margin-top: 18px;*/
	margin-right: 18px;
	float: left;
}
.classNoteRight
{
	display: block;
/*	margin-top: 18px;*/
	margin-left: 18px;
	float: right;
}
#main-nav .classNote
{
	display: block;
	margin-right: 0px;
	float: left;
}
#main-nav .classNoteRight
{
	display: block;
	margin-right: 0px;
	float: right;
}
.classNoteClear
{
	display: block;
	/*margin-top: 18px;*/
	margin-bottom: 18px;
}

/* header */

DIV#header
{
	padding-top: 18px;
	background-color: rgb(255, 255, 255);
	background-image: url(../../App_Themes/default/images/arquia_logo.png);
	background-repeat: no-repeat;
	background-position: 100% 14px;
	display: block;
	/*float: right;*/
	width: 91%;
}
DIV#header-note-container
{
	margin-bottom: 18px;
	height: 36px;
	overflow: hidden;
}
DIV#header-nav DIV
{
	background: transparent; /*rgb(251, 211, 113);*/
}
DIV#header-nav
{
	background: rgb(251, 211, 113);
	color: rgb(52, 52, 52);
	vertical-align: middle;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	height:15px;
}
DIV#header-nav SPAN
{
	color: rgb(0,0,0);
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 1em;
	text-transform: uppercase;
}

.TituloNombre
{
	color: rgb(0,0,0);
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	margin-left: 10px;
	text-transform: uppercase;
}

DIV#menuheader UL
{
	margin: 0;
}
DIV#menuheader LI
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}
DIV#menuheader UL LI
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}
DIV#menuheader A
{
	color: rgb(52, 52, 52);
	text-decoration: none;
	margin-left: 1px;
	margin-right: 1px;
}
DIV#menuheader A:hover
{
	color: rgb(0, 0, 0);
}
DIV#menuheader SPAN
{
	color: rgb(52, 52, 52);
	text-decoration: none;
	margin-left: 1px;
	margin-right: 1px;
	font-size: 1em;
	font-weight: normal;
	float: none;
	text-transform: none;
}

#menuheader span.separacionheader
{
	color: white;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 5px;
}
DIV#subheader
{
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	color: rgb(104, 104, 104);
	background: rgb(255, 255, 255);
	visibility:hidden;
	display: none;
}
DIV#subheader UL
{
	margin: 0;
	padding: 0;
}
DIV#subheader UL LI
{
	display: inline;
	margin-left: 20px;
}
DIV#subheader A
{
	color: rgb(104, 104, 104);
}
DIV#subheader A:hover
{
	color: rgb(0, 0, 0);
}
/* footer */
#menufooter
{	
	position:relative;
	left:10px;
	top:1px;
	float:left;
	/*height: 10px;*/
}

#copyright
{
	position:relative;
	top:1px;
	display:inline;
	float:right;
	height: 10px;
}

#footer ul
{
	display: inline;
	list-style-position: inside;
}

#footer ul li
{
	list-style: none;
	margin: 0;
	display: inline;
}

#footer li
{
	list-style: none;
	margin: 0;
	display: inline;
}

#footer a
{
	font-weight: normal;
	color: #777;
	font-size: 0.9em;
	text-decoration: none;
	margin-right: 10px;
}
#footer span
{
	font-weight: normal;
	color: #777;
	font-size: 0.9em;
	text-decoration: none;
	margin-right: 10px;
}
#footer span.separacionFooter
{
	font-weight: bold;
	color: white;
	font-size: 0.9em;
	text-decoration: none;
	margin-right: 10px;
}

.separacionLogin
{
	height:98px;
	width:2px;
    background-color:White;
	margin-bottom:5px;
	margin-top:5px;
}
#footer a:hover
{
	color: Black;
}

/* plantilla */
DIV.form
{
	color: rgb(104, 104, 104);
}
DIV.form-alternate
{
	background: rgb(255, 245, 220);	
}
DIV.form H1
{
    margin-top: 18px;
	font-size: 1.5em;
	margin-bottom: 0px;
	vertical-align: middle;
	border-bottom: 1px solid rgb(156, 156, 156);
	color: rgb(156, 156, 156);
}
DIV.form H2
{
	font-size: 1.2em;
	color: rgb(156, 156, 156);	
}
DIV.form-alternate H1
{
    margin-top: 18px;
	font-size: 1.5em;
	margin-bottom: 0px;
	vertical-align: middle;
	border-bottom: 1px solid rgb(156, 156, 156);
	color: rgb(156, 156, 156);
}
DIV.form-alternate H2
{
	font-size: 1.2em;
	color: rgb(156, 156, 156);	
}
H2.graph
{
	font-size: 1.2em;
	color: rgb(156, 156, 156);	
}

/*DIV.form INPUT[type='submit'], INPUT#enviar {
	font-size: 1em;
	text-transform: lowercase;
	color: rgb(0, 125, 205);
	background: transparent url(images/submit_bg.png) right center no-repeat;
	padding: 0 15px 0 0;
	border: 0;
	cursor: pointer;
}*/

.BotonLink
{
	font-size: 1em;
	text-transform: lowercase;
	color: rgb(0, 125, 205);
	background: transparent url(../../App_Themes/default/images/submit_bg.png) right center no-repeat;
	padding: 0 10px 0 0;
	border: 0;
	cursor: pointer;
}

DIV.form INPUT.disabled
{
	background: transparent;
	border: 1px solid #f2f2f2 !important;
}

DIV.form INPUT.readonly
{
	background: transparent;
	border: 0px solid #f2f2f2 !important;
	color: gainsboro;
}

DIV.form INPUT.number
{
	text-align:right;	
}

DIV.form-alternate INPUT.disabled
{
	background: transparent;
	border: 1px solid #f2f2f2 !important;
}

DIV.form-alternate INPUT.readonly
{
	background: transparent;
	border: 0px solid #f2f2f2 !important;
	color: gainsboro;
}

DIV.form-alternate INPUT.number
{
	text-align:right;	
}

/*INPUT#enviar {
	font-size: 1em;
	text-transform: lowercase;
	color: rgb(0, 125, 205);
	background: transparent url(images/submit_bg.png) right center no-repeat;
	padding: 0 15px 0 0;
	border:  0;
	cursor: pointer;
}*/

.dnie
{
	font-size: 1em;
	color: rgb(0, 125, 205);
	background: transparent url(../../App_Themes/default/images/submit_bg.png) right center no-repeat;
	padding: 0 10px 0 0;
	border: 0;
	cursor: pointer;
}

.bluebutton
{
	font-size: 1em;
	text-transform: lowercase;
	color: rgb(0, 125, 205);
	background: transparent url(../../App_Themes/default/images/submit_bg.png) right center no-repeat;
	padding: 0 15px 0 0;
	border: 0;
	margin-left: 10px;
	cursor: pointer;
}

.blue
{
	font-size: 1em;
	text-transform: lowercase;
	color: rgb(0, 125, 205);
	padding: 0 2px 0 0;
	background: transparent;
	text-align: right;
	border: 0;
	cursor: pointer;
	margin-left: 10px;
}

/*INPUT#cancelar {
	font-size: 1em;
	text-transform: lowercase;
	color: rgb(102, 102, 102) !important;
	background: transparent url(images/cancel_bg.png) right center no-repeat !important;
	padding: 0 15px 0 0;
	border: 0;
	cursor: pointer;	
}*/

.graybutton
{
	font-size: 1em;
	text-transform: lowercase;
	color: rgb(102, 102, 102) !important;
	background: transparent url(../../App_Themes/default/images/cancel_bg.png) right center no-repeat !important;
	padding: 0 15px 0 0;
	border: 0;
	cursor: pointer;
	margin-left: 10px;
}

.gray
{
	font-size: 1em;
	text-transform: lowercase;
	color: rgb(102, 102, 102) !important;
	background: transparent;
	padding: 0 2px 0 0;
	text-align: right;
	border: 0;
	cursor: pointer;
	margin-left: 10px;
}

DIV.form LABEL
{
	color: rgb(104, 104, 104);
	font-weight: bold;
}
DIV.form-alternate LABEL
{
	color: rgb(104, 104, 104);
	font-weight: bold;
}
INPUT
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 1px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
INPUT[type='radio']
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 0px none rgb(179, 179, 179);
	font-size: 5em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
DIV.form INPUT[type='radio']
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 0px none rgb(179, 179, 179);
	font-size: 5em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
DIV.form-alternate INPUT[type='radio']
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 0px none rgb(179, 179, 179);
	font-size: 5em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
INPUT[type='text']
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 1px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}

DIV.form INPUT[type='text']
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 1px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
DIV.form INPUT[type='file']
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 1px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
DIV.form TEXTAREA
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 1px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
DIV.form INPUT[type='password']
{
	border: 1px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
DIV.form-alternate INPUT[type='text']
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 1px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
DIV.form-alternate INPUT[type='file']
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 1px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
DIV.form-alternate TEXTAREA
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 1px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
DIV.form-alternate INPUT[type='password']
{
	border: 1px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
select
{
	border: solid 1px rgb(179,179,179);
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
DIV.form select
{
	border-width: 1px;
	border-style: solid;
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
DIV.form-alternate select
{
	border-width: 1px;
	border-style: solid;
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
SELECT.Base
{
	border: solid 1px rgb(179,179,179);
	background-color: white;
	color: Black;
	font-family: Arial;
	font-size: 1em;
}

DIV.pinpad2
{
	float: left;
	width: 116px;
	height: 32px;
	border-left: 0px solid #999;
	border-top: 0px solid #999;
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	margin-left: 0px;
	padding-left: 5px;
	padding-top: 0px;
}

DIV.pinpadbuttons2
{
	float: left;
	width: 125px;
	height: 45px; /*70*/
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	margin-left: -2px;
}

DIV.pinpadbuttons
{
	float: left;
	width: 205px;
	height: 70px;
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	margin-left: 0px;
}

DIV.pinpadbuttons2 img.pinpad-item
{
	display: inline;
	/*color: #b3ab98;
	background-color: #fff0d1;*/
	font-weight: bold;
	font-size: 16px;
	height:19px;
	width:19px;
	vertical-align: middle;
	text-align: center;
	float: left;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	border: 2px solid transparent;
	cursor:hand;
}

DIV.pinpadbuttons A.pinpad-item
{
	display: block;
	color: #b3ab98;
	background-color: #fff0d1;
	font-weight: bold;
	font-size: 16px;
	line-height: 27px;
	vertical-align: middle;
	text-align: center;
	width: 27px;
	height: 27px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 2px solid white;
}

DIV.pinpad2 SPAN.pinpad-titulo
{
	display: inline;
	color: rgb(85,85,85); /*#aba693*/
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
	text-align: center;
	width: 16px;
	height: 12px;
	float: left;
	margin-left: 2px;
	margin-top: 0px;
}

DIV.pinpad2 A.pinpad-item
{
	display: inline;
	color: gray;
	background-color: snow;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	width: 16px;
	height: 16px;
	float: left;
	margin-left: 2px;
	margin-top: 1px;
	border-top: 0px solid #999;
	border-left: 0px solid #999;
}

DIV.pinpad2 A.pinpad-item2
{
	display: inline;
	color: gray;
	background-color: snow;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	width: 16px;
	height: 16px;
	float: left;
	margin-left: 2px;
	margin-top: 1px;
	border-top: 0px solid #999;
	border-left: 0px solid #999;
}

.loginlink
{
	vertical-align:bottom;
}

DIV.pinpad
{
	float: left;
	width: 140px;
	height: 56px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-left: 0px;
}

DIV.pinpad A.pinpad-item
{
	display: block;
	color: rgb(153, 153, 153);
	background-color: rgb(255, 255, 255);
	font-weight: bold;
	font-size: 14px;
	line-height: 27px;
	vertical-align: middle;
	text-align: center;
	width: 27px;
	height: 27px;
	float: left;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
DIV.pinpad A.pinpad-item:hover
{
	background-color: rgb(102, 102, 102);
	color: rgb(255, 255, 255);
}
DIV.pinpad A.pinpad-item:active
{
	background-color: rgb(246, 180, 18);
}

.form-group
{
	/*position: relative;*/
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	/*clear: both;*/
}
.form-groupalternate
{
	/*position: relative;*/
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	/*clear: both;*/
	/*border-top: 1px solid rgb(204, 204, 204);*/ /*temas de reset.css*/
	/*border-bottom: 1px solid rgb(204, 204, 204);*/ /*temas de reset.css*/
	background: rgb(241, 241, 241);
}

.TopAlternate
{
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 1px solid rgb(204, 204, 204);
	background: rgb(241, 241, 241);
}

.BottomAlternate
{
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid rgb(204, 204, 204);
	background: rgb(241, 241, 241);
}

DIV.form-group
{
	/*position: relative;*/
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*clear: both;*/
}
 .
DIV.form-group.alternate
{
	border-top: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);
	background: rgb(241, 241, 241);
}
DIV.form-group H3
{
	font-size: 1.1em;
	margin-top: 0;
	padding-top: 0;
	padding-left: 10px;
	position: absolute;
	left: 5px;
	top: 10px;
	color: rgb(156, 156, 156);
}
.form-group H4
{
	font-size: 1.1em;
	margin-top: 0;
	padding-top: 0;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	left: 5px;
	top: 10px;
	color: rgb(156, 156, 156);
}
.form-groupalternate H4
{
	font-size: 1.1em;
	margin-top: 0;
	padding-top: 0;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	left: 5px;
	top: 10px;
	color: rgb(156, 156, 156);
}
DIV.form-group H4
{
	font-size: 1.1em;
	margin-top: 0;
	padding-top: 0;
	padding-left: 10px;
	left: 5px;
	top: 10px;
	color: rgb(156, 156, 156);
}
DIV.field-group
{
	height: 1%;
	margin-bottom: 1px;
	margin-left: 200px;
	float: none;
}

.tdGroup
{
	height: 1%;
	margin-bottom: 4px;
	margin-left: 200px;
	float: none;
}

DIV.field
{
	/*float: left;*/
	margin-right: 10px;
	vertical-align: bottom;
	/*display: block;*/
}

DIV.fieldleft
{
	margin-right: 10px;
	vertical-align: bottom;
	margin-left:0px;
}

DIV.field SPAN.field-label
{
	color: rgb(102, 102, 102);
	display: block;
	font-weight: normal;
}

DIV.field SPAN.field-label-hidden
{
	color: rgb(102, 102, 102);
	display: none;
}

DIV.field SPAN.field-label-required
{
	color: rgb(102, 102, 102);
	display: block;
	font-weight: bold;
}

DIV.field SPAN.horizontal
{
	display: inline;
}
DIV.field SPAN.form-field-text-label
{
	visibility: hidden;
}
/* report */
DIV.filter
{
	background-color: Black;
	background: fuchsia;
	height: 3em;
	
}
DIV.filter DIV
{
	background: fuchsia;
	float: left;
	margin-right: 2em;	
}

TABLE TH IMG
{
	border: 0;
	width: 11px;
	height: 11px;
	margin-left: 3px;
}
TABLE.list
{
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	float: left;
}

TABLE.listTotal
{
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	background: rgb(230, 230, 230);
	border: 0px;
	padding: 0px;
	margin: 0px;
}

TABLE.listTotal .cellTotal
{
	color: rgb(104, 104, 104);
	/*background: rgb(230, 230, 230);
	vertical-align: bottom;
	height: 12px;
	font-weight: bold;
	border-spacing: 0px;
	border-bottom: 0px;
	font-size: 1.1em;
	*/
}

TABLE.listTotal .cellBlank
{
	color: rgb(104, 104, 104);
	background: White;
	vertical-align: bottom;
	height: 12px;
	font-weight: bold;
	border-spacing: 0px;
	border-bottom: 0px;
	font-size: 1.1em;
}

TABLE.listTotal TD, .subhead TH
{
	padding: 0px;
	margin: 0px;
	font-size: 1.1em;
	/*background: rgb(230, 230, 230);*/
	/*border-bottom: 0px solid rgb(230, 230, 230);*/
	border-spacing: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.menuReport
{
	color: darkgray;
	font-size: 0.6em;
}

.td_summary
{
	background-color:Transparent;
	border-bottom-style:solid;
	border-width:1px;
	border-bottom-color:Red;
	padding-right: 1em;
}

TABLE.list TH
{
	color: rgb(104, 104, 104);
	background: rgb(230, 230, 230);
	vertical-align: bottom;
	height: 18px;
	border-spacing: 0;
}
TABLE.list TD, .subhead TH
{
	padding: 2px;
	font-size: 1em;
	border-bottom: 1px solid rgb(230, 230, 230);
	border-spacing: 0;
}

TABLE.list TH, TABLE.list TD
{
	
	/*padding-left: 10px;*/
	padding-right: 10px;
}

.cellTotal
{
	color: rgb(104, 104, 104);
	font-weight: bold;
	/*
	vertical-align: bottom;
	height: 12px;	
	border-spacing: 0px;
	border-bottom: 0px;
	font-size: 1.1em;
	*/
}

.subhead TH
{
	background: rgb(255, 255, 255) !important;
	font-weight: normal;
	color: Black !important;
}
.negative
{
	color: rgb(212, 46, 18);
}
TABLE.listTotal TD.negative 
{
	color: rgb(212, 46, 18);
	text-align: right;
}
TABLE.listTotal TD.redStyle
{
	color: rgb(212, 46, 18);
}
TABLE.listTotal TD.money
{
	text-align: right;
}
TABLE.listTotal TD.decimal
{
	text-align: right;
}
TABLE.list TD.money
{
	text-align: right;
}
TABLE.list TD.decimal
{
	text-align: right;
}
TABLE.list TD.negative
{
	color: rgb(212, 46, 18);
	text-align: right;
}
TABLE.list TD.redStyle
{
	color: rgb(212, 46, 18);
}
TABLE.list TR
{
    height: 0px;
}
TABLE.list TR.child-row TD
{
	background: #eee;
}
TABLE.list TH A
{
	color: rgb(104, 104, 104);
	text-decoration: none;
}
TABLE.list TD A, TABLE.list TD.blueStyle
{
	color: rgb(0, 125, 205);
	text-decoration: none;
}

TABLE.list TD.text
{
	color: rgb(104, 104, 104);
}

TABLE.list TD.date
{
	color: rgb(102, 102, 102);
}

TABLE.list TD.number
{
	color: rgb(51, 51, 51);
	text-align: right;
}

TABLE.list TD.greyStyle
{
	color: rgb(104, 104, 104);
}

TABLE.list TD.greybStyle
{
	color: rgb(104, 104, 104);
	font-weight: bold;
}
TABLE.list TD.grey60Style
{
	color: rgb(102, 102, 102);
}
TABLE.list TD.grey60bStyle
{
	color: rgb(102, 102, 102);
	font-weight: bold;
}
TABLE.list TD.grey80Style
{
	color: rgb(51, 51, 51);
}


/* --------------------------------

estilos para las tablas con controles

---------------------------------- */

TABLE.list TR.HeightTR
{
    height: 35px;
}

TABLE.list TD TABLE TD
{
	padding: 0;
}

/* --------------------------------

fin estilos para las tablas con controles

---------------------------------- */

DIV.report DIV.filter
{
	background: #eee;
	line-height: 27px;
	vertical-align: middle;
	padding-left: 5px;		
}
DIV.report DIV.filter INPUT[type='text']
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 1px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
DIV.report DIV.filter SELECT
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border-width: 1px;
	border-style: solid;
	font-size: 1em;
	padding: 1px;
	color: rgb(52, 52, 52);
}
DIV.report DIV.form INPUT[type='text']
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 1px solid rgb(179, 179, 179);
	font-size: 0.85em;
	padding: 1px;
	height: 12px;
	color: rgb(52, 52, 52);
}
DIV.report DIV.form INPUT[type='checkbox']
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 0px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	/*height: 12px;*/
	color: rgb(52, 52, 52);
}
DIV.report.alternate DIV.form INPUT[type='text']
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 1px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 1px;
	height: 12px;
	color: rgb(52, 52, 52);
}
DIV.report.alternate DIV.form INPUT[type='checkbox']
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border: 0px solid rgb(179, 179, 179);
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	/*height: 12px;*/
	color: rgb(52, 52, 52);
}
DIV.report.alternate DIV.form SELECT
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border-width: 1px;
	border-style: solid;
	font-size: 1em;
	height: 18px;
	margin-top: 0px;
	vertical-align: top;
	color: rgb(52, 52, 52);
}
DIV.report DIV.form SELECT
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border-width: 1px;
	border-style: solid;
	font-size: 1em;
	height: 18px;
	margin-top: 0px;
	vertical-align: top;
	color: rgb(52, 52, 52);
}
DIV.report TD DIV.form SELECT
{
	font-family:Arial,Verdana,sans-serif,Helvetica;
	border-width: 1px;
	border-style: solid;
	font-size: 1em;
	height: 18px;
	margin-top: 0px;
	vertical-align: top;
	color: rgb(52, 52, 52);
}
DIV.report DIV.filter A
{
	color: rgb(0, 125, 205);
}

DIV.report DIV.filter A IMG
{
	margin-top: 7px;
}

DIV.report DIV.filter DIV
{
	
	background: #eee;
	font-weight: bold;
	color: rgb(104, 104, 104);	
}

DIV.report DIV.reportcontrols
{
	float: right;
}
* html #report DIV.reportcontrols
{
	margin-top: 18px;
}
DIV.report DIV.reportcontrols UL
{
	list-style: none;
	text-align: right;
	margin: 0;
	padding: 0;
}
DIV.report DIV.reportcontrols UL LI
{
	display: inline;
}
DIV.report DIV.reportcontrols UL LI A
{
	color: rgb(104, 104, 104);
}
DIV.report DIV.reportcontrols UL LI A:hover
{
	color: rgb(0, 0, 0);
}
DIV.report SPAN.form-field-text-label
{
	display: none;
}
DIV.report H1
{
	margin-top: 18px;
	margin-bottom: 0px;
	font-size: 1.5em;
	vertical-align: middle;
	border-bottom: 1px solid rgb(156, 156, 156);
	color: rgb(156, 156, 156);
	/*height: 18px;*/
}


/* Alternate style for DIV.report.alternate */
 
DIV.report.alternate H1
{
	margin-bottom: 0;
	border-bottom: 2px solid rgb(246, 180, 18);
}

 
DIV.report.alternate TABLE.list TH
{
	color: rgb(51, 51, 51);
	background: rgb(254, 244, 219);
	border-bottom: 2px solid rgb(255, 255, 255);
	font-weight: normal;
}
 
DIV.report.alternate TABLE.list TD
{
	background: rgb(354, 244, 219);
	border-bottom: none;
}

 
DIV.report.alternate DIV.filter
{
	background: rgb(254, 244, 219) !important;	
}

.Paginator
{
	float:right;
	margin-top:8px;
}

#paginator
{
	font-size: 1em;
	width: 100%;
	margin-top: 9px;
	color: rgb(104, 104, 104);
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	text-align: right;
}
#paginator A, #paginator A:link
{
	color: rgb(0, 125, 205);
	text-decoration: none;
}
#paginator SPAN.prev
{
	margin-right: 9px;
}
#paginator SPAN.next
{
	margin-left: 9px;
}
.w2
{
	width: 20px;
}
.hidden
{
	display: none;
}
.action
{
	cursor: pointer;
}
.cb
{
	clear: both;
}
.cr
{
	clear: right;
}
.cl
{
	clear: left;
}
.fl
{
	float: left;
}
.fr
{
	float: right;
}
.fr22
{
	text-align: right;
}

.alert_red
{
    clear: both;
	font-size: 1.1em;
	color: #9F0000;
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: bold;
}
.alert_green
{
    clear: both;
	font-size: 1.1em;
	color: Green;
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: bold;
}
/* Contact */
div#contentcontact_layer  
{
	display: block;
	margin: auto; 
	width: 700px;
}

div#contentcontact_layer H4
{
    margin-top: 18px;
	font-size: 1.5em;
	margin-bottom: 0px;
	vertical-align: middle;
	border-bottom: 1px solid rgb(156, 156, 156);
	color: rgb(156, 156, 156);
}

div#contact  
{
	margin-left: 0; 
	padding: 5px 100px 5px 100px; 
	background: rgb(255, 245, 220);   
	margin-top: 15px; 
}

div#contact table
{
	/*margin-left:20px;
	margin-right:20px;*/  
	width: 500px;
}

div#contact .form-group
{
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	clear: both;
}

div#contact INPUT.readonly
{
	background: transparent;
	border: 0px solid #f2f2f2 !important;
	color:Black;
}

div#contentcontact_layer div SPAN.field-label-required
{
	
	color: rgb(102, 102, 102);
	display: block;
	font-weight: normal;
}

div#contentcontact_layer div SPAN.readonly
{
	border-bottom: 1px solid rgb(156, 156, 156);
	width: 425px;
}

div.embed
{
	width:auto;
	z-index:auto;
	text-align:left;
	background-color:Red;
}

div.embed p
{
	color:Blue;
	width:100px;
}

div.altSvg
{	
	width:200px;
	display:inline;
	background-color:Red;
}

table.borderTb
{
	background-color:Red;
	padding:0px;
}

div #svg
{
	display:none;
}

.alert_red a
{
    clear: both;
	font-size: 1.1em;
	color: #9F0000;
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: bold;
}

.text_right
{
	float:right;	
}

#FooterSubTotal
{
	color: #686868;
	text-align: right;
}

#FooterTotal
{
	color: #686868;
	text-align: right; 
	font-weight: bold;
}

/* Usado en correo sin papeles para cambiar una linea a negrito*/
.trclick
{
	font-weight: bold;
}

#embedtoolbar
{
	background:none repeat scroll 0 0 #FBD371;
	clear:both;
	height:34px;
	/*width:100%;*/
	padding:1px 10px 1px 10px;
}

img.embedtoolbarbutton
{
	cursor: pointer;
	visibility:visible;
}

img.embedtoolbarbuttondis
{
	cursor: pointer;
	visibility:hidden;
}

input.toolbarpagecounter
{
	background: #FBD371 none repeat scroll 0px 0px;
	border: 0px;
	font-size: 22px;
	height: 25px;
	margin: 2px;
	text-align: center;
	top: 1px;
	vertical-align: top;
	width: 25px;
}
