* {
	box-sizing: border-box; margin: 0; border: 0 none; padding: 0;
	background-color: inherit; color: inherit; 
	font-family: inherit; font-style: inherit; font-size: inherit; font-weight: inherit; line-height: inherit;
}
body {
	width: 100%; min-width: 40rem; max-width: 79rem; margin: 0 auto; padding: 0 .5rem;
	background-color: #FFFFFA; color: #222;
	font-family: sans-serif; font-style: normal; font-size: 100%; font-weight: normal; line-height: 1.5;
}

strong, b { font-weight: bold; }

.fila     { clear: both; }
.colIzda  { float: left; }
.colDcha  { float: right; }
.colResto { overflow-y: auto; }

.izda { text-align: left; }
.dcha { text-align: right; }
.cent { text-align: center; }
.just { text-align: justify; }
.sang { margin-left: 3rem; }
.san2 { margin-left: 2rem; }

.oculto { display: none; }

a 		{ color: #ad5e51; font-weight: bold; text-decoration: none; outline: none; }
a:hover { text-decoration: none; text-decoration-thickness: .125rem; text-decoration-skip-ink: all; }

#bodyHeader { margin: .5rem 0 0 0; color: #ad5e51; text-align: left; overflow: hidden; white-space: nowrap; }
#logoSeiem { width: auto; height: 5rem; margin: 0 1rem; display: inline-block; }
@media (min-width: 48.5rem) { #logoCordoba { width: auto; height: 10rem; margin: 0 1rem 1rem; display: inline-block; float: right;} }
@media (max-width: 48.5rem) { #logoCordoba { display: none; } }
#bodyHeader div { display:inline-block; vertical-align: top; padding: .5rem 1.5rem 0 .5rem; white-space: nowrap;  }
#bodyTitulo { font-size: 2.5rem; font-weight: bold; font-variant: small-caps; line-height: 2.5rem; white-space: nowrap; }
#bodySubTit { font-size: 1.5rem; line-height: 1.5rem; white-space: nowrap; }

#mainNav { display: block; border-bottom: 2px solid #AEA26F; padding: 0 .5rem .1rem 0; text-align: right; white-space: nowrap; line-height: 1rem;}
.iconNav { display: inline-block; margin-left: .75rem; vertical-align: middle; font-size: 1.5rem; font-weight: bold; }
#textNav { display: inline-block; white-space: normal; vertical-align: middle; }
#textNav a { margin-left: 0.75rem; font-weight: normal; }
@media (min-width: 46rem) { #textNav { display: inline-block; } #iconNav { display: none; } }
@media (max-width: 46rem) { #textNav { line-height: 1.5rem; display: none; max-width: 30rem; } #iconNav { display: inline-block; } }
#mainNav:hover #textNav { display: inline-block; }

#googleCal { border-width:0; height:30rem; }
@media (min-width: 46rem) { #googleCal { width:80%;  } }
@media (max-width: 46rem) { #googleCal { width:100%; } }

.carrusel { position:relative; width: 100%; height: 17rem; overflow: hidden; }
.carrusel div {
	position: absolute;
	width: 100%; min-width: 35rem; max-width: 80rem; height: 17rem;
	padding: 1rem 3rem 0 3rem; font-size: 2rem; text-align: right; 
	background-color:rgba(255, 255, 248, 0.5); color: #740E30;
	overflow: hidden; z-index:10;
}
.carrusel img { display:inline-block; width: 100%; height: 17rem; object-fit: cover; }
.carrusel img:nth-child(2) { animation: foto1 60s infinite; object-position: 50% 35%; }
.carrusel img:nth-child(3) { animation: foto5 60s infinite; object-position: 50% 50%; }
.carrusel img:nth-child(4) { animation: foto2 60s infinite; object-position: 50% 50%; }
.carrusel img:nth-child(5) { animation: foto6 60s infinite; object-position: 50% 20%; }
.carrusel img:nth-child(6) { animation: foto3 60s infinite; object-position: 50% 70%; }
.carrusel img:nth-child(7) { animation: foto7 60s infinite; object-position: 50% 30%; }
.carrusel img:nth-child(8) { animation: foto4 60s infinite; object-position: 50% 70%; }
.carrusel img:nth-child(9) { animation: foto8 60s infinite; object-position: 50% 70%; }

@keyframes foto1 { 0% { width:100%; }    6% { width:100%; }    7% { width:0;    } 93.5% { width:0;     } 94.5% { width:100%; } 100% { width:100%; } }
@keyframes foto2 { 0% { width:0;    }    6% { width:0;    }    7% { width:100%; } 18.5% { width: 100%; }   19% { width:0;    } 100% { width:0;    } }
@keyframes foto3 { 0% { width:0;    } 18.5% { width:0;    } 19.5% { width:100%; }   31% { width: 100%; }   32% { width:0;    } 100% { width:0;    } }
@keyframes foto4 { 0% { width:0;    }   31% { width:0;    }   32% { width:100%; } 43.5% { width: 100%; } 44.5% { width:0;    } 100% { width:0;    } }
@keyframes foto5 { 0% { width:0;    } 43.5% { width:0;    } 44.5% { width:100%; }   56% { width: 100%; }   57% { width:0;    } 100% { width:0;    } }
@keyframes foto6 { 0% { width:0;    }   56% { width:0;    }   57% { width:100%; } 68.5% { width: 100%; } 69.5% { width:0;    } 100% { width:0;    } }
@keyframes foto7 { 0% { width:0;    } 68.5% { width:0;    } 69.5% { width:100%; }   81% { width: 100%; }   82% { width:0;    } 100% { width:0;    } }
@keyframes foto8 { 0% { width:0;    }   81% { width:0;    }   82% { width:100%; } 93.5% { width: 100%; } 94.5% { width:0;    } 100% { width:0;    } }

header { color: #ad5e51; text-align: center; }

main { margin: 1rem 0; padding: 0 3rem; clear:both; }

article > header { padding: 2rem 0; font-size: 2rem; font-weight: bold; }
article > h2  { text-align: left; padding: 1rem 0; font-size: 1.5rem; font-weight: bold;color: #ad5e51 }
article > h3  { text-align: left; padding: 0rem 0; font-size: 1rem; font-weight: bold;color: #ad5e51 }

section { text-align: center; }
section > header { padding-bottom: 1rem; font-size: 1.5rem; }

article > section { margin-bottom: 3rem }
article > .grid   { margin-bottom: 3rem }

.contenido { display: inline-block; text-align: left; }
.importante { text-align: center; font-weight: bold;color: #cc0000}


dt { color: #ad5e51; font-weight: bold; }
dd { margin: 0 0 1rem 4rem;}

ul 		{ padding-left: 0rem; }
dd > ul	{ padding-left: 0; }

p.subtitulo { font-size: 85%; font-weight: normal; font-style: italic; }

p { margin-top: .5rem; margin-bottom: .5rem}
p + p { margin-top: 1rem; }
p + p.subtitulo { margin-top: .5rem; }

main a { color: #366; font-weight: normal; }
hr {height:2px;border-width:0;color:#ad5e51;background-color:#ad5e51;margin-top: 10px;margin-bottom: 20px;}
.grid 	   { display: grid; grid-template-columns: repeat(2, auto); row-gap: 3rem; column-gap: 4rem; }
.itemFila  { display: block; grid-column-start: 1; grid-column-end: span 2; }
.itemCelda { display: block; }
@media (max-width: 60rem) { .itemCelda  { grid-column-start: 1; grid-column-end: span 2; } }

.kimmy { display: inline-block; white-space: nowrap; }
.nowrap { white-space: nowrap; }

table { display: inline-block; border-collapse: collapse; }
tfoot { font-size: .85rem; }
td { text-align: left; vertical-align: top; border-top: 1px dotted #740E30; border-bottom: 1px dotted #740E30; padding: .125rem .5rem; }
tr:first-child td { border-top: 2px solid #740E30; }
tr:last-child td { border-bottom: 2px solid #740E30; }

ul.programa {
	display: inline-block;
	list-style-type: none;
	text-align: left;
	border-top: 2px solid #740E30;
	border-bottom: 2px solid #740E30;
	padding: 0; 
}
ul.programa li {
	border-top: 1px dotted #740E30;
	padding: .125rem .5rem;
}
ul.programa li:first-child { border-top: 0 none; }
ul.programa li:last-child { border-bottom: 0 none; }

img.izda {
	float: left; 
	margin: 0 1rem .25rem 0; 
}

#patro {
	text-align: center; border-top: 1px solid #740E30; padding-top: 1rem;
}
#patro .unPatro {
	display: inline-block; width: 6rem; height: 6rem; margin: 0 .5rem 1rem .5rem;
	background-position:center; background-repeat: no-repeat; background-size: contain;
}

#bodyFooter {
	border-top: 1px solid #740E30; padding: .25rem 1rem .5rem 1rem;
	color: #740E30; font-size: .75rem; font-weight: bold;
	text-align: right; white-space: nowrap;
}

#formulario section {
	text-align: left;
}
#formulario header {
	font-size: 1rem; 
	font-weight: bold;
	text-align: left;
	padding-bottom: .25rem;
	border-bottom: 2px solid #740E30;
	margin-bottom: .25rem;
}
#formulario .inline { display: inline-block; }
#formulario label {	white-space: nowrap; }	
#formulario label.spcAmbos { display: inline-block; padding:0 1rem; }
#formulario label.spcIzda { display: inline-block; padding:0 0 0 1rem; }
#formulario label.spcDcha { display: inline-block; padding:0 1rem 0 0; }

#divSalida {
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
}

input, select, textarea {
	border: 1px solid #740E30; border-radius: .25rem; padding: 1px .125rem;
}
textarea { min-width: 20rem; max-width: 45rem; width: 100%; }

button {
	border: 3px solid #740E30; border-radius: 1rem;
	padding: .25rem 1rem;
	background-color: #FFF; color: #740E30; font-size:1rem; font-weight: bold;
	cursor: pointer;
}
button:hover {
	background-color: #740E30; color: #FFF;
}