﻿/*GENERICO*/
.height-115 {height:115px}
.height-60 {height:60px}
.height-135 {height:135px}
.height-145 {height:145px;}
.height-130 {height:130px;}
.height-158 {height:158px;}
.height-215 {height:215px;}
.height-244 {height:244px;}


.margin-top-0 { margin-top:0px;}
.margin-top-5 { margin-top:5px;}
.margin-top-10 { margin-top:10px}
.margin-top-15 { margin-top:15px;}

.margin-top-20 { margin-top:20px;}
.margin-top-30 { margin-top:30px;}
.margin-top-35 { margin-top:35px;}
.margin-top-40 { margin-top:40px;}
.margin-top-50 { margin-top:50px;}
.margin-top-65 { margin-top:65px;}
.margin-top-80 { margin-top:80px;}

.margin-left-0 { margin-left:0px;}
.margin-left-50 { margin-left:50px;}

.margin-right-0 {margin-right:0px}
.margin-right-20 {margin-right:20px}


.margin-bottom-0 { margin-bottom:0px}
.margin-bottom-30 { margin-bottom:30px}
.margin-bottom-20 { margin-bottom:20px}
.margin-bottom-50 { margin-bottom:50px}
.margin-bottom-65 { margin-bottom:65px}
.margin-bottom-80 { margin-bottom:80px}

.padding-left-0 {padding-left:0px}
.padding-left-15 {padding-left:15px}
.padding-left-20 {padding-left:20px}

.padding-right-0 {padding-right:0px}
.padding-right-15 {padding-right:15px}

.padding-top-0 {padding-top:0px;}
.padding-top-10 {padding-top:10px;}
.padding-top-30 {padding-top:30px;}
.padding-top-20 {padding-top:20px;}
.padding-top-50 {padding-top:50px;}
.padding-top-80 {padding-top:80px;}
.padding-top-140 {padding-top:140px;}

.padding-bottom-0 {padding-bottom:0px;}
.padding-bottom-10 {padding-bottom:10px;}
.padding-bottom-20 {padding-bottom:20px;}
.padding-bottom-50 {padding-bottom:50px;}


.text-align-center {text-align:center}
.text-align-right {text-align:right;}
.text-align-left {text-align:left;}

