/**
* Place your custom styles here.
*/
/*-------------------------------------------------------
[Table of contents]

--------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto');


 /* Estilos para página 1 - eliminar si no se utilizan*/
.view-display-id-page_1 .curso{ padding:0em; border:1px solid rgb(59, 160, 216);}
.view-display-id-page_1 .views-field-field-tematica{background-color: rgb(59, 160, 216); color:#FFF; font-weight:bold;width:100%;padding:5px;}
.view-display-id-page_1 .views-field-field-marca-logotipo {float:right; width:29%;text-align:right;min-height:100px;}
.views-field-field-marca-logotipo img {float:right;padding:5px;max-width:150px;}
.view-display-id-page_1 .views-field-title{float:left; width:69%; padding-left:5px;}
.view-display-id-page_1 .views-field-field-titulacion{float:left; width:69%; padding-left:10px;}
.views-field-field-marca-logotipo h2.page-header{display:none;}
.view-display-id-page_1 .views-field-field-fecha-inicio-del-curso, .view-display-id-page_1 .views-field-field-fecha-fin-del-curso{width:25%;padding-left:10px;display:inline-block;}
.view-display-id-page_1 .views-label,.views-field-field-fecha-inicio-del-curso .field-content ,.views-field-field-fecha-fin-del-curso .field-content{display:inline-block;}
.view-display-id-page_1 .views-field-field-horas-anos,.view-display-id-page_1 .views-field-field-modalidad-imparticion {display:inline-block;width:10%;text-align:center;}

/* Estilos para la vista de formacion */
.field--name-field-logo-marca { text-align:right;} 
.field--name-field-logo-marca img{float:right !important;}
div.oficial15 { background-image: url("../images/oficial.gif");background-repeat: no-repeat;display:inline-block; background-position: center;width:25px;height:25px;}
div.oficial16 { background-image: none;background-repeat: no-repeat;display:inline-block; background-position: center;width:25px;height:25px;}
div.oficial17 { background-image: none;background-repeat: no-repeat;display:inline-block; background-position: center;width:25px;height:25px;}
.tipotitulo{font-weight:bold; margin-bottom:15px;  }
.tematica{background-color: #0093A8; color:#FFF; font-weight:400; height:28px !important; font-size:12px;border-radius:20px;padding:4px 0 0 20px;}
.titulacion{/* margin-bottom:15px; */font-weight:bold; padding-bottom:5px;padding-top:18px; }
.fecha-inicio { clear:both; margin-bottom:5px;font-size:12px;}
.fecha-fin { margin-bottom:5px;font-size:12px;}
.horas {  margin-bottom:5px;font-size:12px;}
.modimparticion {clear:both;margin-bottom:5px;font-size:12px;text-transform:uppercase;font-weight:600}
.jornada { margin-bottom:5px;font-size:12px;}
.ubicacion { margin-bottom:5px;font-size:12px;}
.enlace { text-align:right;font-size:14px;}
.descripcion {clear:both;margin:5px 0;font-size:13px;}
.infobeca { margin-bottom:5px; text-transform:none; font-size:12px;text-align:center;}
.modalidad-beca {margin-bottom:5px;font-weight:600;font-size:12px;;}
.modalidad-beca:first-letter {margin-bottom:5px;font-weight:bold;background-color:#0093A8; border-radius:50%;color:#fff;width:16px;height:16px;}
.plazas { margin-bottom:5px; font-size:12px;padding:10px;border-left: 0px solid #CCECF1;}
.tipobeca { margin-bottom:5px;font-size:12px;padding:10px;}
.precio { margin-bottom:5px; text-transform:none; font-size:12px;padding-bottom:10px;padding:10px;margin-top:-12px;}
.precio-alumno { margin-bottom:17px; text-transform:none; font-size:12px;padding-bottom:10px;padding:10px;margin-top:-12px;}
.boton-beca {background-color:#0093A8;font-size:16px; color:#fff;padding:5px;margin-bottom: 22px;float:left;}
.logo-oferta { margin-top:10px;text-align:right;}
h2.page-header{display:none;}
.fa-group {color:#0093A8;}
.fa-star {color:#0093A8;}
.fa-credit-card {color:#0093A8;}
.fa-eur {color:#0093A8;}
.view-display-id-page_2 .select-wraper {width:200px;}
.form-inline .form-control {width:200px !important;}
.views-col.col-1 {margin-bottom:20px;background-color:#E3F7FA !important;border-radius:20px;}



/*Estilos Generales*/
body{ font-size:14px !important;}
.navigation {background:#fff;border-radius:25px;border:0}
.navbar-toggle {background:#0093A8;}
.navigation nav> ul> li {border-radius:25px;color:#fff;background-color:#0093A8;border:0 !important;margin-right:13px;}
.navigation nav> ul> li:last-child {margin-right:0;}
.navigation nav> ul> li a {border-radius:25px !important;color:#fff;font-family:'Roboto' !important;}
.navigation nav ul>li> a:hover, .navigation nav ul > li > a:focus, .navigation nav ul > li > a.is-active {background-color: #ff6427 !important ;color:#ffffff;border-radius:20px;border:0 !important;font-family:'Roboto' !important;}
.nav-stacked > ul > li {border-radius:25px;color:#fff;background-color:#0093A8;border:0 !important;}
.nav-stacked > li > a {background-color:transparent !important;color:#ffffff;border:0 !important;}
.nav-stacked ul > li > a:hover, .nav-stacked ul > li >a:focus, .nav-stacked ul > li > a.is-active{background-color: #ff6427;color:#ffffff;border-radius:20px;border:0 !important;}
.bullet {list-style-type: disc !important; padding:5px; margin-left:20px;}
.btn-primary {background-color:#0093A8;color:#FFFFFF;font-size: 1.4em;}
.btn-default {background-color:#0093A8; color:#FFFFFF;margin-top:10px;background-image:none;margin-top:20px;}
.btn-default:active {background-color:#0093A8; color:#FFFFFF;margin-top:20px;} 
a {color:#0093A8; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none;}
h1.page-header {color:#0093A8; font-family:'Roboto' !important; margin-bottom: 10px;}
h2 {font-family:'Roboto' !important;color:#0093A8;margin:30px 0;border-top: 4px solid;padding-top:15px; }
.section-footer {border-top: solid 3px #0093A8;overflow: hidden;}
.footer {margin-top: 20px; margin-bottom: 20px; background: #CCECF1; padding-bottom: 15px; border: none !important;}
.stats { padding: 50px 0; text-align: center; border-right: 0px solid #eff4f7; width: 100%;}
.stats .num {color: #aaa;font-size: 2.5em;font-weight: 400;margin-bottom: 10px;}
.stats .type { color: #aaa;font-weight: 300;font-size: 12px;letter-spacing: 2px;}
.statsprincipal { padding: 10px 0; text-align: center; width: 100%;}
.statsprincipal .num {color: #aaa;font-size: 3.5em;font-weight: 600;margin-bottom: 10px;}
.statsprincipal .type {color: #aaa;font-weight: 600;font-size: 2.0em;letter-spacing: 0.1em;line-height:1.3em;text-transform:uppercase;padding:10px}
.stats2nivel {padding: 40px 0;text-align: center;width: 100%;background-color: #f7f5f5;}
.stats2nivel .num {color: #aaa;font-size: 2.5em;font-weight: 400;margin-bottom: 10px;}
.stats2nivel .type { color: #aaa;font-weight: 400;font-size: 1.5em;letter-spacing: 0.05em;line-height:1.3em;text-transform:uppercase;padding:10px}
.tematicas { padding-left:10%;padding-bottom:5%;}
.fondocolor {background-color:#eeeeee !important;border-radius:20px; clear:both;}
.bordercolor {border: 0px solid #eeeeee !important;padding:10px;margin:5px;}
.fondocolorlat {background-color:#eeeeee !important;border-radius:20px;}
.portada {margin-top:10px;font-size:15px;text-align:left;padding-left:28px;/* border-top: 1px solid #eee; */}
.sep-20 {height:20px;clear:both;border:none;}
.sep-40 {height:40px;clear:both;border:none;}
.sep-50 {height:50px;clear:both;border:none;}
.sep-100 {height:100px;clear:both;border:none;}
#block-alternadordeidioma a {color:#0093A8 !important;}
#block-alternadordeidioma a:hover {color:#ff6427 !important;}
#block-alternadordeidioma a.is-active {color:#ff6427 !important;}
.desplegablemas {font-weight: normal; font-size: 20px;line-height: 15px;}
.ceac-port {text-align:-webkit-center;margin-top:20px;}
.ceac-port img{width:45%;}
.deusto-port {text-align:-webkit-center;margin-top:20px}
.deusto-port img{padding-top:15px;}
.esdesign-port{text-align:-webkit-center;margin-top:20px}
.esdesign-port img{width:75% !important;padding-top:10px;}
.ifp-port{text-align:-webkit-center;margin-top:20px}
.ifp-port img{width:100% !important;padding-top:10px;}
.obs-port{padding:0 0px;text-align:-webkit-center;margin-top:20px}
.obs-port img{text-align:-webkit-center;width:90% !important;padding-top:15px;}
.explicacion {text-align:-webkit-center;}
.piefoto {font-size:11px;line-height:1.8em;padding:5px;}
.pagination > li > a, .pagination > li > span {color:#0093A8;
}

/*Cabecera*/
.logo{
 margin-right:0;
 padding:0; 
}
.header-right{
	padding-top:0 !important;
	margin-left:0;
	padding:0; 
}

.section-header {
	padding-top:0 !important;
	}

.barraWebsMunicipals {
    
	  background-color: #ededed;

}

.barraWebsMunicipals .contingut {
}
.barraWebsMunicipals .contingut .logoheader {
    display: inline;
    float: left;
    padding-top: 2px;
    padding-bottom: 2px;
}

.barraWebsMunicipals .contingut .menu, .icones, .idioma {
    display: -webkit-inline-box !important;
    border-left: 2px dotted #b7b7b7;
}

.barraWebsMunicipals .contingut .menu, .icones, .idioma {
    display: -webkit-inline-box !important;
    border-left: 2px dotted #b7b7b7;
	margin: 0;
    padding: 0;
}

.barraWebsMunicipals .menu {
    padding: 0;
    margin: 0;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    color: #686868;
	}

.barraWebsMunicipals .menu ul {
    margin: 0;
    padding: 11px 0px 8px 0px;
    list-style: none;
}
	
.barraWebsMunicipals .menu ul li {
    display: inline !important;
    margin: 3px 7px 3px 7px;
    padding: 0 8px 0 0;
    background: transparent;
    border-right: 2px dotted #b7b7b7;
}
}

.barraWebsMunicipals li.ultim {
    margin: 0;
    padding: 0 0 0 14px !important;
    background: transparent;
    border: 0 !important;
}
	
.barraWebsMunicipals .menu ul li a {
    text-decoration: none;
    color: #686868;
    font-size: 14px;
    text-transform: uppercase;
	display:-webkit-inline-box !important;
	
}


.barraWebsMunicipals .idioma {
    padding: 0;
    margin: 0;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    color: #686868;
}
.barraWebsMunicipals .idioma p {
padding: 11px 6px 7px 11px;
}

.barraWebsMunicipals .icones ul {
    margin: 0;
    padding: 9px 0px 8px 4px;
    list-style: none;
}

.barraWebsMunicipals .icones ul li {
display: inline;
margin: 0;
padding: 0 5px 0 7px;
background: transparent;}



/*Pie*/

.blocCorporatiu {
    float: right;
    text-transform: uppercase;
    font-size: 0.8em;
    font-family: 'Roboto Condensed', Arial, sans-serif;
}

.llistatCorporatiu {
    padding: 0;
    float: right;
    margin-top: 20px;
}

.llistatCorporatiu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.llistatCorporatiu ul li {
    display: inline !important;
	padding: 0 5px 0 15px;
    background: url(http://www.l-h.cat/img/lh12/common/separador_negre.png) no-repeat left center;
	padding: 0 5px 0 15px;
}

.llistatCorporatiu ul li a {
    color: #000000;
    text-decoration: none;
    font-family: 'Roboto Condensed', Arial, sans-serif;
}

.llistatCorporatiu ul li:first-child {
    background: transparent;}

.t075 {
    font-size: 0.90em;
	line-height: 1px;
}

.blocAdresa{
}

/*Estilos Carrusel*/
.carousel-caption {
	clear:both !important;
	position:relative !important;
	display:none;
}
.carousel-inner > .item > img {margin-right: auto; margin-left: auto;}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
background-color: #0093A8;}
.carousel-indicators li {border-color:#0093A8;}
.carousel-indicators{
    bottom: -41px !important;}

.carousel {
    position: relative;
    clear: both !important;
}


/*añadido PFU*/

body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  background-color: #ffffff;
  font-family: 'Roboto', 'Open Sans', sans-serif;
}

body,
p,
div,
li,
label,
span,
input,
textarea,
select {
  font-family: 'Roboto', 'Open Sans', sans-serif;
}

a {
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  text-transform: uppercase;
    line-height:1.5;
  text-align:center;
    padding: 20px;
    border: 0px;
    letter-spacing: 0.02em;
    margin-top: 10px;
    margin-bottom: 10px;
}

h1 {

  font-size: 3.0rem;

}

h2 {
  font-size: 2.5rem;
  background-color:#f7f5f5;
}

h3,
.block-title,
.footer h2 {
  font-size: 2.0rem;
  text-align:left;
  padding: 5px;
  font-weight:400;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.2rem;
}

h6 {
  font-size: 0.9rem;
}

legend {
  border-bottom: none;
}

.page-header {
    padding: 10px;
    border-bottom: 0px solid #ccc;
}
label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-left: 5px;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-align: left;
    text-transform: uppercase;
    font-size: 0.9em;
}
.form-inline .form-control {width: 150px !important;font-size:0.9em;}
.infobeca { border-top: 1px solid #0093a8;line-height:20px;color:#0093A8;letter-spacing:0.05em;text-transform:uppercase; font-weight:600; text-transform:uppercase; font-size:1.4em;padding-bottom:10px;padding:10px;}
.modalidad-beca {;margin-bottom:5px;color:#0093A8;font-weight: 400;font-size: 14px;padding-bottom: 5px;font-weight:600;}
.modalidad-beca:first-letter {margin-bottom:5px;font-weight:bold;background-color:#0093A8; padding: 3px 6px;border-radius:50%;color:#fff;width:16px;height:16px;}
.plazas { color:#0093a8;margin-bottom:5px; margin-left:6px;font-size:14px;padding:10px;margin-top:-12px;border-left: 0px solid #CCECF1;}
.tipobeca { color:#0093A8;margin-bottom:5px;font-size:14px;padding:10px;margin-top:-12px;}
.precio { color:#0093A8; margin-bottom:5px; text-transform:none; font-size:14px;padding-bottom:10px;padding:10px;margin-top:-12px;}
.precio-alumno {color:#0093A8;margin-bottom:5px; text-transform:none; font-size:14px;padding-bottom:10px;padding:10px;margin-top:-12px;}
.panel-title, .panel-title:focus, .panel-title:hover, .panel-title:hover:focus {
    color: inherit;
    text-align: center;
    font-weight: 400;
}

.form--inline {
    padding-bottom:20px;
    text-align:center;
}