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

html, body {height: 100%;}

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

a {text-decoration: none;}

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}

#global {width:95%; height: auto; margin:5px auto;/* text-align: justify;-*/ display: flex; flex-direction: column;}

/*-- Cabecera --*/
/*-- imagen y menusup --*/
header {width: 100%;}

.cabecera {display:flex ; flex-wrap: wrap; width: 100%; height: auto; position:relative; justify-content: space-around; }
	.logo {display: inline; background-color: black; background-image: url(objetos/cab-cartelred22.jpg); background-position: center; background-repeat: no-repeat; 
		width: 100% ; height:122px; display: block; float: left;}
	/*-- Nav la otra Cara --*/
	/*-- #navegacionsupd {background-color: #99cc00; background-position: center; text-align: center; border: black 2px solid; float: left; height: auto; width: 15%;
				 overflow:scroll; float: left;}		
		#navegacionsupd ul {text-align: left;}
		#navegacionsupd li {align-content:center; list-style: none; padding:0px 3px 0px 3px; margin: 5px 2px 4px 2px; }
		#navegacionsupd li a:hover {color:black; background-color:#8197e9; }
		#navegacionsupd li:hover > ul { color: rgb(1, 1, 1); background-color: cornsilk; }

	/*-- Nav principal 
	#navegacionsup {background-color: #ffd700; background-position: center; text-align: center; border: black 2px solid; float: left; height: auto; width: 15%; overflow:scroll; float: left}
		#navegacionsup ul {text-align: left;}
		#navegacionsup li {align-content: center; list-style: none; padding:0px 3px 0px 3px; margin: 5px 2px 4px 2px; }
		#navegacionsup li a:hover {color: black; background-color:#a6f5c4;} 
		#navegacionsup li:hover > ul { color: rgb(1, 1, 1); background-color: rgb(7, 246, 31); }--*/

	/*-- Logo --*/
	

	/*-- @media screen and (max-width: 480px) {.logo {background-image: url(../objetos/cartel-cabmv.jpg); background-position: center };};
@media screen and (max-width: 320px) {.logo {background-image: url(../objetos/cartel-cabmv.jpg); background-position: center };}; --*/

#navegacionsupd { flex-grow: 2; margin: 2px auto; width: 200px; height: auto; font-family:Arial, Helvetica, sans-serif;}
	#navegacionsupd ul li { background-color: #99cc00; list-style: none;} 
	#navegacionsupd .nav > li {float:right;} 
	#navegacionsupd .nav li a { color:#b307f2; text-decoration:none; padding:10px 12px; display:block;} 
	#navegacionsupd .nav li a:hover {color: black; background-color:#a6f5c4;} 
	#navegacionsupd .nav li ul {display:none; position:absolute; max-width:140px;} 
	#navegacionsupd .nav li:hover > ul {right: 0px; display:block;}
	#navegacionsupd .nav li ul li { right: 0px;position:relative ;}
	#navegacionsupd .nav li ul li ul {left: -140px;top:0px;}

