form{
	width: 50%;
    margin: auto !important;
}

form p, form label, form input{
	margin-bottom: 10px;
}

.submit [type="submit"], .submit [type="submit"]:hover, #conten_boton_agenda [type="button"], #conten_boton_agenda [type="button"]:hover{
	background-color: #209679;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
}

table td, table th {
	border: 0 !important;
	word-break: normal !important;
}

.list_to{
	margin: 10px;
}

.available:hover{
	cursor: pointer;
}

.success{
	background-color: #7eea7e;
	color: #ffffff;
	font-size: 20px;
    padding: 10px;
}

.error{
	background-color: #e76969;
	color: #ffffff;
	font-size: 20px;
    padding: 10px;
	text-align: center;
}

.ncitas{
	text-align: center;
}

.emplog{
	margin-top: 50px;
	color: #209679;
    font-size: 25px;
    text-align: right;
}

#conten_horas{
	width: 58%;
    display: inline-block;
    margin-right: 1%;
    padding-right: 1%;
    border-right: 1px solid #e1e1e1;
	vertical-align: top;
	margin-top: 20px;
}

#conten_tours{
	width: 38%;
    display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}

#conten_tours p{
	margin-bottom: 20px;
	line-height: 1.3em;
}

#appointments th{
	border-bottom: 1px solid #222;
	padding-left: 75px;
	font-weight: initial;
}

#tour_disp{
	margin-bottom: 20px;
}

#tour_disp td{
	border-bottom: 2px solid #ffffff;
	color: #209679;
}

#tour_disp th{
	border-bottom: 1px solid #222;
	font-weight: initial;
	padding-left: 15px;
	background-color: #ffffff;
}

#tour_disp tr:nth-child(even){
	background-color: #e9e9e9;
}

#tour_disp tr:nth-child(odd){
	background-color: #f4f4f4;
}

#appointments h2, #tour_disp h2{
	color: #209679;
    font-size: 22px;
	margin-bottom: 20px;
}

#appointments th p{
	margin: 0;
}

#tour_disp th p{
	margin: 0 0 10px 0;
}

#appointments p{
	margin-bottom: 10px;
}

#appointments tr:nth-child(even){
	background-color: #f9f9f9;
}

#appointments tr:nth-child(odd){
	background-color: #ffffff;
}

#appointments td{
	padding: 20px 10px;
	border-bottom: 1px solid #209679;
}

#appointments tr:not(:first-child) td:first-child{
	width: 65px;
    vertical-align: top;
}

#appointments strong{
	margin-bottom: 10px;
    display: block;
}

[type="button"].upt_button{
	border: 1px solid #209679;
	color: #209679;
	text-transform: uppercase;
	margin-right: 10px;
	font-family: 'Alga', serif;
}

[type="button"].upt_button:hover, [type="button"].upt_button:focus{
	background-color: #209679;
	color: #ffffff;
	font-family: 'Alga', serif;
}

[type="button"].dlt_button{
	border: 1px solid #990000;
	color: #990000;
	text-transform: uppercase;
	font-family: 'Alga', serif;
}

[type="button"].dlt_button:hover, [type="button"].dlt_button:focus{
	background-color: #990000;
	color: #ffffff;
	font-family: 'Alga', serif;
}

.tits{
	border-bottom: 3px solid #bebebe;
	background-color: #ffffff !important;
	color: #000000 !important;
}

.tits td:first-child{
	padding-left: 15px;
}

.tits td:last-child{
	text-align: center;
	line-height: 1.5;
}

.iconos img{
	margin-right: 10px;
	width: 25px;
}
/*
.ficha_to{
	margin-top: 40px;
	border: 1px solid #d2d2d2;
	background-color: #f3f3f3;
}*/
.ficha_to {
    margin-top: 40px;
    border: 1px solid #d2d2d2;
    background-color: #f3f3f3;
    position: absolute;
    top: 50%;
    width: 500px;
    left: 50%;
}

.ficha_to table table td:first-child{
	text-align: left;
}

.ficha_to td{
	vertical-align: top;
	border-bottom: 0;
}

.ficha_to tr:first-child{
	background-color: #209679;
}

.ficha_to h4{
	color: #209679;
	margin-bottom: 0;
    font-weight: bolder;
}

.ficha_to tr:first-child p{
	font-family: "montserrat", sans-serif;
	font-weight: bolder;
	color: #ffffff;
}

.ficha_to tr:first-child td:last-child{
	text-align: right;
	vertical-align: bottom;
    padding-bottom: 15px;
}

