html {
height:100%;
}
body
{
    margin: 0;
    padding: 0;
    background-color: #F0F0F0;
	height:100%;
	min-height:100%;
	position:relative;
}

/*---FORMATO DE PAGINA INICIO */

/*--->MENU*/

#result
{
z-index:1;
}

.datos_datos
{
    font-family: Arial;
    font-weight: bold;
    font-size: 12pt;
}

#menu {
	width: 900px;
	
}
#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	z-index:1000;
}
#menu a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #333;
	font-size: .85em;
	color: #CCCCCC;
}
	
#menu a.trigger {
	padding: 5px 16px 5px 10px;
	background-image: url(images/p7PM_dark_south.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#menu li {
	float: left;
	width: 9em;
}
#menu li {position: relative;}

/* hide from IE mac \*/
#menu li {position: static; width: auto;}
/* end hiding from IE5 mac */

#menu li ul, #menu ul li  {
	width: 20em;
	border-bottom-style:solid; 
	border-bottom-width:1px; 
	border-bottom-color:#CCCCCC;

    font-size: 10pt;
	line-height:20px;
	
	
}
#menu ul li a {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}

#menu li ul {
	position: absolute;
	display: none;
	background-color: #f2f2f2;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	
	line-height:20px;
}
#menu li:hover a, #menu a:focus,
#menu a:active, #menu li.p7hvr a,
#menu a:hover{
	color: #000000;
	background-color: #679acf;
}
#menu li:hover ul, #menu li.p7hvr ul {
	display: block;
}
#menu li:hover ul a, #menu li.p7hvr ul a{
	color: #000000;
	background-color: transparent;
}
#menu ul a:hover {
	background-color: #606060!important;
	color: #FFFFFF !important;
}

#menu_barra
{
    width:990px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    background-color: #116fb8;
	background-image: url(imagenes/barra_menu.png);
    height:30px;
    float:left;
    }


#contenedor
{
    width: 100%;
    display: block;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	background-color: #FFFFFF;
}

.slide-out-div {
    padding: 5px;
    width: 150px;
    background: #fff;
    border: 1px solid #ffffff;
    float:left;
}

.subcontenedor
{
	width: 100%;
	display: block;
	height: auto;
    border: 1px solid #591D00;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
    background-color: #FFFFFF;
}

#header
{
    width: 100%;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #000000;
    border-bottom-color: #000000;
    background-color: #DBDBDB;
    height:55px;
}
.header_left
{
    float:left;
    }
.header_right
{
    float: right;
    
}   

.datos_recuadro
{
    width:40px;
    }

.datos_titulo
{
    font-family: calibri;
    font-weight: bold;
    font-size: 10pt;
    color:White;
}

.tablascuadro
{
    border-collapse: collapse;
    border-spacing: 0;
	font-family: arial;
    font-size: 10pt;
}
    
#separador
{
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom:4px;
}

#separador_ancho
{
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom:4px;
}

#separador2
{
    width:695px;
    height:40px;
    float:left;
    }
    
#separador3
{
    width:268px;
    height:20px;
    float:left;
	padding-top:3px;
	padding-bottom:3px;
    }

#separador4
{
    width:990px;
    height:40px;
    float:left;
    }

#separador5
{
    width: 982px;
    height: 25px;
    float: left;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #6262e7;
    padding-bottom:2px;
    padding-top:2px;
    padding-right:4px;
    padding-left:4px;
}


#separador6
{
    width: 990px;
    height: 100px;
    float: left;
}

.alerta
{
    font-family: calibri;
    font-size: 10pt;
    color: #FF0000;
}

.titulo_separador
{
    float: left;
    font-family: calibri;
    font-size: 14pt;
    color: #333333;
    display: block;
    text-decoration: none;
    padding: .25em;
    margin-top: 5px;
}

.boton
{
    border: 1px solid #003300;
    display: block;
    text-decoration: none;
    padding: .25em;
    background-color: #669999;
    font-family: calibri;
    font-size: 11pt;
    width: 130px;
    float: right;
    margin-top: 5px;
    text-align:center;
}

.boton a
{
    text-decoration: none;
    display: block;
    color:#fff;
    }

.etiquetas
{
    width: 150px !important;
	font-family: calibri;
    font-size: 10pt;
    color: #333333;
}

.etiquetas_libre
{
    font-family: calibri;
    font-size: 10pt;
    color: #333333;
}

