@charset "utf-8";
/* CSS Document */
body {margin:0; background-color:#175191; font:normal 13px "Trebuchet MS";}
#addr {	position:relative; display:inline;	width:500px; height:60px;	top:1px ; margin-right:10px;	font:normal 10px Arial;	text-align:right; float:right}
#tope { width:1003px; height:90px; background:#FFF; }
#logo { position:relative; background:url(../IMAGES/LOGO.png) no-repeat; height:70px; width:160px; float:left; margin-left:00px;  }
#links { position:relative; width:800px; height:30px; border:none; margin-left:190px; padding-top:0;}
#links ul { list-style:none; list-style-type:none; display:inline-block;margin:0px; padding:0px;}
#links li { list-style:none; none; float:left; background:url(../IMAGES/fondolink.png) no-repeat; width:111px; height:24px; padding-right:3px}
#links a {text-decoration:none; color:#000; line-height:23px}
_#links li:hover {background:#175191}
#links a:hover {font-weight:bold}

#contenido { width:1003px; min-height:516px; background:url(../IMAGES/contenidobg.png); background-color:#FFF; overflow:auto}
	#panelizq {width:200px; float:left;}
		#login { background:url(../IMAGES/login.png) no-repeat; width:200px; height:160px; padding-top:30px; background-color:#FFFFFF}
		#login form {margin-left:4px}
		#login label {float:left; width:62px; font:normal 12px "Trebuchet MS"; color:#175191; text-align:left; margin:0 0 0 5px }
		#login input {width:100px; border:1px solid #999; margin-bottom:2px}
		#login select {width:100px; border:1px solid #999; margin-bottom:5px; font:normal 12px "Trebuchet MS"}
		#login input.btn {border:none; margin:0; clear:both; display:block}
		#login form a {font:bold 11px "Trebuchet MS"; display:inline; line-height:auto; clear:both} 
		#login h1 {font:bold 16px "Trebuchet MS"; color:#039; text-align:left; width:170px; float:left; margin:1px 0 0 15px}
		#submit {width:200px; margin:0 auto; float:left;}
		#submit a {text-decoration:none; color:#333; font:normal 11px Arial; line-height:20px}
		#submit a:hover {background:#175191; padding:3px; color:#FFF; font:bold}
		#enpartes { background:url(../IMAGES/bgenpartes.jpg) no-repeat; width:200px; height:96px;}
		#flash {width:190px; height:370px; text-align:center; border:1px solid #000; margin-top:5px; overflow:hidden; background:#FFFFFF !important}
		#accesos {width:190px; height:310px; border:1px solid #000; margin-top:5px; overflow:hidden; background:#FFF}
		#accesos ul { list-style:none; list-style-type:none; display:inline-block;margin:0px; padding:0px;}
		#accesos li { list-style:none; border:none; float:left; background:url(../IMAGES/btnopciones.png) no-repeat; margin:0px 5px; padding:0; width:180px; text-align:left; height:33px; padding-bottom:2px}
		#accesos a {text-decoration:none; color:#000; font:normal 14px Arial; line-height:28px; padding-left:10px}
		_#accesos li:hover {background:#F9F9F9;}
		#accesos a:hover { text-decoration:underline; font-weight:bold}
				
		#login p {font:normal 11px Arial; line-height:11px; display:compact; width:180px; text-align:left;}
 
	#panelcent {width:600px; float:left; height:auto}
		#notppal {width:600px; border:none; background:#FFF; margin-bottom:5p; min-height:260px}
		
		#notppal img {float:left; margin:10px; border:4px inset #f0f0f0}
		#notppal h2 {font:bold 19px "Trebuchet MS"; line-height:auto; color:#175191; margin-bottom:-10px}
		#notppal p {font:normal 13px arial; text-align:justify; padding:20px;}
		#notppal a.masinfo {text-decoration:none; color:#900; font:11px arial;  display:inline; float:right; padding:0 10px 0 10px}

		#notdark {width:296px; height:200px; border:none; background:url(../IMAGES/fondonoticias.png)  no-repeat bottom ; float:left; padding-right:2px;}
		#notdark img {float:left; margin:5px; border:2px outset #f0f0f0}
		#notdark h2 {font:bold 13px "Trebuchet MS"; line-height:auto; color:#333; padding-left:8px; margin:1px}
		#notdark p {font:normal 11px arial; text-align:justify; padding-right:15px; color:#666; padding-left:5px}
		#notdark a.masinfo {text-decoration:none; color:#333; font:11px arial;  display:inline; float:right; padding:0 10px 0 10px}

	#panelder {width:190px;  border:none; margin-left:5px; background:#FFF; float:right; }
		#panelder ul { list-style:none; list-style-type:none; display:inline-block;margin:0px; padding:0px;}
		#panelder li { list-style:none; border:1px solid #f0f0f0; float:left; background-color:#F9F9F9; margin:0 2px; padding:3px;}
	
.clr { width:100%; height:4px; clear:both}
#footer { width:1003px; height:20px; background:#000;  color:#FFF; text-align:center; font:bold 10px "Trebuchet MS"}
#footer a {text-decoration:none; color:#999}

#msg {width:98%; margin-left:1%; height:40px; position:absolute;z-index:1; top:0px; left:0px; 
background:#FFFF99;  color:#000000; border:1px solid #666666;
display:none; filter: alpha(opacity=90);    -moz-opacity: 0.9;    -khtml-opacity: 0.9;    opacity: 0.9;
text-align:center; font-family:Arial; font-size:18px; text-decoration:none;font-weight:bold; padding-top:10px; }



