* { padding: 0; margin: 0; }
body {
	background: #FFF; 
	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: 50px; LINE-HEIGHT: 140%;}
h2 { font-size: 30px; LINE-HEIGHT: 130%;}
h3 { font-size: 25px; 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: url('../image/footer.png') repeat;
}
.height-100 {
background: #1D2329;
width: 100%;
height: 610px;
overflow:hidden;
}
#logo {
background: url('../image/logo.png') no-repeat 50% 50%;
background-size: 65% auto;
width: 100%;
height: 250px;
-webkit-filter: opacity(100%);
}
.recorte {display: black;}
.blan { color:#FFFFFF; font-zise: 22px;}


/* 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; }

/* 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;}

#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/help.png') no-repeat 50% 50%; 
background-size: auto 40px;
width:100%;
height:auto;
}
.go {
background: #660000 url('../image/iconos/go_mov.png') no-repeat 50% 50%; 
background-size: auto 40px;
width:100%;
height:auto;
}
.pic-up {
background: url('../image/iconos/menu-bott2.png') no-repeat 50% 50%; 
background-size: 20px 20px;
width: 20px;
height:20px;
}
.pic-dow {
background: url('../image/iconos/menu-bott.png') no-repeat 50% 50%; 
background-size: 20px 25px;
width:20px;
height:25px;
}
.volver {
background: url('../image/iconos/menu-vol.png') no-repeat 50% 50%; 
background-size: auto 30px;
width:30px;
height:50px;
}
.save {
background: #660000 url('../image/iconos/save-w.png') no-repeat 40% 50%; 
background-size: 35px 35px;
width:100%;
height:auto;
}
.save-min {
background: transparent url('../image/iconos/save-b.png') no-repeat 50% 50%; 
background-size: 28px 28px;
width:50px;
height:28px;
cursor:pointer;
}
.save-min-w {
background: transparent url('../image/iconos/save-w.png') no-repeat 50% 50%; 
background-size: 28px 28px;
width:50px;
height:28px;
cursor:pointer;
}
.attach {
background: #6699CC url('../image/iconos/ico-attach-b.png') no-repeat 10% 50%; 
background-size: 35px 35px;
width:100%;
height:auto;
}
.mas {
background: #669900 url('../image/iconos/mas.png') no-repeat 10% 50%; 
background-size: 35px 35px;
width:100%;
height:auto;
}
.familia {
background: #FF6600 url('../image/iconos/ico-usuario-public.png') no-repeat 10% 50%; 
background-size: 35px 35px;
width:100%;
height:auto;
}
.pasa {
background: #FF6600 url('../image/iconos/ico-off-pup-b-i.png') no-repeat 10% 50%; 
background-size: 30px 30px;
width:100%;
height:auto;
}
.lupa {
background: #272727 url('../image/iconos/viewmag+.png') no-repeat 50% 50%; 
background-size: 33px 33px;
width:46px;
height:46px;
cursor:pointer;
vertical-align: top;
}
.lupai {
background: url('../image/iconos/viewmag+.png') no-repeat 50% 50%; 
background-size: 18px 18px;
width:20px;
height:22px;
cursor:pointer;
}
.key-secret {
background: #fff url('../image/iconos/log.png') no-repeat 50% 50%; 
background-size: 22px 22px;
width:22px;
height:22px;
cursor:pointer;
}
.titulo {
background: #003366 url('../image/iconos/ico-desplegar.png') no-repeat 10% 50%; 
background-size: 33px 33px;
width:46px;
height:46px;
cursor:pointer;
}
.ima {
background: #663399 url('../image/iconos/ico-camara-black.png') no-repeat 20% 50%; 
background-size: 22px 22px;
width:22px;
height:22px;
cursor:pointer;
}
.rotate {
background: #003366 url('../image/iconos/ico-op-black.png') no-repeat 20% 50%; 
background-size: 22px 22px;
width:22px;
height:22px;
cursor:pointer;
}
.exite {
background: url('../image/iconos/errormessage.gif') no-repeat 50% 50%; 
background-size: 16px 16px;
width:16px;
height:16px;
cursor:pointer;
float: right;
}
.menu-mov {
background: #003366 url('../image/iconos/ksysguard.png') no-repeat 50% 50%; 
background-size: 50px 50px;
width:50px;
height:50px;
cursor:pointer;
}
.sidox {
vertical-align: middle;
-webkit-filter: opacity(70%);
WIDTH: 100%;
height: auto;
padding: 15px 0px 15px 0px; 
color: #FFFFFF;
text-align:center;
cursor:pointer;
overflow:hidden;
border-right:0px solid #000;
}
.sidox:hover {
-webkit-filter: opacity(100%);
border-right:0px solid #fff;
}

.menu-top {
background: #1D2329 url('../image/transparent_bg.png') repeat;
WIDTH: 96%; 
border-left: 1px solid #ccc;
PADDING: 0px 2% 0px 2%; 
overflow:hidden;
}
.menu-med {
background: #666;
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: #011f25;
	border-top: 1px solid #011317;
  	border-left: 1px solid #011317;
	padding: 0px 4px 0px 4px;
	color: #99cccc;
	font-size: 11px;
}


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

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

}



/*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: #023b47;
display: inline-block;
cursor: pointer;
PADDING: 13px 10px 13px 10px; 
margin: 0px;
border-left: 1px solid #666;
border-right: 1px solid #000;
text-decoration: none;
color: #fff;
float:right;
}
.btn_ag:hover {
background: url('../image/transparent_bg2.png') repeat;
color:#FFFFFF;
text-decoration: none;
}
.ico {
vertical-align: middle;
margin: 0px;
width: auto;
height: 22px;
}
.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:10px 30px 20px 30px;}
}
@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 20px 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:5px;}
}


#paneles .menu {
	cursor: pointer;	
	width:30px;
height:30px;
}

#paneles .uno {
background: url('../image/iconos/cheked-b.png') no-repeat 50% 50%;
background-size: 30px 30px;
width:30px;
height:30px;
}

#paneles .boton:checked ~ .uno {
background: url('../image/iconos/chekedbox-b.png') no-repeat 50% 50%;
background-size: 30px 30px;
width:30px;
height:30px;
}



label:before{
  content:'';
  background:transparent;
  border: 3px solid #333;
  border-radius: 5px;
  display: inline-block;
  height: 20px;
  width: 25px;
  margin: 0px;
   padding-top: 2px;
  text-align:center;
  vertical-align:middle;
  width:25px;
}
input[type=checkbox]:checked + label:before{
  content: 'X';
   background:#333;
  font-size: 30px;
  padding-top: 2px;
  color:#fff;
  font-weight:bold;
  
}