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

html,
body {
    height: 100%;
	background:#CCC !important; 
}
h1,h2,h3,h4{
	font-family: 'Roboto';
}

.fuente1{
	font-family: 'Poiret One', cursive;
}
.Roboto{
	font-family:'Roboto', sans-serif;
	color:#999 !important;
}
a{
	font-family:'Roboto';
	color:#17cbcd !important;
	cursor:pointer;
}

/*----------    COLORES  CORPORATIVOS  ------------*/
.link{
	color:#98f6f7 !important; 
}
.txtCafe{
	color:#5A4A42 !important;
}
.txtNaranja{
	color:#F26524 !important;
}
.txtAzul{
	color:#1B75BB !important;
}

.txtVerde{
	color:#009345 !important;
}
.txtBlanco{
	color:#FFF !important;
}
.bgBeige{
	background-color:#efebde !important;
}
.bgCafe{
	background-color:#5A4A42 !important;
}
.bgCeleste{
	background-color:#17cbcd !important;
}
.bgGris{
	background:#ccc !important;
}
.bgCafeLight{
	background-color:#FFF !important;
}

.bgNaranja{
	background-color:#F26524 !important;
}
.bgAzul{
	background-color:#1B75BB !important;
}

.bgVerde{
	background-color:#009345 !important;
}
.bgBlanco{
	background-color:#FFF !important;
}

.borderCafe{
	border:solid #5A4A42 !important;
}
.borderNaranja{
	border:solid #F26524 !important;
}
.borderAzul{
	border:solid #1B75BB !important;
}
.borderVerde{
	border:solid #009345 !important;
}

#topbar{
	background-color:#5A4A42 !important;
	height:10px;
}
#marco{
	border:solid #CCC 0px;
	padding:0px !important;

}
#encabezado{
	padding:0px !important;
	margin:0px !important;
}
#quien-soy{
	background:#eaeaea;
	padding:60px !important;
	padding-left:80px !important;
}
.quien-soy-ficha-text{
	padding:10px;
}
.quien-soy-ficha{
	background:#b4b4b4;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	border:1px #333333 solid;
}
.quien-soy-ficha img{
	width:100%;
}
.quien-soy-info{
	padding-top:0px !important;
	padding-left:30px;
}
#programas{
	padding:60px !important;
}
.contacto-header{
	background:#5c97aa !important;
	height:85px !important;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	z-index:1000 !important;
}
.contacto-form{
	background:#dfdfdf !important;
	min-height:300px !important;
	color:#FFF;
	text-align:center;
	padding-top:30px;
	padding-bottom:20px;
}
.contacto-form input, textarea{
	margin-top:10px;
	margin-bottom:5px;
}
.contacto-form button{
	background:#E984B5;
	color:#FFF;
}

.title-seccion{
	font-family:'Roboto';
	color:#a7a7a7 !important;
	font-weight:bold !important;
}
.title-gris{
	font-family:'Roboto';
	color:#a5a5a5 !important;
	font-weight:bold !important;
}
.title-azul{
	color:#4ca1f1 !important;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold !important;

}
.title-rojo{
	color:#DE6746 !important;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold !important;
}

.title-celeste{
	font-family: Verdana, Geneva, sans-serif;
	color:#17cbcd !important;
	font-weight:bold !important;
}
.title-amarillo{
	font-family: Verdana, Geneva, sans-serif;
	color:#eeb73f !important;
	font-weight:bold !important;
}
.title-blanco{
	font-family: Verdana, Geneva, sans-serif;
	color:#fff !important;
	font-weight:bold !important;
}

.title-informacion-gris{
	font-family: Verdana, Geneva, sans-serif;
	color:#a7a7a7 !important;
	font-weight:bold !important;
}

.info-programas{
	font-family:Verdana, Geneva, sans-serif;
	color:#494949 !important;
}
.bg-lines{
	background:url(../images/bgLines.png) !important;
}
/*
.navbar{
	background:#17cbcd url(../images/bg.png) repeat-x;
	border: none !important;
	height:64px;
	border-radius:0px;
}
.navbar a{
	color:#FFF !important;
	border:solid 0px;
	height:64px;
	padding-top:20px !important;
	font-family:'Roboto' !important;
	font-size:15px !important;
	font-weight:bold !important;
}
.navbar a:hover{
	background: rgba(254, 254, 254, 0.8) !important;
	color:#17cbcd !important;
}
*/
.carousel-control.left,
.carousel-control.right {
  background: none !important;
  border: none;
}

.carousel-control {
  width: 0%;
  border:solid 1px;
  filter:alpha(opacity=90);
  opacity:.9;
}
.icon-prev, .icon-next{
	border:solid 0px #00CC99 !important;
	height:62px !important;
	width:62px !important;
}
.icon-prev{
	margin-left:10px !important;
	background:url(../images/btnSliderL.png) !important;
}
.icon-next{
	margin-right:10px !important;
	background:url(../images/btnSliderR.png) !important;
}

.icon-prev:before, .icon-next:before{content: no-close-quote !important;}

#encabezado{

}
.bgGris{
	background-color:#F8F8F8 !important;
}
.testimonio{
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	color:#999;
	font-size:13px;
}
.logo{
	padding:0px !important;
	border:solid 0px #F00 !important;
	margin-top:-19px !important;
	vertical-align:top !important;
	height:100px !important;
	margin-left:50px !important;
	margin-right:10px !important;
}

