#inscripcion-programa{
   
     margin-left: 0%; 
       margin-right: 0%;
       float: none;
}
#formulario {
    font-size: 12px !important;
    padding-left: 0%;
    padding-bottom: 3%;
    width: 100%;
}

#formulario h1 {
  
    font-weight: bold  !important;
    color: #173b6f  !important;
    margin-left: 10px  !important;
    margin-top: 0  !important;
    margin-bottom: 25px  !important;
    font-size: 1.9rem  !important;
    
}

#formulario .resumen-noticias-home {
    padding: 8px 0px 15px;
    margin-top: 10px;
 
    margin-left: 0px;
}

@media screen and (min-width: 500px){
  
    #formulario {
    font-size: 14px !important;
    padding-left: 10%;
    padding-bottom: 3%;
    width: 90%;
}
}

@media screen and (min-width: 1024px) {
    #inscripcion-programa  {
       margin-left: 0%; 
       margin-right: 22%;
       float: left;
    }
    .textderecho{
    float:right;
    }
    .textizquierdo{
    float:left;
        }
    #formulario {
    font-size: 14px !important;
    padding-left: 15%;
    padding-bottom: 3%;
    width: 80%;
    }
    #formulario h1 {
  
    font-weight: bold  !important;
    color: #173b6f  !important;
    margin-left: 20px  !important;
    margin-top: 0  !important;
    margin-bottom: 25px  !important;
    font-size: 2.5rem  !important;
    
    }
    .paneldialog{
    
    width: 60% !important;
}
  #formulario .resumen-noticias-home {
    padding: 8px 0px 15px;
    margin-top: 10px;
 
    margin-left: 52px;
}
.panelfinal{
    background-color:#f2f2f2; 
    width:70%
}
}




#convocatorias-cabecera > a{
    display: inline-block;
}
#convocatorias-cabecera > a > img{
    float: left;
    margin-left: 10px;
    margin-bottom: 0px
}
#convocatorias-cabecera > a > p{
    float: left;
    margin-left: 10px;
}

#convocatorias {
    font-size: 14px !important;
    padding-left: 15%;
    padding-bottom: 3%;
    width: 60%;
}
#menulogo {
   
    padding-left: 2%;
    padding-top: 1%;
}


 #convocatorias:after{
    position: absolute;
    width: 80%;
    height: 14%;
    left: 10%;
    border-radius: 50%;
    z-index: -1;
    bottom: 0%;
    content: "";
    box-shadow: 0 13px 16px rgba(0,0,0,0.33);
} 

.cabecera-convocatorias-home {
    background-color: #355F88;
    text-align: center;
    color: #FFF;
    height: 30px;
    padding-top: 1px;
}
.enlace-convocatorias-home{
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}
.enlace-convocatorias-detalle{
    text-align: center;
    color: #96BE0D !important;
    font-size: 14px;
  
}

#convocatorias .list-group-item {
    color: #303030;
}
#convocatorias a.list-group-item:last-child {
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}
#convocatorias a.list-group-item:first-child {
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}
#convocatorias a.list-group-item {
   
    border: 0px solid #DDD;
	border-width: 0px 0px 2px;
	border-style: none none solid;
	border-color: #DDD;
	padding: 14px;
    
}
#convocatorias .list-group-item {
    background-color: transparent;
    display: block;
    margin-bottom: -1px;
    padding: 6px 15px;
    position: relative;
    color: #666;
}
#convocatorias .container-fluid {
    
     border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    /*cursor: pointer;*/
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
  
}
#convocatorias .resumen-noticias-home {
    padding: 8px 0px 15px;
    margin-top: 10px;
 
    margin-left: 52px;
}
#convocatorias .titulo-noticias-home {
    font-size: 15px;
    font-weight: bold;
    color: #13467B;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 20px;
}
#convocatorias .carousel-item { height: auto; position: relative; display: none; border: 0px solid #ccc; }
#convocatorias .carousel-item-active { display: block; }
#convocatorias .content_box { padding-bottom: 11%; }
#convocatorias a.list-group-item:hover{
    background-color: #E6E6E6;
    text-decoration: none;
}

#convocatoria-detalle .titulo {
    color: #13467b;
    font-size: 20pt;
    font-weight: bold;
    margin-top: 0px;
    border-width: 0px 0px 2px;
	border-style: none none solid;
	border-color: #DDD;
	padding: 1px;
}
.fondo-columnas-convocatoria {
    background-color: #F5F5F5;
    padding: 10px 10px 0px;
    padding-left: 13%;
}
#convocatorias .carousel menu {
    background: #F4F9F5 none repeat scroll 0% 0% !important;
   
}
#convocatorias .carousel-menu-active {
    background: #BEBECB none repeat scroll 56% 72% !important;
}



#convocatorias .carousel {
    
    margin-bottom: 0px !important;
   
}
#convocatorias h4 {
    font-weight: normal !important;
}







.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-weight: bold;
      font-style: oblique;
}
.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;
      font-size: 12px !important;
     
}


.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:#F2F5F9;
   
      
}
.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;
      
 }
 .opcionTextAdicional{
      font-weight: bold;
      font-style: normal;
      font-size: 12px !important;
      color: #C00 !important;
      
 }
 
 #noticias-detalle .ui-inputfield, #noticias-detalle .ui-widget-content .ui-inputfield, #noticias-detalle .ui-widget-header .ui-inputfield {
    box-shadow: 0px 0px 0px #FFF inset !important;
    background: rgb(249, 249, 249) none repeat scroll 0% 0% !important;
    color: #322D2D;
}

 #noticias-detalle .ui-state-disabled, .ui-widget-content .ui-state-disabled, #noticias-detalle .ui-widget-header .ui-state-disabled {
      opacity: 1 !important;  
     background-image: none !important;
}

#noticias-detalle .ui-state-default, #noticias-detalle .ui-widget-content .ui-state-default, #noticias-detalle .ui-widget-header .ui-state-default {
    border: 0px !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: 99%;
	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;
}
#row3Opcion
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
	margin-left: 1%;
	width: 98%;
	background-color: #F2F5F9;
}

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

#noticias-detalle .row4col2
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	margin-left: 1%;
        float: right;
	width: 100%;
	background-color: #FFF;
}
#noticias-detalle .descripcionNoticia {
    border-bottom: 1px solid #DDD;
    margin-top: 17px;
    width: 90%;
    font-size: 14px !important;
    text-align: justify !important;
    float: right;
    margin-right: 5%;
    margin-bottom: 25px;
    font-family: Arial !important;
}

#noticias-detalle .parrafoNoticia {
   
    font-size: 14px !important;
    text-align: justify !important;
   font-family: Arial !important;
}

#footer
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	float: left;
	width: 94%;
	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;
}
.msgwarn> .ui-widget{
    font-size: 13px !important;
    font-weight: bold !important;
}



.msginfo> .ui-widget {
   
    font-size: 13px !important;
    font-weight: bold !important;
}

.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #FCD87F;
  background-color: #FCD87F;
  border-color: #FCD87F;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

 @font-face {
		font-family: Maven Pro;
		src: url(fonts/MavenPro-Regular.ttf);
	    }
            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;
	    }
            /*Para resoluciones menores*/
            @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;
                }
		#div-footer{
		    height:auto;
		}
            }