@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 481px) and (max-width: 800px)
{
	
.hidden-desktop{ display:inherit! !important;}
.visible-desktop{ display:none! !important;}
.visible-tablet{ display:inherit! !important;}
.hidden-tablet{ display:none! !important;}	

	#img {
		width:100%;
	}
				
#Tot {
	position:relative;
	width:100%;
	max-width:1024px;
	min-width:320px;
	margin-right: auto;
	margin-left: auto;
	
}

#top {
	position:relative;
	width:260px;
	height:62px;
	z-index:1;
	top: 13px;
	overflow: hidden;
	float:right;
}
#telf {
	position:relative;
	width:143px;
	height:64px;
	z-index:3;
	float:right;
	top: 12px;
}



#COPY {
	position:relative;
	width:221px;
	height:28px;
	z-index:1;
	left: 15px;
	top: 561px;
	background-image: url(img/copy_03.png);
}

a:link {
	text-decoration: none;
	color: #81817F;
}
a:visited {
	text-decoration: none;
	color: #81817F;
}
a:hover {
	text-decoration: underline;
	color: #A4CA6F;
}
a:active {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	color: #B1D482;
}
#inf {
	position:absolute;
	width:1053px;
	height:14px;
	z-index:1;
	left: -25px;
	top: 243px;
	font-family: 'Archivo Narrow', sans-serif;
	background-color: #FFFFFF;
	color: #8B8A89;
	font-size: 11px;
	text-align: center;
}
#drets {
	position:absolute;
	width:144px;
	height:25px;
	z-index:2;
	left: 40px;
	top: 575px;
	background-image: url(img/copy_03.png);
}
.konekto {
	font-size: 10px;
	color: #A3C96D;
}
#Tot #barra #lista a {
	font-size: 12px;
}
 #kindex {
	position:absolute;
	width:5%;
	z-index:4;
}
#disseny {
	position:absolute;
	width:13%;
	z-index:1;
	left: 55px;
	top: 0;
}
#impressio {
	position:absolute;
	width:13%;
	z-index:2;
	left: 190px;
}
#acabats {
	position:absolute;
	width:13%;
	z-index:3;
	left: 325px;
}
#Ds {
	position:absolute;
	width:13%;
	z-index:2;
	left: 460px;
}
#clients {
	position:absolute;
	width:13%;
	z-index:2;
	left: 595px;
}
#cat {
	position:absolute;
	width:7%;
	z-index:2;
	left: 859px;
	top:0px;
}
#caste {
	position:absolute;
	width:52px;
	z-index:2;
	left: 925px;
}
#menu {
	position:absolute;
	z-index:9999;
	left: 14px;
	top: 92px;
	visibility: visible;
	width: 1000px;
}

#barradesb {
	position:absolute;
	width:100%;
	height:22px;
	z-index:1;
	top: 99px;
	background-image: url("img/barra_07.png");
	margin: 0px;
	left: 0px;
}
#fondo {
	position:absolute;
	width:100%;
	height:470px;
	z-index:1;
	overflow: visible;
}
#pantalla {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
	left: 8px;
	top: 133px;
}
    #animacio {
	position:absolute;
	width:1000px;
	height:562px;
	z-index:100;
	left: 14px;
	top: 142px;
	background-image: url(img.patron2);
}
    #submenu {
	position:absolute;
	width:100%;
	z-index:101;
	top: 714px;
	height: 100%;
	left: 14px;
}
	#micloud {
	position:absolute;
	height:150px;
	z-index:2;
	left: 505px;
	width: 240px;
}
 #banner {
	position:absolute;
	height:150px;
	z-index:3;
	left: 255px;
	width: 240px;
	top: 0;
}
   
    
    #pack {
	position:absolute;
	height:150px;
	z-index:3;
	width: 240px;
	left: 5px;
}
#quartboto {
	position:absolute;
	width:240px;
	height:151px;
	z-index:3;
	left: 755px;
}

    #Tot #submenu #cloud p {
	color: #990F0E;
	font-size: 16px;
}
   
    
    #apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
}
    #site {
	position:absolute;
	width:1001px;
	z-index:1;
	font-family: "Archivo Narrow", sans-serif;
	line-height:11px;
	left: 2px;
	height: 228px;
	top: -8px;
}
    #fondosite {
	position:absolute;
	width:1000px;
	height:100%;
	z-index:3;
	left: 14px;
	top: 883px;
}
    .quefem {
	font-size: 16px;
}
    .text {
	font-size: 12px;
	color: #81817F;
}
    #Tot #fondosite #titol {
	font-size: 14px;
}
    #Tot #fondosite #site .text {
	font-size: 12px;
}
    #horizontal {
	position:absolute;
	width:1000px;
	height:1px;
	z-index:3;
	top: 880px;
	left: 14px;
	background-color: #A3C86D;
}
    titol {
	font-size: 14px;
}
   
   
    #horizontal2 {
	position:absolute;
	width:1002px;
	height:1px;
	z-index:100;
	left: 0;
	top: 236px;
	background-color: #A2C86D;
}
   
    #Tot #fondosite #site3 .text {
	color: #81817F;
}
  
    .titols {
	color: #81817F;
	font-size: 14px;
}
#vertical {
	position:absolute;
	width:1px;
	height:150px;
	z-index:3;
	left: 249px;
	background-color: #A5CC5F;
	top: 1px;
}
#vertical2 {
	position:absolute;
	width:1px;
	height:150px;
	z-index:3;
	left: 499px;
	background-color: #A5CC5F;
}
#verticalesq {
	position:absolute;
	width:1px;
	height:150px;
	z-index:3;
	background-color: #A5CC5F;
}
#verticaldret {
	position:absolute;
	width:1px;
	height:150px;
	z-index:3;
	left: 749px;
	background-color: #A5CC5F;
}

