/*!
Theme Name: Biziondo
Theme URI: https://biziondo.es
Author: Biziondo
Author URI: https://biziondo.es
Description: Tema personalizado para Biziondo - Clínica de Quiropráctica
Version: 1.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: biziondo
Domain Path: /languages
*/

@charset "utf-8";

*{
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html{
	background-color: #FFF;
}

body{
	background-repeat: no-repeat;
	background-size: cover;
	font-family: 'Open Sans', sans-serif;
}

/* Importar CSS adicional */
@charset "utf-8";


*{
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html{
	background-color: #FFF;
}
body{background-image: url("IMAGEN_FONDO"); */
	background-repeat: no-repeat;
	background-size: cover;
}
header{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: auto;
}

#logo{
	width: 160px;
    z-index: 1;
    height: 75px;
    margin-top: -36px;
}
.navbar-inverse {
	background-color: transparent !important;
	border: none !important;
}

.navbar-toggle{
	border: none !important;
}

.navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {
	background-color: transparent !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #333 !important;
}

.derecha{
	float: right;
	margin-top: -60px;
}



/*LOGO*/



/*LOGO*/

/*MENU*/

#calendar{
	margin-top: 50px;
}

/*PARALAX*/

.image1{
	position:relative;
	clear: both;
	height: 100%;
}

.image1 h1{
    top: 93px;
    position: absolute;
    left: 60px;
    color: #21a9b0;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 45px;
    line-height: 60px;
    padding-top: 28px;
    padding-bottom: 45px;
    background: rgba(255,255,255,0.8);
    border-radius: 16px;
}

.image1 a{
	position: absolute;
	top: 350px;
right: 50px;
	font-weight: bold;
	background-color: #21a9b0;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: rgba(255,255,255,1);
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 20;
}

.image1 a:hover{
	background-color:rgba(255,255,255,0.5) ;
	color: #21a9b0;
}

/*PARALAX*/


/*CITA*/
.labelficha{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color:rgba(0,0,0,1.00);
	margin-right: 20px;
	display: block;/*alinear los input*/
	padding: 5px;
}

.inputcita{
	padding: 5px;
	font-family:  'Open Sans', sans-serif;
	color:rgba(0,0,0,0.3);
	font-size: 16px;
	border: thin solid #21a9b0;
	width: 80%;
	margin-bottom: 20px;
	margin-right: 5px;
}

.select{
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
	color: rgba(0,0,0,1.00);
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	border: thin solid rgba(0,0,0,1.00);
	width: 100%;
	height: 70px;
}

.verde{
	color:rgba(255,255,255,1.00);
	font-family: 'Open Sans', sans-serif;
	background-color: #21a9b0;
	font-size: 16px;
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
	text-align: center;
}



/*CITA*/


#container{
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	}

/*QUIROPRACTICA*/

#quiropractica{
	margin-bottom: 50px;
	clear: both;
	overflow: auto;
}


.formulario{
  
	font-family: 'Lora';
	font-size: 25px;
	color:rgba(75,75,75,1.00);
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
  
}
.titulo{
	font-family: 'Lora';
	font-size: 30px;
	color:rgba(75,75,75,1.00);
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}




.txt{
	font-family:  'Open Sans', sans-serif;
	font-size: 16px;
	margin-top: 10px;
	width: 50%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


#tipos{
	overflow: auto;
	margin-top: 70px;
	margin-bottom: 60px;
}

.col{
	width: 33%;
	padding: 10px;
	position: relative;
}

.subtutilos{
	color:rgba(0,0,0,1.00);
	font-size: 16px;
	font-family:  'Open Sans', sans-serif;
	line-height: 25px;
	border-bottom: #21a9b0 1px solid;
	padding: 5px;
	margin-top: 10px;
}

.subtutilos:hover{
	color:#21a9b0;
}





.subtit{
	color:rgba(0,0,0,1.00);
	font-size: 20px;
	font-family:  'Open Sans', sans-serif;
	line-height: 25px;
}

