/* CSS Document */
@import url("color.css");

/************************************************************************
MAIN STRUCTURE
************************************************************************/

html, body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

#structurePage{
	width:100%;
	height:100%;
	position:relative;
	min-width:990px;
}

#structureHeader{
	position:absolute;
	height:88px;
	top:0;
	left:0;
	margin:0;
	width:100%;
}

#structureMainBody{
	position:absolute;
	top:88px;
	width:100%;
	bottom:24px;
	overflow:auto;
}

#structureFooter{
	position:absolute;
	height:24px;
	bottom:0;
	width:100%;
	left:0;
}


/************************************************************************
MAIN MENU
************************************************************************/

#structureHeader .iniLine{
	height:50px;
	padding:4px 0;
	margin:0 auto;
}

#structureHeader .iniLine .lineHolder{
	width:990px;
	margin:0 auto;
	position:relative;
}

#structureHeader .iniLine .logo{
	float:left;
}

#structureHeader .iniLine .logo img{
	height:45px;
}

#structureHeader .iniLine .info{
	float:right;
	margin:4px 100px 0 0;
	text-align:right;
}

#structureHeader .iniLine .info h4{
	margin:0 0 4px 0;
	font-weight:normal;
	font-size:16px;
}

#structureHeader .iniLine .info h4 span{
	font-weight:bold;
}

#structureHeader .iniLine .info h5{
	margin:0 ;
	font-weight:normal;
	font-size:14px;
}

#structureHeader .iniLine .avatar{
	position:absolute;
	right:0;
	top:3px;
	width:84px;
	height:84px;
}

#structureHeader .menuLine{
	height:28px;
	margin:0;
	padding:1px 0;
}

#structureHeader .menuLine #menu{
	width:990px;
	margin:0 auto;
}

#structureHeader .menuLine #menu h1{
	margin:0;
	font-weight:normal;
	font-size:16px;
	line-height:30px;
}

#structureHeader .menuLine #menu ol{
	list-style:none;
	margin:0;
	padding:0;
}

#structureHeader .menuLine #menu ol li{
	list-style:none;
	padding:0;
	float:left;
	line-height:24px;
	height:24px;
	font-size:14px;
	margin:2px 10px;
}

#structureHeader .menuLine #menu ol li a{
	text-decoration:none;
	display:block;
	height:100%;
}

#structureHeader .menuLine #menu ol li.separador{
	width:1px;
	height:24px;
	margin:2px 0;
	background-image:url(../images/icon-separator.png)
}

#structureHeader .menuLine #menu ol li .home{
	display:block;
	height:24px;
	width:24px;
	background-image:url(../images/icon-home.png);
	background-position:center center;
	background-repeat:no-repeat;
	padding:0 3px !important;
	
}

#structureHeader .menuLine #menu ol li.active,
#structureHeader .menuLine #menu ol li a{
	padding:0 15px 0 36px;
	background-position:10px center;
	background-repeat:no-repeat;
}

#structureHeader .menuLine #menu ol li.cata,
#structureHeader .menuLine #menu ol li a.cata{ background-image:url(../images/icon-cata.png); }
#structureHeader .menuLine #menu ol li.alta,
#structureHeader .menuLine #menu ol li a.alta{ background-image:url(../images/icon-alta.png); }
#structureHeader .menuLine #menu ol li.edit,
#structureHeader .menuLine #menu ol li a.edit{ background-image:url(../images/icon-edit.png); }
#structureHeader .menuLine #menu ol li.user,
#structureHeader .menuLine #menu ol li a.user{ background-image:url(../images/icon-user.png); }

#structureHeader .menuLine #menu .logout {
	display:inline-block;
	float:right;
	margin-right:100px;
}

#structureHeader .menuLine #menu .logout a{
	text-decoration:none;
	padding:0 5px 0 25px;
	background-image:url(../images/icon-close.png);
	background-position:5px center;
	background-repeat:no-repeat;
	line-height:24px;
	height:24px;
	display:block;
	margin:2px 0;
}
	
#imgUsr { cursor:pointer; }

/************************************************************************
Footer
************************************************************************/

#structureFooter #footerContainer{
	text-align:center;
	font-size:10px;
	line-height:24px;
}

/************************************************************************
Cover Screen
************************************************************************/
#coverScreen {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:url(../images/bgf80.png);
	z-index:5000;
	display:none;
	text-align:center;
	}

/************************************************************************
BOX
************************************************************************/
.overlay{
	background:transparent url("../images/bgO2.png") repeat top left;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:2000;
}
.box,
.box1,
.box2,
.box3,
.box4,
.box5,
.boxEmail {
	width:500px;
	position:fixed;
	top:-700px;
	left:47%;
	background-color:#fff;
	color:#000;
	padding:20px;
	border:2px solid #ccc;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	-moz-box-shadow: 0 1px 5px #333;
	-webkit-box-shadow: 0 1px 5px #333;
	z-index:2001;
	}
	.box h1,
	.box1 h1,
	.box2 h1,
	.box3 h1,
	.box4 h1,
	.box5 h1,
	.boxEmail h1{
		border-bottom: 1px dashed #7F7F7F;
		margin:-20px -20px 0px -20px;
		padding:5px 20px;
		-moz-border-radius:20px 20px 0px 0px;
		-webkit-border-top-left-radius: 20px;
		-webkit-border-top-right-radius: 20px;
		-khtml-border-top-left-radius: 20px;
		-khtml-border-top-right-radius: 20px;
		}
		.box3,
		.box4,
		.box5 { 
			width:650px;
			left:23%;
			right:23%;
			}
