body {

background: #030A52; /* old browsers */
background: -moz-linear-gradient(top, #030A52 0%, #233E8F 49%, #719ACE 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#030A52), color-stop(49%,#233E8F), color-stop(99%,#719ACE)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030A52', endColorstr='#719ACE',GradientType=0 ); /* ie */
height:100%;
font: 10pt Helvetica,Verdana,Geneva,Arial,sans-serif;
}

a {
color:#FFFFFF;
text-decoration:none;

}

.cursorPointer {
cursor:pointer;
}

#header {

	background: #00004A; /* old browsers */
	background: -moz-linear-gradient(left, #00004A 0%, #7db9e8 100%); /* firefox */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00004A), color-stop(100%,#7db9e8)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00004A', endColorstr='#7db9e8',GradientType=1 ); /* ie */
	
	color:#FFFFFF;
	text-align:center;
	margin: auto;
	text-align: center;
	height:130px;
}

#top{
width:100%;
height:15px;
text-align:right;

}

#logo {
	background:url(img/logos/escudoUclapq.png);
	float: left;
    height: 110px;
    width: 92px;
}

#header h1 {
    float: left;
    font-size: 35pt;
    font-weight: normal;
    margin: 0;
    text-align: left;
    width: 140px;

}

#header h2 {
    float: left;
    font-size: 20pt;
    font-weight: bold;
    margin: 0;
    position: relative;
    text-align: right;
    top: 35px;
    width: 500px;
}

#header h3 {
    font-size: 19pt;
    font-weight: normal;
    left: 29px;
    margin: 0;
    position: relative;
    top: 35px;
    
}

#header h4 {
    float: right;
    font-size: 10pt;
    font-weight: bold;
    margin: 0;
    position: relative;
    text-align: left;
    top: 35px;
    width: 566px;
}


#body{
height:616px;
margin:auto;
background-color:EBEBEB;
z-index:3;

}

#listado{
	padding-top:10px;
	
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	width:90%;
	margin:auto;
}

#listado table{
background-color:#CCCCCC;
margin:auto;
text-align:center;
width:90%;
font-size:12px;
  
}
#listado th{
background-color:#141F64;
font-weight:bold;
color:#FFFFFF;
}


#footer {

	background: #1C1D79; /* old browsers */

	color:#FFFFFF;
	height: 20px;
	text-align:center;
	margin: auto;
	text-align:right;
	font-size: 9px;
	
}

#spantxt{
	font-weight: bold;
    position: relative;
    right: 10px;
    top: 6px;
}

#content{
	background-color: #FFFFFF;
	height:766px;
	width:800px;
	margin: auto;
	box-shadow:5px 5px 20px #000000;
	-moz-box-shadow:5px 5px 20px #000000;
	-webkit-box-shadow:5px 5px 20px #000000
}

/*Estilos de las cajas */
.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	margin: auto;
	width: 500px;
    text-align: center;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('img/iconos/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('img/iconos/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('img/iconos/warning.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('img/iconos/error.png');
}
.validation {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('img/iconos/validation.png');
}

/* BOTONES CSS */ 

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bold;

}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/*FIN BOTONES CSS*/

/* FORMULARIOS */

#contRegistro h3 {
	color:#141F64;
	text-align: center;
}

#contRegistro h5 {
	color:#141F64;
	text-align: center;
}

#contRegistro h5 a {
	color:#141F64;
	
}

#contRegistro .txt{
    border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    border: 1px solid #316AC5;
    font-size: 14px;
    margin: 0;
    padding: 8px;
    width: 200px;

}


#contRegistro td {
color:#6E96CB;
font-weight:bold;
text-align:right;

}
#footerForm{
text-align:right;
font-size:10px;

}

#contRegistro #footerForm a {
color:#141F64;
 
}


/* FIN DE FORMULARIOS */
/* menu styles */
#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}
	
	#jsddm li a {
		background: none repeat scroll 0 0 #4C70AA;
		border-right: 1px solid white;
		color: #EBEBEB;
		display: block;
		padding: 5px 12px;
		text-decoration: none;
		white-space: nowrap;
		width: 70px;
	}
	

	#jsddm li a:hover
	{	background: #03054E}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: auto;
				background: #1C1D79;
				color: #EBEBEB}
			
			#jsddm li ul li a:hover
			{	background: #F47A20}
			
/*fin menu			*/
/*datepicker*/
.ui-state-default { color:#626D8B; border: 1px solid #626D8B; font-weight: bold;  outline: medium none; background-color:#FFFFFF;}
.ui-state-highlight { background-color:#626D8B; color:#FFFFFF; border: 1px solid #FF0000;}
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; background-color:#CCCCCC; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  border:1px solid #999999;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background-color: #7F8BAE; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border:1px solid #626D8B;}
.ui-datepicker .ui-datepicker-header a {text-decoration:none; color:#F8F8F8; font-weight:bold; font-size: 8px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:5px; }
.ui-datepicker .ui-datepicker-prev-hover { left:2px; }
.ui-datepicker .ui-datepicker-next-hover { right:5px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -6px; top: 50%; margin-top: -2px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none;}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/* fin datepicker*/			

/* Catalogo*/

#catalogo_flotante {
    background-color: #EBEBEB;
    border-color: #0B1862;
    border-style: solid;
    height: 300px;
    left: 700px;
    position: absolute;
    top: 265px;
    width: 400px;
    z-index: 3;
    display: none;
}

#cerrar_catalogo {
         background-color: #F58212;
         border-bottom-style: solid;
         border-left-style: solid;
         border-color: #0B1862;
         font-weight: bold;
         height: 13px;
         left: 384px;
         position: absolute;
         text-align: center;
         width: 13px;
         z-index: 3;
}



#catalogo_header{
     text-align:center;
     background-color: #0B1862;
     color: #FFFFFF;
     font-size: small;
     font-weight: bold;
     text-align: center;

}
.etiqueta{

      float: left;
      left: 2px;
      position: relative;
      top: 3px;
      width: 55px;
}
.campo{

    width: 345px;
    float:right;
}

#catalogo_body{
    text-align:center;
    overflow-y:scroll;
    height: 204px;

}
#table_catalogo {
    width:232px;
    left: 85px;
    position: relative;
}
#table_head_content{
    
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

#table_head_l {
    width:50%;
    float:left;
    text-align: right;
    background-color: #636E8B;

}
#table_head_r {
    width:50%;
    float:right;
    text-align:left;
    background-color: #636E8B;
}

#table_inner_text_l{

    padding-right: 15px;
}
#table_inner_text_r{
    padding-left: 15px;
}
#table_col_content{
    cursor:pointer;
}

#table_col_l{
width:50%;
float:left;
text-align: right;
}
#table_col_l_imp{
width:50%;
float:left;
text-align: right;
background-color: #7B8399;
color:#FFFFFF;
}
#table_col_r{
width:50%;
float:right;
text-align: left;
}
#table_col_r_imp{
width:50%;
float:right;
text-align: left;
background-color: #7B8399;
color:#FFFFFF;
}
/* FIN  Catalogo*/