.colquiro{
	width:50%;
	float: left;
	padding: 20px;
}

.colquiro p{
	font-family:  'Open Sans', sans-serif;
	font-size: 16px;
	margin-top: 10px;
	width: 80%;
	line-height: 27px;
	margin-bottom: 70px;
}

.azul{
	color: #21a9b0;
}

.tit2{
	font-family: 'Lora';
	font-size: 30px;
	color:rgba(75,75,75,1.00);
	margin-bottom: 40px;
}

.izq{
	float: left;
	margin-right: 30px;
}


.tit3{
	font-family: 'Lora';
	font-size: 20px;
	color:#21a9b0;
	margin-bottom: 20px;
}

.tipos{
	clear: both;
	margin-top: 150px;
}

/*CURSOS*/



.proxtit{
	color:rgba(0,0,0,1.00);
	font-size: 20px;
	font-family:  'Open Sans', sans-serif;
	margin-bottom: 30px;
}

.prox{
	float: right;
	overflow: auto;
	margin-top: 50px;
	margin-right: 150px;
}
.curso{
	margin-left: 30px;
	margin-bottom: 50px;
	border-left: thin solid #21a9b0;
	padding-left: 20px;
}

.fecha{
	font-size: 14px;
	font-family:  'Open Sans', sans-serif;
	float: left;
	margin-right: 5px;
	font-style: italic;
}

.tipo{
	font-size: 14px;
	font-family:  'Open Sans', sans-serif;
	color: #21a9b0;
		font-style: italic;

}

.txtcurso{
	font-size: 16px;
	font-family:  'Open Sans', sans-serif;
}


.explic{
	font-size: 16px;
	font-family:  'Open Sans', sans-serif;
	float: left;
	width: 40%;
	margin-top: 50px;

}

#cursos{
	margin-bottom: 50px;
	clear: both;
	overflow: auto;
	
}

.colcurso{
	/*border: 3px solid #21a9b0;*/
	width: 30%;
	float: left;
	padding: 15px;
	margin-left: 25px;
}


.txtcurso2{
	font-size: 14px;
	font-family:  'Open Sans', sans-serif;
	margin-top: 20px;

}

.mas{
	clear: both;
	float: right;
	font-size: 14px;
	font-family:  'Open Sans', sans-serif;
	text-decoration: none;
}


/*CURSOS*/




/*CONTACTO*/

#contacto{
	overflow: auto;
	clear: both;
}

.colcontacto{
	float: left;
	width: 33%;
	margin-top: 50px;
	padding-right: 20px;
	margin-bottom: 30px;
}

.titulos2{
	color:rgba(0,0,0,1.00);
	font-size: 20px;
	font-family:  'Open Sans', sans-serif;
	margin-bottom: 20px;

}

.txtcontacto{
	font-family:  'Open Sans', sans-serif;
	font-size: 16px;
	color:rgba(0,0,0,1.00);
}


#email{
	clear: both;
	margin-top: 50px;
}

#formcontacto{
	width: 70%;
	margin-bottom: 80px; 
}

.subtutilos2{
	color:rgba(0,0,0,1.00);
	font-size: 20px;
	font-family:  'Open Sans', sans-serif;
	margin-left: 80px;
	text-align: center;
	line-height: 25px;
}

.input2{
	padding: 5px;
	font-family:  'Open Sans', sans-serif;
	color:rgba(0,0,0,0.3);
	font-size: 16px;
	border: thin solid #21a9b0;
	width: 23%;
	margin-bottom: 20px;
	margin-right: 5px;
}

.input3{
	padding: 5px;
	font-family:  'Open Sans', sans-serif;
	color:rgba(0,0,0,0.3);
	font-size: 16px;
	border: thin solid #21a9b0;
	width: 100%;
	padding-bottom: 55px;
	clear: both;
	float: left;

}