#formulario { margin-left:20%; background:#F5F5F5; border:1px solid #e5e5e5; width:780px; min-height:416px; text-align:left; margin-right:15px; display:compact}
#formulario * { font-family:Arial;font-size:12px;}
#formulario h1 {font:bold 13px Arial; background:#C1E0FF; color:#000; text-align:center; width:90%; margin-left:5%; padding:2px}
#formulario h6 {font:bold 13px Arial; background:#F33; color:#FFF; text-align:center; width:90%; margin-left:5%; padding:2px}
#formulario h4 { font-family:Arial; font-size:11px; text-transform:uppercase; color:#FFFFFF; background-color:#3366CC; display:block;width:90%; margin:0; margin-left:5%}
#formulario ul { margin:0; padding:0; list-style:none;; padding-left:5%}
#formulario li { margin:0 0 0px 0; padding:2px; background:none; list-style:none}
#formulario label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:bold 12px Arial; color:#000000;}
#formulario input.normal { width:100px; border:1px solid #d6d6d6; margin:0; padding:0px 2px; height:17px; background:#fff;}
#formulario input.long { width:300px; border:1px solid #d6d6d6; margin:0; padding:0px 2px; height:17px; background:#fff;}
#formulario textarea { width:480px; border:1px solid #d6d6d6; margin:0; padding:0px 2px; height:100px; background:#fff;}
#formulario input.date { width:100px; border:1px solid #d6d6d6; margin:0; padding:0px 2px; height:17px; background:#fff;}
#formulario input.short { width:30px; border:1px solid #d6d6d6; margin:0; padding:0px 2px; height:17px; background:#fff;}
#formulario input:hover {background-color:#FFFF99;}
#formulario input.submit { width:150px; border:2px outset #d6d6d6; margin:0; padding:0px 2px; height:25px; background:#fff;}
#submit {text-align:center}

.table {border:1px solid #666; min-height:40px;}
.table td {background-color:#FFFFFF; padding-left:4px; border-bottom:1px solid #CCC;border-left:1px solid #CCC; color:#000;}

div.resultado {padding-left:5%; display:none;}


.newsticker-jcarousellite { width:190px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }

.clear { clear: both; }

#listados { border:1px solid #666666; font:normal 12px Arial; width:97%; margin-left:10px;}
#listados.peq  td {text-transform:capitalize; font:normal 11px Arial}
#listados thead th {background-color:#3366CC; font:bold 12px; color:#FFFFFF; height:25px; text-align:left; padding-left:5px; cursor:pointer}
#listados td {height:25px; background-color:#FBFBFF; padding-left:3px}
#pager {margin:5px;  font-family:Helvetica; font-size:11px}
#pager input {font-family:Helvetica; font-size:11px; border:1px solid #999999; width:25px}
#pager select {font:normal 10px Helvetica}
#pager img { display:compact; vertical-align:middle; padding:1px}

#dialogo { text-align:left; display:none}
#dialogo ul {list-style-position:inside; list-style:inside}
#dialogo h1 {font:bold 14px Arial; color:#F00}
#dialogo li {font:normal 12px Arial; color:#006;}

#detalle { padding:15px; text-align:justify; }
#detalle h1 {font:bold 17px Arial; background:none; text-align:left; padding:0; margin:0; color:#666}
#detalle h2 {font:bold 25px Arial; background:none; text-align:left; padding:0; margin:0; color:#036}
#detalle small {font:normal 11px Arial; background:none; text-align:left; padding:0; margin:0; color:#666}
#detalle h3 {font:normal 11px Arial; font-style:italic; background:none; text-align:left; padding:0; margin:0; color:#036}
#detalle img {border:8px outset #F90; float:left; margin:3px; margin-right:8px}
#detalle p {font:normal 15px Arial; display:inline}
#detalle ul {list-style:inside; list-style-type:square}
#detalle li {list-style:inside; list-style-type:square}

#lists { position:relative; padding:15px; text-align:justify; width:578px; display:inline-block; ; float:left }
#lists h1 {font:bold 17px Arial; background:none; text-align:left; padding:0; margin:0; color:#666}
#lists h2 {font:normal 14px Arial; background:none; text-align:left; padding:0; margin:0; color:#666}
#lists p {font:normal 15px Arial; display:inline; text-transform:capitalize}
#lists small {font:normal 11px Arial; background:none; text-align:left; padding:0; margin:0; color:#666}
#lists a,a:visited {text-decoration:none; color:#036}
#lists a:hover {font-weight:bold;}

#collapsed {width:578px; background:#FF6;}
span#req{font:15px bold arial; color:#F00}


form ul { margin:0; padding:0; list-style:none;; padding-left:5%}
form li { margin:0 0 0px 0; padding:2px; background:none; list-style:none}
form label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:bold 12px Arial; color:#000000;}
form input.normal { width:100px; border:1px solid #d6d6d6; margin:0; padding:0px 2px; height:17px; background:#fff;}
form input.long { width:300px; border:1px solid #d6d6d6; margin:0; padding:0px 2px; height:17px; background:#fff;}
form textarea { width:480px; border:1px solid #d6d6d6; margin:0; padding:0px 2px; height:100px; background:#fff;}
form input.submit { width:150px; border:2px outset #d6d6d6; margin:0; padding:0px 2px; height:25px; background:#fff;}

#banner {width:600px; background:none; clear:both; min-height:80px; border:1px solid #999}
#banner ul li a {text-decoration:none}

.custom-tooltip {width:300px; font:bold 13px Arial; padding:5px !important;}

div.ui-datepicker{
 font-size:20px !important
}