.etiquetas_info
{
    font-family: calibri;
    font-size: 12pt;
	font-weight: bold;
    color: #333333;
}

.etiquetas_titulo
{
    font-family: arial;
    font-size: 16pt;
	font-weight: bold;
    color: #333333;
}

.etiquetas_titulo_chico
{
    font-family: arial;
    font-size: 12pt;
	font-weight: bold;
    color: #333333;
}

.linea
{
    font-family: calibri;
    font-size: 11pt;
    color: #333333;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #333333;
    border-bottom-color: #333333;
    text-align:center;
}

.entradas
{
    font-family: calibri;
    font-size: 11pt;
    color: #333333;
    width:200px !important;
}

.entradas_chicas
{
    font-family: calibri;
    font-size: 11pt;
    color: #333333;
    width:140px;
}

.entradas_grandes
{
    font-family: calibri;
    font-size: 11pt;
    color: #333333;
    width:400px;
}

.modern_entradas
{
    border-style: none;
    font-family: calibri;
    font-size: 10pt;
    color:#6f6f6f; 
    width: 236px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 1px 1px 3px #e6ebfa;
    background: #e6ebfa;
    padding-left:14px;
}

.entradas_pequenas
{
    font-family: calibri;
    font-size: 11pt;
    color: #333333;
    width:65px;
}

.entradas_areas
{
    font-family: calibri;
    font-size: 11pt;
    color: #333333;
}
    
#columna1
{
    float: left;
    width: 150px;
}

#columna1 ul
{
    margin: 0;
    padding: 0;
    width: 145px;
    font-family: calibri;
    font-size: 12pt;
    color: #006600;
}
#columna1 ul li
{
    list-style: none;
    border-top: solid 1px #437d00;
    text-align: left;
    margin: 0 0 0 5px;
}
    
#columna1 ul li a
{
  display: block;
  text-decoration: none;
  padding: .25em;
  margin-left:10px;
    }
    
#columna1 ul li:hover { background-color: #9fcf67; } 

#columna2
{
    float:right;
    width:120px;
    }

.separador_columna
{
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #006600;
    height: 400px;
    width: 2px;
    float: left;
    margin-right: 4px;
    margin-left: 4px;
}
#result
{
    float:left;
    width:990px;
    }
#columna3
{
    float:left;
    width:695px;
    }

#columna5
{
    float:left;
    width:800px;
    }
    
#columna6
{
    width:100%;
	height:100%;
	position:relative;
    }
    
#columna4
{
    float: left;
    width: 270px;
}

#contenido
{
    margin: 6px;
    background-color: #FFFFFF;
    font-family: calibri;
    font-size: 10pt;
}

/*MODAL*/
#overlay {
	position:fixed; 
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
}

#modal {
	position:absolute;
	background:url(tint20.png) 0 0 repeat;
	background:rgba(0,0,0,0.2);
	border-radius:14px;
	padding:8px;
}

#content {
	border-radius:8px;
	background:#fff;
	padding:20px;
}

#close {
	position:absolute;
	background:url(images/close.png) 0 0 no-repeat;
	width:24px;
	height:27px;
	display:block;
	text-indent:-9999px;
	top:-7px;
	right:-7px;
}
			
#overlay2 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

#modal2 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content2 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close2 {
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}


#overlay3 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

#modal3 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content3 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close3{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}
		
#overlay4 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

#modal4 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content4 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close4{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}


/**/
#overlay5 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

#modal5 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content5 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close5{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay6 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

#modal6 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content6 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close6{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}


#modal7 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content7 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close7{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay7 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

#modal8 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content8 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close8{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay8 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

#modal9 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content9 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close9{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay9 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}


#modal10 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content10 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close10{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay10 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}
	
#modal11 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content11 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close11{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay11 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

/*12*/

#modal12 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content12 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close12{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay12 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

/*13*/

#modal13 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content13 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close13{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay13 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

/*14*/

#modal14 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content14 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close14{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay14 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

/*MODALS PARA MODULOS*/

#modal100 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content100 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close100{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay100 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

#modal200 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content200 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close200{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay200 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

#modal300 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content300 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close300{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay300 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}


#modal400 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content400 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close400{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay400 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}

/*500*/

#modal500 {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}

#content500 {
border-radius:8px;
background:#fff;
padding:20px;
}

