.ui-selectonemenu-panel {
	max-width: 500px !important;
}

.circlered {
  height: 15px;
  width: 15px;
  background-color: red;
  border-radius: 50%;
}
.circlegreen {
  height: 15px;
  width: 15px;
  background-color: #4682B4;
  border-radius: 50%;
}

.ui-widget {
    font-size: 11px !important;
}
.ui-layout-north {
    z-index:20 !important;
    overflow:visible !important;
}
.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}
.ui-widget-header {
    text-align: center;
    text-transform: uppercase;
}
.ui-datatable-footer .ui-button{
    float: left;
 }
 .ui-datatable .ui-expansion-column {
    width: 16px;
}
.ui-datatable .ui-filter-column .ui-column-resizer {
    height:25px;
}
.ui-datatable{
   text-transform: initial;
    overflow : auto
        
}
.ui-datatable-odd {
      
    background: none repeat scroll 0 0 #F2F5F9;
    
}



.firstColColored{
    
      font-style: oblique;
      color: black;
      font-size: 0.9em;
}
.firstColColoredTemp{

      font-weight: bold;
      font-style: oblique;
      color: darkred;
}
.aprobadosColColored{

      color: brown;
      font-weight: bold;
      font-style: oblique;
}
.cabeceraTabla{
       margin: 12px; 
       color: #FFFFFF;
      font-weight: bold;
      font-style: oblique;
      text-transform: uppercase;
}
.cabeceraTitle{
     
       color: darkred;
      font-weight: bold;
      font-style: oblique;
      text-transform: uppercase;
}
.panelTabla{
   
    /*background:#355F88;*/
      /*border-color: #4682B4;*/ 
    background:#3F88B5;
    background: #3F88B5 -webkit-linear-gradient(center top , #3F88B5 0px, #0973B5 100%) repeat scroll 0% 0%;  /*For Safari 5.1 to 6.0 */
    background:#3F88B5 -o-linear-gradient(center top , #3F88B5 0px, #0973B5 100%) repeat scroll 0% 0%; /* For Opera 11.1 to 12.0 */
    background:#3F88B5 -moz-linear-gradient(center top , #3F88B5 0px, #0973B5 100%) repeat scroll 0% 0%; /* For Firefox 3.6 to 15 */
    background: #3F88B5 linear-gradient(center top , #3F88B5 0px, #0973B5 100%) repeat scroll 0% 0%;  /*Standard syntax */
    


      color: #FFF;
      text-shadow: 1px 1px 1px #777;
      border-bottom: 0px solid #C5C5C5;
      box-shadow: 0px 8px 6px -6px #B0B0B0;
          
}
.busquedaTabla{
   
    background:#FCD87F;
    border-color: #FCD87F; 
      
}
.campobusquedaTabla{
       margin: 12px; 
       color: black;
      font-weight: bold;
      font-style: oblique;
      text-transform: uppercase;
}




.labelText{
       font-weight: bold;
      font-style: italic;
      
 }
 .opcionText{
      font-weight: bold;
      font-style: normal;
      font-size: 12px !important;
      
 }

 
 .clearboth { clear: both; }

.spacer
{
	float: left;
	width: 3%;
}

#row1col1
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
	width: 46%;
	background-color: #bbb;
}

#row1col2
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
	margin-left: 3%;
	width: 45%;
	background-color: #bbb;
}

#row2col1
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
	margin-left: 3%;
	width: 48%;
	background-color: #ddd;
}

#row2col2
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
	width: 20%;
	background-color: #ddd;
}

#row2col3
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
	margin-left: 3%;
	width: 20%;
	background-color: #ddd;
}

#row3col1
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
	width: 73%;
	background-color: #F2F5F9;
}

#row3col2
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
	margin-left: 1%;
	width: 20%;
	background-color: #F2F5F9;
}

#row4col1
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
	width: 20%;
	background-color: #F2F5F9;
}

#row4col2
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
	margin-left: 15%;
	width: 71%;
	background-color: #F2F5F9;
}

#row3Opcion
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
	margin-left: 25%;
	width: 53%;
	background-color: #F2F5F9;
}