#navegacionsup { flex-grow: 2; margin: 2px auto; width: 200px;height: auto; font-family:Arial, Helvetica, sans-serif;}
    .BlackText {padding: 2px 0 2px 0; font-size: 1.3em Bookman Old Style; font-weight: bold; color: #000000; text-align: left; }
    #navegacionsup ul li {background-color: #ffd700; list-style:none;} 
	#navegacionsup .nav > li {float:left;} 
	#navegacionsup .nav li a { color:#b307f2; text-decoration:none; padding:10px 12px; display:block;} 
	#navegacionsup .nav li a:hover {color:black; background-color:#8197e9;border: none;}
	#navegacionsup .nav li ul {display:none; position:absolute; min-width:140px;}
	#navegacionsup .nav li:hover > ul {display:block;border: none;}
	#navegacionsup .nav li ul li { position:relative;} 
	#navegacionsup .nav li ul li ul {right:-140px;top:0px;}





#menusup {width: auto;}

/*-- Fin cabecera --*/
			 
/*-- Contenido general--*/
.contenido {background-image: url(objetos/logo21.jpg); background-repeat:no-repeat; background-position: center; height:100%; font-family:Bookman Old Style, Verdana, Arial; font-size: 16px}
		#contenido p {padding:5px 10px 5px 10px; text-indent: 25px; text-align: justify; font-family:Bookman Old Style, Verdana, Arial; }			 
		#contenido li {/*--list-style: none;--*/ margin: 5px 15px 10px 0px; padding: 0px 0px 10px 0px;width: auto}
		.RedText {padding: 2px 0 2px 0; font-size: 1.3em Bookman Old Style; font-weight: bold; color: #ff0000; text-align: left; }
    	.linencont {list-style: none; color: green ; font-family:Bookman Old Style, Verdana, Arial,; font-weight: bold; }
		 #contenidoli  {border: none; margin: 10px 0px 0px 0px;font-family:Bookman Old Style, Verdana, Arial}
			.listprinc {list-style-type: style; ; color: none; text-align: justify; margin: 0px 15px 0px 20px;padding: 0px 0px 0px 0px; font-family: Bookman Old Style, Verdana, Arial}			 

		 #contenidolid  {background: none; float: left; width:285px; height:250px; border: black 4px solid; margin: 0px 10px 15px 0px;font-size: 14;font-family:Bookman Old Style, Verdana, Arial}
					#contenidolid p {font-size: 16; font-weight: bold; color: none; text-align: center}
		.contenidocuad  { display: flex; background: #99cc00; position: relative ; width:60%; height:auto; border: black 4px solid; margin: 10px 0px 10px 0px;font-family:Bookman Old Style, Verdana, Arial}
					.contenidocuad p {font-size: 16; font-weight: bold; color: green; text-align: center}							
		/*-parrafo --*/
		#contenind2  { font-size: 14; float: left; width:100%; height:auto; color: none; border: none; margin: 10px 0px 0px 0px;font-family:Bookman Old Style, Verdana, Arial;list-style: none}
		 	#contenind2 p {font-size: 14; font-weight: normal; color: none; text-align: justify}
															
/*-Menu lateral SIN USO--*/

	 					#navegacionlat {background-color:none; height:auto; width:18%; text-align:left; margin:10px 20px 10px 0px; border-top: black 2px solid; border-right: gray 6px solid; border-left: black 1px solid; border-bottom: gray 6px solid}
							 #navegacionlatuno  {width:100%;background: #99cc00; border-top: black 1px solid;border-right: black 4px solid; border-left: black 1px solid; border-bottom: black 2px solid; margin:0px 0px 0px 0px;}
							 #navegacionlat ul {margin-left: 100%}
							 #navegacionlat li {font-size: 14; list-style: none; margin: 0px 0px 5px 6px; font-family:Bookman Old Style, Verdana, Arial}
							 .navint {list-style: none; margin: 0px 0px 0px 16px;text-indent: 0px; text-align: left}
/*-- fin menu lateral --*/

/*-- cuadro contacto --*/
.contacto	{background: #ffd700; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-position: center; max-width: 40%; 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-size:16; font-weight:bold; color:#0000ff; text-align:center }
							.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,; font-size:22}	

/*-- cuadros promos --*/
#impromos {background-image:url(objetos/bonomasajev22.jpg); background-position: center; float: none; width:auto; height:600; border:black 4px solid; margin:auto;}
							 								
#publi {background: #99cc00; /*--float:left;--*/ width:auto; height:auto; border: black 4px solid; margin: 10px 5px 10px 0px;font-family:Bookman Old Style, Verdana, Arial}
		#publi p {padding:5px 10px 5px 10px; text-indent: 25px; text-align: Justify; font-family:Bookman Old Style, Verdana, Arial,; font-size: 14}			 
		#publi li {/*--list-style: none;--*/ margin: 5px 5px 10px 5px; text-align: Justify; padding: 0px 0px 10px 5px;width: auto}
		
/*-- pie pagina--*/
.pie1 { margin-top: 100px  ;background-color: #ffd700; width: 100% ; height: auto; border: 2px salmon solid; margin: 10px 0px 10px 0px;font-family:Bookman Old Style, Verdana, Arial}
					.pie1 p { font-size: 14; font-weight: bold; color: green; text-align: center}