#close500{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

#overlay500 {
position:fixed; 
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}
/*MODALS PARA MODULOS*/

#cerrar{
position:absolute;
background:url(images/close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}

/*para mostrar procesando*/
#sobretodo {
	position:fixed; 
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
}

#procesando {
	position:absolute;
	background:url(tint20.png) 0 0 repeat;
	background:rgba(0,0,0,0.2);
	border-radius:14px;
	padding:8px;
}


/*DESPLIEGUE DE DATOS*/
.tabla_imagen
{
    width:40px;
    }

.tabla_datos_libre
{
    margin: 4px;
    font-family: calibri;
    font-size: 10pt;
    color: #333333;
}
    
.tabla_datos
{
    width: 140px;
    font-family: calibri;
    font-size: 10pt;
    color: #333333;
}

.tabla_datos_sm
{
    width: 140px;
    font-family: calibri;
    font-size: 8pt;
    color: #333333;
}

.tabla_datos_total
{
    width: 140px;
    font-family: calibri;
    font-size: 10pt;
    color: #333333;
    border-top-style: solid;
    border-bottom-style: double;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #333333;
    border-bottom-color: #333333;
    font-weight: bold;
}
.tabla_datos_right
{
    width: 140px;
    font-family: calibri;
    font-size: 10pt;
    color: #333333;
	text-align:right;
}

.tabla_datos_right_total
{
    width: 140px;
    font-family: calibri;
    font-size: 10pt;
    color: #333333;
    text-align: right;
    border-top-style: solid;
    border-bottom-style: double;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #333333;
    border-bottom-color: #333333;
    font-weight: bold;
}

.tabla_datos_center
{
    width: 140px;
    font-family: calibri;
    font-size: 10pt;
    color: #333333;
    text-align:center;
}

.tabla_datos_iconos
{
    width: 22px !important;
    font-family: calibri;
    font-size: 10pt;
    color: #333333;
    text-align:center !Important;
}

.tabla_datos_chico
{
    width: 60px;
    font-family: calibri;
    font-size: 10pt;
    color: #333333;
}

.tabla_datos_chico_sell
{
    width: 60px;
    font-family: calibri;
    font-size: 10pt;
    color: #ff0000;
}

.tabla_datos_chico_separado
{
    width: 60px;
    font-family: calibri;
    font-size: 10pt;
    color: #0000FF;
}

.tabla_datos_sell
{
    width: 140px;
    font-family: calibri;
    font-size: 10pt;
    color: #ff0000;
}

.tabla_datos_separado
{
    width: 140px;
    font-family: calibri;
    font-size: 10pt;
    color: #0000FF;
}

.tabla_datos_grande
{
    width: 250px;
    font-family: calibri;
    font-size: 10pt;
    color: #333333;
}

.tabla_datos_muy_grande
{
    width: 550px;
    font-family: calibri;
    font-size: 10pt;
    color: #333333;
}

.tabla_datos_grande_titulo
{
    width: 250px;
    font-family: calibri;
    font-size: 10pt;
    color: #333333;
    font-weight: bold;
}

.tabla_datos, .tabla_datos_grande, .tabla_datos_muy_grande, .tabla_datos_iconos, .tabla_datos_icono
{
    text-decoration: none;
}
.tabla_datos:hover, .tabla_datos_grande:hover, .tabla_datos_muy_grande:hover, .tabla_datos_iconos:hover, .tabla_datos_icono:hover
{
background-color: #99CCFF;
}
.tabla_datos_titulo, .tabla_datos_grande_titulo
{
    font-family: calibri;
    font-weight: bold;
    font-size: 10pt;
    border: 1px solid #C0C0C0;
    text-decoration: none;
    text-transform: capitalize;
    background-color: #EBEBEB;
}

.tabla_datos_titulo_sm
{
    font-family: calibri;
    font-weight: bold;
    font-size: 8pt;
    border: 1px solid #C0C0C0;
    text-decoration: none;
    text-transform: capitalize;
    background-color: #EBEBEB;
}

.tabla_datos_titulo_center
{
    font-family: calibri;
    font-weight: bold;
    font-size: 10pt;
    border: 1px solid #C0C0C0;
    text-decoration: none;
    text-transform: capitalize;
    background-color: #EBEBEB;
    text-align:center;
}