.enviar2{	
	background-color: rgba(33,169,176,0.8);
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: rgba(255,255,255,1.00);
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 5px;
	clear: both;
	margin-top: 20px;

}


/*CONTACTO*/


/*FORMULARIO*/
.ui-helper-clearfix{
	background: white !important;
	border: white !important;
}

#dialog	 { box-sizing:border-box;
  font-family:'Roboto';
  margin:30px auto 0; 
  display:block; 
  background:#FFF;
  padding:10px 50px 50px;

}
.group 			  { 
  position:relative; 
  margin-bottom:45px; 
}
input 				{
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:300px;
  border:none;
  border-bottom:1px solid #757575;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-20px;
  font-size:14px;
  color:#5264AE;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:300px; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#5264AE; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}

.content-select select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
/* Eliminamos la fecha que por defecto aparece en el desplegable */
.content-select select::-ms-expand {
    display: none;
}
Por último, nuestro código para personalizar el select:


.content-select{
	max-width: 250px;
	position: relative;
}

.content-select select{
	display: inline-block;
	width: 100%;
	cursor: pointer;
  	padding: 7px 10px;
  	height: 42px;
  	outline: 0; 
  	border: 0;
	border-radius: 0;
	background: #f0f0f0;
	color: #7b7b7b;
	font-size: 1em;
	color: #999;
	border:2px solid rgba(0,0,0,0.2);
    border-radius: 12px;
    position: relative;
    transition: all 0.25s ease;
}

.content-select select:hover{
	background: #B1E8CD;
}

/* 
Creamos la fecha que aparece a la izquierda del select.
Realmente este elemento es un cuadrado que sólo tienen
dos bordes con color y que giramos con transform: rotate(-45deg);
*/
.content-select i{
	position: absolute;
	right: 20px;
	top: calc(50% - 13px);
	width: 16px;
	height: 16px;
	display: block;
	border-left:4px solid #2AC176;
	border-bottom:4px solid #2AC176;
	transform: rotate(-45deg); /* Giramos el cuadrado */
	transition: all 0.25s ease;
}

.content-select:hover i{
	margin-top: 3px;
}
.content-select{
	max-width: 250px;
	position: relative;
}
 
.content-select select{
	display: inline-block;
	width: 100%;
	cursor: pointer;
  	padding: 7px 10px;
  	height: 42px;
  	outline: 0; 
  	border: 0;
	border-radius: 0;
	background: #f0f0f0;
	color: #7b7b7b;
	font-size: 1em;
	color: #999;
	border:2px solid rgba(0,0,0,0.2);
    border-radius: 12px;
    position: relative;
    transition: all 0.25s ease;
}
 
.content-select select:hover{
	background: #B1E8CD;
}
 
/* 
Creamos la fecha que aparece a la izquierda del select.
Realmente este elemento es un cuadrado que sólo tienen
dos bordes con color y que giramos con transform: rotate(-45deg);
*/
.content-select i{
	position: absolute;
	right: 20px;
	top: calc(50% - 13px);
	width: 16px;
	height: 16px;
	display: block;
	border-left:4px solid #2AC176;
	border-bottom:4px solid #2AC176;
	transform: rotate(-45deg); /* Giramos el cuadrado */
	transition: all 0.25s ease;
}
 
.content-select:hover i{
	margin-top: 3px;
}

#button{
	 text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    background-color: #21a9b0;
    border-radius: 6px;
    border: 2px solid #21a9b0;
    margin-top: 25px;
}

#button:hover{
    color: #1883ba;
    background-color: #ffffff;
  }
/*prueba formulario */

/*FORMULARIO*/


/*PIE*/

#pie{background-image: url("IMAGEN_WHATSAPP Image 2018-05-11 at 17.03.44.jpeg"); */
	background-repeat: no-repeat;
	background-size: cover;
	overflow: auto;
	padding-bottom: 25px;
}

#container2{
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
	}

.colpie{
	padding-left: 20px;
	padding-right: 20px;
}

