@charset "utf-8";
/* CSS Document */

/*
	z-index:0    -> listados y en general, el cuerpo de la página
	z-index:1    -> para top1 (la parte superior donde van los botones)
	z-index:50   -> labelWait
	z-index:101  -> ventana modal
	z-index:102  -> subVentana modal
	z-index:1001 -> alerta
	z-index:1002 -> subAlerta
*/


* {
	margin :0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
}

body {
	background:white;
	alignment-adjust:middle;
	display:block;
	
	width: 100%;
  	margin-left: auto;
  	margin-right: auto;
}

form {
	display:block;	
}

a {
	display:block;
}

td {
	padding:5px;
}

img {
	border:0px;
}


/* tablas --------------------------------------------------------------------------------------------------*/
.tabla {
	width:100%;
	padding:5px;
}

.celdaConNro {
	padding:5px;
	text-align:right;
	vertical-align: top;
	width:10px;
}

.celdaConImporte {
	padding:5px;
	text-align:right;
	vertical-align: top;
}

.celdaConImporteG {
	padding:5px;
	text-align:right;
	vertical-align: top;
	font-size:20px;
}

.celdaConTexto {
	padding:5px;
	vertical-align: top;
}

.celdaOculta {
	display:none;
}

.titulo1 {
	text-align:center;
	clear:both;
	color:#404040;
	font-size:50px;
	margin:30px 0px 0px 0px;
}

.tituloParrafo {
	clear:both;
	text-align:center;
	color:#404040;
	font-size:50px;
	margin:140px 0px 0px 0px;
}

.subTituloParrafo {
	text-align:center;
	color:#808080;
	font-size:25px;
	margin:0px 0px 50px 0px;
}

.texto {
	text-align:center;
	color:#606060;
	font-size:16px;
}

.fotoDemo {
	position:relative;
	display:block;
	width:65%;
	text-align:center;
	margin:40px auto 40px auto;
}

.fotoDemoRight {
	position:relative;
	display:block;
	width:40%;
	float:right;
	text-align:center;
	margin:-30px auto 40px auto;
}

.fotoDemoLeft {
	position:relative;
	display:block;
	width:40%;
	float:left;
	text-align:center;
	margin:-30px auto 40px auto;
}

.naranja {
	color:#ff8000;
}

.subLinea {
	background-color:transparent;
	color:#808080;
	display:block; /*para que no se pegue*/	
	font-size:12px;
}

/*fin tablas -------------------------------------------------------------------------------*/


.textoActivo {
	color:#0088FF;
}


.footResto {
	clear:both;
	text-align:center;
	position:relative;
	height:5%;
	width:100%;
	bottom:20px;
	z-index:99;
	display:block;
	color:#404040;
	font-size:14px;

	margin-top:200px;
	margin-right:auto;
	margin-left:auto;
}

.labelMenu {
	font-size:16px;
}

@media screen and (max-width:1000px) {

.titulo1 {
	text-align:center;
	clear:both;
	color:#404040;
	font-size:60px;
	margin:30px 0px 0px 0px;
}

.tituloParrafo {
	clear:both;
	text-align:center;
	color:#404040;
	font-size:60px;
	margin:140px 0px 0px 0px;
}

.subTituloParrafo {
	text-align:center;
	color:#808080;
	font-size:44px;
	margin:0px 0px 50px 0px;
}

.labelMenu {
	font-size:34px;
}

.texto {
	text-align:center;
	color:#606060;
	font-size:36px;
}

.fotoDemo {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	margin:40px auto 40px auto;
}

.fotoDemoRight {
	position:relative;
	display:block;
	width:50%;
	float:right;
	text-align:center;
	margin:-30px auto 40px auto;
}

.fotoDemoLeft {
	position:relative;
	display:block;
	width:50%;
	float:left;
	text-align:center;
	margin:-30px auto 40px auto;
}
	
.footResto {
	clear:both;
	text-align:center;
	position:relative;
	height:5%;
	width:100%;
	bottom:20px;
	z-index:99;
	display:block;
	color:#404040;
	font-size:24px;

	margin-top:200px;
	margin-right:auto;
	margin-left:auto;
}	
	
}