@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
@import url('https://fonts.googleapis.com/css?family=Nunito');
@font-face{font-family:"seguibl_0"; src:url(../fonts/seguibl_0.ttf)}
@font-face{font-family:"seguibl_1"; src:url(../fonts/seguisb_1.ttf)}
:root {
--Color1: #d50000;
--Color2: #333333;
--Color3: #000000;
--Color4: #040f70;
--Color5: #0a4754;
--Color6: #efec28;
--Color7: #edd209;
--Color8: #EF5350;
--Color9: #FFFFFF;
}

*{color:black; font-family:"Nunito"; box-sizing:border-box;}
a{ text-decoration:none; transition:.2s; display:block}
div{ text-align:center}
img{ border:0}
body,ul{margin:0; padding:0}
li{list-style:none}
input, select, textarea{border-radius:8px; outline:none; border:solid 1px #ccc; box-shadow:0 0 1px 1px rgba(0,0,0,.1); padding:10px 5px; color:black !important;}
option{color:black !important; margin:7px 0;}
textarea{ height:auto !important; resize:vertical;}
input[type="button"],input[type="submit"]{ background-color:var(--Color1); color:white !important; border:none; padding:11px 30px}
*::selection{background-color:#EF9A9A; color:black}
input:focus, select:focus, textarea:focus{box-shadow:0 0 3px 1px #167ce2; border:solid 1px #167ce2;}
input[type="button"]:focus,input[type="submit"]:focus, input[type="button"]:hover,input[type="submit"]:hover{background-color:var(--Color2); border:none}
input[type="button"]:active,input[type="submit"]:active{background-color:var(--Color3); box-shadow:0 0 2px 2px rgba(0,0,0,.2); border:none}
.clear{ clear:both}

.footer{ width:100%; background-color:var(--Color2); text-align:center; margin:30px 0 0 0; box-sizing:border-box}




.cinta_top{ width: 100%; height: 80px; background-color:#000; }
.cinta_top>.div_head_left{ width: 40%; float: left; text-align: center;}
.cinta_top>.div_head_left>img{max-height:70px; max-width: 80%; margin-top: 5px; margin-left: 8%; border-radius: 10px}

.cinta_top>.div_head_right{ width: 60%; float: right; text-align: center; margin-top:5px; padding-left: 20px}
.cinta_top>.div_head_right>div{ float: left; display:table-cell; margin: 20px 17px 0 7px}
.cinta_top>.div_head_right>div>img{ width:30px; display: inline-block; vertical-align: middle; margin-top:-5px; margin-right: 5px}
.cinta_top>.div_head_right>div>span{display:inline-block; color: white; font-size: 20px}



.container_general{display:block; width:80%; margin:30px 10%; }
.container_generalIndex{display:block; width:100%; margin:0; }

.bannerMainIndex0{ display:block; position: relative; margin-bottom: 50px}

.bannerMainIndex0 img{ width: 100%; height:auto; pointer-events:none;}

@keyframes btnAgregar{0%{transform:scale(1)}70%{transform:scale(1.2)}100%{transform:scale(1)}}

.bannerMainIndex0 .t4{top:60%; left:100px; background-color:#0da303; border-radius:5px; box-shadow:0 2px 8px 4px rgba(0,0,0,.5); animation-name:btnAgregar; animation-timing-function:ease; animation-duration:5s; animation-iteration-count:infinite; position: absolute;}
.bannerMainIndex0 .t4>a{font-size:16px; user-select:none; display:block; padding:14px 40px; color:white}

.titlesIndex{width:100%; font-size:45px; color:white; font-family:"seguibl_0"; padding:20px 0; box-shadow:0 0 20px 8px rgba(0,0,0,.45); margin-top:35px; position:relative; z-index:5000}

.titleDisenoWeb{background-color:#900;}

.titleEmpresas{background-color:#085ba0;}

.titleFarmacias{background-color:#00272b;}

.titleColectivos{background-color:#683928;}


/*************************************************************************************/
.banners{ width:100%; background-color:#1576c6; margin-bottom:40px; padding:25px 7px; transition:.4s; height:500px}
.banners img{ width:16.66%; float:left; padding:10px; transition:padding 0.3s ease, border-radius .4s ease, box-shadow .4s ease, transform .3s ease; border-radius:50px}
.banners img:hover{padding:0px; border-radius:20px; box-shadow:0 0 12px 5px rgba(0,0,0,.4); transform:scale(1.05)}
.ban{ display:none}

.container2{}
.farmaHoyIndex{width:100%; padding-bottom:25px; margin-bottom:100px;}
.colectivoNext{ background-color:#D7CCC8; background-image:linear-gradient(to top, #8D6E63 -30%, #D7CCC8 50%, #fff 180%); width:90%; margin:20px 5% 80px 5%; border-radius:10px; box-shadow:0 0 15px 4px rgba(0,0,0,.4); box-sizing:border-box; padding:25px 0}
.nextPosadas, .nextIguazu{width:50%; float:left; padding:20px 5%; text-align:left; box-sizing:border-box}
.nextPosadas span,.nextIguazu span{width:100%; text-align:left; display:block; padding:10px 20px; cursor:default; border-bottom:1px solid #fff}
.colectivoNext a,.colectivoNext a{width:60%; text-align:center; user-select:none; display:block; padding:10px 20px; margin:25px 20%; background-color:#d50000; box-shadow:0 2px 7px 3px rgba(0,0,0,.4); color:WHITE; border-radius:8px}
#btnTodosHorarios{ max-width:30%; margin-left:35%; padding:18px 25px; font-size:22px; margin-top:40px}

#btnTodosTurnos{text-align:center; user-select:none; display:block; margin:25px 35%; background-color:#169020; box-shadow:0 2px 7px 3px rgba(0,0,0,.4); color:white; font-weight:bold; border-radius:8px; max-width:30%; padding:18px 25px; font-size:22px; margin-top:40px; }

.colectivoNext a:hover,.colectivoNext a:hover{background-color:#820202;}
.titleHoraActualColectivo{text-align:center; background-color:rgba(255,255,255,.5); height:70px; line-height:70px; position:relative}
.titleHoraActualColectivo img{ position:absolute; width:200px; top:-80px; cursor:default; pointer-events:none; user-select:none}
#c1{z-index:5001; left:10px}
#c2{z-index:5002; left:110px}
#c3{z-index:5003; left:210px}
#c4{z-index:5006; right:210px; width:205px}
#c5{z-index:5005; right:80px; width:230px; top:-90px}
#c6{z-index:5004; right:10px}

.titleGris500{text-align:right; padding-right:20px; width:40%; display:inline-block; box-sizing:border-box; font-size:28px; color:#777}
.divHoraActual{text-align:left; width:40%; display:inline-block; font-size:35px}

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

#result_buscar{display:block; width:60%; margin:-10px 20% 10px 20%; padding:0 20px; background-color:white; box-shadow:0 0 5px 2px rgba(0,0,0,.16)}
.label_buscar{width:90%; margin:0 5%; padding:25px 0; font-size:20px; text-align:center; color:black}
.item_producto_buscar{width:100%; margin:10px 0; padding:10px 35px; float:left}
.item_producto_buscar:hover{background-color:#e5e5e5}
.item_producto_buscar:last-child{margin-bottom:0px}
.item_producto_buscar .imgs_prod{width:20%; float:left; padding-right:15px;}
.item_producto_buscar .imgs_prod>img{width:70%; object-fit:cover; margin:0; padding:3px; border-radius:100%}
.item_producto_buscar .datos_producto{width:80%; margin:0; float:right; text-align:left}
.item_producto_buscar h2{font-size:20px; margin:0; text-align:left; color:var(--Color1);}
.item_producto_buscar slug{font-size:16px; margin:0; margin-top:2px; width:100%; text-align:justify; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--Color8); }
.item_producto_buscar em{font-size:16px; margin:0; margin-top:2px; width:100%; text-align:justify; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-style:normal}
.item_producto_buscar span{font-size:14px; margin:0; margin-top:2px; width:100%; text-align:justify; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#555}
.botonBuscarMas{padding:15px; background-color:var(--Color2); width:70%; margin:20px 15%; border-radius:5px; cursor:pointer; user-select:none; color:white !important; text-transform:uppercase; font-size:20px; font-family:Roboto}
.botonBuscarMas:hover{background-color:var(--Color3)}
.finBusquedas{background-color:transparent; cursor:default; margin-top:30px; font-size:20px; color:black !important}
/*----------------------   final items productos en buscar------------------*/

.form_cole{ font-size:0px;}
.titleColesA{color:#FFF; font-size:28px; padding:5px; text-align:center; background-color:#000}
.form_cole input,.form_cole select{ border-radius:20px}
.form_cole select{ width:270px; font-size:18px; margin-top:10px; margin-right:10px; display:inline-block; }
.form_cole input[type="submit"]{width:200px; font-size:18px; margin-top:10px; margin-left:10px; display:inline-block}
.tabla_colectivos{ background-color:#fff; width:800px; padding:20px; margin-top:20px;}
.fila:hover{ background-color:#E1BEE7; cursor:default; font-weight:bold}
.fila_cabeza td{border-bottom:solid #D5DEFF 1px; padding-bottom:10px; font-size:15px; font-weight:bold; color:#d50000;}
.fila td img{object-fit:cover; max-height:70px; width:70%}
.fila td{border-bottom:solid #D5DEFF 1px; height:80px}

/*++++++++++++++++++++++++++++++++++++++*/

.container_farmacias{}
.container_farmacias *{ color:white !important;}
.tabla_farmacias{ width:80%; margin:40px 10%;}
.turno_ahora{background-color:#00555e; padding:10px 0;}
.turno_ahora b{font-size:30px; font-weight:normal; display:block}
.turno_ahora strong{display:inline-block; font-size:40px;}
.dir_turno_ahora{ font-size:24px; display:inline-block; margin-left:25px; vertical-align: text-bottom}
.importante{font-size:15px; color:#00555e !important; background-color:#FFF; padding:8px; border:solid 2px #fff; border-radius:8px; display:block; width:96%; margin:15px 2%; font-weight:bolder}
.lista_farmacias{width:70%; background-color:#00555e; margin:20px 15%; padding:15px 0 50px 0}

.dire_lista_farma{font-size:14px; color:#555; display:inline-block}

.lista_farma{font-size:18px; text-decoration:underline; font-weight:bolder; text-transform:uppercase; display:inline-block; margin-right:15px}
.gentileza{background-color:#ddd; color:#000; font-size:18px; padding:10px 0; display:block}
.descarga_turnos{padding:120px 0 60px 0}


.fecha{font-size:23px; color:#0097A7 !important}
.farma{font-size:18px; color:red}
.turno{font-weight:bolder; font-size:15px; }
.back_fecha{padding:5px 0 35px 0; cursor:pointer; border:1px solid #90eef9; position:relative; margin-top:5px !important; height:80px; word-wrap:break-word}
.back_fecha>a{ font-size:12px; color:#0097A7 !important; transition:none; position:absolute; top:45px; left:0; right:0; width:100%; font-family: Roboto !important;}
.back_fecha:hover{ background-color:#0097A7}
.back_fecha:hover .fecha, .back_fecha:hover>a{color:white !important}
.mes{font-size:24px; color:#FFF; padding:10px 0}

.dias_arriba{background-color:#0097A7; color:#FFFFFF; font-size:18px; }

.div_clic div{height:50px; line-height:50px; font-size:25px; color:#00555e !important; font-weight:bolder}


#contacto{ padding:40px 0; border-bottom:dashed 1px #0f2b08}
.titleContacto{width:100%; font-size:24px; color:#063; font-family:"seguibl_1"; padding:20px 0; box-shadow:0 0 10px 3px rgba(0,0,0,.45); background-color:#C2F3D2}
.titleContactoBlue{color:#036; background-color:#6CF}

#form_contacto_index input, #form_contacto_index textarea{width:30%; margin:10px 30% 10px 0%; border-radius:7px; font-size:16px}
#form_contacto_index label{width:34%; margin:10px 1% 10px 4%; text-align:right; display:inline-block}
#form_contacto_index .label_textarea{vertical-align:text-top; margin-top:20px}
#form_contacto_index textarea{vertical-align:text-top}
#form_contacto_index input[type="submit"]{padding:10px 60px; margin:30px 0; background-color:#c10b0b}
#form_contacto_index input[type="submit"]:hover{ background-color:#8e0707 !important; }


/*-----------------------------------  FOOTER  -----------------------------------*/
.footer2{ padding:25px;  padding-bottom:80px; background-image:linear-gradient(to top, #000 0%, #900 100%); margin:0; font-size:0px; display:flex; align-items:top;}

.footer2 img{ width:30px; display:inline-block; vertical-align:middle; margin-right:10px}
.footer2 a{display:inline-block; margin:9px 0; border-bottom:1px solid transparent}
.footer2 a:hover{border-bottom:1px solid currentColor}

.footer2>div{display:inline-block; box-sizing:border-box; margin:0; font-size:19px;}
.footer2 *{color:white !important}
.footer2 h3{width:100%; text-align:left; padding-left:20px; font-weight:normal; text-transform:uppercase; text-decoration:underline}

.footer2 .contactoEldored{width:30%; text-align:left; padding-left:40px}
.footer2 .redesEldored{width:30%; text-align:left; padding-left:40px}
.footer2 .sobreEldored{width:40%; padding:0 40px; text-align:justify}
.footer2 .sobreEldored span{ font-size:17px; line-height:34px}


.footer3{ padding:20px 0; color:white !important; background-color:black; border-top:dashed 1px #444}
/*---------------------------------------------------------------------------------*/





/****       ADMIN  --    ADMIN  --    ADMIN  --    ADMIN  --    ADMIN  --          ***/


.admin_back{background-color:#777 !important; border-bottom:2px solid #ccc; padding:5px 0}
.admin_back .head_title1{ padding:0 !important; width:25% !important; text-align:center;}
.admin_back .admin_head_title2{width:75% !important; padding:0; padding-right:20px; height:auto !important; text-align:right; float:left}
.admin_back .head_title1 img{ max-height:50px !important}
.admin_back .head_item1{height:auto; padding:0; user-select:none; display:inline-block; margin-left:5px; font-size:13px}
.admin_head_title2 div{ display:inline-block}
.admin_head_title2 a{ padding:15px; display:inline-block !important; background-color:transparent; box-shadow:none; color:white}
.admin_head_title2 a:hover{text-decoration:underline}
.admin_back .adminRegistrado{ padding-right:50px !important}
.admin_back .adminRegistrado:hover{ text-decoration:none !important}

.menu_admin{ width:40%; margin:0 30% 50px 30%; background-color:#E0E0E0; border-radius:10px; box-shadow:0 0 5px 3px #ccc}
.item_admin_cat{ font-size:0; border-bottom:1px solid slategray}
.item_admin_cat:hover{ background-color:AntiqueWhite}
.item_admin_cat:last-child{border-bottom:none}
.item_admin_cat a{font-size:20px}
.item_admin_cat a:hover{ border-radius:20px; background-color:#c5c5c5}
.item_admin_cat .nombre_cat{ width:64%; display:inline-block; font-size:17px; height:30px; box-sizing:border-box; text-align:left; padding-left:15px;  color:black !important; }
.item_admin_cat .action_cat{ width:12%; display:inline-block; height:30px; font-size:20px; padding:4px 0}

.toast{color:white; padding:20px 40px; display:none; position:fixed; top:70px; box-shadow:0 5px 10px 5px rgba(0,0,0,.4); border-radius:20px; width:400px; left:50%; margin-left:-200px; z-index:92200}

.toastEmpresa{color:white; padding:20px 25px; display:none; position:fixed; top:40px; box-shadow:0 5px 10px 5px rgba(0,0,0,.4); width:300px; left:50%; margin-left:-150px; z-index:9300544;}


.container_admin{ margin:40px 10%; width:80%; box-shadow:0 0 6px 3px #ccc; padding-top:30px; background-color:#fff}

.titulo_registro{ font-size:25px; margin-bottom:20px}

.container_admin *{color:black !important}
.container_admin input, .container_admin textarea{width:45%; margin:10px 20% 10px 0%; border-radius:7px; font-size:16px}
.container_admin input[type="time"]{width:10%; margin:10px 50% 10px 0;}
.container_admin select, .container_admin img{width:20%; margin:10px 40% 10px 0; border-radius:7px; font-size:16px}
.container_admin label{width:29%; margin:10px 1% 10px 4%; text-align:right; display:inline-block}
.container_admin .label_textarea{vertical-align:text-top; margin-top:20px}
.container_admin .label_img{ vertical-align: top; margin-top:20px}
.container_admin textarea{vertical-align:text-top}
.container_admin input[type="submit"]{ background-color:#777 !important ; padding:10px 60px; margin:30px 0}
.container_admin input[type="submit"]:hover{ background-color:#444 !important; }
.container_admin .selectorColor{height:45px; padding:0; width:10%; margin-right:50%}
.container_admin .label_color{ vertical-align:text-top; margin-top:-10px}

.inputTelWh{ width:25% !important; margin-right:0 !important; display:inline-block}
.selectTelWh{ width:12% !important; margin-right:22% !important; display:inline-block}


.container_admin .registro form{box-shadow:none; padding-top:0; margin-top:0;}
.container_admin .registro{ padding-top:0; width:100%; box-shadow:none; margin:0; background-color:transparent}

.container_admin a{ color:black !important; transition:0s}
.container_admin a:hover{ background-color:#d2d2d2; color:white}

.container_admin .item_option_edit90{ width:90%; display:inline-block !important}
.container_admin .item_option_edit90 img{margin:0;}
.container_admin .item_option_edit80{ width:80%; display:inline-block !important}
.container_admin .campo_delete{ display:inline-block; width:10%; padding:0; margin:0;}
.container_admin .campo_delete img:hover{ background-color:#CCC}
.container_admin .campo_delete img{ cursor:pointer; border-radius:100%; box-sizing:content-box; padding:0; margin:0}
.container_admin .item_option_edit{display:block; padding:7px 0; border-bottom:solid 1px slategray}
.sinPadding{ padding:0px !important}
.container_admin .head_optionedit{ background-color:#444; padding:7px 0; font-weight:bolder; color:white !important;}

.campo1,.campo2,.campo3,.campo4,.campo5,.campo6,.campo7,.campo8{display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:6px 0; vertical-align:middle}
.container_admin .campo1{ width:10%;}
.container_admin .campo2{ width:15%;}
.container_admin .campo3{ width:20%;}
.container_admin .campo4{ width:25%;}
.container_admin .campo5{ width:30%;}
.container_admin .campo6{ width:40%;}
.container_admin .campo7{ width:5%;}
.container_admin .campo8{ width:60%;}
.container_admin .align-left{ text-align:left}

.img_option_edit_banner{ width:35% !important; border-radius:0px !important;}

.edit_galeria{ width:100%; margin:40px 0; padding:10px; border-top:double 3px green}
.edit_galeria input, .edit_galeria select{ display:inline-block}
.edit_galeria input[type="file"]{ width:50%; margin-right:2%}
.edit_galeria textarea{ width:95% !important; margin:0 2.5% !important}
.edit_galeria select{ width:10%; margin-right:2%}
.item_edit_galeria{ width:49%; float:left; padding:6px; border-radius:12px; margin:5px .5% 30px .5%; display:block; position:relative; transition:.2s}
.item_edit_galeria:hover{box-shadow:0 8px 20px 5px rgba(0,0,0,.4)}
.item_edit_galeria b{ position:absolute; top:14px; left:14px; border-radius:100%; width:40px; height:40px; line-height:40px; color:white !important; text-align:center; font-weight:normal; letter-spacing:.07em; cursor:pointer; border:solid 1px transparent}
.item_edit_galeria b:hover{ box-shadow:0 0 8px 5px rgba(255,255,255,.9); border:solid 1px white}
.item_edit_galeria img{ width:50%; margin:0; height:250px; object-fit:cover; float:left}
.item_edit_galeria>form>textarea{ float:left; width:45% !important; height:90px !important; margin:2px 2.5% 10px 2.5% !important}
.item_edit_galeria input{width:44% !important; margin:5px 1% 10px 1% !important; padding:10px !important}
.item_edit_galeria input[type="file"]{ background-color:rgba(255,255,255,.4)}
.item_edit_galeria span{ text-align:center; width:100%; color:white !important; text-decoration:none; cursor:pointer;}
.item_edit_galeria span:hover{text-decoration:underline;}

.input_turnos{ background-color:#0097A7; color:#fff !important; text-align:center; font-weight:bolder; width:5% !important; margin-left:29% !important; margin-right:1% !important}
.select_turnos{width:30% !important; margin-left:0% !important; margin-right:25% !important}


.container_terminos p{text-align:justify; padding:0 60px}
.container_terminos b{text-align:center; font-size:22px}