.titulo2{
	font-family: 'Lora';
	font-size: 20px;
	margin-top: 30px;
	color:rgba(75,75,75,1.00);
}

.txtpie{
	font-family:  'Open Sans', sans-serif;
	font-size: 16px;
	color: rgba(255,255,255,1.00);

}

.boton{
	border: 2px solid rgba(255,255,255,1.00);
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: rgba(255,255,255,1.00);
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 5px;
	margin-top: 50px;
}

.boton:hover{
	background-color: rgba(255,255,255,0.5);
}

.enlace{
	font-family:  'Open Sans', sans-serif;
	font-size: 16px;
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}

.enlace:hover{
	color: rgba(255,255,255,0.5);
}

.enlace2{
	font-family:  'Open Sans', sans-serif;
	font-size: 16px;
	color: rgba(255,255,255,1.00);
	text-decoration: none;
	margin-left: 30px;
}

.enlace2:hover{
	color: rgba(255,255,255,0.5);
}

.linea2{
	border-bottom: 1px solid rgba(255,255,255,1.00);
	margin-bottom: 10px;
}

.admin{
	float: right;
}

#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
	background-color: #F0F0F0;
    color: #21a9b0;

}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: 80px;
    width: 100%;
    text-align:center;
}
#infobox3 p {
    font-size:12px;
    text-align:center;
    padding-top: 20px;
}
#infobox3 p a {
    margin-right:5px;
    text-decoration: underline;
}


/*PIE*/
@media screen and (min-width:481px) and (max-width:1024px){
	
#container{
		margin-left:30px;
		margin-right:30px;
	}
	
header{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: auto;
}
	
	#idiomas{
		display: none;
	}

.derecha{
	float: right;
	margin-top: -60px;
}

/*LOGO*/

.logo{
	float: none!important;
	margin-bottom: 15px;
}

/*LOGO*/

/*MENU*/

.navbar-nav{
    margin-left: auto !important;

}
	
			
/*MENU*/

/*PARALAX*/

.idioma{
	float: right;
	overflow: auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color:#21a9b0;
	text-decoration: none;
}

	
.idioma2{
	overflow: auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color:white;
	text-decoration: none;
	margin-top: 20px;
}
		
/*MENU*/

/*PARALAX*/

.image1{
	position:relative;
	clear: both;
	height: 100%;
}

.image1 h1{
position: absolute;
    left: 60px;
    color: #21a9b0;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 35px;
    line-height: 15px;
    top: 10px;
    padding-top: 40px;

}

.image1 a{
position: absolute;
    top: 80px;
    right: 30px;
    font-weight: bold;
    background-color:#21a9b0;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color:  rgba(255,255,255,1);
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px
}

.image1 a:hover{
	background-color:rgba(255,255,255,0.5) ;
	color: #21a9b0;
}
/*PARALAX*/



/*QUIROPRACTICA*/

.txt{
text-align: center;
}


#tipos{
	overflow: auto;
	margin-top: 30px;
}

.subtutilos{
	font-size: 16px;
	top: 40%;
}

.subtutilos2{
	font-size: 16px;
	top: 40%;
	margin-left:68px;
}

.subtutilos3{
	font-size: 16px;
	top: 40%;
	margin-left: 80px;
}


/*CURSOS*/



.proxtit{
	color:rgba(0,0,0,1.00);

	font-family:  'Open Sans', sans-serif;
	margin-bottom: 30px;
}

.prox{
	float: right;
	overflow: auto;
	margin-top: 50px;
	margin-right: 150px;
}
.curso{
	margin-left: 30px;
	margin-bottom: 50px;
	border-left: thin solid #21a9b0;
	padding-left: 20px;
}

.fecha{
	font-size: 14px;
	font-family:  'Open Sans', sans-serif;
	float: left;
	margin-right: 5px;
}

.tipo{
	font-size: 14px;
	font-family:  'Open Sans', sans-serif;
	color: #21a9b0;
}

