@media screen and (min-device-width:1920px){
	html{height:100%;min-height:100%;} 
	*{margin:0px;padding:0px;border:0px;}
    body{font-family:Verdana; font-size:14px;color:#000000;background-color:#ffffff;width:100%;height:100%;min-height:100%;;overflow-x:hidden;}
    div.clear{clear:both;}
    a, a:link, a:visited {color:#ffffff; text-decoration:none;}
    a:hover {color:gray;text-decoration:none;}
	div.contenidor{width:100%;height:100%;min-height:100%;text-align:center;margin: 0px auto;}
	div.cabecera{position:relative;width:100%;height:160px;text-align:center;background-color:#8a202c;color:#ffffff;}
	img.logo{height:100%;vertical-align:middle;margin-right:50px;}
	h1{font-family:Verdana;width:100%;font-size:30px;font-weight:normal;text-align:center;letter-spacing:1px;}
	h1 span{margin-left:30%;}
	div.menu{position:relative;width:100%;height:70px;text-align:center;background-image:url(../grafics/indi.gif);}
	table.tabmenu{margin:0px auto;text-align:center;}
	td.celmenu{padding-left:50px;padding-right:50px;height:70px;text-align:center;font-size:20px;letter-spacing:1px;}
	td.celmenu a, a:link, a:visited {color:#ffffff;text-decoration:none;}
	td.celmenu a:hover{color:gray;border-bottom:2px solid gray;}
	td.titup{padding-left:50px;padding-right:50px;height:70px;text-align:center;font-size:20px;letter-spacing:1px;color:gray;}
	span.asub{border-bottom:2px solid gray;}
	div.inicioleft{float:left;position:relative;width:50%;text-align:left;font-size:18px;margin-top:50px;color:#000000;}
	img.katy{margin-top:60px;margin-left:75px;}
	div.inicioright{float:right;position:relative;width:50%;text-align:center;font-size:18px;margin-top:50px;color:#000000;font-weight:bold;}
	div.pie{position:relative;width:100%;min-height:70px;bottom:0px;text-align:center;background-image:url(../grafics/indi.gif);font-size:16px;line-height:70px;letter-spacing:1px;color:#ffffff;}
	div.piespan{position:absolute;width:100%;min-height:70px;bottom:0px;text-align:center;background-image:url(../grafics/indi.gif);font-size:16px;line-height:70px;letter-spacing:1px;color:#ffffff;}
	div.total{position:relative;width:95%;text-align:center;margin:0px auto;margin-top:50px;}
	table.admin{width:90%;text-align:center;margin:0px auto;background-color:#dadada;}
	table.admin td{text-align:center;padding:20px;}
	table.admin select{cursor:pointer;font-family:arial;font-size:1rem;padding:3px;-moz-box-shadow:inset 1px 1px 2px 0 #707070;-webkit-box-shadow:inset 1px 1px 2px 0 #707070;box-shadow:inset 1px 1px 2px 0 #707070;}
	table.admin input[type=text],input[type=password]{font-family:arial;font-size:1rem;padding:3px;-moz-box-shadow:inset 1px 1px 2px 0 #707070;-webkit-box-shadow:inset 1px 1px 2px 0 #707070;box-shadow:inset 1px 1px 2px 0 #707070;}
	table.admin input[type=number]{width:50px;font-family:arial;font-size:1rem;padding:3px;-moz-box-shadow:inset 1px 1px 2px 0 #707070;-webkit-box-shadow:inset 1px 1px 2px 0 #707070;box-shadow:inset 1px 1px 2px 0 #707070;}
	table.admin textarea{width:80%;height:200px;resize:none;margin-top:10px;margin-bottom:10px;font-family:arial;font-size:1rem;padding:3px;-moz-box-shadow:inset 1px 1px 2px 0 #707070;-webkit-box-shadow:inset 1px 1px 2px 0 #707070;;box-shadow:inset 1px 1px 2px 0 #707070;}
	table.admin input[type=button],input[type=reset],input[type=submit]{border:1px solid white;border-radius:12px;padding:5px;margin:10px;font-size:1rem;letter-spacing:0.1rem;cursor:pointer;background-color:green;color:white;}
	table.admin input[type=file]{cursor:pointer;font-family:arial;font-size:1rem;padding:3px;}
	table.admin input[type=button]:hover{background-color:red;}
	table.admin input[type=reset]:hover{background-color:red;}
	table.admin input[type=submit]:hover{background-color:red;}
	div.marc{position:relative;width:90%;height:auto;margin:0px auto;text-align:left;border:3px solid #8a202c;border-radius:10px;margin-top:3%;background-color:#dadada;overflow:hidden;color:#000000;}
	ul.directorios {padding-left:50px; padding-bottom:20px;padding-top:20px;list-style-type:square;text-align:left;color:#000000;}  
	ul.directorios li {padding-bottom:5px;font-weight:bold;color:#000000;}
	ul.directorios li a, a:link, a:visited {color:#000000;text-decoration:none;}
	ul.directorios li a:hover{color:gray;text-decoration:none;}
	div.marc p{padding:0.5%;font-size:1.3rem;letter-spacing:1px;text-align:center;background-color:#8a202c;color:#ffffff;}
	#proceso{position:absolute;top:80px;left:50%;width:300px;height:300px;text-align:center;background-color:#dadada;border:3px solid #8a202c;margin-left:-150px;z-index:100;}
	#proceso input[type=button]{border-radius:12px;padding:5px;margin-bottom:10px;margin-left:20px;margin-right:10px;font-size:0.8rem;letter-spacing:0.1rem;cursor:pointer;background-color:green;color:white;}
	#proceso input[type=button]:hover{background-color:red;}
	div.listafotos{float:left;position:relative;padding:10px;display:block;}
	div.listafotos img{width:150px;}
}

@media screen and (min-device-width:1024px) and (max-device-width:1919px){
	html{height:100%;min-height:100%;} 
	*{margin:0px;padding:0px;border:0px;}
    body{font-family:Verdana; font-size:14px;color:#000000;background-color:#ffffff;width:100%;height:100%;min-height:100%;;overflow-x:hidden;}
    div.clear{clear:both;}
     a, a:link, a:visited {color:#ffffff; text-decoration:none;}
     a:hover {color:gray;text-decoration:none;}
	div.contenidor{width:100%;height:100%;min-height:100%;text-align:center;margin: 0px auto;}
	div.cabecera{position:relative;width:100%;height:160px;text-align:center;background-color:#8a202c;color:#ffffff;}
	img.logo{height:100%;vertical-align:middle;margin-right:50px;}
	h1{font-family:Verdana;width:100%;font-size:30px;font-weight:normal;text-align:center;letter-spacing:1px;}
	h1 span{margin-left:50%;}
	div.banner{position:relative;width:100%;}
	div.banner img{width:100%;display:block;}
	div.menu{position:relative;width:100%;height:70px;text-align:center;background-image:url(../grafics/indi.gif);}
	table.tabmenu{margin:0px auto;text-align:center;}
	td.celmenu{padding-left:50px;padding-right:50px;height:70px;text-align:center;font-size:20px;letter-spacing:1px;}
	td.celmenu a, a:link, a:visited {color:#ffffff;text-decoration:none;}
	td.celmenu a:hover{color:gray;border-bottom:2px solid gray;}
	td.titup{padding-left:50px;padding-right:50px;height:70px;text-align:center;font-size:20px;letter-spacing:1px;color:gray;}
	span.asub{border-bottom:2px solid gray;}
	img.fotoini{float:left;width:50%;margin-left:50px;margin-right:50px;margin-bottom:50px;}
	div.inicioleft{float:left;position:relative;width:50%;text-align:left;font-size:18px;line-height:18px;letter-spacing:2px;margin-top:50px;color:#8a202c;}
	img.katy{margin-top:50px;}
	div.inicioright{float:right;position:relative;width:50%;height:560px;text-align:center;font-size:16px;line-height:20px;letter-spacing:2px;margin-top:50px;color:#8a202c;background-image:url(../grafics/ulls.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;font-weight:bold;}
	p.frase{width:50%;text-align:left;color:#000000;margin:0px auto;margin-top:100px;margin-bottom:280px;}
	a.mail{color:#8a202c;font-size:20px;}
	a.mail:hover{color:gray;}	
	div.pie{position:relative;width:100%;min-height:70px;bottom:0px;text-align:center;background-image:url(../grafics/indi.gif);font-size:16px;line-height:70px;letter-spacing:1px;color:#ffffff;}
	div.piespan{position:relative;width:100%;margin-top:100px;min-height:70px;text-align:center;background-image:url(../grafics/indi.gif);font-size:16px;line-height:70px;letter-spacing:1px;color:#ffffff;}
	div.total{position:relative;width:95%;text-align:center;margin:0px auto;margin-top:50px;}
	table.admin{width:90%;text-align:center;margin:0px auto;background-color:#dadada;}
	table.admin td{text-align:center;padding:20px;}
	table.admin select{cursor:pointer;font-family:arial;font-size:1rem;padding:3px;-moz-box-shadow:inset 1px 1px 2px 0 #707070;-webkit-box-shadow:inset 1px 1px 2px 0 #707070;box-shadow:inset 1px 1px 2px 0 #707070;}
	table.admin input[type=text],input[type=password]{font-family:arial;font-size:1rem;padding:3px;-moz-box-shadow:inset 1px 1px 2px 0 #707070;-webkit-box-shadow:inset 1px 1px 2px 0 #707070;box-shadow:inset 1px 1px 2px 0 #707070;}
	table.admin input[type=number]{width:50px;font-family:arial;font-size:1rem;padding:3px;-moz-box-shadow:inset 1px 1px 2px 0 #707070;-webkit-box-shadow:inset 1px 1px 2px 0 #707070;box-shadow:inset 1px 1px 2px 0 #707070;}
	table.admin textarea{width:80%;height:200px;resize:none;margin-top:10px;margin-bottom:10px;font-family:arial;font-size:1rem;padding:3px;-moz-box-shadow:inset 1px 1px 2px 0 #707070;-webkit-box-shadow:inset 1px 1px 2px 0 #707070;;box-shadow:inset 1px 1px 2px 0 #707070;}
	table.admin input[type=button],input[type=reset],input[type=submit]{border:1px solid white;border-radius:12px;padding:5px;margin:10px;font-size:1rem;letter-spacing:0.1rem;cursor:pointer;background-color:green;color:white;}
	table.admin input[type=file]{cursor:pointer;font-family:arial;font-size:1rem;padding:3px;}
	table.admin input[type=button]:hover{background-color:red;}
	table.admin input[type=reset]:hover{background-color:red;}
	table.admin input[type=submit]:hover{background-color:red;}
	div.marc{position:relative;width:90%;height:auto;margin:0px auto;text-align:left;border:3px solid #8a202c;border-radius:10px;margin-top:3%;background-color:#dadada;overflow:hidden;color:#000000;}
	ul.directorios {padding-left:50px; padding-bottom:20px;padding-top:20px;list-style-type:square;text-align:left;color:#000000;}  
	ul.directorios li {padding-bottom:5px;font-weight:bold;color:#000000;}
	ul.directorios li a, a:link, a:visited {color:#000000;text-decoration:none;}
	ul.directorios li a:hover{color:gray;text-decoration:none;}
	div.marc p{padding:0.5%;font-size:1.3rem;letter-spacing:1px;text-align:center;background-color:#8a202c;color:#ffffff;}
	#proceso{position:absolute;top:80px;left:50%;width:300px;height:300px;text-align:center;background-color:#dadada;border:3px solid #8a202c;margin-left:-150px;z-index:100;}
	#proceso input[type=button]{border-radius:12px;padding:5px;margin-bottom:10px;margin-left:20px;margin-right:10px;font-size:0.8rem;letter-spacing:0.1rem;cursor:pointer;background-color:green;color:white;}
	#proceso input[type=button]:hover{background-color:red;}
	div.listafotos{float:left;position:relative;padding:10px;display:block;}
	div.listafotos img{width:150px;}
}

@media screen and (min-device-width:320px) and (max-device-width:1023px){
	html{height:100%;min-height:100%;} 
	*{margin:0px;padding:0px;border:0px;}
    body{font-family:Verdana; font-size:12px;color:#000000;background-color:#ffffff;width:100%;height:100%;min-height:100%;;overflow-x:hidden;}
    div.clear{clear:both;}
     a, a:link, a:visited {color:#ffffff; text-decoration:none;}
     a:hover {color:gray;text-decoration:none;}
	div.contenidor{width:100%;height:100%;min-height:100%;text-align:center;margin: 0px auto;}
	div.cabecera{position:relative;width:100%;min-height:70px;text-align:center;background-color:#8a202c;padding-top:10px;color:#ffffff;}
	img.logo{float:left;height:70px;;margin-right:5px;}
	h1{font-family:Verdana;width:100%;font-size:15px;font-weight:normal;text-align:center;}
	h1 span{margin-left:0.2%;}
	h2{font-size:14px;}
	div.banner{position:relative;width:100%;}
	div.banner img{width:100%;display:block;}
	div.menu{position:relative;width:100%;height:70px;text-align:center;background-image:url(../grafics/indi.gif);}
	table.tabmenu{margin:0px auto;text-align:center;}
	td.celmenu{width:10%;height:70px;text-align:center;font-size:12px;}
	td.celmenu a, a:link, a:visited {color:#ffffff;text-decoration:none;}
	td.celmenu a:hover{color:gray;border-bottom:2px solid gray;}
	td.titup{width:10%;height:70px;text-align:center;font-size:12px;color:gray;}
	span.asub{border-bottom:2px solid gray;}
	img.fotoini{width:100%;margin-bottom:10px;}
	div.inicioleft{position:relative;width:90%;text-align:left;font-size:12px;line-height:10px;letter-spacing:1px;margin:0px auto;margin-top:10px;color:#8a202c;}
	img.katy{margin-top:20px;margin-left:20%;}
	div.inicioright{position:relative;width:90%;text-align:center;font-size:12px;line-height:14px;margin:0px auto;margin-top:10px;margin-bottom:20px;color:#8a202c;background-image:url(../grafics/ulls.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;font-weight:bold;}
	p.frase{width:80%;text-align:left;color:#000000;margin:0px auto;margin-top:50px;margin-bottom:50px;}
	a.mail{color:#8a202c;font-size:14px;}
	a.mail:hover{color:gray;}	
	div.pie{position:relative;width:100%;min-height:70px;text-align:center;background-image:url(../grafics/indi.gif);font-size:12px;line-height:70px;margin-top:20px;margin-bottom:20px;}
	div.piespan{position:relative;width:100%;margin-top:30px;min-height:70px;text-align:center;background-image:url(../grafics/indi.gif);font-size:12px;line-height:70px;color:#ffffff;}
	div.total{position:relative;width:95%;text-align:center;margin:0px auto;margin-top:50px;}
	table.admin{width:90%;text-align:center;margin:0px auto;background-color:#dadada;}
	table.admin td{text-align:center;padding:5px;}
	table.admin select{cursor:pointer;font-family:arial;font-size:1rem;padding:3px;-moz-box-shadow:inset 1px 1px 2px 0 #707070;-webkit-box-shadow:inset 1px 1px 2px 0 #707070;box-shadow:inset 1px 1px 2px 0 #707070;}
	table.admin input[type=text],input[type=password]{font-family:arial;font-size:12px;padding:3px;-moz-box-shadow:inset 1px 1px 2px 0 #707070;-webkit-box-shadow:inset 1px 1px 2px 0 #707070;box-shadow:inset 1px 1px 2px 0 #707070;}
	table.admin input[type=number]{width:50px;font-family:arial;font-size:12px;padding:3px;-moz-box-shadow:inset 1px 1px 2px 0 #707070;-webkit-box-shadow:inset 1px 1px 2px 0 #707070;box-shadow:inset 1px 1px 2px 0 #707070;}
	table.admin textarea{width:70%;height:200px;resize:none;margin-top:10px;margin-bottom:10px;font-family:arial;font-size:1rem;padding:3px;-moz-box-shadow:inset 1px 1px 2px 0 #707070;-webkit-box-shadow:inset 1px 1px 2px 0 #707070;;box-shadow:inset 1px 1px 2px 0 #707070;}
	table.admin input[type=button],input[type=reset],input[type=submit]{border:1px solid white;border-radius:12px;padding:5px;margin:10px;font-size:1rem;letter-spacing:0.1rem;cursor:pointer;background-color:green;color:white;}
	table.admin input[type=file]{cursor:pointer;font-family:arial;font-size:12px;padding:3px;width:50%;}
	table.admin input[type=button]:hover{background-color:red;}
	table.admin input[type=reset]:hover{background-color:red;}
	table.admin input[type=submit]:hover{background-color:red;}
	div.marc{position:relative;width:95%;height:auto;margin:0px auto;text-align:left;border:2px solid #8a202c;border-radius:10px;margin-top:3%;background-color:#dadada;overflow:hidden;color:#000000;}
	ul.directorios {padding-left:20px; padding-bottom:20px;padding-top:20px;list-style-type:square;text-align:left;color:#000000;}  
	ul.directorios li {padding-bottom:5px;font-weight:bold;color:#000000;}
	ul.directorios li a, a:link, a:visited {color:#000000;text-decoration:none;}
	ul.directorios li a:hover{color:gray;text-decoration:none;}
	div.marc p{padding:5px;font-size:14px;text-align:center;background-color:#8a202c;color:#ffffff;}
	#proceso{position:absolute;top:80px;left:50%;width:300px;height:300px;text-align:center;background-color:#dadada;border:3px solid #8a202c;margin-left:-150px;z-index:100;}
	#proceso input[type=button]{border-radius:12px;padding:5px;margin-bottom:10px;margin-left:20px;margin-right:10px;font-size:0.8rem;letter-spacing:0.1rem;cursor:pointer;background-color:green;color:white;}
	#proceso input[type=button]:hover{background-color:red;}
	div.listafotos{float:left;position:relative;padding:10px;display:block;}
	div.listafotos img{width:150px;}
}