@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital@1&display=swap');
body { -webkit-tap-highlight-color:transparent !important;font-family: 'Barlow Condensed', sans-serif;color:#202020;border:0px solid blue;}
/*
h1 { font-size: 1em; }
h2 { font-size: 1em; }
h1, h2 { font-weight: bold; margin: 0px 0; }
p { font-size: .9em; margin: 5px 0; }
* */
ul { padding-left: 10px; margin: 10px 0; list-style-type:disc; }

img{max-width:100%;border:0;} 

div,header,footer{box-sizing:border-box;}
.clear{clear:both;}

#topinnerheader,#innerheader,#innerbanner,#innercontent,#innerfooter{margin:0 auto;}




#topheader{
background-color:#030202;
}
#topinnerheader{
color:#fff;
background-color:#2E2E2E;

}






#header{
background-color:#997B3B;

}
#innerheader{
background-color:#E1D9C6;
position:relative;
}
#innerheader img{max-height:100%;}

#inner_h_izq{
color:#fff;
border:0px solid blue;

background:#8D7657 url('../imagenes/terapeutaonline_02.jpg') no-repeat -80px 0px;
/*background-size:cover,contain;*/
height:250px;
box-sizing:border-box;}

#inner_h_der{border:0px solid red;
box-sizing:border-box;
text-align:center;
background-color:#fff;
padding-top:15px;
}


/*
#banner{
background-color:#523A06;
}
#innerbanner{
background-color:#fff;
}

*/
#content{
background-color:#fff;
}
#innercontent{
background-color:#fff;
}


#footer{
background-color:#2E2E2E;
}
#innerfooter{
background-color:#2E2E2E;
}

/**** topheader ****/
#sociales{text-align:left;padding:10px 20px;}
#sociales img{padding:0 0 0 2px;}

/**** header ****/
h1,.h1,#innerheader h2{color:#997B3B;text-align:center;text-shadow:1px 1px 1px #FFFEFB;font-weight:bold;}

h1{font-size:30px;border:0px solid pink;}

#cv{text-align:right;font-weight:normal;color:#997B3B;text-shadow:1px 1px 1px #fff;}

#inner_h_izq #cv p{font-size:1em;padding:0px 20px 0 0;margin:0;}

#innerheader h2{font-size:26px;padding-top:0px;border:0px solid pink;width:100%;}

.h1{font-size:28px;margin:-10px 0px 0px 0;padding-left:44px;}



/**** content ****/
	
	#content #izq{padding-top:10px;}
#content #izq nav a{border-radius:15px;
		border:2px solid #fff;
		float:left;
		width:50%;
		font-size:1.3em;
		font-weight:bold;
		letter-spacing:0.07em;
		color:#fff;
		text-decoration:none;
		text-align:center;
		margin-bottom:0px;
		background-color:#997B3B;
		box-sizing:border-box;
		overflow:hidden;
		
	}
#content #izq nav .uno a{height:70px;line-height:64px;padding:2px 0;}
#content #izq nav .dos a,#content #izq nav .dos_1 a{height:70px;line-height:30px;padding:2px 0;}
#content #izq nav .tres a{height:70px;line-height:30px;padding:2px 0;}	

	#content #izq nav a:hover{
		color:#997B3B;
		background-color:#E1D9C6;
	}



/********************* content der***********************/





#der{padding:20px 10px;border:0px solid red;box-sizing:border-box;}

#der .text_der{text-align:right;}
#der .text_der img{vertical-align:-15px;}

#caja_header,#caja_header_2{text-align:center;}
#content #der .h2{padding:0px 0 5px;font-size:1.3em;font-weight:bold;}

@media only screen and (min-width: 45em) {
#caja_header div,#caja_header_2 div{float:left;border-sizing:border-box;}
#caja_header .caja_1{width:40%;line-height:80px;}
#caja_header .caja_2{width:20%;}

#caja_header_2 .caja_1,#caja_header_2 .caja_2{width:50%;line-height:80px;}
#content #der #caja_header_2 .caja_1 h2{text-align:right;padding-right:80px;}
#content #der #caja_header_2 .caja_2{text-align:left;padding-left:80px;}
}