.navbar{
	margin-top:20px !important;
	font-family: 'Roboto';
	background:#17cbcd url(../images/bg.png) repeat-x !important;
	border: none !important;
	height:64px;
	border-radius:0px;
}
.navbar-nav a{
	color:#FFF !important;
	font-family:'Roboto', sans-serif, Tahoma, Geneva, sans-serif;
	font-size:15px !important;
	font-weight:bold !important;
	border:solid 0px;
	height:64px;
	margin:0px !important;
	padding-top:20px !important;
}
.navbar-nav a:hover{
	background: rgba(254, 254, 254, 0.3) !important;
	color:#666 !important;
}
.navbar-nav li{
	padding:0px !important;
}
.activo{
	background: rgba(254, 254, 254, 0.2) !important;
}
.navbar-nav li{
	border-left:#FFF 0px solid !important;
}

#mnuUltimo{
	border-right:#FFF 0px solid !important;
}

#info{
	border:solid 0px #33FF00 !important;
}
#info-gris{
	background:#eaeaea !important;
}

.info-desc{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	margin-top:15px !important;
}
.info-row{
	margin-left:40px !important;
	margin-right:40px !important;
}
.info-row-recuadro{
	margin-left:0px !important;
	margin-right:0px !important;
}
.info-col{
	height:290px;
	width:333px;	
	border:0px solid #F00 !important;
	margin-left:10px  !important;
	margin-right:10px !important;
	padding:0px !important;
}
.info-recuadro{
	padding-top:15px;
	height:220px;
}
.leer-mas{
	color:#FFF !important;
	font-family:'Roboto';
	font-weight:bold !important;
	font-size:16px !important;
}
.info-btn-amarillo{
	width:332px !important;
	height:40px;
	margin-top:5px;
	padding-top:7px !important;
	border:solid 0px #0099CC !important;
	background:url(../images/leer_mas_amarillo.png) #eeb73f;
}
.info-btn-azul{
	width:332px !important;
	height:40px;
	margin-top:5px;
	padding-top:7px !important;
	border:solid 0px #0099CC !important;
	background:url(../images/leer_mas_azul.png) #409aee;
}
.info-btn-rosa{
	width:332px !important;
	height:40px;
	margin-top:5px;
	padding-top:7px !important;
	border:solid 0px #0099CC !important;
	background: url(../images/leer_mas_rosa.png) #d73368;
}
#info1{
	background: rgba(238, 183, 63, 0.3) !important;
}
#info1 img{
	border:solid 4px #eeb73f;
}
#info1 span{
	marging-top:10px !important;
	color:#eeb73f;
	font-family:'Roboto';
	font-size:23px !important;
	font-weight:bold;
}
#info2{
	background: rgba(64, 154, 238, 0.3) !important;
}
#info2 img{
	border:solid 4px #409aee;
}
#info2 span{
	marging-top:10px !important;
	color:#409aee;
	font-family:'Roboto';
	font-size:23px !important;
	font-weight:bold;
}
#info3{
	background: rgba(215, 51, 104, 0.3) !important;	
}
#info3 img{
	border:solid 4px #d7396d;
}
#info3 span{
	marging-top:10px !important;
	color:#d7396d;
	font-family:'Roboto';
	font-size:23px !important;
	font-weight:bold;
}
.bg-titulo{
	padding-left:10px !important;
	padding-top:1px !important;
	padding-bottom:1px !important;
	margin-bottom:10px;
	border-radius:8px;
}
.negrita{
	font-weight:bold;
}
.txtTitulo{
	font-family:'Roboto';
	font-weight:bold;
	font-size:17px;
}
.video{
	margin-bottom:15px !important;
}
#carousel {
	margin-left:50px;
	margin-right:50px;
	margin-bottom:0px;
	margin-top:20px;
	border:solid #FFF 1px;
}

.carousel {
    height: 40%;
}
.carousel-indicators li{
	background-color:#FFF !important;
}
.carousel-indicators li.active{
	background-color:#17cbcd !important;
}

.carousel .item,
.carousel .item.active,
.carousel .carousel-inner {
    height: 100%;
}

section.carousel .fill {
    width: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Footer Styles */

footer {
    margin: 0px;
}
.copyright{
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	margin-bottom:10px;
	padding-bottom:10px !important;
	padding-top:10px !important;
	margin-bottom:0px !important;	
}
.slogan{
	color:#FFF;
	font-family:'Roboto';
	font-size:16px;
	font-weight:bold !important;
	padding-bottom:10px !important;
	padding-top:10px !important;
 
}
.txtRedes{
	color:#FFF;
	font-family:'Roboto';
	font-size:14px;
	margin-top:10px;
}
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.telefono{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.icono {
	margin:3px;
}
.informacion{
	font-family:'Roboto', Tahoma;
	font-size:14px !important;
	color:#777 !important
}
#div_mapa {
  background-color: #fff;
  background-image: url("../images/footer-b.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFFFFF;
  font-size: 20px;
  height:400px;
}
#logo1{
	width:100% !important;
	max-width:425px !important;
}


@media(max-width:991px) {
.navbar-nav a{
	font-size:11px !important;
}
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}