#footer
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
        margin-left: 25%;
	width: 53%;
	background-color: #bbb;
	text-align: right;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl
{
	margin-left: 7px;
	margin-right: 7px;
}

h1, h2, h3, h4, h5, h6
{
	margin-top: 5px;
	margin-bottom: 0;
}

h1+p, h2+p, h3+p, h4+p { margin-top: .2em; }


.panelCabeza
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd ;
	float: left;
        margin-right: 1%;
	width: 99% ;
	background-color: #F2F5F9;
}










/****************************************************************/
/****************************************************************/
/***            NOTICIAS DETALLADAS                           ***/
/****************************************************************/
/****************************************************************/
#row4col2 > .list-group > a.enlace-noticias-home{
    text-align: center;
    color: #f7b234;
    font-size: 21px;
    font-weight: bold;
}

#noticias detalle{
	width: 100%;	
	border-left: 5px solid transparent;
	
}


#row4col2 .list-group-item{
    background-color: transparent;    
    display: block;
    margin-bottom: -1px;
    padding: 6px 15px;
    position: relative;
    color: #666666;
}

#noticias-detalle .titulo,#row4col2 .titulo{
	color: #FBCA54;
    font-size: 30pt;
	
	font-weight:bold;
	/*margin-left:20px;*/
	margin-top:0;
	
    	
}

#noticias-detalle .parrafo{
	color: #144B87;
    font-size: 12pt;
    margin-left: 20px;
    margin-right: 20px;
    text-align: right;
}



#noticias-detalle .noticias_hr{
	color: #f2f2f2;
	background-color: #f2f2f2;
	height: 1px;
}