#verticalextrem {
	position:absolute;
	width:1px;
	height:150px;
	z-index:3;
	left: 1000px;
	background-color: #A5CC5F;
}
#Acces {
	position:absolute;
	width:16%;
	z-index:3;
	text-align: center;
	left: 9px;
	top: 67px;
	background-color: #FFFFFF;
	height: 35px;
}
#apDiv2 {
	position:absolute;
	width:130px;
	height:50px;
	z-index:3;
	left: 23px;
	top: 108px;
	text-align: center;
}
#areaclients {
	position:absolute;
	width:17%;
	-webkit-border-radius: 5px 10px;  /* Safari  */
	-moz-border-radius: 5px 10px;     /* Firefox */
	height:120px;
	z-index:1;
	left: 3px;
	top: 26px;
	background-color: #444444;
	text-align: center;
	color: #AFD280;
	font-size: 18px;
}
#apDiv3 {
	position:absolute;
	width:100%;
	height:35px;
	z-index:3;
	left: 0px;
	top: 40px;
	background-color: #FFFFFF;
}

#enviament {
	position:absolute;
	width:13%;
	z-index:3;
	left: 730px;
}

 
}		
#Tot {
	position:relative;
	margin-right: auto;
	margin-left: auto;
	width: 720px;
}

#top {
	position:absolute;
	z-index:1;
	top: 13px;
	overflow: hidden;
	left: 11px;
}
#telf {
	position:absolute;
	z-index:3;
	top: 10px;
	width: 185px;
	height: 63px;
	left: 558px;
}



#COPY {
	position:absolute;
	width:221px;
	height:28px;
	z-index:1;
	left: 15px;
	top: 561px;
	background-image: url(img/copy_03.png);
}

a:link {
	text-decoration: none;
	color: #81817F;
}
a:visited {
	text-decoration: none;
	color: #81817F;
}
a:hover {
	text-decoration: underline;
	color: #A4CA6F;
}
a:active {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	color: #B1D482;
	font-size: 14px;
}
#inf {
	position:absolute;
	width:720px;
	z-index:1;
	left: -9px;
	top: 139px;
	font-family: 'Archivo Narrow', sans-serif;
	background-color: #FFFFFF;
	color: #8B8A89;
	font-size: 11px;
	text-align: center;
}
#drets {
	position:absolute;
	width:144px;
	height:25px;
	z-index:2;
	left: 40px;
	top: 575px;
	background-image: url(img/copy_03.png);
}
.konekto {
	font-size: 10px;
	color: #A3C96D;
}
.konekto {
	color: #A3C96D;
	font-size: 12px;
}
#Tot #barra #lista a {
	font-size: 12px;
}
 #kindex {
	position:absolute;
	z-index:4;
	width: 40px;
	left: -3px;
}
#disseny {
	position:absolute;
	z-index:1;
	left: 37px;
	width: 14%;
}
#impressio {
	position:absolute;
	z-index:2;
	left: 132px;
	width: 14%;
}
#acabats {
	position:absolute;
	z-index:3;
	left: 227px;
	width: 14%;
}
#Ds {
	position:absolute;
	z-index:2;
	left: 322px;
	width: 14%;
}
#clients {
	position:absolute;
	z-index:2;
	left: 417px;
	width: 14%;
}
#cat {
	position:absolute;
	z-index:2;
	left: 605px;
	width: 40px;
}
#caste {
	position:absolute;
	z-index:2;
	left: 643px;
	width:52px;
}
#menu {
	position:absolute;
	z-index:9999;
	left: 2%;
	visibility: visible;
	width: 95%;
	top: 92px;
	display: inline;
}

