@charset "utf-8";
/* CSS Document */

body{
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	background-image:url(../img/rayas_bg.png);
}

h1,h2,h3{
	margin:0.25em auto;
	text-align:center;
	text-shadow: 5px 5px 10px rgba(40,40,40,0.8);
	font-weight: bold;
}

.cab{
	width:100%;
	height:auto;
	margin: auto;
	padding: 0.5em;
	font-style:italic;
	color:#FFF;
	background-image:url(../img/slider/edith_marquez.jpg);
	background-position: center;
	background-size: cover;
	grid-area: cab;
} 
	.logo {
		max-width:270px;
		height: 100%;
		grid-area: logo;
	}

	.slogan {
		min-height:100px;
		line-height:1.3em;
		background-color: rgba(0,0,0, 0.20);
		grid-area: slogan;
	}

	.top_menu {
		width: 100%;
		height:auto;
		padding-top: 1.5em;
		margin:0.5em 0;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-style: normal;
		color:#FFF;
		justify-self: center;
		text-align: center;
		grid-area: top_menu;
	}

.top_menu ul{
	list-style:none;
}

.top_menu ul li{
		display: inline-block;
		width:120px;
	    margin-right:1px;
	    margin-bottom:5px;
	    padding: 7px 1px;
		text-align:center;
		background: #333;
		border-radius: 5%;
		border-bottom-color:gold;
		border-style:groove;
}

.top_menu ul li a{
	    color: #FFFFFF;
	    text-decoration:none;
		font-size: 1em;
}

.top_menu ul li a:hover{
		font-size:1.2em;
	    font-weight:bold;
	    color: yellow;
		text-decoration: inherit;
		background-color:darkgray;
}

#post_head{
	display: flex;
	align-items: center;
	border-bottom: black dotted thin;
	border-top: black dotted thin;
	background-image: url(../img/bg_doradograd.jpg);
	background-size: contain;
	grid-area: post_head;
}
	.navegacion{
		color: black;
		font-size: 1.3rem;
		font-style: italic;
		font-weight: bolder;
		padding-left: 10px;	
	}

	.principal{
		width:100%;
		height: auto;
		padding-top:5px;
		padding-bottom:5px;
		grid-area: principal;
	}

	.presenta {
		width:auto;
		height:auto;
		font-family: 'Roboto', sans-serif;
		font-size: 1.1em;
		font-style: italic;
		text-align: justify;
		color:#000;
		padding: 5px 25px 10px 25px;
		grid-area: presenta;	
	}

	.img_center{
		height: 350px;
		width: 100%;
		justify-content: center;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75);
}

#tarje{
	width: 100%;
	height: 100%;
	padding-top: 1em;
	background-image: url(../img/bgpx_rayas.png);
	grid-area: tarje;
}
	.card {
		width: 90%;
		height: auto;
		margin-bottom: 30px;
		justify-content: center;
		align-content: center;
		border-top: solid 5px black;
		border-bottom: solid 5px black;
		background-color: rgb(255, 230, 192);
		box-shadow: goldenrod 5px 7px 8px 0px;
	}
	.caption{
		height: 50%;
		background-color: lightgray;
		color: black;
		margin-top: .5em;
		text-shadow: yellow 3px 2px;
		text-align: center;
		text-justify: center;
		padding: 2px 2px;
		font-size: 1.3em;
	}

#col_der{
	min-width:20%;
    padding: 10px;
	grid-area: col_der;
}

	.promo {
		width: 90%;
		height:auto;
		padding: 10px;
		padding-top: 15px;
		margin-bottom: 20px;
		background-color: white;
		border-top: thin black solid;
		-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
	}

#promos_fin{
	width: 100%;
	height: 100%;
	margin-bottom: 30px;
	grid-area: promos_fin;

}


#pre_ft{
	width: 95%;
	margin: auto;
	background-color: #000;
	color: blanchedalmond;
	border-bottom: burlywood groove ;
	grid-area:pre_ft;
}

	.datos_contacto {
		width: 100%;
		min-width:250px;
		height:auto;
		font-size: 1.2em;
		text-decoration: underline;
		background-size: cover;	
	}


footer {
	font-family: 'Roboto', sans-serif;
	margin-top:10px;
	width:100%;
	height:auto;
	background-color: black;
	background-image: url(../img/bg_doradograd.jpg);	
	background-size: contain;
	background-repeat: repeat-x;
	border-top: #000 groove 4px;
	grid-area: pie_pag;
}

	#red_mne {
		text-align: center;
		height:auto;
		color: black;
		border-right: olive 1px dotted;
	}

	#redes_soc {
		text-align: center;
		justify-content: center;
		padding-left: 10px;
		padding-right: 10px;
		height:auto;
		border-right: olive thin dotted;
		color: black;
	}

	#menu_inf {
		min-width:30%;
		height:auto;
		justify-self: center;
	}
		.bottom_menu ul{
			list-style:none;
			padding: 2%;
			width:100%;
		}
		.bottom_menu ul li{
				width:150px;
				line-height: 1.5em;
				margin-right:1px;
				margin-bottom:5px;
				background: rgba(0,0,0, 0.20);
				padding: 5px;
				text-align:center;
				border-radius: 2%;
				border-top: black solid 1px;
				border-bottom: black solid 2px;
		}

		.bottom_menu ul li a{
				color: #FFFFFF;
				text-decoration:none;
				font-size:0.9em;
		}
		.bottom_menu ul li a:hover{
			font-size: 1.1em;
				font-weight: bolder;
				color: #000;
		}
.blancas_grande_gor{
	font-size:2em;
	text-style:bold;
	color: #FFF;
	text-align: left;
}
.negras_pk {
	font-family: Verdana, Geneva, sans-serif;
	font-size:.8em;
	color: black;
	font-style: normal;
}
.blancas_pk {
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #FFF;
}

.negras_gd {
	font-family: Verdana, Geneva, sans-serif;
	font-size:1.2em;
	color: black;
	font-style: normal;
}
.tit_secc{
	font-size: 1.5em;
	line-height: 2em;
	text-align: center;
}