@media all {
/* GENERAL */
* {font-size:100%;font-family:'Trebuchet MS', 'Lucida Grande', Arial, sans-serif}
html,body {color:black;font-size:90%;padding:0;padding:0;margin:0;line-height:20px;}
body {border-top:solid 10px #A8007A}
a {color:#003366;text-decoration:none;font-weight:bold}
a:hover {color:#a8007a;text-decoration:underline}
table {border-collapse:collapse;overflow:hidden}
td {border-collapse:collapse;overflow:hidden}
li {margin-bottom:10px}
img {background:url(loading.gif) center center no-repeat white;border:0}
td {vertical-align:top}

#container {background:#DEDDDA;min-width:1003px}
#head {background:url(fondoBanner.jpg) right 25px no-repeat #343330;height:126px;overflow:hidden;display:block;border-bottom:solid 2px white}
#head h1 {display:none}
#head #logo {float:left;margin:20px 0 0 30px;position:relative;border:0}

#mapaTop {float:right;position:relative;right:30px;top:65px}

#middle {clear:both;overflow:hidden;margin:0 0 0 30px;background:#DEDDDA}
#mapa {float:left;width:185px;display:inline;border:solid 2px white;border-top:0}
#principal {padding:10px 20px 10px 10px}

.pagina {clear:both;width:100%;border:0;padding:0}
.tituloPagina {clear:both;overflow:hidden;background-color:#640048;margin:0;padding:5px 20px;letter-spacing:2px;font-weight:bold;color:white;border:0}
.contenido {clear:both;width:100%;min-height:100px;overflow:auto;background:#827f77;padding:10px;margin:0;border:0}
.contenido h2 {clear:both;overflow:hidden;font-size:1.3em;font-weight:500;text-align:left;background-color:#a8007a;color:#fff;padding:10px;margin:0px}

.resaltado {margin:20px 0;padding:5px 20px 5px 10px;font-size:1.1em;border:solid 1px #827f77;border-left:solid 10px #a8007a;}
.resaltado ul {padding:0;margin:0}
.resaltado li {list-style-type:none}
.resaltado h3 {font-size:1.2em;margin-bottom:10px;margin-top:0;color:#a8007a}
.superResaltado {background:#a8007a;color:white;border:0;padding:5px}
.docs {border:solid 1px #827f77;border-right:0;text-align:left;padding:0}
.docs h3 {background:#827f77;color:white!important;padding:5px!important}
.docs ul {margin:20px}

#footer {clear:both;text-align:center;padding:10px 0 30px 0;background:#EFEEED;border-top:solid 1px #000;overflow:hidden;margin:0;margin-top:10px;}
#footer #enlaces {clear:both;margin:20px auto;width:750px;padding:10px;background:white;border:solid 1px #000;display:block;vertical-align:bottom}
#footer #enlaces img {border:0;margin-right:10px}
#footer #enlaces a {border:0}

/* PORTADA */
#ciudadanos {clear:both;float:left;min-width:328px;max-width:328px;width:328px;margin-right:8px}
#licitadores {float:left;min-width:200px;max-width:200px;width:200px;margin-right:8px}
#empresas {float:left;min-width:200px;max-width:200px;width:200px}
#ciudadanos .tituloPrincipal,#licitadores .tituloPrincipal,#empresas .tituloPrincipal {text-align:center}
#ciudadanos img,#licitadores img,#empresas img{float:left}
.destacado, .actualidad {font-size:0.9em}
.destacado {background:#F9F9F9;border-bottom:solid 1px #ccc;text-align:left}
.actualidad {background:#fff}
.destacado .titulo {clear:both;font-weight:bold;background:url(bullet.gif) left center no-repeat #F9F9F9;border:0;color:#a8007a;font-size:1em;letter-spacing:2px;padding:10px 0 10px 25px}
.actualidadTitulo {clear:both;font-weight:bold;background:url(bullet.gif) left center no-repeat #fff;border:0;color:#a8007a;font-size:1em;letter-spacing:2px;padding:10px 0 0 25px}
.destacado img,.actualidad img {clear:both;float:left;border:solid 1px black;margin:0}

.articulo {overflow:hidden;display:block;padding:0 5px 5px 5px}
.articulo img {clear:both;float:left;margin:3px;margin-right:10px;border:solid 1px black}

/* TABLA desde server */
.tabla {clear:both;overflow:auto;min-height:100px;background:white}
.tabla table {width:100%}
.tabla table caption {display:none}
.tabla th {background:#343330;padding:5px;color:white;border:solid 1px white;text-align:center!important}
.tabla th a {color:white}
.tabla td {padding:5px;background:white;border:solid 1px #ccc}
.tabla td.alt {background:#efefef;border-color:white}
.tabla table.detalle th {text-align:left}
.tabla strong {color:#a8007a}
.tabla img {border:solid 1px black}
.tabla .sinResultados {background:white;padding:10px;text-align:center;vertical-align:middle}
.tabla .detalle th {text-align:left!important;width:200px;}

/* LICITACIONES */
.titLicitacion {padding:10px;background:#efefef;font-size:1em;overflow:hidden}

/* PROMOCIONES */
#resPromociones.tabla td {text-align:center;padding:20px}
#resPromociones.tabla td.alt {width:50%;background:white}

/* PROMOCION */
.promocionData {text-align:justify!important;padding:30px 20px 10px 10px!important}
.promocionMas {text-align:left!important;padding:0!important;margin:0!important;background:#efefef!important}
.promocionMas iframe {height:300px}
.promocionMas ul {margin-top:20px}

.icoPDF {padding-right:15px!important;background:url(adobeReader.gif) right no-repeat!important} 
.icoNew {padding-right:15px!important;background:url(newWindow.gif) right no-repeat!important} 
.none {display:none}												/* solo visualizar sin CSS */
.loading {background:url(loading.gif) center center no-repeat white;min-height:100px;min-width:100px;}
.justificado {text-align:justify}										
.centro {text-align:center}	
.texto {background:white;padding:20px}										
.notas {background:#efefef;padding:5px;border-top:solid 1px #ccc}

/* ARTICULOS - DESDE CONTROL */
/* Lista de articulos */
ul.articulos {padding:0;margin:0 10px;list-style-type:none}
ul.articulos li.articulo {padding:0;margin:0;list-style-type:none}
ul.articulos li.articulo .fecha {font-size:0.9em;color:#aaa;margin-top:10px;}
/* Articulo en detalle */
.articulo_detalle {background:#fff;border:solid 1px #ccc}
.articulo_detalle .head {background:#eee;font-size:1.2em;padding:5px}
.articulo_detalle .titulo {font-weight:bold;}

.enlaceArchivo {padding-right:20px!important;background:url(masNoticias.gif) right no-repeat!important;color:#aaa!important:float:right!important;margin:5px 10px} 

/* DESDE CONTROL */
/* Cambio el stilo de los tabs (!important porque despues se carga el general de control)*/
.tabs {
    background: #827f77!important; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-nav a, .tabs-nav a span {
	background:#AEACA6!important;color:#fff!important;padding:3px 10px!important;letter-spacing:1px!important;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
	background:#A8007A!important;color:#fff!important;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	background:#A8007A!important;color:#fff!important;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
	background:#A8007A!important;color:#fff!important;
}
/* Form */
legend {color:#000; font-weight:bold;font-size:1.2em;}
fieldset {margin-top:20px;padding:5px 20px}

a.print {background:url(print.gif) no-repeat #eee 3px center; padding:3px 6px 3px 36px; border:solid 1px #ccc; margin:10px;}
}