/*-- General --*/
* {text-indent:10px; margin:0px; /*--padding:0px;--*/ border:0px}

html, body {height: 100%;width: auto ;}

.global {display: block ; min-height: 100vh; width: 95%; text-align: center; margin: 5px auto/*--0px 5px 0px 7px;--*/}

p, ul, li {text-align: justify; font-family:Bookman Old Style, Verdana, Arial; font-size: 13pt; text-indent: 25px; }
@media screen and (max-device-width: 320px) {p, ul,li {font-size: 1.2em}}

h1 {font-size: 1.5em; color: green; font-family:Bookman Old Style, Verdana, Arial;font-weight: bold; text-decoration: none; text-align: center}
h2 {font-size: 1.3em; color: red; font-family:Bookman Old Style, Verdana, Arial;font-weight: bold; text-decoration: none; text-align: center}
h3 {font-size: 1.2em; color: blue; font-family:Bookman Old Style, Verdana, Arial;font-weight: bold; text-decoration: none; text-align: center}
h4 {font-size: 1.1em; color: blue; font-family:Bookman Old Style, Verdana, Arial;font-weight: bold; text-decoration: none; text-align: center}

.main {width:95%; margin:auto}
/*-- cabecera --*/
/*-- foto logo --*/
.cabecera {background-color: black; background-image: url(objetos/cab-cartelmv.jpg); background-position: center; background-repeat: no-repeat; height:122px; display: flex; float:center}
@media screen and (max-device-width: 480px) {.cabecera {width: 100%; height: 122px; margin: auto; background-image: url(objetos/cab-cartelmv.jpg); background-position: center };};
@media screen and (max-device-width: 320px) {.cabecera {width: 100%; height: 122px; margin: auto; background-image: url(objetos/cartel-cabmv.jpg); background-position: center };};

/*-- menu navegacion--*/
#menusup {width: auto;}

.navegacionsup {background-color: #ffd700; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; border: black 2px solid;/*-- text-align: justify; align-items:center;   
	width: 100%;overflow: hidden--*/ @media (min-width: 600px){flex-wrap: nowrap;} }
	.navegacionsup ul {flex-basis: 100%; margin-bottom: 0.5rem;  align-items: flex-start; justify-content:flex-start ; float: none;text-align: justify; width: 100%;margin: 2px 0px 4px 2px;}
	.navegacionsup li {float: left; align-items:flex-start ; list-style: none; padding: 1px; margin: auto 1px }
	.navegacionsup li:hover { color: rgb(1, 1, 1); background-color: cornsilk; }
#navegacionsupd {background-color: #99cc00; ;background-position: center; text-align: center; vertical-align:center;
	 border:none; float: right; height: 100%;width: 100%; overflow:visible}		
	 #navegacionsupd ul {text-align: justify; width: 100%; vertical-align:center}
	 #navegacionsupd li {float: left; width: 50%; align-items:center; list-style: none; padding:10px 15px 10px 15px; margin: 10px 10px 10px 10px; }			 
/*-- Fin Cabecera --*/


/*-- cuadro contacto --*/
.contacto	{background: #ffd700; background-image: url(/objetos/logo21.jpg); background-repeat: no-repeat; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-position: center; max-width: auto; height:auto; border:black 4px solid; 
	margin:0 auto; padding-top: 5px; padding-bottom: 5px; font-family:Bookman Old Style, Verdana, Arial; vertical-align: middle;  }
							.contacto p { font-weight:bold; color:#0000ff; text-align:center; overflow: visible; }
							.contacto li {text-decoration:none; list-style:none; color:Black ; font-weight:bold; text-decoration:underline; text-align:center; font-family:Bookman Old Style, Verdana, Arial; }

/*--pie pagina--*/
#impromos {background-image: url(objetos/bonomasajev22.jpg); background-position: center; float: left; width:auto; height:auto; border:black 4px solid; margin:10px 10px 10px 0px;}

#contacto p {font-weight:bold; color:#0000ff; text-align:center}

.pie { /*--float: center;--*/ background-position: center; width:justify; height: 5%; border: none; margin: 10px 0px 10px 0px;font-family:Bookman Old Style, Verdana, Arial}
	.pie p {background: none; font-weight: bold; color: green; text-align: center}