body { margin: 0; padding: 70px 0 0 0; background-color: #686868}
ul, li { margin: 0; padding: 0; list-style-type: none}
a { text-decoration: none}
a { outline: 0!important}
a:active { outline: none; background-color: transparent}
a:focus { outline:0 px; -moz-outline-style: none; background-color: transparent}
button:focus { width: 0px; height: 0px; outline: 0px}
img { border: 0}
.cleaner { clear: both}

@font-face {font-family: "Helvetica LT Std Roman";
  src: url("../fuentes/HelveticaLTStd-Roman.otf")}

@font-face {font-family: "Helvetica Light Condensed";
  src: url("../fuentes/HelveticaLTStd-LightCond.otf")}  

@font-face {font-family: "Helvetica LT Std Medium Condensed";
  src: url("../fuentes/HelveticaNeueLTStd-MdCn.otf")}

.navbar-fixed-top { min-height: 70px; padding: 15px 20px 10px 20px;
background: rgb(61,61,62); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(61,61,62,1) 0%, rgba(233,232,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(61,61,62,1)), color-stop(100%,rgba(233,232,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(61,61,62,1) 0%,rgba(233,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(61,61,62,1) 0%,rgba(233,232,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(61,61,62,1) 0%,rgba(233,232,232,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(61,61,62,1) 0%,rgba(233,232,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3e', endColorstr='#e9e8e8',GradientType=1 ); /* IE6-9 */
}
.nav { float: right!important; font-weight: lighter; font-family: "Helvetica Light Condensed",'Roboto Condensed','Roboto Condensed', "Trebuchet MS" , sans-serif; font-weight: lighter;}
.nav li { float: left; margin-left: 10px }
.nav a { color: #000; font-size:13px }
.nav a:hover { background-color: transparent!important; color: #666}
.botonera { background-color: transparent!important}

#social { width:97px; height:28px; float:right; margin-top:13px; text-indent:-9999px}
#social a { display:block; height:21px; width:22px; float:left; margin-left:11px; background-position: top;}
a.facebook { background-image:url('../imagenes/facebook.png');}
a.twitter { background-image:url('../imagenes/twitter.png');}
#social a:hover { background-position:bottom}

.seccion {  min-height: 730px; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;
-ms-behavior: url("js/backgroundsize.min.htc"); padding: 120px 0 40px 0;}
.seccion a{color: #FFF;}
span.title { display: block; text-align: center; padding: 0; margin: 0 }
#seccion-1 { background-image: url('../imagenes/tso1.jpg'); }
#especialidades { background-image: url('../imagenes/tso2.jpg'); min-height: 780px; overflow-x: hidden; // el hidden evita que se genere un scroll horizontal }
#especialidades h1{font-family: "Helvetica Light Condensed", sans-serif; text-transform: uppercase; text-align: center; color: #FFF; font-size: 48px; }
#seccion-3 { background-image: url('../imagenes/tso3.jpg')}
#seccion-4 { background-image: url('../imagenes/tso4.jpg')}
#seccion-5 { background-image: url('../imagenes/fondo-sociales.jpg'); min-height: 780px}
#seccion-6 { background-image: url('../imagenes/tso5.jpg'); min-height: 780px}
#seccion-7 { background-image: url('../imagenes/casos_clinicos.jpg'); min-height: 780px; padding-bottom: 120px}

video { float: left; margin: 15px 15px 15px 0; border: 4px solid #fff}

.texto { text-align: center; margin-top: 30px}
.texto p { line-height: 21px; font-family: "Arial","Helvetica LT Std Roman", 'Roboto Condensed', 'Arimo', "Arial", sans-serif; font-size: 14px; color: #fff}
.texto span { font-family: 'Roboto Condensed', "Arimo", sans-serif; font-size: 14px; font-weight: bold;}
.barra { width: 200px; height: 3px; background-color: #fff; margin: auto; margin-top: 40px}

.sub-menu2 { visibility: hidden;}

.especialidades { text-align: center; margin-top: 50px}
.especialidades a { text-decoration: none; color: #fff}
.especialidades a:hover { color: #93e5f9; text-decoration: none;}
.especialidades li { float: left; margin-left: 12px; margin-bottom: 12px}
.especialidades a h2 { font-size: 14px; margin: 0}
.activo { color: #0ac3c8!important }

.contacto { text-align: center; margin-top: 35px; color: #fff}
.contacto p { font-family: 'Arimo', sans-serif; font-weight: normal; }
.contacto span { font-weight: lighter; font-family: 'Roboto Condensed', "Trebuchet MS" , sans-serif}

button.navbar-toggle { background-color: #888!important; border: 1px solid #666!important; width: 44px; height: 34px;
background-image: url('../imagenes/arrow.png'); background-repeat: no-repeat; background-position: center;}

.contenedor-galeria { padding-top:30px; }

.contacto a { color: #fff}
.contacto a:hover { color: #0ac3c8; text-decoration: none;}

.formulario {  margin-top: 40px; color: #fff; font-weight: normal!important; font-weight: lighter; font-family: 'Roboto Condensed', 'Arimo', "Arial", sans-serif}
.footer { text-align: center; margin-top: 60px; font-size: 11px; font-family: "Helvetica LT Std Roman", 'Roboto Condensed', 'Arimo', "Arial", sans-serif; color: #d7d8d8}
.footer h1 {font-size: 11px !important; text-transform: capitalize !important; padding: 0; margin: 0; display: inline; white-space: nowrap !important;}
.footer p {display: inline;}

label { text-align: left; font-weight: normal; color: #FFFFCC}
.nombre-mail { padding: 0!important}
.nombre { padding-left:0!important; margin-top: 8px }
.mail { padding-left: 0!important; padding-right: 0!important; margin-top: 8px}
input { width: 100%; font-family: 'Arimo', sans-serif; padding: 5px}
textarea { width: 100%; min-height: 170px; font-family: 'Arimo', sans-serif; padding: 5px}
#btn_enviar { width: 66px; height: 30px; background-color: #3d3d3e; color: #FFFFCC ; border: 0; padding: 5px 12px; font-weight: lighter; font-family: 'Roboto Condensed', 'Arimo', "Arial", sans-serif;}
#btn_enviar:hover { color: #0ac3c8}

.content-especialidades { margin-top: 15px; padding-bottom: 70px}
.content-especialidades img { margin: 15px 0; width: 400px}
.content-especialidades p, .content-especialidades li { color: #fff; text-align: justify}
.content-especialidades h3 { color: #93e5f9; font-size: 14px; font-weight: bold; font-family: "Helvetica LT Std Roman", 'Roboto Condensed', 'Arimo', "Arial", sans-serif}
.content-especialidades ul { margin-bottom: 15px}
.content-especialidades a { color: #fff; text-transform: uppercase}
a:active, a:focus, a:visited { text-decoration: none;}
.content-especialidades a:hover { color: #93e5f9; text-decoration: none;}
.content-especialidades strong { color: #e5de98}

/*.tabs li { float: left; padding: 0 10px; border-left: 2px solid #fff; margin-right: 5px}
.tabs li:first-child { padding-left: 0; border-left: none;}
.tabs li.active a { color: #93e5f9; text-decoration: none;}
*/
#respuesta { text-align: center; font-size: 15px; font-family: 'Roboto Condensed', 'Arimo', "Arial", sans-serif;
color: #fff; position: relative; top: 50px}

.sociales { margin-top: 30px; vertical-align: middle}
.slider-sociales li { position: relative; cursor: pointer; color: #fff; }
.slider-sociales a { text-decoration: none;}
.slider-hover { position: absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.7); text-align: center;
display: none; z-index: 2000; text-decoration: none;}
.slider-hover i { color: #fff; font-size: 30px; position: absolute; top: 43%; left: 43%; border: 0!important; outline: none!important;}

@media screen and (max-width: 800px) {
	#social { position: absolute; left: 192px; top: 20px}
	}

#carousel2, #carousel2 li { max-height: 153px!important}
#carousel3, #carousel3 li { max-height: 154px!important}
#carousel4, #carousel4 li { max-height: 154px!important}
#carousel5, #carousel5 li { max-height: 154px!important}
#carousel6, #carousel6 li { max-height: 154px!important}
#carousel7, #carousel7 li { max-height: 154px!important}
#carousel8, #carousel8 li { max-height: 154px!important}

.menu-interno li { float: left; padding: 0 10px; border-left: 1px solid #fff; font-weight: lighter;}
.menu-interno li:first-child { border:none; padding-left: 0}
.tab-interno { font-weight: lighter!important;}
.menu-interno li a.activo { font-weight: lighter!important;}
li.circle { list-style-type: disc;}

#sb_instagram { margin-top: 20px}
.casos { margin-top: 50px; padding: 10px 15px 20px 15px} 
#sb_instagram.sbi_col_5 #sbi_images .sbi_item { margin: 1%!important; width: 22%!important}

.fa-arrows-alt { margin-top: 35%; font-size: 30px}