.tabla_datos_titulo_icono
{
    font-family: calibri;
    font-weight: bold;
    font-size: 10pt;
    border: 1px solid #C0C0C0;
    text-decoration: none;
    text-transform: capitalize;
    background-color: #EBEBEB;
}

.tabla_datos_titulo_login
{
    font-family: calibri;
    font-weight: bold;
    font-size: 10pt;
    text-align:left;
    padding-left:30px;
    height:40px;
}

.areatext
{
    font-family: calibri;
    width:400px;
    height:80px;
}

.input_chico
{
    width: 75px;
    font-family: calibri;
    font-size: 10pt;
    color: #333333;
}

.input_grande
{
    width: 250px;
    font-family: calibri;
    font-size: 8pt;
    color: #333333;
}

#bienvenida
{
    font-family: calibri;
    font-size: 15pt;
    text-decoration: none;
    text-transform: uppercase;
}

#alertas
{
    width: 990px;
    float: left;
    height: 743px;
    background:url(imagenes/paisaje.png) 0 0 no-repeat;
}

.mensajes
{
    font-family: calibri;
    font-size: 12pt;
    color: #666666;
    margin-left: 30px;
    text-decoration: none;
    margin-top: 15px;
}


/* Button */
.botones {
  display: inline-block;
  position: relative;
  width: 120px;
  height: 25px;
  line-height: 25px;
  border-radius: 2px;
  font-size: 8pt;
  background-color: #4285f4;
  color: #FFFFFF;
  text-decoration:none; 
  text-align:center
  
}

.botones > paper-ripple {
  border-radius: 2px;
  overflow: hidden;
}

.botones:active {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay: 0s;
}


.botones_grandes {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Trebuchet MS;
	font-size:20px;
	font-weight:normal;
	padding:1px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.botones_grandes:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.botones_grandes:active {
	position:relative;
	top:1px;
}
.derecha
{
    float:right;
    }
    
/*selects*/

.seleccion
{
    border:0; 
    color:#6f6f6f; 
    background:transparent;
    font-family: calibri;
    font-size: 10pt;
    padding:2px 10px; 
    -webkit-appearance: none; 
    width:278px;
    }

.seleccion_chica
{
    border:0; 
    color:#6f6f6f; 
    background:transparent;
    font-family: calibri;
    font-size: 10pt;
    padding:2px 10px; 
    -webkit-appearance: none; 
    width:178px;
    }	
	
#mainselection  
{
    overflow:hidden;
    width:250px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 1px 1px 3px #e6ebfa;
    background: url("imagenes/arrow.png") no-repeat scroll 319px 5px #e6ebfa; 
}

#mainselection_chica
{
    overflow:hidden;
    width:150px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 1px 1px 3px #e6ebfa;
    background: url("imagenes/arrow.png") no-repeat scroll 319px 5px #e6ebfa; 
}

.boton_submit
{
    height: 40px;
    background-color: #FFCC66;
}

#centrar_tabla
{
    position:fixed; 
	top:0;
	left:0;
    border: thin solid #000000;
    text-align: center;
    height: 100%;
    width: 100%;
    background-repeat: repeat;
    background-image: url('imagenes/fondo_login.png');
}

.login
{
    width: 400px;
    border: thin solid #000000;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    background-color: #f4f4f4;
}
    
.input_login
{
    height:20px;
    width:225px;
    border: thin solid #000000;
    -moz-box-shadow: 2px 2px 2px #000;
    -webkit-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
    }

.dtp
{
    width: 70px;
    font-family: calibri;
    font-size: 10pt;
}

.marco
{
    padding: 3px;
    border: 1px solid #000000;
}

.filtros
{
	padding: 2px;
	background-color:#ededed;
	margin:10px;
	border-collapse:collapse;
	border: 1px solid #000000;
	width:99%;
	box-shadow: 5px 5px 2px #888888;
}
.filtros td
{
text-align:center;
padding: 4px;
}


.icono
{
    width:20px;
    height:20px;
    }
	
    
.codigo_barra
{
    background-color: #FFFFF;
    border: 1px solid #000000;
    font-family: arial;
    font-size: 14pt !important;
    width:290px;
	height:60px;
    text-align:center;
    vertical-align:middle;
}

.dv_flex
{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
		align-items: center;
	align-content: space-between;

}

.dv_flex_bars
{
	border-width: 4px;
border-style: double;
border-color: #1C6EA4;
-webkit-box-shadow: 2px 4px 12px -1px rgba(0,0,0,0.53); 
box-shadow: 2px 4px 12px -1px rgba(0,0,0,0.53);
margin: 10px;
}

.input_right
{
	text-align:right !important;
}

.eliminados
{
	padding:32px 53px;
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	
		background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
}

.btn_selector {
	
	background-color:#757575;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	width:160px;
	height:160px;
	text-decoration:none;
	text-shadow:0px -1px 0px #3b3b3b;
	text-align:center;
	margin:20px;
}
.btn_selector:hover {

	background-color:#6c7c7c;
}
.btn_selector:active {
	position:relative;
	top:1px;
}

.btn_selector_div
{
	display: flex; 
	height:160px;
	align-items:space-between;
	justify-content:center;
	flex-direction: column;
}

.btn_selector a
{
	text-decoration:none;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
}

.btn_selector_container
{
	display:flex;
	justify-content: center;
	width:100%;
	flex-wrap: wrap;
	align-items: center;
	padding:10px;
}

.btn_selector_titulo
{
	color: #111; 
	font-family: 'Helvetica Neue', 'Bebas Neue', sans-serif; 
	font-size: 30px; 
	font-weight: bold; 
	letter-spacing: 3px; 
	line-height: 1; 
	width:100%;
	text-align:left;
}

/*----*/

.btn_selector_small {
	
	background-color:#757575;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	width:80px;
	height:80px;
	text-decoration:none;
	text-shadow:0px -1px 0px #3b3b3b;
	text-align:center;
	margin:10px;
}
.btn_selector_small:hover {

	background-color:#6c7c7c;
}
.btn_selector_small:active {
	position:relative;
	top:1px;
}

.btn_selector_small_div
{
	display: flex; 
	height:80px;
	align-items:space-between;
	justify-content:center;
	flex-direction: column;
}

.btn_selector_small a
{
	text-decoration:none;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}


.contenedor_data
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	border:1px solid #566963;
}