.ficha_to tr:first-child td:last-child #mensaje{
	text-align: left;
	margin-bottom: 20px;
}

.ficha_to tr:last-child div{
	margin-bottom: 40px;
}

.ficha_to ul{
	list-style-type: none;
    padding-left: 0;
}

.ficha_to h4{
	color: #209679;
}

.ficha_to img{
	max-width: 200px;
	float: left;
    margin-right: 20px;
}

.servicios{
	list-style-type: none;
	padding-left: 0;
}

.servicios li:before{
	content: "- ";
}

.updater{
	margin: 10px 0;
}

#sel_horas_update, #sel_tos_update{
	margin-right: 20px;
}

#mods label{
	margin-right: 10px;
}

.leyenda{
	list-style-type: none;
	padding-left: 0;
	margin: 20px 0;
}

.leyenda li{
	margin-bottom: 10px;
    font-size: 12px;
	display: flex;
	align-items: center;
	font-size: 1em;
}

.leyenda img{
	margin-right: 10px;
	width: 25px;
}

#cerrar img{
	float: right;
	width: 25px;
}

#cerrar:hover{
	cursor: pointer;
}

.tac{
	text-align: center;
}

#men_pdf{
	display: block;
	margin-top: 10px;
}

.sr{
	background-color: red;
	color: red !important;
}

.sn{
	background-color: orange;
	color: orange !important;
}

.sv{
	background-color: green;
	color: green !important;
}

#content_workshop{
	max-width: 100%;
	width: 100%;
}

.nota, .nota p{
	margin-bottom: 20px;
}

#content_workshop p {
	font-family: 'Rubik', sans-serif;
}

#content_workshop h2,
#content_workshop h3,
#content_workshop h4,
#tour_disp td,
.tits ,
[type="button"] {
	font-family: 'Alga', serif;
}

p.nota {
	line-height: 1.25;
}

p.tac {
	margin-top: 20px;
}

.eus{
	font-weight: 500;
}

.ficha_to p img{
	display: none;
}

/*********************************RESPONSIVE***********************/

@media screen and (max-width: 1152px){
	.upt_button, .dlt_button{
		font-size: 14px;
	}
	.ficha_to h3 {
		font-size: 2rem;
	}
	.ficha_to tr:first-child p {
		font:400 1.6rem/1 "montserrat", sans-serif;
		color: #ffffff;
	}
}

@media screen and (max-width: 1024px){
	.upt_button, .dlt_button{
		font-size: 12px;
	}
	form {
		width: 75%;
	}
}

@media screen and (max-width: 800px){
	#content_workshop {
		display: flex;
		flex-direction: column;
		padding: 0 1rem;
	}
	.emplog {
		margin-top: 10px;
		font-size: 25px;
		text-align: left;
		margin-bottom: 30px;
	}
	
	#conten_horas {
		width: 100%;
		display: block;
		margin-right: 0%;
		padding-right: 0%;
		border-right: 0px solid #e1e1e1;
	}
	
	#conten_tours {
		width: 100%;
		display: block;
	}
	
	#horas{
		position: absolute;
		top: 45px;
		width: 96%;
		left: 1%;
	}
	
	#cerrar{
		display: block;
		width: 30px;
		position: relative;
		top: -25px;
		left: 90%;
	}
	form {
		width: 75%;
	}
	p.tac {
		margin: 1rem 2rem 0;
	}
}

@media screen and (max-width: 640px){
	#cerrar{
		top: -45px;
	}
}
@media screen and (max-width: 500px){
.ficha_to {
	position: fixed;
	width: 95%;
	left: 2%;
	top: 0rem;
}
.ficha_to div p {
	font-size: 0.95rem;
}
}
@media screen and (max-width: 480px){
	form {
		width: 95%;
	}
	.upt_button, .dlt_button {
		font-size: 11px;
	}
	
	.upt_button{
		margin-bottom: 15px;
	}
	
	#mods label {
		display: block;
	}
	
	.ficha_to tr:first-child td:first-child{
		padding-bottom: 0;
	}
	
	.ficha_to tr:first-child td:last-child{
		padding-top: 0;
	}
	
	.ficha_to td {
		display: block;
	}
	
	.ficha_to h3{
		width: 90%;
	}
	
	#cerrar {
		top: -100px;
	}
	.ficha_to {
		position: fixed;
		width: 95%;
		left: 2%;
		top: 0rem;
	}
	.ficha_to div p {
		font-size: 0.95rem;
	}
}

@media screen and (max-width: 414px){
	#sel_horas_update, #sel_tos_update {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 320px){
	.ficha_to td {
		padding: 30px 30px;
	}
}