#barradesb {
	position:absolute;
	width:100%;
	z-index:1;
	top: 99px;
	margin: 0px;
	left: 0px;
	background-image: url(img/barra_07.png);
	height: 22px;
}
    
    #fondo {
	position:absolute;
	width:100%;
	height:562px;
	z-index:2;
	top: 140px;
	left: 0px;
}
    #animacio {
	position:absolute;
	width:720px;
	height:562px;
	z-index:9999;
	background-image: url(img.patron2);
	top: 133px;
}
    #submenu {
	position:absolute;
	width:100%;
	z-index:101;
	top: 702px;
	height: auto;
	display: inline-block;
}
	#micloud {
	position:absolute;
	z-index:2;
	left: 362px;
	width: 23%;
}
 #banner {
	position:absolute;
	z-index:3;
	left: 183px;
	width: 23%;
}
   
    
    #pack {
	position:absolute;
	z-index:3;
	width: 23%;
	left: 1%;
}
#quartboto {
	position:absolute;
	z-index:3;
	left: 537px;
	width: 23%;
}

    #Tot #submenu #cloud p {
	color: #990F0E;
	font-size: 16px;
}
   
    
    #apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
}
    #site {
	position:absolute;
	width:100%;
	z-index:1;
	font-family: "Archivo Narrow", sans-serif;
	line-height:11px;
	height: 169px;
	top: -53px;
}
    #fondosite {
	position:absolute;
	width:100%;
	height:auto;
	z-index:3;
	left: 14px;
	top: 883px;
	text-align:left;
}
    
    .text {
	font-size: 12px;
	color: #81817F;
}
    #Tot #fondosite #titol {
	font-size: 14px;
}
    #Tot #fondosite #site .text {
	font-size: 12px;
}
   
    #Tot #fondosite #site .text {
	font-size: 12px;
	text-align: left;
}
    #horizontal {
	position:absolute;
	width:100%;
	height:1px;
	z-index:3;
	top: 822px;
	background-color: #A3C86D;
}
    titol {
	font-size: 14px;
}
   
    #titulo {
	font-size: 14px;
}
    #horizontal2 {
	position:absolute;
	width:100%;
	height:1px;
	z-index:100;
	top: 129px;
	background-color: #A2C86D;
}
   
    #Tot #fondosite #site3 .text {
	color: #81817F;
}
   
#Tot #fondosite #site3 .quefem a {
	font-size: 14px;
}
    .titols {
	color: #81817F;
	font-size: 14px;
	text-align: left;
}
#vertical {
	position:absolute;
	width:1px;
	height:105px;
	z-index:3;
	left: 177px;
	background-color: #A5CC5F;
}

#vertical2 {
	position:absolute;
	width:1px;
	height:105px;
	z-index:3;
	left: 357px;
	background-color: #A5CC5F;
}

#verticalesq {
	position:absolute;
	width:1px;
	height:105px;
	z-index:3;
	background-color: #A5CC5F;
}
#verticaldret {
	position:absolute;
	width:1px;
	height:105px;
	z-index:3;
	left: 531px;
	background-color: #A5CC5F;
}

#verticalextrem {
	position:absolute;
	width:1px;
	height:105px;
	z-index:3;
	left: 710px;
	background-color: #A5CC5F;
}



#enviament {
	position:absolute;
	z-index:3;
	left: 511px;
	width: 14%;
}

 
#Tot #submenu {
	height: auto;
	width: 100%;
}

}