.txtcurso{
	font-size: 16px;
	font-family:  'Open Sans', sans-serif;
}


.explic{
	font-size: 16px;
	font-family:  'Open Sans', sans-serif;
	float: left;
	width: 40%;
	margin-top: 50px;

}

.colcurso{
	/*border: 3px solid #21a9b0;*/
	width: 45%;
	float: left;
	padding: 15px;
	margin-left: 25px;
}



/*CURSOS*/



/*QUIROPRACTICA*/


/*CONTACTO*/

#contacto{
	overflow: auto;
	clear: both;
}

.colcontacto{
	float: left;
	width: 33%;
	margin-top: 50px;
	padding-right: 20px;
	margin-bottom: 30px;
}

.txtcontacto{
	font-family:  'Open Sans', sans-serif;
	font-size: 16px;
	color:rgba(0,0,0,1.00);
}


#email{
	clear: both;
}

#formcontacto{
	width: 70%;
	margin-bottom: 80px; 
}

.input2{
	padding: 5px;
	font-family:  'Open Sans', sans-serif;
	color:rgba(0,0,0,0.3);
	font-size: 16px;
	border: thin solid #21a9b0;
	width: 23%;
	margin-bottom: 20px;
	margin-right: 5px;
}

.input3{
	padding: 5px;
	font-family:  'Open Sans', sans-serif;
	color:rgba(0,0,0,0.3);
	font-size: 16px;
	border: thin solid #21a9b0;
	width: 100%;
	padding-bottom: 55px;
	clear: both;
	float: left;

}

.enviar2{	
	background-color: rgba(33,169,176,0.8);
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: rgba(255,255,255,1.00);
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 5px;
	clear: both;
	margin-top: 20px;

}


/*CONTACTO*/


/*PIE*/

#pie{
	background-color: #21a9b0;
	overflow: auto;
	padding-bottom: 25px;
}

#container2{
	max-width: 100%;
	margin-left:20px;
	margin-right:20px;
	}

.colpie{
	width: 50%;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}


/*PIE*/
}


@media screen and (max-width:481px){
	
	
header{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: auto;
}
	
	#idiomas{
		display: none;
	}
	
	
	#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
	background-color: #F0F0F0;
    color: #21a9b0;

}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: 115px;
    width: 100%;
    text-align:center;
}
#infobox3 p {
    font-size:12px;
    text-align:center;
    padding-top: 20px;
}
#infobox3 p a {
    margin-right:5px;
    text-decoration: underline;
}
	
	

.derecha{
	float: right;
	margin-top: -60px;
}
/*MENU*/
	
		
/*MENU*/

/*PARALAX*/

.idioma{
	float: right;
	overflow: auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color:#21a9b0;
	text-decoration: none;
}

	
.idioma2{
	overflow: auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color:white;
	text-decoration: none;
	margin-top: 20px;
}
		
/*MENU*/

/*PARALAX*/

.image1{
	position:relative;
	clear: both;
	height: 100%;
}

.image1 h1{
display: none;

}
	
	.mas{
		padding-right: 20px;
	}

.image1 a{
position: absolute;
    top: 80px;
    right: 30px;
    font-weight: bold;
    background-color:#21a9b0;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: white;
    padding: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.image1 a:hover{
	background-color:rgba(255,255,255,0.5) ;
	color: #21a9b0;
}
/*PARALAX*/



/*QUIROPRACTICA*/

.txt{
text-align: center;
}


#tipos{
	overflow: auto;
	margin-top: 30px;
	margin-bottom: 0px;
}

.subtutilos{
	font-size: 16px;
	top: 40%;
	margin-bottom: 20px;
}

.subtutilos2{
	font-size: 16px;
	top: 40%;
	margin-left:68px;
}

.subtutilos3{
	font-size: 16px;
	top: 40%;
	margin-left: 80px;
}
	
	.colquiro{
		width: 100%;
		float: none;
	}
	
	.colquiro p{
    font-size: 14px;
    width: 100%;
    line-height: 24px;
	}



