@charset "utf-8";
/*FUENTES */
@font-face{
  font-family:titlebig;
  src: url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
  url('fonts/opensans-bolditalic-webfont.eot');
}
@font-face{
  font-family:subtitle;
  src: url('fonts/opensans-italic-webfont.ttf') format('truetype'),
  url('fonts/opensans-italic-webfont.eot');
}
@font-face{
  font-family:normal;
  src: url('fonts/opensans-regular-webfont.ttf') format('truetype'),
  url('fonts/opensans-regular-webfont.eot');
}

@font-face{
  font-family:titlesmall;
  src: url('fonts/lato-reg-webfont.ttf') format('truetype'),
  url('fonts/lato-reg-webfont.eot');
}


/* CSS Document */
html,body{/*height: 100%;*/; width:100%; padding:0; margin:0!important}
body{font-family:normal,arial,sans-serif; font-size:13px; line-height:20px; color:#676767}
a{color:#0a8cca}
a,a:hover,a:focus{outline:none!important; }
*:focus {outline: none; }
label{display:block;}
fieldset{margin-bottom:40px}
.picfull{overflow:hidden; text-align:center;}
table tr td:first-child{color:#a3a3b1; font-style:italic;}
.btn-default{background:#bbbbbb; color:#ffffff; text-transform:uppercase; font-family:titlemedium,arial,sans-serif; padding:4px 20px; border:none;
-webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;}
.btn-default:hover{background:#afafbb; color:#ffffff;}
.btn-primary{background:#a3a3b1; color:#ffffff; text-transform:uppercase; font-family:titlemedium,arial,sans-serif; padding:4px 20px; border:none;
-webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;}
.btn-primary:hover{background:#afafbb; color:#ffffff;}


header{background-color:#bbbbbb; color:#ffffff; border-bottom:3px solid #a3a3b1;}
header p.title{font-size:18px; margin:20px 0 8px 0;font-family:titlemedium,arial,sans-serif;}
header p{margin:0 0 6px 0;}
h1{display:block; float:left; width:87px; height:100px; margin:10px 0}
h1 a{display:block; float:left; width:87px; height:100px; background:transparent url(../img/logo.png) no-repeat scroll 0 0; text-indent:-9999em; background-size:auto 100%;}
h2,h3{color:#0a8cca; font-family:titlemedium,arial,sans-serif;}
h3{background:transparent url(../img/title_decor.png) no-repeat scroll left bottom; padding:0 0 5px 0;}
h3 a{text-decoration:none!important;}	

/* navegacion */
.navbar{ min-height:55px; margin:0;}
.navbar .container{padding:0;}
.navbar-collapse .container{height:55px;}
.nav li>a{text-transform:uppercase; height:55px; color:#a3a3b1; font-family:'titlesmall',arial,sans-serif; background:#ffffff;}
.navbar-nav > li > a {line-height:55px;}
.nav > li > a {font-size:12px; letter-spacing:-0.02em; padding:0 8px;}
nav li .dropdown-menu{border-top:4px solid #a3a3b1}
nav li .dropdown-menu a{text-transform:none; border-bottom:1px solid #ccc; height:auto; padding:12px 0; color:#696969; background:#ffffff;}
nav li .dropdown-menu a:hover{background:#ffffff; display:block}
nav li .dropdown-menu li:last-child a{border:none}
nav li .dropdown-menu li{padding:0 15px}
nav li.active >a{background-color:#a3a3b1!important; color:#fff;}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}
.icon-bar{background:#a3a3b1}
.breadcrumb{clear:both; position:relative; margin-bottom:0}

/* carousel */
.carousel{margin:0}
.carousel .item{background-color:#e8e8e8!important}
.carousel .title{font-family:titlebig,arial,sans-serif; color:#ffffff; font-size:55px; text-decoration:none;}
.carousel .subtitle{color:#ffffff; font-family:subtitle,arial,sans-serif; font-size:20px; padding:8px 15px 36px 4px; background:transparent url(../img/bg_subtitle.png) repeat; width:265px; float:right; position:relative}
.carousel .subtitle.large{width:330px;}
.carousel-caption{top:30%; bottom:inherit; text-align:right;}
.carousel .item .container a{display:block; width:100%; height:100%; position:absolute}
.carousel .item.marco{border:5px solid #bbbbbb}
.carousel .item.marco .subtitle{font-size:18px;}
.carousel .subtitle span{background:transparent url(../img/more_subtitle.png) no-repeat scroll 0 0; width:13px; height:13px; display:block; clear:both; position:absolute; bottom:15px; right:20px}
.carousel-control.left span.ico,.carousel-control.right span.ico{background:transparent url(../img/slide_nav.png) no-repeat; width:49px; height:50px; display:block;}
.carousel-control.right span.ico{background-position:left bottom;}
.icoleft:before,.icoright:before {content:inherit;}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .icoleft,
.carousel-control .icoright {
  position: absolute;
  top: 45%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,.carousel-control .icoleft {
  left: 25%;
  margin-left: -10px;
}
.carousel-control .icon-next,.carousel-control .icoright {
  right: 25%;
  margin-right: -10px;
}
.carousel-inner .item{background-position:50% 50%}

/*featured*/
#hfeatured{background:#f7f7f7; padding:25px 0; margin-bottom:40px}
#hfeatured .row{padding-top:20px}
#hfeatured .row .picture{text-align:center}
#hfeatured,#hfeatured .row {height:355px; overflow:hidden}
.date{font-size:16px; color:#939393; padding:0 5px}
.marquee{border-top:1px solid #cccccc; padding:0 0 8px 0; text-transform:uppercase;}
.marquee h2{font-size:24px; text-align:center;}

/*news*/
#news .galery{padding:15px 0 70px 0;}
#news .news{margin:0 0 40px 0; height: 500px;}
#news .picfull{height:250px; overflow:hidden; border:3px solid #a3a3b1;}
#news .picfull a{display:block; min-height:255px; overflow:hidden; position:relative; text-align:center;}
#news .picfull a div{background-position:center center; background-repeat:no-repeat; background-size:cover; width:auto; height:250px}
#news h3{background:none;}
#ampliada img{margin:0 10px 10px 0;height: auto;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{border-color:#a3a3b1;}
#newsCarousel .item{min-height:280px; overflow:hidden}
#newsCarousel span.bg{z-index:1; display:block; width:100%; height:124px; position:absolute; bottom:0; left:0; background:transparent url(../img/carousel_nav_bg.png) repeat-x scroll left bottom;}
#newsCarousel .carousel-indicators{z-index:2}

/*awards*/
.awards{padding:70px 0 80px 0; border-top:1px solid #e0e0e0;}
.awards div{background:transparent url(../img/awards.png) no-repeat; height:114px; display:block}
.awards div.aw1{background-position:50% 0;}
.awards div.aw2{background-position:50% -114px;}
.awards div.aw3{background-position:50% -228px;}
.awards div.aw4{background-position:50% -342px;}
.awards div.aw5{background-position:50% -456px;}
.awards div.aw6{background-position:50% -570px;}
/*footer*/
footer{background-color:#bbbbbb; border-top:3px solid #a3a3b1; color:#454545;}
footer .fcontact{padding:26px 0 10px 0;}
footer .fcontact p{padding:0 0 0 60px; margin:0 0 5px 0}
footer .fcontact >div{padding-bottom:30px;}
footer .fcontact span{width:55px; height:55px; display:inline-block; float:left; background:#bbbbbb url(../img/fcontact.png) no-repeat}
footer .fcontact .title{font-size:18px; color:#656565; margin:0 0 8px 0; font-family:titlemedium,arial,sans-serif;}
footer .fcontact .email span{background-position:0 -55px;}
footer .fcontact .hour span{background-position:0 -110px;}
footer .bottom{padding:14px 0; background-color:#a9a9a9;}

/* secciones */
.top-section{height:200px; background-color:#ccc; display:block; clear:both; overflow:hidden; position:relative; text-align:center;background-position:center center; background-repeat:no-repeat; background-size:cover; width:auto;}
.top-section.bannerstaff{height:200px;}
.top-section .title{font-family:titlebig,arial,sans-serif; color:#ffffff; font-size:40px; padding:83px 0 0 0;}
.top-section.bannerstaff .title{padding:83px 0 0 0;}
section{padding:0 0 25px 0; clear:both;}
.col-md-1-5{width: 20%;
	min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
	float:left;
	margin:0 0 10px 0
}
.picfull a{display:block;  overflow:hidden; position:relative; text-align:center;}
.gal-list .picfull{height:170px; overflow:hidden}
.gal-list .picfull img{width:100%;}
.gal-list .row {
    margin-left: -5px;
    margin-right: -5px;
}
#year-list tr td{border:none; font-size:13px; padding:0}
#year-list tr td:first-child{ font-size:13px; color:#0a8cca;}
#year-list tr td p{/*background:transparent url(../img/item.png) no-repeat scroll 0 50%; */padding:0 0 0 15px; margin:0 0 6px 0}

#staff img.img-circle{width:80px; height:80px; margin:0 10px 0 0;}
#staff .picfull img{width:100%;}
#estetica_dental h5{color:#0a8cca; margin:15px 0 4px 0}

/*submenus */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
	font-size:11px;
}

.dropdown-submenu>.dropdown-menu a{
	padding:8px 0;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}


.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.boximg{margin:20px 0; display:block}
.pic img{width:100%}
.homeespec ul{margin-bottom:0}

.awards .col-md-2
{
  width: 25%;
}

#conozcanos .picfull img{width:100%}
#contact button{margin-top:5px}
dd{padding: 2px 0;}

/* galerias*/
#cboxTitle{color:#333333; text-align:center!important; font-size:14px}
.picvideo span{background:transparent url(../img/ico_play.png) no-repeat scroll 50% 50%; position:absolute; top:0; left:0; width:100%; height:100%;
-webkit-transition-property: background;
       -moz-transition-property: opacity;
         -o-transition-property: opacity;
            transition-property: opacity;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;}
.picvideo span:hover{opacity:0.5}
.one_item{margin:0 auto; float:none!important}

/* ### RESPONSIVE ### */
@media only screen and ( max-width: 992px ){
	.col-md-1-5{width:33.3333%}
	.gal-list .picfull{height:150px} 
	#hfeatured,#hfeatured .row {height:550px; overflow:hidden}
	#conozcanos .picfull{height:auto;}
}
@media only screen and ( max-width: 768px ){
	.dropdown-menu{position:relative; z-index:inherit;
  }	

  .awards .col-md-2
  {
    width: 50%;
  }
}
@media only screen and ( max-width: 767px ){
	.dropdown-menu{position:relative; z-index:inherit; display:block; float:none}
	.dropdown-submenu{position:relative; z-index:inherit; display:block; float:none}
	.dropdown-submenu > .dropdown-menu {left:inherit;}
	.navbar-nav{margin: 0 -15px;}
	.navbar-toggle{float:left;}
  .btns-home .btn-primary
  {
    margin-top: 15px;
  }
	
}