.white {color:#FFFFFF;}


.float-left {float:left}

.rounded-top-2x { border-radius: 10px 10px 0 0 !important;}



.line-height-55 {line-height:55px;}
.font-size-18 {font-size:18px;}
.font-size-14 {font-size:14px;}
.img-responsive-hcenter { margin:0 auto;}
/*FIN GENERICO*/

/*BACKGROUND PAGINAS*/
.wrapper { background:#fafafa;}
/*FIN BACKGROUND PAGINAS*/

/*CONTROL USUARIO NOTICIAS*/
#ucnoticia h3 {color:#000000;font-family:'Roboto',Arial;font-size:22px;margin-top:15px;font-weight:normal;}
#ucnoticia div p {color:#000000;font-family:'Roboto',Arial;font-size:16px;}
#ucnoticia div p:last-child {color:#6F6F6F;font-family:'Roboto',Arial;font-size:16px;}
#ucnoticia:hover .image-noticia{border:solid 1px #114d47;}
#ucnoticia:hover h3 {font-weight: bold;}



.noticia .boton {
    background-color: #00413a;
    text-align: center;
}
.noticia .boton a { color:#fafafa;font-family:'Roboto',Arial;font-size:16px;text-decoration:none}

/*FIN CONTROL USUARIO NOTICIAS*/

/*CONTROL BECAS Y FINANCIACION*/
.headline-center.headline-light h2 {
  color: #fff;
  margin-bottom: 0px;
  margin-top: 50px;
  font-size: 25pt;
  font-family: 'Roboto',Arial;
}
.btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {
  background: #fff;
  color: #000 !important;
   font-family:'Roboto',Arial;
  font-size:14pt;
}
.headline-center h2:after {
  left: 50%;
  z-index: 1;
  width: 30px;
  height: 2px;
  content: " ";
  bottom: -5px;
  margin-left: -15px;
  text-align: center;
  position: absolute;
  background:none;
}
.bg-image-becas {
  width: 100%;
  height: auto;
  padding: 50px 0;
  position: relative;
  background: url(../img/becasyfinanciacion.jpg) repeat fixed;
}
/*FIN CONTROL BECAS Y FINANCIACION*/

/*BOTONES*/
/*Botones dentro de las imagenes*/
.btn-u.btn-brd.btn-u-light {
  color: #fff;
  border-color: #fff;
  font-family: 'Roboto',Arial;
  font-size: 14pt;
  margin-bottom: 50px;
  margin-top: 20px;
}
.btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {
  background: #fff;
  color: #000000;
  font-family: 'Roboto',Arial;
  font-size: 14pt;
}

/*Botones verdes y naranjas*/
 a.btn-verde { line-height:35px;vertical-align:middle;text-align:center;font-family:'Roboto',Arial;font-size:15px;color:#fafafa; background-color:#00413a;padding:0 0;width:100%}
 a.btn-verde:hover{text-decoration:none;color:#fafafa; }
 

 a.btn-naranja {  line-height:35px;vertical-align:middle;text-align:center;font-family:'Roboto',Arial;font-size:15px;color:#fafafa; padding:0 0;width:100%;background-color:#f28f00;}
 a.btn-naranja:hover{text-decoration:none;color:#fafafa; }
 

/*FIN BOTONES*/

/*CONTROL BREADCUMBS - SITEMAP*/
 .breadcrumb
        {
            /*padding: 8px 15px;*/
            padding-left:0px;
            margin-bottom: 20px;
            list-style: none;
            border-radius: 4px;
            font-family:'Open Sans',Arial;
            font-size:12px;
            text-transform:uppercase;
           color:#414040;
            font-weight:bold;
        }

            .breadcrumb > li
            {
                display: inline-block;
             
               
            }
            .breadcrumb > li:first-child
            {
                display: inline-block;
               text-transform:none;
            }

            .breadcrumb a,  .breadcrumb  li a:hover {
                 color:#414040;
            }
           .breadcrumb span:nth-last-child(4)  li  a
            {
              
                color:#000000;
            }


            .breadcrumb > .active > li>a
            {
                color:#87888a;
             
            }
             .breadcrumb > .active > li>a:hover
            {
                color:#87888a;
               
            }
             .breadcrumb > span > li
            {
                display: inline-block;
                padding-right:5px;
                padding-left:5px;
                
            }

            /*.breadcrumb > span > li > a, .breadcrumb > span > li > a:hover
            {
                 color:#414040;
            }*/
  /* Landscape phones and portrait tablets */
@media (max-width: 991px) {
            .breadcrumb {
                 color: #FFFFFF;
            }
           .breadcrumb > li + li:before
                {
                    padding: 0 5px;
                    color: #FFFFFF;
                    content: "/\00a0";
                }

            .breadcrumb > .active > li>a
            {
                color:#FFFFFF;
            }
             .breadcrumb > .active > li>a:hover
            {
                color:#FFFFFF;
            }
               .breadcrumb > span > li > a, .breadcrumb > span > li > a:hover
            {
                 color:#FFFFFF;
            }                
               
            .breadcrumb span:nth-last-child(4)  li  a
            {
              
                color:#FFFFFF;
            }
}

/*CONTROL FIN BREADCUMBS*/


/*BLOQUES DE CONTENIDO*/
.easy-block-v1 .easy-block-v1-badge {
  left: 0px;
  bottom: 10px;
  z-index: 1;
  color: #fff;
  padding: 4px 10px;
  position: absolute;
  WIDTH: 100%;
  top:inherit;
  opacity:0.8;
  text-align:center;
  background-color:#000000;
   color:#FFFFFF;   
    font-family:'Roboto',Arial;
    font-size:16px;
}


.easy-block-v1:hover > div {
    background-color:#e78901;
}


/*FIN BLOQUE DE CONTENIDOS*/

/* MENU  DETALLE */


.menu-detalle {background-color:#000000;height:auto;color:#FFFFFF;margin-top:153px;padding-bottom:17px;}
.menu-detalle .linea{ border-left:solid 1px #FFFFFF;height:10px;width:1px;}
.menu-detalle h2 {color:#FFFFFF;font-size:18pt;font-weight:bold;}
.menu-detalle h3 {color:#FFFFFF;font-size:15pt}
.menu-detalle div div div div:first-child {width:450px;float:left;}


.menu-detalle .navbar-nav > li > a {
color: #fcf7f7;
font-family:'Open Sans',Arial;
font-size: 12px;
font-weight:bold;
text-transform: uppercase;
padding-bottom: 0px;
padding-top: 0px;
padding-left:0px;
letter-spacing:0px;
}
.menu-detalle .navbar-nav > li :hover {text-decoration:none;background-color:none;}
.menu-detalle .navbar-nav > li > a:hover {
 color: #fcf7f7;
font-family:'Open Sans',Arial;
font-size: 12px;
font-weight:bold;
background-color:#000000;

}

.menu-detalle .navbar-nav > li > a:hover  {color:#9b9696;}
.menu-detalle .navbar-nav > .active > a {color: #9b9696;}

@media (max-width: 991px) {
.menu-detalle {margin-top: 0px; }
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
.menu-detalle {text-align:center;}

}
@media (max-width: 525px) {
    .menu-detalle {height:auto; padding-bottom:10px;}
    .menu-detalle .container div:last-child { margin-bottom:10px;}
}
/*FIN MENU DETALLE*/

