* { padding: 0; margin: 0; }
body {
	background:  #EFEFEF; 
	font-size: 16px;
	font-family: arial, verdana, Tahoma, Sans-serif;
	LINE-HEIGHT: 150%;
}
td {
	font-size: 14px;
	font-family: arial, verdana, Tahoma, Sans-serif;
	LINE-HEIGHT: 150%;
}
a { 
	background: inherit; 
	color: #000000; 
	text-decoration: none; 
}
a:hover { 
	background: inherit; 
	color: #666666; 
	text-decoration: none; 
}

h1 {font-family: Arial, Tahoma;}
h2, h3, h4 {font-family: Arial, Tahoma;}
h1 { font-size: 30px; LINE-HEIGHT: 140%;}
h2 { font-size: 27px; LINE-HEIGHT: 130%;}
h3 { font-size: 23px; LINE-HEIGHT: 110%;}
h4 { font-size: 16px; LINE-HEIGHT: 120%;}
p, h1, h2, h3, h4 {	margin: 0px;}
ul, ol {
	margin: 0px;
	padding: 0px;		
}
p { padding:10px 10px 10px 10px; font-size:14px;}
@media (max-width:992px) {
h1 { font-size: 45px;}
h2 { font-size: 28px; }
h3 { font-size: 22px;}
}
@media (max-width:768px) {
h1 { font-size: 40px;  letter-spacing: -2px;}
h2 { font-size: 30px; }
h3 { font-size: 25px;}
}