/*********************************************************
	Noticias detalle
**********************************************************/
#noticias-detalle .ciudad-noticias-home{
	border:0px solid pink;
	height: 27px;
	width: 36px;
    background-color: #F7B234;
    border-radius: 20px;
    color: #FFFFFF;
    display: table-cell;
    float: left;
    font-size: 12px;
    font-weight: bold;    
    
    padding-top: 8px;
    text-align: center;  
    position:absolute;
    right:0px;
    
    margin-right: 20px;
    top:74px;    
}
#noticias-detalle .contenido{
	margin-left:20px;
	margin-right:20px;
}






            html,
            body {
                height: 100%;
                /* The html and body elements cannot have any padding or margin. */
            }	
  	    body {
		font-family: 'Maven Pro','Helvetica','Arial', 'sans-serif', 'serif';
		height: 100%;
		font-size: 1.0em;
	    }
	    a{
		font-family: "Maven Pro","sans-serif","serif";
	        font-size: 14px;
                color: #0af;
                text-decoration: none;
            }
            /* Wrapper for page content to push down footer */
            #wrap {
                min-height: 100%;
                height: auto !important;
                height: 100%;
                /* Negative indent footer by it's height */
                margin: 0 auto -250px;

      	    }
            #push,
            #div-footer {
               height: 250px;
            }

            /*barra amarilla*/
            .navbar .container:before, .navbar .container:after {
                content: "";
                display: table;
                float: left;
                line-height: 0;
                width: 940px;
            }            
            .navbar .navbar-inner{
                background-image: none;
                background-color: #fcd87f !important;
                border-bottom: 0 solid #c5c5c5;
                box-shadow: 0 8px 6px -6px #b0b0b0;
                clear: both;
                color: #404040;
                font-size: 11pt;
                font-weight: bold;                
            }
            .navbar .brand, .navbar .nav > li > a {
                color: #404040;
                text-shadow: none;

                font-weight: normal;
                color: #404040;
                font-size: 11pt;  
                text-shadow: 0 0 0 !important;
                text-shadow: 0 1px 0 #f9f9f9;
                border-radius: 3px;
                padding: 8px 20px;
            }
            .navbar .nav > li>a:hover{
                color: #202020;
                background-color: #f7b234;/*#505050;*//*#12457A;*/
            }            
            /*logo*/
            .logoAccesos{
                padding: 5px;
            }
            #accesosCQI a i{
                color: #0af;
                text-decoration: none;
            }

            /* Footer */
            #div-footer {
                background-color: #F9F9F9;
                -moz-box-shadow: inset 0 0 20px 0px #B0B0B0;
                -webkit-box-shadow: inset 0 0 20px 0px #B0B0B0;
                box-shadow: inset 0 0 20px 0px #B0B0B0;
                text-align: center;
                color: #173b6f;
            }

            #div-footer .titulo-contacto-home {
                color: #13467b;
                font-size: 19px;
                font-weight: bold;
                margin-bottom: 0;
                margin-top: -5px;
            }

            #div-footer .info-contacto>h3 {
                font-size: 12px;
                font-weight: bold;
                margin-bottom: 0px;
                margin-top: 5px;
                line-height: 20px;
            }

            #div-footer .info-contacto>h4 {
                font-size: 13px;
                font-weight: normal;
                margin-bottom: 0px;
                margin-top: 0px;
            }

            #div-footer .info-contacto>h5 {
                color: #38a6da;
                font-weight: bold;
                margin-bottom: 5px;
                margin-top: 0px;
            }
	    #div-footer a{
	       font-size:12px;
	    }

            #imgFooter {
                padding: 47px;
            }


            /*CABECERA AZUL*/
            #barra-menu-horizontal-azul {                
                -webkit-box-shadow: 0 8px 6px -6px #B0B0B0;
                -moz-box-shadow: 0 8px 6px -6px #B0B0B0;
                box-shadow: 0 8px 6px -6px #B0B0B0;
                border-bottom: 0px solid #C5C5C5;
                background-color: #12457A !important;
                color: #FFFFFF;
                font-size: 16px;
                min-height: 40px;
            }

            /*.container-formulario-login{
                width: 30%;
            }*/

            .formulario-login{
                min-width:350px;
                padding: 25px 5px;

                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px; 

                -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
                -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
                box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
                background: #eee;

            }
            #container-yellow{
                max-width: 1170px;
            }
            #container-yellow ul {
        	 padding: 0;	
            }


	    #container-yellow .nav-collapse .nav>li>a.fb_yellow
	   ,#container-yellow .nav-collapse .dropdown-menu a.fb_yellow
	   ,#container-yellow .nav-collapse .nav>li>a.imagen-yellow
	   ,#container-yellow .nav-collapse .dropdown-menu a.imagen-yellow
	    {	
		padding: 6px 20px 0px 20px;
		background:transparent;
	    } 
	    #container-yellow .nav-collapse .nav>li>a.fb_yellow img
	   ,#container-yellow .nav-collapse .dropdown-menu a.fb_yellow img
           ,#container-yellow .nav-collapse .nav>li>a.imagen-yellow img
           ,#container-yellow .nav-collapse .dropdown-menu a.imagen-yellow img
            {
	        opacity: 0.8;
                filter: alpha(opacity=80); /* For IE8 and earlier */	
            }
           #container-yellow .nav-collapse .nav>li>a.fb_yellow img:hover
          ,#container-yellow .nav-collapse .dropdown-menu a.fb_yellow img:hover
          ,#container-yellow .nav-collapse .nav>li>a.imagen-yellow img:hover
          ,#container-yellow .nav-collapse .dropdown-menu a.imagen-yellow img:hover
           {
 		opacity: 1.0;
		filter: alpha(opacity=100); /* For IE8 and earlier */
           }


            #accesosCQI{
                text-align: right;
            }
            #sidebar p{
               font-weight:bold;
	    }


         
            a {
                font-family: "Maven Pro","sans-serif","serif";
                font-size: 12px;
                color: #0AF;
                text-decoration: none;
            }
             @media (max-width: 700px){
                #container-yellow{
                    width: 100%;
                    text-align: left;
                }
                .formulario-login{
                    min-width:100%;
                    padding: 25px 5px;
                    -webkit-border-radius: 8px;
                    -moz-border-radius: 8px;
                    border-radius: 8px;                     
                }
                .container-formulario-login{
                    width: 100%;
                }
                #logo-ups-cabecera, #accesosCQI{                    
                    width: 100%;
                    text-align: center;
                }
             }