/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}

img, fieldset {border: 0;vertical-align: middle !important;}

/* set image max width to 100% */


/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {background: #e7e3d9;font: .81em/150% Helvetica,Arial, sans-serif;color: #666;}
a:hover {text-decoration: underline;}
p {margin: 0 0 1.2em;padding: 0;}

/* list */

li {padding: 0; line-height: normal;}

/* headings */
h1, h2, h3, h4, h5,  {line-height: 1.4em;color: #000;}
h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

/* reset webkit search input styles */
input[type=search] {-webkit-appearance: none;outline: none;}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {display: none;}

/************************************************************************************
ESTRUCTURA
*************************************************************************************/
#bar-top{width: 960px;margin: 0 auto; position: relative; height:35px; z-index: 3000 !important;}
#container {width: 955px;margin: 0 auto; background-color:#fff; padding: 0 5px;}

/************************************************************************************
HEADER
*************************************************************************************/
#header {position: relative;height: 175px; z-index: 11 !important;}
#site-logo,#social, #menu-top {float: left;}
#search{float: right; margin-top: 8px;}
#social{ width: 70px; margin:10px 0 0 10px;}
/* site logo */
#site-logo {position:relative;top: 10px;}
#site-logo a {font: normal 11px/100% Arial, Helvetica, sans-serif;color: #333;text-decoration: none;}

/* site description */
#site-description {font: italic 100%/130% "Times New Roman", Times, serif;color: #fff;
                   position: absolute;top: 55px;}

.testingBody {background: #e7e3d9;font: .81em/150% Helvetica,Arial, sans-serif;color: #666;}
/************************************************************************************
MENU DE NAVEGACION
*************************************************************************************/
#menu-top{ margin:10px 0 0 190px; }
#menu-top a{font:normal 12px/18px Helvetica, Arial,  sans-serif;color: #333;}
#menu_top ul{ padding:0px;margin:0px;list-style-type:none; }
#menu-top ul li{margin-left:15px; display: inline;}
.navbar-inner{background: #2f3945; padding:0px;
              /*position: absolute;*/
              left: 0;
              bottom: 0;
              z-index: 100;
              /* rounded corner */
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              border-radius: 4px;
              /* box shadow */
              -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
              -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
              box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
              border:none;
              filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='##2f3945', endColorstr='#0a4270', GradientType=0);

}

.navbar .nav > li > a { text-shadow:none; color:#fff;padding: 14px 10px;line-height: 100%}
.navbar{width: 100%; margin: 0;padding: 0;}
#main-nav li {margin: 0;padding: 0;list-style: none;float: left;position: relative;}
.nav li:first-child {margin-left: 3px;}
.navbar .nav > li > a:hover {color: #fff;background: #093a63;z-index: 11;}

/************************************************************************************
CONTENT
*************************************************************************************/
#content {background: #f4f4f4;margin: 10px 0 30px;padding: 10px 6px;width: 650px;float: left;}
#content-second{ background: #f4f4f4;margin: 10px 0 30px;padding: 10px 6px;width: 650px;float: left;width:943px;}
.obs{background-color: #fff; padding: 8px;}
.ins{background-color: #fff; padding: 8px; margin-top: 8px;}
h1.obs-title{background:#fff url(../img/obs.jpg) left no-repeat; height: 38px; padding: 10px 0 0 38px; font:bold 12px/18px Helvetica, Arial, sans-serif; text-transform: uppercase; color:gray;}
h1.ins-title{background:#fff url(../img/ins.jpg) left no-repeat;height: 38px; padding: 12px 0 0 38px;font:bold 12px/18px Helvetica, Arial, sans-serif; text-transform: uppercase; color:#183b54;}
h1.bus-title{background:#fff url(../img/bus.jpg) left no-repeat;height: 38px; padding: 12px 0 0 38px;font:bold 12px/18px Helvetica, Arial, sans-serif; text-transform: uppercase; color:#183b54;}
label.inline{ width: 250px; display: inline; margin-left: 40px;}
label.date,label.label-ins{ display: inline;}
.tipo{ width: 190px;}
.controls-row {margin-top: 5px;}

/************************************************************************************
CONTENT uaci
*************************************************************************************/
#contentUaci {background: #f4f4f4;margin: 10px 0 30px;padding: 10px 6px;width: 650px;float: left;}
#contentUaci-second{ background: #f4f4f4;margin: 10px 0 30px;padding: 10px 6px;width: 650px;float: left;width:943px;}
.obs{background-color: #fff; padding: 8px;}
.ins{background-color: #fff; padding: 8px; margin-top: 8px;}
h1.obs-title{background:#fff url(../img/obs.jpg) left no-repeat; height: 38px; padding: 10px 0 0 38px; font:bold 12px/18px Helvetica, Arial, sans-serif; text-transform: uppercase; color:gray;}
h1.ins-title{background:#fff url(../img/ins.jpg) left no-repeat;height: 38px; padding: 12px 0 0 38px;font:bold 12px/18px Helvetica, Arial, sans-serif; text-transform: uppercase; color:#183b54;}
h1.bus-title{background:#fff url(../img/bus.jpg) left no-repeat;height: 38px; padding: 12px 0 0 38px;font:bold 12px/18px Helvetica, Arial, sans-serif; text-transform: uppercase; color:#183b54;}
label.inline{ width: 250px; display: inline; margin-left: 40px;}
label.date,label.label-ins{ display: inline;}
.tipo{ width: 190px;}
.controls-row {margin-top: 5px;}
/************************************************************************************
SLIDE - LISTA UACI, SOLVENCIAS...
*************************************************************************************/
.slide, .cont_list{float:left;}
.slide{ width:700px; height:265px; margin:3px 10px 0 0;}
.cont_list{width:244px; margin-top:3px;}
.cont_list ul{padding:0px;margin:0px;list-style-type:none;}
.cont_list ul li {width:244px; height:50px;margin: 0 0 .5em 0;}
ul#list_compra li a:hover { text-decoration:none;}
ul#list_compra li a p{ font:bold 14px/18px Helvetica, Arial, sans-serif; color:#84807c;padding:0; margin:0 auto;}
#list_compra span{ color:#84807c;}
ul#list_compra li a{display: block; height:44px; padding:7px 0 0 60px; }
ul#list_compra li a.zona{background:#e4e4e4 url(../img/uaci.jpg) no-repeat;}
ul#list_compra li a.sol{background:#e4e4e4 url(../img/sol.jpg) no-repeat;}
ul#list_compra li a.plan{ font-size:11px; line-height:12px;background:#e4e4e4 url(../img/plan.jpg) no-repeat;}
ul#list_compra li a.observatorio{ font-size:11px; line-height:12px;background:#e4e4e4 url(../img/observatorio.png) no-repeat;}

ul#list_compra li a.pre{background:#e4e4e4 url(../img/pre.jpg) no-repeat;}
ul#list_compra li a.cont{font-size:11px; background:#e4e4e4 url(../img/contac.jpg) no-repeat;}

ul#list_compra li a.fomi{background:#e4e4e4 url(../img/fomilenioNew.jpg) no-repeat;}
ul#list_compra li a.capa{background:#e4e4e4 url(../img/elearning.png) no-repeat}
ul#list_compra li a.bid{ font-size:11px; line-height:12px;background:#e4e4e4 url(../img/contactoBID.jpg) no-repeat}

/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {width: 250px;float: right;margin: 10px 0 30px; }
.proveedores {background: #fff;margin: 0 0 30px;padding: 2px 6px;background-color: #f4f4f4;}
.protitle {margin: 0 0 5px;padding: 0;}
h4.protitle {background:#f4f4f4 url(../img/icon.gif) left no-repeat; padding: 18px 0 0 34px; height: 22px; font: bold 12px/100% Arial, Helvetica, sans-serif;color: #183b54; text-transform: uppercase;}
.box-in{ background-color:#fff; padding:5px 8px 0 5px;}
/***********************************
SEGUNDAS
************************************/
#derbar {width: 280px;float:left;margin: 10px 10px 30px 0; }
/**********************************
BOOSTRAP MOD...
**********************************/
.dropdown-menu .sub-menu {left: 100%;position: absolute;top: 0;visibility: hidden;margin-top: -1px;}
.dropdown-menu li:hover .sub-menu {visibility: visible;}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {border-bottom: 7px solid transparent;border-left: none;border-right: 7px solid rgba(0, 0, 0, 0.2);border-top: 7px solid transparent;left: -7px;top: 10px;}
.navbar .sub-menu:after {border-top: 6px solid transparent;border-left: none;border-right: 6px solid #fff;border-bottom: 6px solid transparent;left: 10px;top: 11px;left: -6px;}
/*LOGIN*/
.login{ margin:8px 0 8px;}
.login h4{ background: #fff url(../img/login.jpg) no-repeat; padding: 15px 0 8px 0;font:normal 12px/18px Helvetica, Arial, sans-serif; text-transform: uppercase; color:#2f3945;}
input.span2{ width: 160px;}
.control-label{display: block; color:#2f3945; font-size: 11px; margin-bottom: 5px;}
.control-label a{color:#95b0be;}
ul#main-side{ list-style: none; margin: 0 auto; padding: 0;}
ul#main-side li{background: #fff url(../img/arrow.gif) left 6px no-repeat; padding:0 15px 9px; border-bottom: 1px dashed #333; margin: 0 0 .5em 0;}
ul#main-side li a p{font:bold 14px/18px Helvetica, Arial, sans-serif; color:#84807c; margin:0 auto;}
ul#main-side li span.side{ line-height: 12px;}
ul#main-side li a span{ color:#84807c; font:normal 12px/18px Helvetica, Arial, sans-serif;}


/************************************************************************************
FOOTER
*************************************************************************************/
#footer { height: 110px; padding: 8px; font: normal 12px/180% Helvetica, Arial, sans-serif; clear: both;color: #fff; background:#2f3945;}
#footer .text, .logo-gob{float:left;}
.text{ width: 730px; margin-left: 8px; padding-top: 13px; text-align: center;}
#footer a {color: #fff;}

#footer1 { height: 0px; padding: 0px; font: normal 12px/180% Helvetica, Arial, sans-serif; clear: both;color: #fff; background:white;}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear{ clear: both;}
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

/************************************************************************************
PRIMEFACES
*************************************************************************************/
.ui-widget tr, .ui-widget td {
    border: 0 !important;	
    vertical-align: middle !important;
}
.ui-picklist-list {
    height:200px !important;
    width:280px !important;
}
.ui-state-error {
    background-color: transparent !important;
}
.ui-icon.accept-icon {
    background-image: url(../img/accept.png) !important;
}
.ui-icon.add-icon {
    background-image: url(../img/add.png) !important;
}
.ui-icon.delete-icon {
    background-image: url(../img/delete.png) !important;
}
.ui-icon.inactive-icon {
    background-image: url(../img/stop.png) !important;
}
.ui-icon.active-icon {
    background-image: url(../img/accept_green.png) !important;
}
.ui-icon.edit-icon {
    background-image: url(../img/edit.png) !important;
}
.ui-icon.view-icon {
    background-image: url(../img/search.png) !important;
}
.ui-icon.cancel-icon {
    background-image: url(../img/cancel.png) !important;
}
.ui-icon.back-icon {
    background-image: url(../img/arrow_back.png) !important;
}
.ui-icon.new-icon {
    background-image: url(../img/new.png) !important;
}
.ui-icon.download-icon {
    background-image: url(../img/download.png) !important;
}
.ui-datatable tbody td {
    white-space: normal !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.ui-datatable-footer{
    text-align: left !important;
}
.columna_centro{
    text-align: center !important;
}
.columna_derecha{
    text-align: right !important;
}
.columna_izquierda{
    text-align: left !important;
}
.datalist-noborder .ui-widget-content {
    border: none !important;
    margin-left: 20px !important;
}
.datalist-noborder1 .ui-widget-content {
    border: none !important;
}
.subtitulo {font-weight:bold; background: #fff url(../img/arrow.gif) left 6px no-repeat; padding:0 15px 9px; border-bottom: 1px dashed #1C78A7; margin: 0 0 .5em 0; color: #1C78A7;}
.pregunta_faq {font-weight:bold; color: #84807c;}
.respuesta_faq {font-weight:normal; color: #84807c;}
.ui-commandlink.ui-widget.titulo_norma {font-weight:bold; color: #84807c;}
.ui-commandlink.ui-widget.titulo_noticia {font-weight:bold; color: #84807c;}
.ui-commandlink.ui-widget.titulo_link {font-weight:bold; background: #fff url(../img/link.png) left no-repeat; padding:0 25px 0px; color: #84807c; margin-top:10px;}
.descripcion_norma {font-weight:normal; color: #84807c;}
.columna_top {
    vertical-align: top !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.texto_resaltado{
    font-weight: bold;
    font-size: 14px;
}
td li{
    margin-left:30px;
}
h1.title-x{background:#fff url(../img/titulo_x.jpg) left no-repeat; height: 38px; padding: 10px 0 0 38px; font:bold 12px/18px Helvetica, Arial, sans-serif; text-transform: uppercase; color:gray;}
.dateField input {
    width:100px;
}
.ui-fieldset-legend{
    text-align: left !important;
}
.column-padding{
    padding: 10px;
    vertical-align: top;
}
.column-padding5px{
    padding: 5px;
    vertical-align: top;
}
tr.row-dotting td{
    border-bottom: 1px dashed #e6e6e6 !important;
}
tr.row-green td{
    background-color: #6CE26C !important;
}
.ui-autocomplete-multiple-container {
    width: 360px !important;
}
.ui-autocomplete-input-token input {
    width: 340px !important;
    border: 0 !important;
}
.ui-autocomplete-token {
    cursor: default;
    float: left;
    overflow: hidden;
    padding: 1px 3px;
    white-space: nowrap;
    position: relative;
    margin:2px;
    width: 350px !important;
    height: 20px !important;
}
.input_derecha{
    text-align: right;
}
.ofertado{
    background-color: #AFEFAF;
}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}
table.nopadding td {
    padding: 0;
    vertical-align: top !important;
}

.columnaCentrada{
    border:1px solid #dddddd !important;;
    background:#ffffff !important;;
    color:#333333 !important;; 
    text-align: center !important;;
}

.txt-inputfield{
    border-color: #6699CC  !important;
    font-weight: normal !important;
    width: 150px !important;
}

.txt-inputArea{
    border-color: #6699CC  !important;
    font-weight: normal !important;
    width: 150px !important;
}

/************************************************************************************
botones para consulta 
*************************************************************************************/
.ui-button.buttonRed { 
    color: #ffffff;
    background: #ff471a;
    border-color: #23a38f;

    width: 25px; 
    height: 25px; 

    font-family: 'pluto_sansthin';
    font-size:1.4em;    
}

.ui-button.buttonGreen { 
    color: #ffffff;
    background: #00b33c;
    border-color: #23a38f;

    width: 25px; 
    height: 25px; 

    font-family: 'pluto_sansthin';
    font-size:1.4em;    
}

.ui-button.buttonBlue{ 
    color: #ffffff;
    background: #1a8cff;
    border-color: #23a38f;

    width: 25px; 
    height: 25px; 

    font-family: 'pluto_sansthin';
    font-size:1.4em;    
}



.ui-tabs .ui-tabs-nav LI A {
    font-size: 13px;
    color: #333;
}


.header_text
{
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      13px;
    font-weight:    bold;
}


.ui-dialog-titlebar  {
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      13px;
    font-weight:    bold;
} 

.selectRadio label {
    margin-right: 30px;
    margin-left: 10px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: #9400D3;
    background-color: #d9d9d9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}


.generic-selector .ui-state-active {
    background-color: #1a53ff    !important; 

}

.disableRemoveAllButon  .ui-picklist-button-remove-all{
    visibility: hidden !important;
}


.inputOnDataTable input
{
    width: 50px !important;   
}



.textConsulta{font-size: 10px; font-weight: bold;}



 
.mystyleClass .pf-panel-bd {
         background: #333333;
         height: 150px;
         color:#CCCCCC;
}
 

.timerClass,.ui-timer ui-widget .ui-widget-header .ui-corner-all{
    background-color: #00b33c   !important; 

}



.inputDollar input  
{
    width: 150px !important;   
    margin-left: 20px;
    float: left;
}


.inputDollartxt   
{
    width: 150px !important;   
    margin-left: 20px;
    float: left;
}


.columnaCentradaIzquierda  
{
    width: 300px !important;   
    
}

.columnaCentradaDerecha  
{
    width: 150px !important;   
    
}