@media (max-width:420px) {
h1 { font-size: 26px;  letter-spacing: -2px;}
h2 { font-size: 22px; }
h3 { font-size: 18px;}
}
img {
	vertical-align: middle;
	margin: 0px;
}
.header {
background: #000;
}
.height-100 {
background: #669999;
width: 100%;
height: 610px;
overflow:hidden;
}
#logo {
background: url('../image/logo.png') no-repeat 50% 50%;
background-size:auto 120px ;
width: 100%;
height: 210px;
/*-webkit-filter: opacity(20%);*/
}
.recorte {display: black;}
.blan { color:#FFFFFF; font-zise: 22px;}

.box {
margin:2px; 
box-shadow:1px 2px 2px rgba(0, 0, 0, .6);
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.tex-blanco  { color: #fff; }
.tex-gris  { color: #666; }
.tex-grisi  { color: #ccc; }
.tex-azul { color: #336699; }
.tex-amarillo { color: #FFCC00; }
/* additional classes */
/* additional classes */
.hide  { display: none; }
.show { display:inherit;}
#hide  { display: none; }
#show { display:inherit;}
#alt { display: block;}
.underline{text-decoration:underline;}
form {
	margin:0;
}
.titulo-mudulo {COLOR: #ffffff; font-size:16px; }
.lin {	COLOR: #ffffff; TEXT-DECORATION: none; }
.lin:visited {	COLOR: #ffffff; TEXT-DECORATION: none; }
.lin:hover { COLOR: #ffffff; TEXT-DECORATION: none; }
.linCRONYM { CURSOR: help; }
.stylewidth {
vertical-align: middle;
margin: 0px;
width: 40px;
height:auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.menu-top .stylewidth {width: 50px; height:auto;}
.multiposition-stop2 {
  background: linear-gradient(
    to left,
    #006699 50%,
   #66CCFF 50%
  );
  background: linear-gradient(
    to left,
    #006699 50%,
    #66CCFF 50%
  );
}
#sidox {
background: url('../image/transparent_bg.png') repeat;
FLOAT: none; 
WIDTH: 98%;
border-bottom: 1px solid #ccc;
PADDING: 5px 0px 5px 2%; 
MARGIN: 0px;
color:#FFFFFF;
font-size:16px;
font-family: arial;
LINE-HEIGHT: 130%;
letter-spacing: -0px;
cursor:pointer;
}
#sidox:hover {
background: url('../image/transparent_bg2.png') repeat;
color:#FFFFFF;
text-decoration: none;
}
.olvi {
background: #003366 url('../image/iconos/menu-mas-w.png') no-repeat 50% 50%; 
background-size: auto 25px;
width:100%;
height:auto;
}
.go {
background: #660000 url('../image/iconos/go_mov.png') no-repeat 75% 50%; 
background-size: auto 25px;
width:100%;
height:auto;
}
.pic-up {
background: url('../image/iconos/menu-bott2.png') no-repeat 50% 50%; 
background-size: auto 22px;
width: 22px;
height:22px;
}
.pic-dow {
background: url('../image/iconos/menu-bott.png') no-repeat 50% 50%; 
background-size: auto 22px;
width:22px;
height:24px;
}
.pic-menu {
background: url('../image/iconos/menu-mas.png') no-repeat 50% 50%; 
background-size: auto 22px;
width:22px;
height:22px;
}
.pic-help {
background: url('../image/iconos/help.png') no-repeat 50% 50%; 
background-size: auto 22px;
width:22px;
height:24px;
}
.volver {
background: url('../image/iconos/menu-vol.png') no-repeat 50% 50%; 
background-size: auto 22px;
width:22px;
height:22px;
}
.save {
background: #660000 url('../image/iconos/save-w.png') no-repeat 10% 50%; 
background-size: auto 35px;
width:100%;
height:auto;
vertical-align: middle;
}
.save-min {
background: transparent url('../image/iconos/save-b.png') no-repeat 50% 50%; 
background-size: auto 22px;
width:30px;
height:22px;
cursor:pointer;
vertical-align: middle;
float:left;
}
.save-min-i {
background: transparent url('../image/iconos/save-b.png') no-repeat 50% 50%; 
background-size: auto 22px;
width:22px;
height:22px;
cursor:pointer;
vertical-align: middle;
}
.save-min-i-w {
background: transparent url('../image/iconos/save-w.png') no-repeat 50% 50%; 
background-size: auto 22px;
width:22px;
height:22px;
cursor:pointer;
vertical-align: middle;
}
.attach {
background: #6699CC url('../image/iconos/ico-attach.png') no-repeat 10% 50%; 
background-size: auto 35px;
width:100%;
height:auto;
}
.mas {
background: url('../image/iconos/mas.png') no-repeat 50% 50%; 
background-size: auto 15px;
width:40;
height:20px;
}
.popup {
background: url('../image/iconos/ico-popup.png') no-repeat 50% 50%; 
background-size: auto 20px;
width:30;
height:24px;
}
.nuevo {
background: url('../image/iconos/nuevo.png') no-repeat 50% 50%; 
background-size: auto 20px;
width:40px;
height:20px;
cursor:pointer;
vertical-align: middle;
float: left;
}
.ddjj {
background: url('../image/iconos/ddjj-dow.png') no-repeat 50% 50%; 
background-size: auto 20px;
width:40px;
height:20px;
cursor:pointer;
vertical-align: middle;
float: left;
}
.ddjj-lup {
background: url('../image/iconos/ddjj-lup.png') no-repeat 50% 50%; 
background-size: auto 20px;
width:40px;
height:20px;
cursor:pointer;
vertical-align: middle;
float: left;
}
.f-paper {
background: url('../image/iconos/f-dow.png') no-repeat 50% 50%; 
background-size: auto 20px;
width:40px;
height:20px;
cursor:pointer;
vertical-align: middle;
float: left;
}
.r-paper {
background: url('../image/iconos/r-dow.png') no-repeat 50% 50%; 
background-size: auto 20px;
width:40px;
height:20px;
cursor:pointer;
vertical-align: middle;
float: left;
}
.qr-code {
background: url('../image/iconos/qr-code.png') no-repeat 50% 50%; 
background-size: auto 20px;
width:40px;
height:20px;
cursor:pointer;
vertical-align: middle;
float: left;
}
.r-retiro {
background: url('../image/iconos/r-retiro.png') no-repeat 50% 50%; 
background-size: auto 20px;
width:50px;
height:20px;
cursor:pointer;
vertical-align: middle;
float: left;
}
.adjunto {
background: url('../image/iconos/attach.png') no-repeat 50% 50%; 
background-size: auto 20px;
width: 50px;
height: 22px;
cursor:pointer;
vertical-align: middle;
float: left;
}
.tilde {
background: url('../image/iconos/oki.png') no-repeat 50% 100%; 
background-size: auto 14px;
width:50px;
height:18px;
cursor:pointer;
vertical-align: middle;
float: left;
}
.familia {
background: #FF6600 url('../image/iconos/ico-usuario-public.png') no-repeat 20% 50%; 
background-size: auto 35px;
width:100%;
height:auto;
}
.empresa {
background: #006600 url('../image/iconos/ico-empresa-w.png') no-repeat 5% 50%; 
background-size: auto 30px;
width:100%;
height:auto;
text-transform:uppercase;
}
.pasa {
background: #FF6600 url('../image/iconos/ico-off-pup-b-i.png') no-repeat 10% 50%; 
background-size: auto 30px;
width:100%;
height:auto;
}
.lupa {
background: #272727 url('../image/iconos/viewmag+.png') no-repeat 50% 50%; 
background-size: auto 33px;
width:46px;
height:46px;
cursor:pointer;
vertical-align: top;
}
.lupai {
background: url('../image/iconos/viewmag+.png') no-repeat 50% 50%; 
background-size: auto 18px;
width:20px;
height:22px;
cursor:pointer;
}
.key-secret {
background: #fff url('../image/iconos/log.png') no-repeat 50% 50%; 
background-size: auto 22px;
width:22px;
height:22px;
cursor:pointer;
}
.titulo {
background: #003366 url('../image/iconos/ico-desplegar.png') no-repeat 10% 50%; 
background-size: auto 33px;
width:46px;
height:46px;
cursor:pointer;
}
.ima {
background: #663399 url('../image/iconos/ico-camara-black.png') no-repeat 10% 50%; 
background-size: auto 22px;
width:22px;
height:22px;
cursor:pointer;
}
.rotate {
background: #003366 url('../image/iconos/ico-op-black.png') no-repeat 10% 50%; 
background-size: auto 22px;
width:22px;
height:22px;
cursor:pointer;
}
.exite {
background: url('../image/iconos/errormessage.gif') no-repeat 50% 50%; 
background-size: auto 16px;
width:16px;
height:16px;
cursor:pointer;
float: right;
}
.refres {
background: url('../image/iconos/quick_restart.png') no-repeat 50% 50%; 
background-size: auto 22px;
width:22px;
height:22px;
cursor:pointer;
float: right;
}
.csv {
background: #000 url('../image/iconos/csv.png') no-repeat 10% 50%; 
background-size: 22px auto;
width:22px;
height:auto;
cursor:pointer;
float: none;
}

.sidox {
vertical-align: middle;
-webkit-filter: opacity(70%);
WIDTH: 100%;
height: auto;
padding: 12px 0px 12px 0px; 
color: #FFFFFF;
text-align:center;
cursor:pointer;
overflow:hidden;
border-bottom:1px solid #fff;
font-size:20px;
}
.sidox:hover {
-webkit-filter: opacity(100%);
border-right:0px solid #fff;
}
.link {
background: #6699FF url('../image/iconos/editi-w.png') no-repeat 5% 50%; 
background-size: auto 22px;
width:100%;
height:auto;
vertical-align: middle;
padding: 18px 0px 18px 0px; 
font-size:14px;
color:#fff;
}
.savelink {
background: #990000 url('../image/iconos/save-w.png') no-repeat 5% 50%; 
background-size: auto 22px;
width:100%;
height:auto;
vertical-align: middle;
padding: 18px 0px 18px 0px; 
font-size:14px;
color:#fff;
}
.boton_mercadopago {
background: transparent url('../image/logo_mercado_pago.png') no-repeat 50% 50%; 
background-size: 80px 21px;
width:80px;
height:21px;
cursor:pointer;
}

.menu-top {
background: #305c66 url('../image/transparent_bg.png') repeat;
WIDTH: 98%; 
border-left: 1px solid #ccc;
PADDING: 0px 0% 0px 2%; 
overflow:hidden;
}
.menu-med {
background: #305c66;
WIDTH: 100%; 
border-top: 1px solid #333;
border-bottom: 1px solid #333;
PADDING: 0px 0px 0px 0px; 
overflow:hidden;
text-align:center;
color: #ccc;
font-size:14px;
}
/************* LISTADOS ****************/
.titulo-columna td {
	background: #414141;
	border-top: 1px solid #666;
  	border-left: 1px solid #666;
	padding: 2px 5px 2px 5px;
	color: #ccc;
	font-size: 11px;
}

.listado {
  	overflow:hidden;
	border: 0px solid #D0D4D4;
	padding: 0px;
}


.listado td {
  	
	border-top: 1px solid #D0D4D4;
	border-left: 1px solid #D0D4D4;
  	border-bottom: 1px solid #FFFFFF;
	padding: 4px;
	font-size: 14px;
}

.listado h4 { 
font-size:16px; 
padding:2%;
}
.minitex {
font-size: 12px; 
LINE-HEIGHT: 110%; 
color: #999; 
padding:0px;

}
.selectmini { width:40px;}
.listado_form { background:#333333; width: 50px; height:45px; padding:8px 1px 4px 1px; margin:1px; float:left; text-align:center;overflow:hidden;}
.listado_form .text { color:#fff; font-size:9px; text-align:center; line-height:110%; height: 20px;  letter-spacing: -1px;}

/*TENGO 4 CAJAS DE AYUDA CON LOS MISMOS ESTILOS*/
#avanzada {
background:#333333;
border-top:1px solid #666;
border-bottom:1px solid #666;
padding: 0px;
font-size: 12px;
color: #ccc;
line-height: 130%;
overflow:hidden;
} 

/*---------------------------  BOTONES --------------------------- */
.btn {
vertical-align: middle;
margin: 0px;
width: auto;
height: 24px;
}
.btn_ag {
background: #333333;
display: inline-block;
cursor: pointer;
PADDING: 14px 8px 13px 8px; 
margin: 0px;
border-left: 1px solid #666;
border-right: 1px solid #000;
text-decoration: none;
color: #fff;
float:right;
font-size:14px;
}
.btn_ag:hover {
background: url('../image/transparent_bg2.png') repeat;
color:#FFFFFF;
text-decoration: none;
}
.btn_ag2 {
display: inline-block;
cursor: pointer;
PADDING: 5px 10px 5px 10px; 
margin: 0px;
text-decoration: none;
float:right;
}
.ico {
vertical-align: middle;
margin: 0px 4px 0px 4px;
width: auto;
height: 18px;
}
.i {height: 14px;}
.ico-black {filter: invert(0.9);}
.ocultar_desplegado {
display:black;
}
.modo_pc { 
display: none; 
}	
#modo_mov {
display:inherit;
}
.padding-1 { padding:50px 150px 20px 150px;}

@media (max-width:992px) {
.padding-1 { padding:30px 80px 20px 80px;}
}
@media (max-width:768px) {
	#logo {
	background-size: 40% auto;
	height: 150px;
	}
	.height-100 {
	width: 100%;
	height: auto;
	overflow:hidden;
	}
	.listado h4 { 
	font-size:12px; 
	padding:10px;
	}
.padding-1 { padding:20px 20px 10px 20px;}
}

@media (max-width:420px) {
	#logo {
	background-size: 50% auto;
	height: 150px;
	}
	.btn {
	height: 40px;
	}
	.listado h4 { 
	font-size:11px; 
	padding:4px;
	}
	.desplegado {
	display: black; 
	}
	.desplegado2 {
	display: none;	
	}
	.ocultar_desplegado {
	display:none;
	}
	#modo_mov {
	display:none;
	}
	.modo_pc  { 
	display: inherit; 
	}
	.padding-1 { padding:10px 10px 10px 10px;}
}