﻿body{
	margin:0px;
	padding:0px;
	background-color:#1A3254;
}
.fondo_login{
	position:absolute;
	height:789px;
	width:100%;
	background-image:  url(../images/fondo_login.jpg);
	background-repeat: repeat-x;
	z-index:1;
}
.logindet{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.logo_dcm{
	position:relative;
	height:123px;
	width:332px;
	background-image:  url(../images/logoDCM.png);
	background-repeat: no-repeat;
	z-index:10;
}

.disenof{
	position:relative;
	height:243px;
	width:1103px;
	top:125px;
	background-image:  url(../images/center.jpg);
	background-repeat: no-repeat;
	z-index:10;
}
.caja{
	position:relative;
	height:193px;
	width:377px;
	top:35px;
	background-image:  url(../images/caja.png);
	background-repeat: no-repeat;
	z-index:15;
}
.coment{
	position:relative;
	height:100px;
	width:auto;
	top:150px;
	z-index:20;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
.frase{
	font-size: 12px;
	vertical-align: middle;
	color: #FFFFFF;
}

.logoreal{
	position:absolute;
	height:48px;
	width:188px;
	background-image:  url(../images/logotrs.jpg);
	background-repeat: no-repeat;
	bottom:50px;
	left:8px;
	z-index:1;
}
.logosdo{
	position:absolute;
	height:52px;
	width:143px;
	background-image:  url(../images/logosdo.jpg);
	background-repeat: no-repeat;
	bottom:50px;
	right:14px;
	z-index:1;
}
/******************PAGINA CONTENIDO*********************/
.fondo_prin{
	position:absolute;
	width:100%;
	background-image:  url(../images/fondopagprinc.jpg);
	background-repeat: repeat-x;
	z-index:2;
	left: -3px;
	top: 0px;
}
.logo_prin{
	position:relative;
	height:92px;
	width:251px;
	background-image:  url(../images/DCMlogoprinc.png);
	background-repeat: no-repeat;
	z-index:10;
}

.hotel{
	position:absolute;
	width:90%;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
	left:11%;
	top:80px;
	
}

.barramenu{
    position:relative;
	width:98%;
	min-width:600px;
	height:44px;
	top:35px;
	background-image:  url(../images/cajamenu.jpg);
	background-repeat: repeat-x;
	z-index:10;
	overflow: hidden;
}

.menuitem{
	position:relative;
	width:25%;
	height:37px;
	background-image:  url(../images/menuB.jpg);
	background-repeat: repeat-x;
	z-index:12;
	float:left;
}
.menuitem:hover{
	position:relative;
	width:25%;
	height:37px;
	background-image:  url(../images/menuBOVER.jpg);
	background-repeat: repeat-x;
	z-index:12;
	float:left;
}
.menuitemizq{
 	position:relative;
 	width:100%;
	height:37px;
	background-image:  url(../images/menuA.jpg);
	background-repeat: no-repeat;
	z-index:12;
	float:left;
	text-decoration:none;
	padding-top:10px;
	padding-left:-25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.menuitemizq:hover{
 	position:relative;
 	width:100%;
	height:37px;
	background-image:  url(../images/menuAOVER.jpg);
	background-repeat: no-repeat;
	z-index:12;
	float:left;
	text-decoration:none;
	padding-top:10px;
	padding-left:-25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
/*SUBMENU DEL MENU PRINCIOL POP UP MENU*/
.contsubmenu{
    position:relative;
	width:80%;
	min-width:600px;
	height:44px;
	top:35px;
	background-image:  url(../images/cajamenu.jpg);
	background-repeat: repeat-x;
	z-index:10;
	overflow: hidden;
}
.subformas{
    position:absolute;
	width:25%;
	min-width:100px;
	height:auto;
	top:0px;
	left:0px;
	color:#FFF;
	z-index:50;
	overflow: hidden;
	cursor:pointer;
}
.subreportes{
    position:absolute;
	width:25%;
	min-width:100px;
	height:auto;
	top:0px;
	left:25%;
	color:#FFF;
	z-index:50;
	overflow: hidden;
	cursor:pointer;
}
.subcorreos{
    position:absolute;
	width:25%;
	min-width:100px;
	height:auto;
	top:0px;
	left:50%;
	color:#FFF;
	z-index:50;
	overflow: hidden;
	cursor:pointer;
}
.submenuizq{
	position:absolute;
	right:-3px;
	width:17px;
	height:26px;
	background-image:  url(../images/boton3.png);
	z-index:12;
}
.submenuder{
	position:absolute;
	top:0;
	left:0;
	width:14px;
	height:26px;
	background-image:  url(../images/boton1.png);
	z-index:12;
}
.submenuitem{
	position:relative;
	width:100%;
	height:26px;
	background-image:  url(../images/boton2.png);
	background-repeat: repeat-x;
	z-index:12;
	float:left;
}
.submenuitem:hover{
	position:relative;
	width:100%;
	height:26px;
	background-image:  url(../images/Oboton2.png);
	background-repeat: repeat-x;
	z-index:12;
	float:left;
}
.submenulink{
	position:absolute;
	left:0;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:3px;
	text-align:center;
}
.reloj{
	position:absolute;
	background-image:  url(../images/reloj.png);
	background-repeat: no-repeat;
	width:42px;
	height:42px;
	float:left;
	right:150px;
	z-index:13;
}
.espacioreloj{
	position:absolute;
	background-image:  url(../images/espacio-reloj.jpg);
	background-repeat: no-repeat;
	width:153px;
	height:40px;
	float:left;
	background-position: center;
	right:15px;
	z-index:12;
}

.fecha{
	padding-top:13px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.contenido{
	position:relative;
	top:35px;
	background-color:#FFFFFF;
	width:98%;
	min-width:600px;
	height:auto;
	z-index:15;
	overflow: hidden;
	margin:0 auto 0 auto; 
	padding:0;
}

.esquinaizq{
	position:absolute;
	width:7px;
	height:7px;
	background-image:  url(../images/esquinaizqbox.jpg);
	background-repeat: no-repeat;
	left: 0px;
	bottom: 0px;
	padding:0px;
	margin:0px;
	z-index:15;
	vertical-align:top;
}

.esquinader{
	position:absolute;
	width:7px;
	height:7px;
	background-image:  url(../images/esquinaderbox.jpg);
	background-repeat: no-repeat;
	right:0px;
	bottom:0px;
	padding:0px;
	margin:0px;
	border:0;
	z-index:15;
}

/************FORMULARIOS*******************/
.barratitulocontenedor{
	position:absolute;
	width:99%;
	height:28px;
	background-image:  url(../images/barratitulofin.jpg);
	background-repeat: repeat-x;
	float:left;
	top:8px;
	right:3px;
	z-index:21;
}
.barratitulocontenedor2{
	position:absolute;
	width:99%;
	height:28px;
	background-image:  url(../images/barratitulofin.jpg);
	background-repeat: repeat-x;
	float:left;
	top:440px;
	right:3px;
	z-index:21;
}
.barratitulo{
	position:relative;
	width:670px;
	height:28px;
	background-image:  url(../images/barratitulo.jpg);
	background-repeat: no-repeat;
	left:0px;
	z-index:21;
	float:left;
}
.titulo{
	position:relative;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	left:175px;
	top:3px;
	font-weight: bold;
	
}
.titulocambia{
	position:absolute;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style:italic;
	left:155px;
	top:9px;
	font-weight:normal;
	z-index:25;
}
.trapezoide{
	position:absolute;
	width:142px;
	height:82px;
	background-image:  url(../images/trapezoide.png);
	background-repeat: no-repeat;
	top:8px;
	left:13px;
	z-index:22;
}
.trapezoide2{
	position:absolute;
	width:142px;
	height:82px;
	background-image:  url(../images/trapezoide.png);
	background-repeat: no-repeat;
	top:440px;
	left:13px;
	z-index:22;
}

.icono_form{
	position:absolute;
	width:50px;
	height:50px;
	background-image:  url(../images/mantenimiento.png);
	background-repeat: no-repeat;
	z-index:22;
	top:10px;
	left:12px;
}
.icono_clientes{
	position:absolute;
	width:50px;
	height:50px;
	background-image:  url(../images/cliente.png);
	background-repeat: no-repeat;
	z-index:22;
	top:10px;
	left:12px;
}
.icono_ocupacion{
	position:absolute;
	width:50px;
	height:50px;
	background-image:  url(../images/ocupacion.png);
	background-repeat: no-repeat;
	z-index:22;
	top:10px;
	left:12px;
}
.icono_segmentos{
	position:absolute;
	width:50px;
	height:50px;
	background-image:  url(../images/segmentosmercado.png);
	background-repeat: no-repeat;
	z-index:22;
	top:10px;
	left:12px;
}
.icono_habs{
	position:absolute;
	width:50px;
	height:50px;
	background-image:  url(../images/habitaciones.png);
	background-repeat: no-repeat;
	z-index:22;
	top:10px;
	left:12px;
}
.icono_agencias{
	position:absolute;
	width:50px;
	height:50px;
	background-image:  url(../images/agencias.png);
	background-repeat: no-repeat;
	z-index:22;
	top:10px;
	left:12px;
}
.icono_paquetes{
	position:absolute;
	width:50px;
	height:50px;
	background-image:  url(../images/paquetes.png);
	background-repeat: no-repeat;
	z-index:22;
	top:10px;
	left:12px;
}
.unaform{
	position:relative;
	width:72%;
	height:90%;
	top:75px;
	left:3px;
	z-index:19;
	padding-left:15px;
}
.unlistado{
	position:relative;
	width:98%;
	height:90%;
	top:80px;
	left:3px;
	z-index:19;
	padding-left:15px;
}
.menuform{
	position:absolute;
	width:24%;
	height:93%;
	background-color:white;
	border-left-color:navy;
	border-left-width:2px;
	border-left-style:solid;
	bottom:3px;
	right:3px;
	z-index:20;
}
.opciones{
	position:relative;
	top:30px;
}
.fontmenu{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	vertical-align: 50%;
	padding-bottom:10px;
	text-decoration: none;
}
.mi_a{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	vertical-align: 50%;
	padding-bottom:10px;
	text-decoration: none;
}
.mi_a:hover{
font-size: 13px;
text-decoration: none;
color:#000055;
}
/*END FORMULARIOS*/

.fondo_cont{
	position:absolute;
	width:227px;
	height:101px;
	background-image:  url(../images/edificio.jpg);
	background-repeat: no-repeat;
	right:7px;
	bottom:0px;
	z-index:14;
}
.contenedor_cajon{
	position:relative;
	width:96%;
	height:109px;
	background-image:  url(../images/submenuscontentB.jpg);
	background-repeat: repeat-x;
	z-index:20;
	
	padding-bottom:5px;
}
.cajon_iconos{
	position:relative;
	width:98%;
	height:109px;
	background-image:  url(../images/cajonder.jpg);
	background-repeat: no-repeat;
	z-index:21;
	float:left;
	overflow: visible;
	
}
.cajon_der{
	position:absolute;
	width:10px;
	height:109px;
	background-image:  url(../images/submenuscontentC.jpg);
	background-repeat: no-repeat;
	float:left;
	z-index:22;
	right:0px;
}
.icono_mant{
	position:absolute;
	width:50px;
	height:50px;
	background-image:  url(../images/mantenimiento.png);
	background-repeat: no-repeat;
	z-index:22;
	top:48px;
	left:12px;
}
.icono_rep{
	position:absolute;
	width:50px;
	height:50px;
	background-image:  url(../images/reportesprin.png);
	background-repeat: no-repeat;
	z-index:22;
	top:48px;
	left:12px;
}
.icono_mail{
	position:absolute;
	width:50px;
	height:50px;
	background-image:  url(../images/correos.png);
	background-repeat: no-repeat;
	z-index:22;
	top:48px;
	left:12px;
}

.imagenlink{
	border:0;
}

.titulo_cajon{
	position:absolute;
	width:100px;
	height:40px;
	top:15px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	z-index:22;
}
.icono{
	position:relative;
	width:42px;
	height:42px;
	float:left;
	padding-top:50px;
	padding-left:120px;
	z-index:23;
}
.icono2{
	position:relative;
	width:42px;
	height:42px;
	float:left;
	padding-top:50px;
	padding-left:50px;
	z-index:23;
}
.iconosalir{
	position:absolute;
	width:42px;
	height:42px;
	top:20px;
	left: 25px;
	z-index:23;
}
.iconohome{
	position:absolute;
	width:42px;
	height:42px;
	top:20px;
	right: 25px;
	z-index:23;
}
.cuadroadentro{
	position:relative;
	width:98%;
	height:auto;
	background-color:#e0e0e0;
	top:25px;
	z-index:15;
	overflow:hidden;
	margin:0 auto 0 auto; 
}
.bordeabajo{
	position:absolute;
	width:100%;
	height:7px;
	background-image:  url(../images/bordeabajo.jpg);
	background-repeat: repeat-x;
	bottom:-4px;
	z-index:16;
}
.bordeizquierda{
	position:absolute;
	width:7px;
	height:100%;
	background-image:  url(../images/bordeizquierda.jpg);
	background-repeat: repeat-y;
	left:0px;
	z-index:16;
}
.bordederecha{
	position:absolute;
	width:7px;
	height:100%;
	background-image:  url(../images/bordederecha.jpg);
	background-repeat: repeat-y;
	right:-4px;
	z-index:16;
}
.bordearriba{
	position:absolute;
	width:100%;
	height:7px;
	background-image:  url(../images/bordearriba.jpg);
	background-repeat: repeat-x;
	top:0px;
	z-index:16;
}

.esqderab{
	position:absolute;
	width:7px;
	height:7px;
	background-image:  url(../images/esquinadercont.jpg);
	background-repeat: no-repeat;
	right:0px;
	bottom:0px;
	z-index:17;
}
.esqizqab{
	position:absolute;
	width:7px;
	height:7px;
	background-image:  url(../images/esquinaizqcont.jpg);
	background-repeat: no-repeat;
	left:0px;
	bottom:0px;
	z-index:17;
}
.esqderar{
	position:absolute;
	width:7px;
	height:7px;
	background-image:  url(../images/esquinaderarriba.jpg);
	background-repeat: no-repeat;
	right:0px;
	top:0px;
	z-index:17;
}
.esqizqar{
	position:absolute;
	width:7px;
	height:7px;
	background-image:  url(../images/esquinaizqarriba.jpg);
	background-repeat: no-repeat;
	left:0px;
	top:0px;
	z-index:17;
}
