@media screen and (min-device-width : 800px) { /* ordinadors */
	body {
		background-color: #ffffff;
		font-family: "Arial";
		font-size: 14px;
		font-style: normal; /* normal initial italic oblique inherit */
		font-variant: normal; /* normal small-caps initial inherit */
		font-weight: normal; /* normal bold */
		line-height: 18px;
	    text-align: justify;
		color: rgb(0,0,0);
		margin: 5px;
		border: 0px;
		padding: 0px 0px 0px 0px;
	}
	
	p {
		font-size:14px;
		line-height: 18px;
	}
	
	.opcio {
		font-size:20px;
		line-height: 22px;
		padding: 5px 5px 5px 5px;
	}
	.dia {
		font-size:30px;
	}
}

@media screen and (max-device-width : 799px) { /* mòbils */
	body {
		background-color: #ffffff;
		font-family: "Arial";
		font-size: 12px;
		font-style: normal; /* normal initial italic oblique inherit */
		font-variant: normal; /* normal small-caps initial inherit */
		font-weight: normal; /* normal bold */
		line-height: 18px;
	    text-align: justify;
		color: rgb(0,0,0);
		margin: 5px;
		border: 0px;
		padding: 0px 0px 0px 0px;
	}

	p {
		font-size:16px;
		line-height: 22px;
	}

	.opcio {
		font-size:40px;
		line-height: 42px;
		padding: 10px 10px 30px 10px;
	}
	.opcioB {
		font-size:36px;
		line-height: 38px;
	}
	
	.dia {
		font-size:40px;
	}
}

.L{
	color:rgb(127,0,255);
}

.G{
	color:rgb(127,127,127);
}

.B{
	color:rgb(0,0,255);
}

.R{
	color:rgb(255,0,0);
}

.V{
	color:rgb(0,150,0);
}

em{
	font-style: italic;
}

strong{
	font-weight: bold;
}

mark{
	background-color:yellow;
}

small{
	font-size: 60%;
}

address{
	display: inline;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Sketch_Match", "Didot", "Times New Roman";
	font-style: normal; /* normal initial italic oblique inherit */
	font-variant: normal; /* normal small-caps initial inherit */
	font-weight: normal; /* normal bold */
	line-height: 100%;
    	text-align: center;
	margin: 0;
	border-width: 0px;
	padding: 5px;
}

h1{
	font-size: 193%;
}

h2{
	font-size: 175%;
}

h3{
	font-size: 159%;
}

h4{
	font-size: 145%;
}

h5{
	font-size: 132%;
}

h6{
	font-size: 120%;
}

p{
	text-indent:0px;
	margin: 0; border: 0;
	padding: 5px 5px 5px 5px;
}

.centrat{
    text-align: center;
}

header,nav,section,footer{
	text-indent:0px;
	margin: 5px; border: 0px;
	padding: 10px 10px 10px 10px;
	border-radius: 5px; 
}


.degradatrosa50 {
	background: linear-gradient(165deg, 
		rgba(255, 255, 255, 1) 0%, 
		rgba(255, 255, 255, 1) 55%, 
		rgba(252, 192, 194, 1) 75%, 
		rgba(254, 160, 160, 1) 90%, 
		rgba(255, 143, 147, 1) 100%);
}

.degradatverd50 {
	background: linear-gradient(165deg, 
		rgba(255, 255, 255, 1) 0%, 
		rgba(255, 255, 255, 1) 55%, 
		rgba(220, 232, 218, 1) 75%, 
		rgba(185, 209, 181, 1) 90%, 
		rgba(149,186,142,1) 100%);
}

.degradatverd {
	background: linear-gradient(165deg, 
		rgba(255, 255, 255, 1) 0%, 
		rgba(149,186,142,1) 100%);
}

.degradatlila {
	background: linear-gradient(165deg, 
		rgba(255, 255, 255, 1) 0%, 
		rgba(111,128,173,1) 100%);
}

div{
	text-indent:0px;
	margin: 0; border: 0;
	padding: 5px 5px 5px 5px;
}

li{
	list-style-type:disc;
}


.igv_input{
	border-radius: 5px; 
}

.igv_coment{
	color: #ff0000;
}

#copyright{
	font-size: 80%;
}


.logo{
	height: 110px;
}

.pacman img{
	  position:fixed;
      top:  0px;
      left: 0%;
      max-width: 100px; /* Cambiar esta propiedad para adaptar al tamaño deseado*/
      width: 100%;
      height: auto;
      margin: 0 auto;
}

.logo2{
	height: 180px;
}

#imgplanol{
	width: 80%;
}

#imgprograma{
	width: 80%;
}

#ampli{
	color:#ff0000;
	font-weight: bold;
}

#planol{
	text-align: center;
}

#programa{
	text-align: center;
}

.captcha{
	width: 130px;
}

#igv_captcha img{
	width: 90px;
	vertical-align:middle;
}

.tdVerd {
	border:solid; 
	border-width:0px; 
	border-color:black; 
	border-radius:5px; 
	padding:5px; 
	background:rgba(198,214,191,1); 
	
	background: rgba(243,255,235,1);
	background: -moz-linear-gradient(-45deg, rgba(243,255,235,1) 0%, rgba(149,186,142,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(243,255,235,1)), color-stop(100%, rgba(149,186,142,1)));
	background: -webkit-linear-gradient(-45deg, rgba(243,255,235,1) 0%, rgba(149,186,142,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(243,255,235,1) 0%, rgba(149,186,142,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(243,255,235,1) 0%, rgba(149,186,142,1) 100%);
	background: linear-gradient(135deg, rgba(243,255,235,1) 0%, rgba(149,186,142,1) 100%);

	font-size: 90%;
}

.text-destacat {
    font-weight: bold;
	font-size: 20px;
    animation: parpelleigColor 1s infinite alternate;
}

@keyframes parpelleigColor {
    from {
        color: #000000; /* Negre */
    }
    to {
        color: #999999; /* Gris */
    }
}


.text-destacat-roig {
    font-weight: bold;
	font-size: 20px;
    animation: parpelleigColorRoig 1s infinite alternate;
}

@keyframes parpelleigColorRoig {
    from {
        color: #ff0000; /* Roig */
    }
    to {
        color: #ffffff; /* Blanc */
    }
}