#content #der p,#content #der ul,#content #der li{font-weight:normal;}
#content #der h2,#content #der .h2,#content #der h3,#content #der .h3,#content #der h4{color:#997B3B;}
#content #der h2{
	padding:20px 0 5px;
	text-align:center;
	font-size:1.5em;
	}
#content #der .subh2{text-align:center;
	font-size:1em;}
#content #der h3{
	padding:5px 0 10px;
	text-align:center;
	font-size:1.2em;
	}
#content #der .h3{
	padding:5px 0 0px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	}
#content #der h4{
	line-height:1.4em;padding:10px 0px 20px 10px;
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
	}
#content #der ul a{
color:#202020;text-decoration:none;
}
#content #der ul a:hover{
color:#997B3B;
}
#content #der header  ul#menu_a{
padding-top:10px;border:0px solid blue;
	margin-left:25px;
	list-style-type:square;
	font-size:1.1em;
		font-weight:normal;
		
	}
	#der ul#menu_a{color:#997B3B;}
#content #der p{font-size:1em;}	
#content #der ol,#der ul{
padding-top:10px;border:0px solid blue;
	margin-left:25px;
	list-style-type:circle;
	font-size:1em;
		font-weight:normal;
	}
	
#content #der ul li,#content #der ol li{
	padding-bottom:10px;
	}
.subir img{float:right;}

#content #der .der_a{
color:#997B3B;text-decoration:none;
}
#content #der .der_a:hover{
color:#202020;text-decoration:underline;
}

/**** footer ****/
#innerfooter p{
font-size:1.1em;
	padding-bottom:15px;
	color:#ccc;
}

#innerfooter a{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}

#innerfooter a:hover{
	color:silver;
	text-decoration:underline;
}
#innerfooter #ziete{
	padding-bottom:15px;
	text-align:center
}
#innerfooter #ziete a{color:#ccc;
	padding-bottom:15px;
	text-align:center
}
footer{position:relative;

}
#fixed{
position:fixed;
bottom:0;
right:20px;
z-index:1000;
}




.center{text-align:center;}
.clear{clear:both;}

.pc{display:none;}

#pc{display:none;}


/* 340px */
@media only screen and (min-width: 380px) {
#inner_h_izq{background-position:-74px 0px;}

}

@media only screen and (min-width: 377px) {
#content #izq nav .dos_1 a{height:70px;line-height:64px;padding:2px 0;}
}

@media only screen and (min-width: 425px) {
#content #izq nav .dos a{height:70px;line-height:64px;padding:2px 0;}
}/* 420px */


@media only screen and (min-width: 30em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:30em;}
#inner_h_izq{background-position:-60px 0px;}
#sociales img{padding:0 0 0 20px;}
#content #izq nav .tres a{height:70px;line-height:64px;padding:2px 0;}
#content #der p,#content #der li{text-align:justify;}	
}/* 480px */


@media only screen and (min-width: 45em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:45em;}
#caja_header div,#caja_header_2 div{float:left;border-sizing:border-box;}
#caja_3 .caja_1{float:left;border-sizing:border-box;width:33.33%;text-align:center;}
#inner_h_izq{width:60%;float:left;}
#inner_h_der{float:right;width:40%;background-color:#E1D9C6;padding-top:0px;}





}/* 720px */


@media only screen and (min-width: 64em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:62em;}

.cel{display:none;}
.pc{display:inline;}
#cel{display:none;}
#pc{display:inline;}

#inner_h_izq{width:73%;background:url('../imagenes/terapeutaonline_04.jpg') no-repeat 0px 0;}
#inner_h_der{float:right;width:27%;}

h1,#innerheader h2{text-align:left;padding-left:440px;}
.h1{text-align:left;padding-left:500px;}
h1{font-size:30px}
#innerheader h2{font-size:30px;margin-top:0px;}
#cv{padding:0px 0px 0;}

#content #izq nav a{width:25%;}

}/* 1024px */

 
@media only screen and (min-width: 80em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:80em;}
#inner_h_izq{width:76%;}
#inner_h_der{float:right;width:24%;}
h1,#innerheader h2{text-align:left;padding-left:500px;}
h1{font-size:38px;}
#cv{padding:0px 0px;}
.h1{text-align:left;padding-left:600px;}
#innerheader h2{font-size:30px;margin-top:-10px;}
}/* 1280px */