/* logs:	V:3.11.00 251224-0926-HM: Se adiciono el @ para tablets, or ahora identico al @ para laptops
			V:3.10.02 251224-0926-HM: se unificarpn tres archivos y se borro el de @Drive. solo quedo el de htdocs
			V:3.10.01 251215-1940-NY KTN= TT1292B4V 

file: 	C:\xampp\htdocs\www.favelsoft.com\portfolio\portfolio.css
inhd: 	basicX.css V3.01 2025-10-28
afct:	./saludo.php
call: 	./saludo.php
idls: 	[list of id names]
desc:	[Description]
poli:	[Policies, Directives, Norms]	
nots:	[Notes] 1
*/
/*@charset "UTF-8"; Dark 382604 Hard #d49a06, Medium #f2e3bf, Light f2eee6
@charset "UTF-8";/* Dark #3e3f29 Hard #a8a87a, Medium #dfef28, Light #f2efba */
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
body{
	/* background-image:url("./img/bg00060c.jpg"); */
	background-image:url("./img/bg00060l.jpg");
	font-family:Helvetica, Tahoma, Arial; 
	background-color: #aaa !important;	
	background-position-y: 50px; 
	background-position:center;
	background-repeat:repeat;
	background-size:cover; 
}
footer{
	bottom:0vh;
	background-color:#111;	
	color:#bbb;
	font-family:verdana; 	
	left:0;
	margin:0px;
	padding: 3px;
	position:fixed;
	text-align: center;
	width: 100vw;
}
footer p{
	font-size: 12px;
	padding:5px;
}
header{
	background: linear-gradient(135deg, #d2dfed 0%,#c8d7eb 20%,#a6c0e3 35%,#a6c0e3 35%,#a6c0e3 38%,#a6c0e3 45%,#a6c0e3 45%,#bed0ea 51%,#afc7e8 62%,#bad0ef 75%,#99b5db 88%,#799bc8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 1px solid gray;
	color: #111;
	height: 100px;/*fixed height*/
	left: 0;
	margin: auto;
	padding-top:30px;
	top: 0;
	text-align:center;
	text-shadow: 0px 0px 15px #f2e3bf;
	width: 100%;
}
#logWindow{ 
	/*background-image:fondo00.jpg;*/
	background-color:rgb(223, 238, 238);
	border:2px solid darkgreen;
	border-radius:10px;
	box-shadow: 12px 12px 20px 15px #333;
	font-size:1.5em;
	margin:150px auto;
	position:fixed;/*absolute relative*/
	padding:20px;
	text-align:center;
	top:100px; left:5%;
	width:90vw;
}
main{
	/* background-image:url("./img/bg00060c.jpg"); */
	display:block;
	height:100vh;
	margin:0px auto;
	min-width: 800px;
}
@media only screen and (min-width:1200px){
	body{
		background-image:url("./img/bg00060c.jpg");
		background-size:cover; 
		background-repeat:no-repeat;
	}
	header{
		height: 150px;/*fixed height*/
	}
	header h1{/* h1s but only when in the header*/
		font-size: 2.5em;
	}
	main{
		display:block;
		height:100vh;
	}
	#logWindow{ 
		/*background-image:fondo00.jpg;*/
		border-radius:20px;
		margin:auto;
		top:100px; left:30%;
		width:40vw;
	}
	#miniMenu_00{
		display:none;
		border:1px solid white; border-radius:10px;
		position:absolute;
		background:teal;
		width:50px; height:50px;
		left:0; top:100px
	}
	nav {
		display:flex;
		width:100%;
	}
	nav ul{ left:0px;
			width:100%;
	}
	nav ul li ul li{/*border:5px dotted yellow; Imported from linux RHEL.css*/ 
		font-size:1em;/* Tested */
		width:50%;
	}
	nav ul ul {
		left:0;
		width:100%;/* Imported from linux RHEL.css*/
	}
	nav ul li{/*morato navigator*/
		display:inline-block;/*morato navigator*/
		font-size:1em;/* Tested */
		width:16%;/*morato navigator*/
		text-align:center;
	}
	nav ul li ul li{/* border:5px dotted yellow;Imported from linux RHEL.css*/ 	
		text-align:left;
		width:100%;/* Tested */
		z-index:1;/* Imported from linux RHEL.css*/
	}
}
@media only screen and (min-width:700px) and (max-width:1199px){
	body{
		background-image:url("./img/bg00060c.jpg");
		background-size:cover; 
		background-repeat:no-repeat;
	}
	header{
		height: 150px;/*fixed height*/
	}
	header h1{/* h1s but only when in the header*/
		font-size: 2.5em;
	}
	main{
		display:block;
		height:100vh;
	}
	#logWindow{ 
		/*background-image:fondo00.jpg;*/
		border-radius:20px;
		margin:auto;
		top:100px; left:30%;
		width:40vw;
	}
	#miniMenu_00{
		display:none;
		border:1px solid white; border-radius:10px;
		position:absolute;
		background:teal;
		width:50px; height:50px;
		left:0; top:100px
	}
	nav {
		display:flex;
		width:100%;
	}
	nav ul{ left:0px;
			width:100%;
	}
	nav ul li ul li{/*border:5px dotted yellow; Imported from linux RHEL.css*/ 
		font-size:1em;/* Tested */
		width:50%;
	}
	nav ul ul {
		left:0;
		width:100%;/* Imported from linux RHEL.css*/
	}
	nav ul li{/*morato navigator*/
		display:inline-block;/*morato navigator*/
		font-size:1em;/* Tested */
		width:16%;/*morato navigator*/
		text-align:center;
	}
	nav ul li ul li{/* border:5px dotted yellow;Imported from linux RHEL.css*/ 	
		text-align:left;
		width:100%;/* Tested */
		z-index:1;/* Imported from linux RHEL.css*/
	}
}