.btn_selector_container_stretch
{
		display:flex;
	justify-content: center;
	width:100%;
	flex-wrap: nowrap;
	align-items: stretch;
	padding:10px;
}

.contenedor_titulo
{
	color: #111; 
	font-family: 'Helvetica Neue', 'Bebas Neue', sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	letter-spacing: 3px; 
	line-height: 1; 
	width:100%;
	text-align:center;
}

.contenedor_horizontal
{
	padding: 2px;
	background-color:#ededed;
	margin:10px;
	border-collapse:collapse;
	border: 1px solid #000000;
	width:98%;
	box-shadow: 2px 2px 2px #888888;
}
.contenedor_horizontal td
{
text-align:left;
padding: 4px;
font-weight: bold;
}

.contenedor_horizontal input, .contenedor_horizontal select
{
width:300px !important;
}


.contenedor_horizontal td div
{
float:right;
}

.e-int_derecha
{
	text-align:right !important;
}

.search {
  width: 100%;
  position: relative;
  display: flex;
  z-index:9999999;
}

.searchTerm {
  width: 100%;
  border: 1px solid #c9c9c9;
  border-right: none;
  padding: 5px;
  height: 20px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #c9c9c9;
}

.searchTerm:focus{
  color: #111111;
}

.searchButton {
  width: 40px;
  height: 31px;
  border: 1px solid #c9c9c9c;
  background: #00B4CC;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 450px;
  position: absolute;
  top: 30px;
  left: 390px;
  z-index:999999;
  transform: translate(-50%, -50%);
}

.popup {
  display: none;
  width: 450px;
  height: 300px;
  position: absolute;
  top: 32px;
  left: 0px;
  z-index:999999;
	box-shadow: 8px 5px 5px -3px rgb(0 0 0 / 10%), 5px 8px 5px -3px rgb(0 0 0 / 10%);
	background-color: #fafafa;
	border: 1px solid #ccc;
	transform: rotate(0deg);
}

.popupcontent{
	padding: 10px 10px 0;
	 z-index:9999999;
}

.closeButton {
    height: 20px;
    line-height: 20px;
    left: 400px;
	float:right;
    top: 10px;
    width: 20px;
	background: #1668ac;
    border: 1px solid #1668ac;
    border-radius: 2px;
    color: #fff;
	cursor: pointer;
    display: inline-block;
    font-size: 0;	
}

.closeButton::after {
    content: "×";
    font-size: 25px;
}