@media screen and (min-device-width:1920px){
	html{width:100%;height:100%;min-height:100%;} 
	*{margin:0px;padding:0px;border:0px;}
    body{font-family:Arial;color:#000000;font-size:16px;width:100%;height:100%;min-height:100%;overflow-y:auto;background-image:url(../grafics/fons-general-2.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;overflow-x:hidden;}
    *{scrollbar-color: gray black;}
	div.clear{clear:both;}
    div.push{clear:both;height:50px;}
     a, a:link, a:visited {color:#666666; text-decoration:none;}
     a:hover {color:#666666;text-decoration:none;}
	div.contenidor{width:100%;text-align:center;margin: 0px auto;}
	div.selectcookies{float:left;top:10px;width:100%;text-align:left;padding-left:20px;color:#d7e8fb;font-size:1.1rem;font-weight:bold;font-variant:small-caps;}
	div.selectcookies a:link {color:#d7e8fb;text-decoration:none;font-weight:bold;}
	div.selectcookies a:visited {color:#d7e8fb;text-decoration:none;}
	div.selectcookies a:hover {color:#f7d8fc;text-decoration:none;}
	div.cabecera{position:relative;width:100%;height:220px;text-align:center;background-image:url(../grafics/fons-cabecera.jpg);background-size:100% 100%;box-shadow:0px 10px 40px #000000;}
	div.cabecera img{height:200px;float:right;margin-right:5%;margin-left:5%;}
	div.legal{position:relative;top:0px;width:100%;text-align:center;color:white;background-image:url(../grafics/fons-black-transp-50.png);z-index:1100;}
	div.legalcont{width:50%;text-align:center;margin:0px auto;padding:20px;}
	p.texto{float:left;width:70%;font-family:Arial;font-size:14px;text-align:left;letter-spacing:1px;font-weight:bold;margin-left:20px;margin:0px auto;}
	p.texto a,	a:link, a:visited{text-decoration:none;color:white;font-family:Arial;font-variant:small-caps;font-weight:bold;font-size:14px;}
	p.texto a:hover{color:orange;}
	p.botonlegal {float:right;width:25%;font-family:Arial;font-size:14px;text-align:center;letter-spacing:1px;font-weight:bold;color:#ffffff;}
	p.botonlegal button{margin-top:10px;margin-right:0px;border:2px solid orange;font-size:16px;font-weight:bold;letter-spacing:2px;padding:15px;color:silver;background-color:black;}
	p.botonlegal button:hover{color:orange;}
	h1{width:50%;text-align:center;font-family:Verdana;font-size:30px;color:#e8d400;padding-top:50px;font-weight:normal;}
	h1 span{font-size:20px;}
	div.banner{position:relative;width:100%;box-shadow:0px 10px 40px #000000;}
	div.banner img{width:100%;display:block;}
	div.menu{float:right;width:150px;height:40px;margin-left:1%;margin-right:1%;text-align:center;background-color:#53221e;line-height:40px;color:white;font-size:20px;font-style:oblique;display:inline;border-bottom:5px solid #29100f;border-left:5px solid #29100f;border-right:5px solid #29100f;border-radius:0px 0px 10px 10px;box-shadow:10px 10px 20px #000000;letter-spacing:1px;font-variant:small-caps;}
	div.menu a, a:link, a:visited{color:white;font-weight:normal;font-size:20px;font-variant:small-caps;}
	div.menu:hover{background-color:#6f4e3c;font-weight:normal;}
	div.menuover{float:right;width:150px;height:40px;margin-left:1%;margin-right:1%;text-align:center;background-color:#53221e;line-height:40px;color:white;font-size:20px;font-style:oblique;text-decoration:underline;display:inline;border-bottom:5px solid #29100f;border-left:5px solid #29100f;border-right:5px solid #29100f;border-radius:0px 0px 10px 10px;box-shadow:10px 10px 20px #000000;letter-spacing:1px;font-variant:small-caps;}
	div.portamenumovil{display:none;}
	div.lateral{position:relative;float:left;z-index:-900;margin-top:-200px;width:25%;height:auto;overflow:hidden;}
	div.lateral img{width:100%;display:block;}	
	div.rotades1{width:80%;border:5px solid white;transform: rotate(20deg);margin-top:170px;box-shadow:5px 5px 40px black;height:auto;overflow:hidden;}
	div.rotades2{width:80%;border:5px solid white;transform: rotate(-10deg);box-shadow:5px 5px 40px black;height:auto;overflow:hidden;}
	div.rotades3{width:80%;border:5px solid white;transform: rotate(40deg);box-shadow:5px 5px 40px black;height:auto;overflow:hidden;}
	div.rotades4{width:80%;border:5px solid white;transform: rotate(-20deg);box-shadow:5px 5px 40px black;height:auto;overflow:hidden;}
	div.contingut{position:relative;float:right;width:73%;margin-top:50px;}
	div.presentacio{position:relative;width:95%;text-align:left;color:#ffffff;font-size:18px;}
	div.presentacio img{float:right;width:35%;margin-left:40px;}
	div.presentacio p{width:100%;text-align:left;}
	h2{text-align:left;font-family:Verdana;font-size:20px;color:#b09b33;margin-bottom:20px;}
	div.warning{clear:both;position:relative;width:80%;text-align:center;margin-top:100px;}
	div.warning span{font-familiy:Verdana;font-size:30px;font-weight:bold;letter-spacing:1px;color:red;}
	div.warning p{width:200px;height;50px;text-align:center;margin:0px auto;margin-top:50px;margin-bottom:50px;line-height:50px;font-familiy:Verdana;font-size:30px;font-weight:bold;letter-spacing:1px;font-style:oblique;background-color:#53221e;border:5px solid #29100f;border-radius:10px;box-shadow:10px 10px 20px #000000;}
	div.warning p a, a:link, a:visited{color:white;}
	div.warning p:hover{background-color:#6f4e3c;}
	div.pie{position:relative;width:100%;text-align:center;background-image:url(../grafics/fons-black-transp.png);box-shadow:0px -10px 40px #000000;padding:10px 0px 10px 0px;color:white;}
	div.pie a, a:link, a:visited{color:white;}
	div.pie a:hover{color:gray;}
	div.covid{position:fixed;width:100%;height:100%;top:0px;left:0px;background-image:url(../grafics/fons-black-transp-50.png);color:white;}
	p.normasvirus{width:50%;text-align:center;font-size:20px;margin:0px auto;}
	p.normasbold{padding-top:180px;width:50%;text-align:center;font-size:30px;margin:0px auto;}
	p.normasciao{width:50%;text-align:center;font-size:30px;margin:0px auto;}
	p.cerraraviso{width:110px;border:2px solid gold;text-align:center;margin:0px auto;margin-top:100px;padding:10px;font-size:15px;cursor:pointer;}
	p.cerraraviso:hover{color:red;}
	div.txtlegal{position:relative;width:70%;font-size:1rem;line-height:20px;text-align:left;margin:50px auto 0px auto;color:white;}
	div.txtlegal a, a:link, a:visited{font-size:14px;color:white;text-decoration:none;}
	div.txtlegal a:hover{color:silver;text-decoration:none;}
}

@media screen and (min-device-width:1024px) and (max-device-width:1919px){
	html{width:100%;height:100%;min-height:100%;} 
	*{margin:0px;padding:0px;border:0px;}
    body{font-family:Arial;color:#000000;font-size:16px;width:100%;height:100%;min-height:100%;background-color:#000000;overflow-y:auto;background-image:url(../grafics/fons-general-2.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;overflow-x:hidden;}
    *{scrollbar-color: gray black;}   
	div.clear{clear:both;}
     a, a:link, a:visited {color:#666666; text-decoration:none;}
     a:hover {color:#666666;text-decoration:none;}
	div.contenidor{width:100%;text-align:center;margin: 0px auto;}
	div.selectcookies{float:left;top:10px;width:90%;text-align:left;padding-left:20px;color:#d7e8fb;font-size:1.1rem;font-weight:bold;font-variant:small-caps;}
	div.selectcookies a:link {color:#d7e8fb;text-decoration:none;font-weight:bold;}
	div.selectcookies a:visited {color:#d7e8fb;text-decoration:none;}
	div.selectcookies a:hover {color:#f7d8fc;text-decoration:none;}
	div.cabecera{position:relative;width:100%;height:170px;text-align:center;background-image:url(../grafics/fons-cabecera.jpg);background-size:100% 100%;box-shadow:0px 10px 40px #000000;}
	div.cabecera img{height:150px;float:right;margin-right:3%;margin-left:3%;}
	div.legal{position:relative;top:0px;width:100%;text-align:center;color:white;background-image:url(../grafics/fons-black-transp-50.png);z-index:1100;}
	div.legalcont{width:50%;text-align:center;margin:0px auto;padding:20px;}
	p.texto{float:left;width:70%;font-family:Arial;font-size:14px;text-align:left;letter-spacing:1px;font-weight:bold;margin-left:20px;margin:0px auto;}
	p.texto a,	a:link, a:visited{text-decoration:none;color:white;font-family:Arial;font-variant:small-caps;font-weight:bold;font-size:14px;}
	p.texto a:hover{color:orange;}
	p.botonlegal {float:right;width:25%;font-family:Arial;font-size:14px;text-align:center;letter-spacing:1px;font-weight:bold;color:#ffffff;}
	p.botonlegal button{margin-top:10px;margin-right:0px;border:2px solid orange;font-size:16px;font-weight:bold;letter-spacing:2px;padding:15px;color:silver;background-color:black;}
	p.botonlegal button:hover{color:orange;}
	h1{width:50%;text-align:center;font-family:Verdana;font-size:25px;color:#e8d400;padding-top:30px;font-weight:normal;}
	h1 span{font-size:15px;}
	div.banner{position:relative;width:100%;box-shadow:0px 10px 40px #000000;}
	div.banner img{width:100%;display:block;}
	div.menu{float:right;width:150px;height:40px;margin-left:1%;margin-right:1%;text-align:center;background-color:#53221e;line-height:40px;color:white;font-size:20px;font-style:oblique;display:inline;border-bottom:5px solid #29100f;border-left:5px solid #29100f;border-right:5px solid #29100f;border-radius:0px 0px 10px 10px;box-shadow:10px 10px 20px #000000;letter-spacing:1px;font-variant:small-caps;}
	div.menu a, a:link, a:visited{color:white;font-weight:normal;font-size:20px;font-variant:small-caps;}
	div.menu:hover{background-color:#6f4e3c;font-weight:normal;}
	div.menuover{float:right;width:150px;height:40px;margin-left:1%;margin-right:1%;text-align:center;background-color:#53221e;line-height:40px;color:white;font-size:20px;font-style:oblique;text-decoration:underline;display:inline;border-bottom:5px solid #29100f;border-left:5px solid #29100f;border-right:5px solid #29100f;border-radius:0px 0px 10px 10px;box-shadow:10px 10px 20px #000000;letter-spacing:1px;font-variant:small-caps;}
	div.portamenumovil{display:none;}	
	div.lateral{position:relative;float:left;z-index:-900;margin-top:-150px;width:25%;height:auto;overflow:none;}
	div.lateral img{width:100%;display:block;}	
	div.rotades1{width:80%;border:5px solid white;transform: rotate(20deg);margin-top:170px;box-shadow:5px 5px 40px black;height:auto;overflow:hidden;}
	div.rotades2{width:80%;border:5px solid white;transform: rotate(-10deg);box-shadow:5px 5px 40px black;height:auto;overflow:hidden;}
	div.rotades3{width:80%;border:5px solid white;transform: rotate(40deg);box-shadow:5px 5px 40px black;height:auto;overflow:hidden;}
	div.rotades4{width:80%;border:5px solid white;transform: rotate(-20deg);box-shadow:5px 5px 40px black;height:auto;overflow:hidden;}
	div.contingut{position:relative;float:right;width:73%;margin-top:50px;}
	div.presentacio{position:relative;width:95%;text-align:left;color:#b09b33;font-size:16px;}
	div.presentacio img{float:right;width:35%;margin-left:40px;}
	div.presentacio p{width:100%;text-align:left;}
	h2{text-align:left;font-family:Verdana;font-size:18px;color:#b09b33;margin-bottom:20px;}
	div.warning{clear:both;position:relative;width:80%;text-align:center;margin-top:30px;}
	div.warning span{font-familiy:Verdana;font-size:30px;font-weight:bold;letter-spacing:1px;color:red;}
	div.warning p{width:200px;height;50px;text-align:center;margin:0px auto;margin-top:50px;margin-bottom:50px;line-height:50px;font-familiy:Verdana;font-size:30px;font-weight:bold;letter-spacing:1px;font-style:oblique;background-color:#53221e;border:5px solid #29100f;border-radius:10px;box-shadow:10px 10px 20px #000000;}
	div.warning p a, a:link, a:visited{color:white;}
	div.warning p:hover{background-color:#6f4e3c;}
	div.pie{position:relative;width:100%;text-align:center;background-image:url(../grafics/fons-black-transp.png);box-shadow:0px -10px 40px #000000;padding:10px 0px 10px 0px;color:white;}
	div.pie a, a:link, a:visited{color:white;}
	div.pie a:hover{color:gray;}
	div.covid{position:fixed;width:100%;height:100%;top:0px;left:0px;background-image:url(../grafics/fons-black-transp.png);color:white;}
	p.normasvirus{width:80%;text-align:left;font-size:16px;margin:0px auto;}
	p.normasbold{padding-top:30px;width:80%;text-align:center;font-size:18px;margin:0px auto;}
	p.normasciao{width:80%;text-align:center;font-size:18px;margin:0px auto;}
	p.cerraraviso{width:110px;border:2px solid gold;text-align:center;margin:0px auto;margin-top:30px;padding:10px;font-size:15px;cursor:pointer;}
	p.cerraraviso:hover{color:red;}
	div.txtlegal{position:relative;width:70%;font-size:1rem;line-height:20px;text-align:left;margin:50px auto 0px auto;color:white;}
	div.txtlegal a, a:link, a:visited{font-size:14px;color:white;text-decoration:none;}
	div.txtlegal a:hover{color:silver;text-decoration:none;}
}

@media screen and (min-device-width:320px) and (max-device-width:1023px){
	html{width:100%;height:100%;min-height:100%;} 
	*{margin:0px;padding:0px;border:0px;}
    body{font-family:Arial;color:#000000;font-size:12px;width:100%;height:100%;min-height:100%;background-color:#000000;overflow-y:auto;background-image:url(../grafics/fons-general-2.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;overflow-x:hidden;}
    *{scrollbar-color: gray black;}    
	div.clear{clear:both;}
     a, a:link, a:visited {color:#666666; text-decoration:none;}
     a:hover {color:#666666;text-decoration:none;}
	div.contenidor{width:100%;text-align:center;margin: 0px auto;}
	div.selectcookies{float:left;top:10px;width:80%;text-align:left;padding-left:20px;color:#d7e8fb;font-size:1.1rem;font-weight:bold;font-variant:small-caps;}
	div.selectcookies a:link {color:#d7e8fb;text-decoration:none;font-weight:bold;}
	div.selectcookies a:visited {color:#d7e8fb;text-decoration:none;}
	div.selectcookies a:hover {color:#f7d8fc;text-decoration:none;}
	div.cabecera{position:relative;width:100%;height:130px;text-align:center;background-image:url(../grafics/fons-cabecera.jpg);;background-size:100% 100%;box-shadow:0px 10px 40px #000000;}
	div.cabecera img{height:75px;}
	div.legal{position:relative;top:0px;width:100%;text-align:center;color:white;background-image:url(../grafics/fons-black-transp-50.png);z-index:1100;}
	div.legalcont{width:95%;text-align:center;margin:0px auto;padding:10px;}
	p.texto{width:100%;font-family:Arial;font-size:12px;text-align:center;letter-spacing:1px;font-weight:bold;margin:0px auto;}
	p.texto a,	a:link, a:visited{text-decoration:none;color:white;font-family:Arial;font-variant:small-caps;font-weight:bold;font-size:14px;}
	p.texto a:hover{color:orange;}
	p.botonlegal {margin-top:5px;width:100%;font-family:Arial;font-size:14px;text-align:center;letter-spacing:1px;font-weight:bold;color:black;}
	p.botonlegal button{margin-top:5px;margin-right:0px;border:2px solid orange;font-size:12px;font-weight:bold;letter-spacing:1px;padding:5px;color:silver;background-color:black;}
	p.botonlegal button:hover{color:orange;}
	h1{width:100%;text-align:center;font-family:Verdana;font-size:15px;color:#e8d400;font-weight:normal;}
	h1 span{font-size:12px;}
	div.banner{position:relative;width:100%;box-shadow:0px 10px 40px #000000;}
	div.banner img{width:100%;display:block;}
	div.menumovil{float:right;height:30px;text-align:center;line-height:30px;color:white;font-size:14px;font-style:oblique;display:inline;padding:10px;font-variant:small-caps;}
	div.menumovil a, a:link, a:visited{color:white;font-weight:normal;font-size:14px;font-variant:small-caps;}
	div.menumovil a:hover{color:gray;font-weight:normal;}
	div.menumovilover{float:right;height:30px;text-align:center;line-height:30px;color:gray;font-size:14px;font-style:oblique;text-decoration:underline;display:inline;padding:10px;font-variant:small-caps;}
	div.portamenu{display:none;}	
	div.lateral{display:none;}
	div.lateral img{width:100%;display:block;}	
	div.rotades1{width:84%;border:2px solid white;transform: rotate(20deg);margin-top:170px;}
	div.rotades2{width:84%;border:2px solid white;transform: rotate(0deg);}
	div.rotades3{width:84%;border:2px solid white;transform: rotate(40deg);}
	div.contingut{position:relative;width:95%;margin:0px auto;margin-top:50px;}
	div.presentacio{position:relative;width:95%;margin:0px auto;text-align:center;color:#b09b33;font-size:12px;}
	div.presentacio img{width:90%;margin-bottom:20px;}
	div.presentacio p{width:100%;text-align:left;}
	h2{text-align:left;font-family:Verdana;font-size:15px;color:#b09b33;margin-bottom:10px;}
	div.warning{clear:both;position:relative;width:95%;text-align:center;margin:0px auto;margin-top:30px;}
	div.warning span{font-familiy:Verdana;font-size:18px;font-weight:bold;letter-spacing:1px;color:red;}
	div.warning p{width:100px;height;30px;text-align:center;margin:0px auto;margin-top:30px;margin-bottom:30px;line-height:30px;font-familiy:Verdana;font-size:15px;font-weight:bold;letter-spacing:1px;font-style:oblique;background-color:#53221e;border:5px solid #29100f;border-radius:10px;box-shadow:10px 10px 20px #000000;}
	div.warning p a, a:link, a:visited{color:white;}
	div.warning p:hover{background-color:#6f4e3c;}
	div.pie{position:relative;width:100%;text-align:center;background-image:url(../grafics/fons-black-transp.png);box-shadow:0px -10px 40px #000000;padding:10px 0px 10px 0px;color:white;}
	div.pie a, a:link, a:visited{color:white;}
	div.pie a:hover{color:gray;}
	div.covid{position:fixed;width:100%;height:100%;top:0px;left:0px;background-image:url(../grafics/fons-black-transp.png);color:white;}
	p.normasvirus{width:95%;text-align:left;font-size:12px;margin:0px auto;}
	p.normasbold{padding-top:20px;width:95%;text-align:center;font-size:14px;margin:0px auto;}
	p.normasciao{width:95%;text-align:center;font-size:14px;margin:0px auto;}
	p.cerraraviso{width:110px;border:2px solid gold;text-align:center;margin:0px auto;margin-top:20px;padding:10px;font-size:15px;cursor:pointer;}
	p.cerraraviso:hover{color:red;}
	div.txtlegal{position:relative;width:90%;font-size:1rem;line-height:20px;text-align:left;margin:50px auto 0px auto;color:white;}
	div.txtlegal a, a:link, a:visited{font-size:14px;color:white;text-decoration:none;}
	div.txtlegal a:hover{color:silver;text-decoration:none;}
}