.tit2 {
    font-family: 'Lora';
    font-size: 25px;
    color: rgba(75,75,75,1.00);
    margin-bottom: 25px;
}

.izq {
    text-align: center;
    float: none;
   margin-right: 0px;
    width: 100%;
}
/*CURSOS*/



.proxtit{
	color:rgba(0,0,0,1.00);
	font-size: 20px;
	font-family:  'Open Sans', sans-serif;
	margin-bottom: 30px;
}

.prox{
	float: right;
	overflow: auto;
	margin-top: 50px;
	margin-right: 150px;
}
.curso{
	margin-left: 30px;
	margin-bottom: 50px;
	border-left: thin solid #21a9b0;
	padding-left: 20px;
}

.fecha{
	font-size: 14px;
	font-family:  'Open Sans', sans-serif;
	float: left;
	margin-right: 5px;
}

.tipo{
	font-size: 14px;
	font-family:  'Open Sans', sans-serif;
	color: #21a9b0;
}
	
	.tipos{
		margin-top: 0px;
		padding: 20px;
	}

.txtcurso{
	font-size: 16px;
	font-family:  'Open Sans', sans-serif;
}


.explic{
	font-size: 16px;
	font-family:  'Open Sans', sans-serif;
	float: left;
	width: 40%;
	margin-top: 50px;

}

.colcurso{
	/*border: 3px solid #21a9b0;*/
	width: 45%;
	float: left;
	padding: 15px;
	margin-left: 0px;
}



/*CURSOS*/



/*QUIROPRACTICA*/


/*CONTACTO*/

#contacto{
	overflow: auto;
	clear: both;
}

.colcontacto{
	float: left;
	width: 33%;
	margin-top: 50px;
	padding-right: 20px;
	margin-bottom: 30px;
}

.txtcontacto{
	font-family:  'Open Sans', sans-serif;
	font-size: 16px;
	color:rgba(0,0,0,1.00);
}


#email{
	clear: both;
}

#formcontacto{
	width: 70%;
	margin-bottom: 80px; 
}

.input2{
	padding: 5px;
	font-family:  'Open Sans', sans-serif;
	color:rgba(0,0,0,0.3);
	font-size: 16px;
	border: thin solid #21a9b0;
	width: 23%;
	margin-bottom: 20px;
	margin-right: 5px;
}

.input3{
	padding: 5px;
	font-family:  'Open Sans', sans-serif;
	color:rgba(0,0,0,0.3);
	font-size: 16px;
	border: thin solid #21a9b0;
	width: 100%;
	padding-bottom: 55px;
	clear: both;
	float: left;

}

.enviar2{	
	background-color: rgba(33,169,176,0.8);
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: rgba(255,255,255,1.00);
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 5px;
	clear: both;
	margin-top: 20px;

}


/*CONTACTO*/


/*PIE*/

#pie{
	background-color: #21a9b0;
	overflow: auto;
	padding-bottom: 25px;
}

#container2{
	max-width: 100%;
	margin-left:20px;
	margin-right:20px;
	}

.colpie{
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
	
}


/*PIE*/

@media only screen and (min-width: 1024px) {
	.navbar-nav{
    	margin-left: 382px !important;
	}

	#idioma{
		float: right;
		font-size: 7px;
	}
}


@media screen and (max-width: 480px) {

#logo {
    width: 145px;
    height: 75px;
    margin-top: -36px;
}
.ui-draggable{
    

}

#dialog{
	padding: 12px !important;
}

#pedir-cita{
	padding: 17px !important;
    margin-top: 0px!important;
}

iframe {
    width: 100%;
    height: 400px;
}
}

/*
     FILE ARCHIVED ON 04:32:35 Aug 18, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:48:34 Jun 15, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.786
  load_resource: 212.518
  PetaboxLoader3.resolve: 51.383
  PetaboxLoader3.datanode: 97.663 (2)
  loaddict: 114.204
*/