a.boxclose{
	float:right;
	width:26px;
	height:26px;
	background:transparent url("../images/cancel.png") repeat top left;
	margin-top:-30px;
	margin-right:-30px;
	cursor:pointer;
	}
.overlay2{
	background:transparent url("../images/bgR10.png") repeat top left;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:2000;
}


/************************************************************************
Catalogs - Filter Area
************************************************************************/
	#filterArea {
		display:block;
		clear:both;
		margin:0 0 10px;
		font-size:12px;
		line-height:16px;
		padding:10px;
		overflow:auto;
		}
		
		#filterArea > span{
			font-weight:bold;
			display:block;
			margin:0;
			float:left;
			line-height:24px;
		}
		#filterArea label {
			display:block;
			text-align:right;
			margin-right:5px;
			float:left;
			line-height:24px;
			}
		#filterArea input {
			border:0 none;
			font-size:14px;
			height:25px;
			margin:0 0 0 10px;
			padding:0 10px;
			width:170px;
			float:left;
			}	
		
		#filterArea select {
			border: 0 none;
			font-size:14px;
			line-height:18px;
			margin-left:10px;
			padding:3px;
			width:170px;
			float:left;
			height:24px;
			}

		#filterArea input.formCheck{
			visibility:hidden;
			width:1px;
			}
		#filterArea input.formCheck + label {
			background-image:url("../images/form-checkbox-3.png");
			background-repeat:no-repeat;
			background-position:-49px 0;
			float:left;
			margin:5px 0 0 15px;
			width:29px;
			height:29px;
			display:block;
			cursor:pointer;
			}
			#filterArea input.formCheck:checked  + label{ background-position:1px 0; }

		#filterArea span.formCheck {
			display:inline-block;
			width:140px;
			height: 25px;
			line-height: 25px;
			margin: 0 0 0 20px;
			padding: 0;
			}

		#filterArea input.btnX,
		#filterArea input.btn {
			display:inline-block;
			width:100px;
			border:none;
			cursor:pointer;
			}
			
		#filterArea a.ordenAz,
		#filterArea a.ordenZa {
			background-image: url("../images/orden-UP.png");
			background-position: center top;
			background-repeat: no-repeat;
			border-radius: 10px;
			cursor: pointer;
			display: block;
			float: left;
			height: 18px;
			margin: 4px 5px 0 0;
			text-decoration: none;
			width: 30px;
			}
			#filterArea a.ordenZa { background-image:url("../images/orden-DWN.png"); }
			#filterArea a.ordenAz:hover,
			#filterArea a.ordenZa:hover{ background-position:center bottom; }
			
			

/************************************************************************
Catalogs - Iconos
************************************************************************/
.icono {
	display:inline-block;
	width:15px;
	height:15px;
	overflow:hidden;
	background-image:url("../images/iconoPO15x15.png");
	background-position:left top;
	cursor:pointer;
	}

	.ok {background-position:180px 15px;}
	.pencil {background-position:left -29px;}
	.plus {background-position:195px -29px;}
	.trash {background-position:225px -15px;}
	.cruz {background-position:-45px 1px;}
	.pedi {background-position:-165px 1px;}

	.cancela {background-position:210px top;}
	.expande {background-position:270px 18px; float:right;}
	.contrae {background-position:285px 18px; float:right;display:none}
	.icon.noHand { cursor:normal; }

/************************************************************************
Catalogs - Navegación
************************************************************************/
 #navegacion {
	font-weight:bold;
	font-size:11px;
	margin: 10px 15px;
	line-height:14px;
	height:19px;
	}
#navegacion span {
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	}
#navegacion ul {
	display:block;
	position:relative;
	height:19px;
	margin:0;
	padding:0;
	list-style-type:none;
	font-weight:bold;
	float:right;
	}
	#navegacion ul li {
		display:block;
		float:left;
		margin:0 2px;
		padding:0;
		border-radius:3px;
		}
		#navegacion ul li a {
			display:block;
			float:left;
			text-decoration:none;
			font-weight:normal;
			padding:2px 8px 0;
			height:17px;
			text-align:center;
			}
		#navegacion li.dots {
			border:none;
			background:transparent !important;
			}

/************************************************************************
Catalogs - TABLA
************************************************************************/
#adminCat {
	margin:25px 0;
	}

#adminCat th {
	border-bottom:1px solid #fff;
	text-align:center;
	padding:5px 1px;
	}
	
#adminCat td {
	font-weight: normal;
	text-align: center;
	padding: 3px 8px;
	}
	#adminCat td.nombre {
		text-align:left;
		}
#adminCat a{
    font-weight:bold;
    text-decoration:none;
	}



/************************************************************************
GENERALES
************************************************************************/

.imgBtn{
	display:block;
	cursor:pointer;
	background-position:left top;
	background-repeat:no-repeat;
}

.imgBtn:hover{
	background-position:right top;
}

#contentHolder{
	width:990px;
	margin:20px auto;
	overflow:hidden;
	padding:1px 0 15px;
	position:relative;
}

#contentHolder .subMenu{
    border-radius:9px;
    display:table;
    font-size:18px;
    font-weight:normal;
    line-height:18px;
    margin:0 auto 10px;
    padding:5px 45px 7px;
}

.iconSprite{
	display:block;
	width:14px;
	height:14px;
	overflow:hidden;
	background-image:url(../images/iconsprite.png);
}

.iconSprite{
	display:block;
	width:14px;
	height:14px;
	overflow:hidden;
	background-image:url(../images/iconsprite.png);
	background-repeat:no-repeat;
}

.itAlerta{
	position:absolute;
	top:15px;
	left:0px;
	background:url(../images/iconalert.png);
	width:43px;
	height:43px;
}

.evanCombo{
	overflow:hidden;
}