/* COLORES */

/* Azul: #023e84 */

/* FUENTES */
@font-face { font-family: 'futura-light'; src: url('../fonts/futura-light.eot'); /* IE9 Compat Modes */ src: url('../fonts/futura-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/futura-light.woff') format('woff'), /* Pretty Modern Browsers */
	url('../fonts/futura-light.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/futura-light.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fonts/futura-light.svg#svgFontName') format('svg'); /* Legacy iOS */ }

/* TAGS */
body { padding-top: 45px; font-family: /*'futura-light', */Arial, 'Helvetica', sans-serif; }
div.caption { padding: 0px!Important; line-height: 85%; }
h2 { font-size: 1.4em!Important; font-weight: bold!Important; color: #666; }
label.valid { width: 24px; height: 24px; background: url(img/valid.png) center center no-repeat; display: inline-block; text-indent: -9999px; }
label.error { font-weight: bold; color: red; padding: 2px 8px; margin-top: 2px; }

/* CLASES */
.bold { font-weight: bold; }
.botonMobile { display: none }
.botonDesktop { display: block }
.calendarios { width: 65%; margin-left: 28% }
.carousel-busqueda { width: 33%; min-width: 313px; float: right; margin-right: 2%; margin-top: 20px; }
.carousel-home { width: 48%; min-width: 313px; float: left; margin-right: 2%; margin-top: 20px; }
.center { text-align: center; }
.clock { width: 18px; margin-top: 0px; }
.columna { min-width: 400px; max-width: 450px; padding-left: 5px; padding-right: 5px; height: 200px; }
.detalleMapa { }
.fb-like { clear: both; margin-left: 30px; margin-bottom: 10px; }
.fb_iframe_widget { display: block!Important; }
.fc-event { cursor: pointer!Important; text-align: center; }
.float-left { float: left }
.italic { font-style: italic }
.justify { text-align: justify }
.logoBuscador { min-height: 150px; min-width: 200px; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.logoBuscadorCentro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 150px; }
.mapa { width: 320px; height: 240px; }
.margin-left-10 { margin-left: 10px }
.margin-left-15 { margin-left: 15px }
.margin-left-30 { margin-left: 30px }
.margin-left-30-important { margin-left: 30px!Important }
.margin-right-10 { margin-right: 10px }
.margin-top-5 { margin-top: 5px }
.margin-top-10 { margin-top: 10px }
.margin-top-20 { margin-top: 20px }
.navbar-brand { margin-top: -16px; }
.navbar-fixed-bottom { text-align: center }
.navbar-fixed-bottom a { color: #FFF; text-decoration: underline; font-weight: bold; }
.navbar-fixed-bottom a:hover { color: #CCC; text-decoration: none; }
.navbar-fixed-bottom p { color: #FFF; margin-top: 15px }
.navbar-header { position: relative }
.navbar-default { background-color: #ffffff; border-color: #023e84; }
.navbar-default .navbar-nav > li > a { color: #023e84; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav>li > a:focus,
.navbar-default .navbar-nav > li > a:hover { color: #fff; background-color: #023e84; }
.navbar-default .navbar-toggle .icon-bar { background-color: #023e84; }
.navbar-default .navbar-toggle { border-color: #043d7e; }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background-color: #fff; }
.navbar.navbar-fixed-top.slide-active { }
.nombreProveedor { float: none }
.panel-heading { background-color: #fff!Important; }
.panel-title { font-weight: bold; color: #666 }
.phone { width: 18px; margin-top: -4px; }
.print { background: url("../img/Printer-icon.png") center center no-repeat; width: 25px; height: 25px; display: inline-block; text-indent: -9999px; float: right; margin-left: 60%; margin-right: 6%; margin-top: -29px; cursor: pointer; background-size: 25px 25px; }
.thumbnail { min-height: 190px; }
.thumbnail a img { margin-right: 5px!Important; }
.thumbnail img { float: left; margin-right: 10px; }

/* ID`S */
#bottom { margin-top: 10px; }
#bottom a { color: #AEC62C!Important; font-family: 'futura-light'; text-decoration: none; font-size: 1.2em; margin-left: 20px; }
#bottom a:hover { text-decoration: underline }
#botonBuscar { font-size: 25px; }
#buscarFormIndex { width: 50%; padding-top: 5%; margin-left: 25%; }
#carousel-index { width: 25%; float: right; margin-right: 10%; margin-top: 30px; }
#carousel-login { width: 480px; float: right; margin-right: 15%; }
#contenido { margin-bottom: 50px; }
#datosProveedor { float: left; width: 25% }
#divServiciosNoEncontrados { width: 260px; position: absolute; }
#formularioAltaProveedor { float: left; margin-left: 20px; width: 50%; height: 810px; }
#formularioAltaProveedor .col-lg-4 { width: 70%!Important; }
#imagen-buscador { background-size: cover; background-position: center bottom; height: 250px; margin-top: -14px; }
#index { position: relative; width: 100% }
#index h2, #quieroOfrecerTurnos h2 { margin-left: 20px; color: #FFA400!Important; }
#inputBuscar { float: left!Important; width: 87%; font-size: 18px; height: 50px; }
#loginHome .col-lg-4 { width: 70%!Important; }
#logo-navbar { height: 30px; margin-top: 10px }
#paginacion { clear: left }
#primerParte { float: left; width: 40% }
#primerParte div.form-group { width: 100%; }
#primerParte div.form-group .col-lg-4 { width: 50%; }
#primerParte div.form-group .col-lg-2 { width: 50%; }
#proveedorCalendarioServicioVerTurnoObservacion, #observacionProveedorCalendario, #observacionProveedorCalendarioServicio, #observacionProveedorCalendarioVerTurno, #observacionProveedorCalendarioNuevoTurnoNuevoUsuario { font-weight: bold; font-style: italic; }
#proveedorDetalle .fb-like { margin-left: 1px!Important; margin-bottom: 10px; }
#redesSociales { display: block; margin-top: 10px; float: left; margin-left: 15px }
#resultadoBusqueda { margin-bottom: 60px; }
#segundaParte { float: right; width: 60% }
#segundaParte div.form-group { width: 100%; }
#segundaParte div.form-group .col-lg-10 { margin-left: -10px; }
#servicios { margin-left: 150px; margin-top: 20px; }
#slide-nav .navbar-toggle { cursor: pointer; position: relative; line-height: 0; float: left; margin: 0; width: 30px; height: 40px; padding: 10px 0 0 0; border: 0; background: transparent; }
#slide-nav .navbar-toggle > .icon-bar { width: 100%; display: block; height: 3px; margin: 5px 0 0 0; }
#slide-nav .navbar-toggle.slide-active .icon-bar { background: #0A86C8 }
#textoBuscar { letter-spacing: -1px; font-size: 36px; color: #FFFFFF; text-shadow: 1px 1px #000000; }
#textoPrincipal { width: 700px;/*float:left;margin-bottom: 60px;*/ margin: auto; }
#textoProveedor { margin-right: 20px; }
#videoPresentacion { margin-left: 51% }

/* MEDIA */
@media only screen and (max-width:767px) {
	table.fc-agenda-slots tbody { height: 40px!Important; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
	button img { width: 90% }
	h4 { font-size: 15px; font-weight: bold; }
	h2 { margin-left: 10px; }
	table.table, table.table thead, table.table tbody, table.table th, table.table td, table.table tr { display: block; }
	table.table thead tr { position: absolute; top: -9999px; left: -9999px; }
	table.table tr { border: 1px solid #ccc; }
	table.table td, table.table tr.servicios td table.table tr.tablaServicios td { border: none; border-bottom: 1px solid #eee; position: relative!Important; padding-left: 35%!Important; }
	table.table tr.servicios td { padding-left: 5%!Important; }
	table.table td:before { font-weight: bold; position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
	.modal-body { max-height: 300px; padding: 15px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
	.modal { min-height: 1000px!Important; }
	.modal-backdrop { min-height: 1000px!Important; }
	.phone, .clock { width: 18px!Important; margin-top: -4px!Important; }
	.fc-widget-header { font-size: 10px; }
	.botonMobile { display: block }
	.botonDesktop { display: none }
	.thumbnail img { width: 90%; margin-top: 0px }
	.carousel-busqueda { min-width: 313px; float: none; margin: auto; }
	.carousel-home { width: 111%; min-width: 313px; float: left; margin-right: 2%; margin-top: 20px; }
	.columna { max-width: 100%; min-width: 200px; width: 379px; padding-left: 5px; padding-right: 5px; height: 200px; }
	.calendarios { clear: left; margin-top: 20px; margin-left: 1%; width: 98% }
	.mapa { float: none; margin-left: 2px; width: 100% }
	.margin-left-30 { margin-left: 20px }
	.simpleBanner { clear: right!Important; }
	.detalleMapa { margin-left: 0px; margin-top: 10px; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #999999!Important; }
	.fc-button-content { padding: 0px!Important; }
	.fc-header-title h2 { font-size: 20px; }
	#loginForm .form-group { max-width: 400px; margin: auto!Important; }
	#redesSociales { display: none }
	#proveedorDetalle .fb-like { margin-left: 1px!Important; margin-bottom: 0px; margin-top: 0px!Important; }
	#direccion { margin-top: 55px!Important; }
	#botonBuscar { width: 13%; font-size: 16px; }
	#buscarFormIndex { width: 95%; margin-left: 5%; }
	#inputBuscar { width: 80%; font-size: 14px; height: 35px; }
	#textoBuscar { font-size: 20px; }
	#imagen-buscador { height: 150px; background: url(../img/imagen-buscador-mobile-3.jpg) no-repeat center center; background-size: cover; }
	#video { height: 200px }
	#primerParte { float: none; width: 100% }
	#segundaParte { float: none; width: 100% }
	#divServiciosNoEncontrados { position: inherit; }
	#primerParte div.form-group { width: 100%; }
	#primerParte div.form-group .col-lg-4 { width: 100%; }
	#primerParte div.form-group .col-lg-2 { width: 100%; }
	#segundaParte div.form-group { width: 100%; }
	#segundaParte div.form-group .col-lg-10 { margin-left: 0px; }
	#datosProveedor { width: 98% }
	#botonVistaGeneral { width: 100%!Important; }
	#botonVistaGeneralCalendarios { width: 210px!Important; }
	#botonEncuesta { width: 84px!Important; }
	#servicios { margin-left: 15px; margin-top: 20px; margin-bottom: 30px; }
	#carousel-login { width: 100%; width: 313px; float: none; margin-left: -7px; }
	#carousel-index { width: 97%; min-width: 313px; float: left; margin-left: 5px; margin-top: 20px; }
	#textoPrincipal { float: none; width: 97%; margin-left: 5px; }
	#login { margin-right: 37px; margin-left: 5px; }
	#login .col-lg-4 { width: 110%!Important; }
	#loginHome { margin-right: 37px; margin-left: 5px; }
	#loginHome .col-lg-4 { width: 110%!Important; }
	#formularioAltaProveedor { width: 100%; margin-left: 0px; height: auto; }
	#formularioAltaProveedor .col-lg-4 { width: 100%!Important; }
	#textoProveedor { margin-left: 10px; width: 95%; clear: both; }
	#videoPresentacion { margin-left: 10px; clear: both; }
	#video_registro { width: 313px!Important; height: 250px!Important; }
	#index h2 { margin-left: 0px; color: #FFA400 }
	#quieroOfrecerTurnos h2 { color: #FFA400 }
	#slide-nav .container { margin: 0; padding: 0 !important; }
	#slide-nav .navbar-header { margin: 0 auto; padding: 0 15px; }
	#slide-nav .navbar.slide-active { position: absolute; width: 80%; top: -1px; z-index: 1000; }
	#slide-nav #slidemenu { background: #FFFFFF; left: -100%; width: 80%; min-width: 0; position: absolute; padding-left: 0; z-index: 2; top: -8px; margin: 0; }
	#slide-nav #slidemenu .navbar-nav { min-width: 0; width: 100%; margin: 0; }
	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a { min-width: 0; width: 80%; white-space: normal; }
	#slide-nav { border-top: 0 }
	#slide-nav.navbar-default #slidemenu { background: #999999 }
	#slide-nav #navbar-height-col { position: fixed; top: 0; height: 100%; width: 80%; left: -80%; background: #FFFFFF; }
	#slide-nav.navbar-default #navbar-height-col { background: #333; z-index: 1; border: 0; }
	#slide-nav .navbar-form { width: 100%; margin: 8px 0; text-align: center; overflow: hidden; }
	#slide-nav .navbar-form .form-control { text-align: center }
	#slide-nav .navbar-form .btn { width: 100% }
}
@media (min-width:930px) {
	.navbar.navbar-fixed-top.slide-active { position: fixed }
	.navbar-header { left: 0 !important }
	#page-content { left: 0 !important }
}
@media (min-width:931px) and (max-width:1267px) {
	body { padding-top: 90px; }
	.carousel-busqueda { width: 45%; min-width: 313px; float: left; margin-right: 5%; }
	.columna { min-width: 379px; max-width: 50%; padding-left: 5px; padding-right: 5px; }
	.col-sm-4 { width: 50%; }
	.mapa { width: 260px; }
	.navbar-fixed-bottom { display: none; }
	.modal { min-height: 1000px!Important; }
	.modal-backdrop { min-height: 1000px!Important; }
	.modal-body { max-height: 500px; padding: 15px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
	#loginForm .form-group { max-width: 400px; margin: auto!Important; }
}
@media (min-width:1200px) {
	.container { width: 100%; }
}