/* tradingtecno.net (c) 2010-2020 */ 


@media only screen and (min-width : 0px) and (max-width : 1024px) {

.menu {position:fixed; top:0px; left:0px;width:100%; height:100%;background-color:#003366; color:white;overflow-y:auto; display:none}
.menu a {color:white; text-decoration:none}
.menu ul {background-color:#003366; list-style-type: none; font-size:1.3rem}
.menu ul li {padding:10px; text-align:left}
.menu-obrir {position:fixed; top:5px; left:5px; text-align:center; vertical-align:middle;width:50px; height:50px; background-color:#003366; color:white;cursor:pointer; border-radius:50%;font-size:2.2rem}

.menu-obrir {display:none}

#menu-pestanyes {display:none} 

.duo {position:relative; display:block; clear:both}
.duo section {position:relative; display:block; clear:both}
/*.duo section h2 {position:absolute; top:2%; width:100%; text-align:center}*/
.duo-pad { width: 96%!important; padding: 0% 2%}

}

@media only screen and (min-width : 1025px) { 
	
.menu {display:none}
.menu-obrir {display:none}

/* #menu-pestanyes {display:block} */

.duo {position:relative; display:block;clear:both;}
.duo section {position:relative;display:inline-block; width:50%; vertical-align:top}
/*.duo section h2 {position:absolute; top:2%; width:100%; text-align:center}*/
.duo-pad { width: 45%!important; padding: 0% 2%}

}

@font-face {
  font-family: Montserrat;
  src: url(fonts/Montserrat/Montserrat-Regular.ttf);
}

@font-face {
  font-family: Caveat;
  src: url(fonts/Caveat/Caveat-Bold.ttf);
}

@font-face {
  font-family: PermanentMarker;
  src: url(fonts/PermanentMarker/PermanentMarker-Regular.ttf);
}

body {margin: 0 auto; background-color:#eeeeee; font-family:Arial, Helvetica, sans-serif}

.logo-1 { float:left; width:100%;text-align:center; background-color:#00519c; padding-top:15px}

.area-capcalera-0 {  clear:both;width:100%; height:25px; margin:auto; text-align:right; font-size:18px; color:white; background-image:url(imatges/fons-3.jpg); background-repeat:repeat-x;border-bottom:1px solid black}

.area-capcalera-1 {clear:both;width:100%; height:150px; margin:auto; text-align:center;color:white;font-size:20px; font-weight:bold; background-color:#003366}

.capcalera-1 {  float:left; width:100%; color:white;text-align:center; font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:10px; background-color:#00519c}


.area-logo { clear:both;width:100%; height:200px; margin:auto; text-align:center}


.post-it {  float:left; height:300px; width:300px; margin:auto; text-align:center; background-image:url(imatges/augg-post-it.png); background-repeat:no-repeat;color:black}
.post-it-text {float:left; width:250px; height:250px; padding: 20px; margin-top:5px;color:black; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:center;transform: rotate(-3deg); -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg)}
/*
.post-it a,.post-it-text a, .post-it-text a:link, .post-it-text a:visited {color:black !important; padding:2px 6px;border:1px solid #666666;background-color: rgba(0,102,153,0.2);border-radius:10px}
.post-it a:hover,.post-it-text a:hover {background-color:rgba(0,102,153,0.8); color:white !important}
*/


.llibreta {display:block;clear:both; text-align:center;font-size:1.4em;width:95%; min-height:50px;padding:20px 20px 20px 20px; margin-bottom:40px;background-color:white;border:1px solid #999999;background-color:white;background-image:url(imatges/fons-14.jpg); background-repeat:repeat; }

.boto-1 {  float:left; width:128px; height: 52px; background-image:url(imatges/boto-mini-1.png); background-repeat:no-repeat; color:black; font-size:24px; font-family:Arial, Helvetica, sans-serif; padding-top:10px;cursor:pointer; padding-left:40px; }
.boto-opcio { float:left; width:300px; height: 50px; margin:auto;background-image:url(imatges/boto-2.png); background-repeat:no-repeat; background-size:100% 80px; color:black;text-align:center; font-size:24px; font-family:Arial, Helvetica, sans-serif; background-position:center; padding-top:25px; cursor:pointer; border:1px solid #999999 }
.boto-vermell {  float:left; width:128px; height: 52px; background-image:url(imatges/boto-mini-2.png); background-repeat:no-repeat; color:white; font-size:24px; font-family:Arial, Helvetica, sans-serif; padding-top:10px;cursor:pointer;  padding-left:0px }
.boto-clic {  width:222px; height: 40px; display: inline-block; background-image:url(imatges/boto-mini-3.png); background-repeat:no-repeat; color:black; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding-top:10px;cursor:pointer }
.boto-menu {float:left; width:300px; height: 70px; display: block; background-image:url(imatges/boto-7.png); background-repeat:no-repeat;  background-position:center; color:white; font-size:24px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;text-align:center; line-height:260%}
.boto-clic:hover {color:black; background-image:url(imatges/boto-mini-5.png); background-repeat:no-repeat}
.boto-menu:hover { background-image:url(imatges/boto-8.png); background-repeat:no-repeat;  background-position:center; color:black; cursor:pointer;background-size:106%}
.boto-menu div:hover { transform: rotate(-3deg); -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); }
.boto-opcio:hover { background-image:none; background-color:#0059A6; color:white}


.boto-enllac {color:#FF9900 !important;text-decoration:underline}
.boto-enllac:hover {color:#003366 !important;cursor:pointer}

.menu-area-1 {clear:both;width:100%; height:40px; margin:auto; background-color:#006699; color:white; font-weight:bold; cursor:pointer;  font-size:24px;text-align:left;  background-image:url(imatges/fons-9.png); background-repeat:repeat-x;border-bottom:1px solid #000066}
.menu-area-2 {clear:both;width:92%;margin:auto; display:none; background-color:#006699}
.menu-area-3 {clear:both;width:92%;margin:auto; display:none; background-color:#006699}

.cos {clear:both;width:1020px;margin:auto }
.cos-esquerra { float:left; width:300px;padding:5px}
.cos-dreta { float:left; width:700px;padding:5px }


.imatge-area-1 {clear:both; width:93%;margin:auto; margin-bottom:20px; margin-top:20px;border:2px solid #CCCCCC }
.imatge-fons-1 { width:100% }

.imatge-area-2 {clear:both; width:98%;margin:auto; margin-bottom:10px; margin-top:10px;border:1px solid #CCCCCC }
.imatge-fons-2 { width:100% }

.index-general { clear:both; width:76%; margin:auto}
.index-bloc { float:left; width:300px;height;400px;margin-left:15px; margin-right:15px; margin-top:30px; margin-bottom:5px }

.imatge-opcio { float:left; width:300px;height:320px}


.boto-2 { width:120px; margin:0px 10px; padding-left:15px;height: 40px; color:#003366; background-color:#efefef; font-size:22px; font-family:Arial, Helvetica, sans-serif; cursor:pointer }
.boto-2:hover {background-color:#FF9900}

/*
.boto-2 { width:100px; height: 40px; background-image:url(imatges/fons-6.jpg); background-repeat:repeat-x; color:#003366; font-size:22px; font-family:Arial, Helvetica, sans-serif; cursor:pointer }
.boto-2:hover {background-color:#FF9900;color:white; background-image:url(imatges/fons-3.jpg); background-repeat:repeat-x;}
*/

.boto-3 { width:300px; height: 50px; margin:auto;background-image:url(imatges/boto-2.png); background-repeat:no-repeat; background-size:100% 80px; color:black;text-align:center; font-size:16px; font-family:Arial, Helvetica, sans-serif; background-position:center; padding-top:25px; cursor:pointer }
.boto-4 { width:100%; height: 40px; background-image:url(imatges/fons-5.jpg); background-repeat:repeat-x; color:#003366; font-size:22px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; color:#003366; display:block;text-align:center; line-height:190% }
.boto-4:hover {cursor:pointer; background-color:#FF9900;color:#003366; background-image:url(imatges/fons-6.jpg); background-repeat:repeat-x; display:block}


.dreta {text-align:right; margin-right:2.5%}
.esquerra {text-align:left; margin-left:2.5%}

.informacio-1 { clear:both;width:95%; margin:auto; color:#003366; text-align:center; font-size:28px; font-family:Arial, Helvetica, sans-serif;padding:10px}
.informacio-2 { clear:both; width:95%; margin:auto; color:#003366; text-align:left; font-size:28px; font-family:Arial, Helvetica, sans-serif;padding:10px; padding-left:10px}
.informacio-3 { clear:both; width:90%; margin:auto; height:65px; color:#003366; text-align:left; font-size:26px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-left:80px; background-image:url(imatges/logo-augg-3.png); background-position:left; background-repeat:no-repeat; padding-top:30px}
.informacio-4 { clear:both;width:95%; margin:auto; color:#003366; text-align:left; font-size:22px; font-family:Arial, Helvetica, sans-serif;padding:10px}
.informacio-5 { clear:both;width:95%; margin:auto; color:#003366; text-align:left; font-size:18px; font-family:Arial, Helvetica, sans-serif;padding:10px}
.informacio-6 { clear:both;width:95%; margin:auto; color:#003366; text-align:center; font-size:18px; font-family:Arial, Helvetica, sans-serif;padding:10px}
.informacio-7 { clear:both; width:90%; margin:auto; color:#003366; text-align:left; font-size:24px; font-family:Arial, Helvetica, sans-serif; padding-left:80px; background-image:url(imatges/icona-info.png); background-position:left; background-repeat:no-repeat; background-size: 50px 50px; padding-top:10px; text-align:justify}

.informacio-11 { clear:both;width:95%; height:40px; margin:auto; color:#003366; text-align:center; font-size:28px; font-family:Arial, Helvetica, sans-serif;padding-top:5px; background-image:url(imatges/fons-5.jpg); background-repeat:repeat-x}

.peu { clear:both;width:1020px;margin:auto;   background-color:#15314d}
.informacio-peu { color:white; text-align:left; font-size:18px; font-family:Arial, Helvetica, sans-serif;}

#pestanya-expandir {width:30px;color:#006699; background-color:white;background-image:url(); font-size:1.3rem}
#pestanya-expandir:hover {color:red;cursor:pointer}

.pestanya-1 { clear:both;width:100%;margin:auto; color:white; text-align:center; font-size:16px; height:48px;font-family:Arial, Helvetica, sans-serif; background-image:url(imatges/fons-13.png),url(imatges/boto-9.png); background-repeat: repeat-x,no-repeat; background-position:left,center; line-height:260%;}
.pestanya-2 { clear:both;width:100%;margin:auto; color:white; text-align:left; font-size:18px; height:70px;font-family:Arial, Helvetica, sans-serif; background-image:url(imatges/fons-10.png),url(imatges/boto-7.png); background-repeat: repeat-x,no-repeat;}

.pestanya-3-vermell { float:left;  width: 100px; height:35px;color:white; text-align:center; font-size:18px; font-family:Arial, Helvetica, sans-serif; background-image:url(imatges/boto-10-vermell.png); background-size: 100px 35px; background-repeat: no-repeat; line-height:210%; cursor:pointer}
.pestanya-3-blau { float:left;  width: 100px; height:35px;color:white; text-align:center; font-size:18px; font-family:Arial, Helvetica, sans-serif; background-image:url(imatges/boto-10-blau.png); background-size: 100px 35px; background-repeat: no-repeat; line-height:210%; cursor:pointer}
.pestanya-3-blau:hover {background-image:url(imatges/boto-10-vermell.png); background-repeat: no-repeat;}

.pestanya-3-groc { float:left;  width: 100px; height:35px;color:black; text-align:center; font-size:18px; font-family:Arial, Helvetica, sans-serif; background-image:url(imatges/boto-10-groc.png); background-repeat: no-repeat; line-height:210%; cursor:pointer}

.pestanya-3-transparent { float:left;  width: 100px; height:35px;color:white; text-align:center; font-size:18px; font-family:Arial, Helvetica, sans-serif; background-image:url(imatges/boto-10-transparent.png); background-size: 100px 40px; background-repeat: no-repeat; line-height:210%; cursor:pointer}

.pestanya-3-blanc { float:left;  width: 100px; height:35px;color:white; text-align:center; font-size:18px; font-family:Arial, Helvetica, sans-serif; background-image:url(imatges/boto-10-blanc.png); background-size: 100px 40px; background-repeat: no-repeat; line-height:210%; cursor:pointer}

.admin-carpeta {clear:both;width:100%; margin:auto;background-color:#cc3333; color:white; font-family:Arial, Helvetica, sans-serif; font-size:24px; border-bottom:1px solid #333333; border-right:1px solid #333333; padding:10px}

.informacio-legal { clear:both; width:95%; margin:auto; color:#666666; text-align:left; font-size:16px; font-family:Arial, Helvetica, sans-serif;padding:10px; padding-left:10px}

.preguntes-pregunta { clear:both; width:87%; height:60px; margin:auto; color:black; background-color:#CCCCFF; color:black; font-size:24px; font-family:Arial, Helvetica, sans-serif;padding:10px;  background-image:url(imatges/logo-augg-3.png); background-repeat:no-repeat; background-position:left 10px center; padding-left:80px }
.preguntes-resposta { clear:both; width:97%;  margin:auto; color:black; background-color:white; text-align:left; font-size:20px; font-family:Arial, Helvetica, sans-serif;padding:10px; padding-left:10px; padding-bottom:10px; border:1px solid #CCCCCC;margin-bottom:40px; text-align:justify}

.indentat-5 { padding-left:5px}
.indentat-10 { padding-left:10px}

.separador-5 { clear:both; width:100%;height:5x}
.separador-10 { clear:both; width:100%;height:10px}
.separador-20 { clear:both; width:100%;height:20px}
.separador-40 { clear:both; width:100%;height:40px}
.separador-60 { clear:both; width:100%;height:60px}
.separador-100 { clear:both; width:100%;height:100px}

.separador-linia-1 { clear:both; width:100%;height:70px; background-image:url(imatges/logo-augg-3.png); background-repeat:no-repeat; background-position:center}
.separador-linia-2 { clear:both; width:100%;height:1px; border-bottom:1px solid #003366}

.titol-1 { clear:both;width:100%; height: 60px; margin:auto; background-color:#000033; color:#003366; font-weight:bold; padding-top:20px; text-align:center; font-size:32px; font-family:Arial, Helvetica, sans-serif; background-image:url(imatges/fons-12.jpg); border-bottom: 1px solid #003366   }
.titol-1-admin { clear:both;width:100%; height: 40px; margin:auto; background-color:#990000; color:white; font-weight:bold; text-align:center; font-size:26px; font-family:Arial, Helvetica, sans-serif; background-image:url(imatges/fons-2.jpg); background-repeat:repeat-x; }

.titol-2 { clear:both; width:100%; background-color:#FF9900; color:#003366; font-weight:bold; margin:auto; padding-top:2px; text-align:center; font-size:26px;font-family:Arial, Helvetica, sans-serif;}

.titol-3 {clear:both; width:100%; height:40px; margin:auto; background-color:#FF9900; color:white; font-weight:bold; cursor:pointer;  font-size:22px; text-align:center;  background-image:url(imatges/fons-9.png); background-repeat:repeat-x;border-bottom:2px solid #000066;padding-top:4px}

.revista-area-1 {  clear:both; margin:auto; text-align:center; color:white;  font-size:18px; font-family:Arial, Helvetica, sans-serif; padding:10px }
.contacte-area-1 {  clear:both; width:95%; margin:auto;   font-size:22px; font-family:Arial, Helvetica, sans-serif; padding:10px; border:2px solid #CCCCCC; background-color:white; color:#006699 }
.contacte-input {font-size:22px; background-color:#f7f7f7; color:black; text-align:left}
.contacte-input:hover { background-color:#FFFFCC}
.contacte-submit {font-size:26px; background-color:#003366; color:white; text-align:center}

.ombra-1 {clear:both; width:100%; padding-left:10px;padding-right:10px;height:40px;margin:auto; background-image:url(imatges/fons-7A.png); background-repeat:repeat-x }
.ombra-2 {clear:both; width:100%; padding-left:10px;padding-right:10px;height:40px;margin:auto; background-image:url(imatges/fons-7B.png); background-repeat:repeat-x }
.ombra-A {clear:both; width:95%; padding-left:10px;padding-right:10px;height:40px;margin:auto; background-image:url(imatges/fons-7A.png); background-repeat:repeat-x }
.ombra-B {clear:both; width:95%; padding-left:10px;padding-right:10px;height:40px;margin:auto; background-image:url(imatges/fons-7B.png); background-repeat:repeat-x }

.area-raco-1 {  clear:both; width:95%; margin:auto;   font-size:16px; font-family:Arial, Helvetica, sans-serif; padding:10px; border:2px solid #CCCCCC; background-color:white; color:#006699;height:550px;overflow-y:scroll }

.avisos {width:100%; background-color:white; color:red;font-size:24px; font-family:Arial, Helvetica, sans-serif; border-bottom:3px solid #003366 }
.imatge-1 {border:1px solid #CCCCCC;width:100%; max-width:440px; min-width:300px }

.programari-1 { clear:both; width:95%;  margin:auto; border:1px solid #FF9966;height:400px}

.itinerants-1 { clear:both; width:95%;  margin:auto; border:1px solid #999999;height:400px}
.itinerants-titol {clear:both; width:100%;background-color:#003399;color:#FFFF66;font-size:24px;padding:5px }
.itinerants-imatge {float:left; width: 300px;height:300px; border:1px solid black; margin-top:10px; }
.itinerants-descripcio {float:left; width:95%; background-color:#FFCC99; margin-top:10px; padding:10px;border:1px solid black }

.capcha {color:black;font-size:22px;text-align:center;background-color:#999999;border:1px solid black; padding-left:5px; padding-right:5px}

a { text-decoration:none }
a:visited {text-decoration:none; color:white}

.a-blanc {text-decoration:none; color:white }
.a-blanc:hover {color:black}
.a-blanc:link {text-decoration:underline;color:white}
.a-blanc:visited {text-decoration:underline;color:white}

.a-carbassa {text-decoration:none; color:#FF6600}
.a-carbassa:hover {color:black}
.a-carbassa:link {text-decoration:underline;color:#FF6600}
.a-carbassa:visited {text-decoration:underline;color:#FF6600}

.a-negre {text-decoration:none; color:black }
.a-negre:hover {color:white}
.a-negre:link {text-decoration:underline;color:black}
.a-negre:visited {text-decoration:underline;color:black}

.a-blau {text-decoration:none; color:#003399 }
.a-blau:hover {color:white}
.a-blau:link {text-decoration:underline;color:#003399}
.a-blau:visited {text-decoration:underline;color:#003399}

.fons-7 { clear:both; width:100%;height:40px; background-image:url(imatges/fons-7.png); background-repeat:repeat-x}

.bt_mes { background-color:grey; padding:10px 15px ; color:white; margin:20px 0; text-decoration:none; font-weight:bold; font-size:14px;
	background: -moz-linear-gradient(
		top,
		#a3a3a3 0%,
		#3b3b3b 50%,
		#242424 50%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a3a3a3),
		to(#000000));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #000000;
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
}

:-webkit-input-placeholder { color: #999999;   }
:-moz-placeholder {    /* FF 4-18 */     color: #999999; }
::-moz-placeholder {     /* FF 19+ */     color: #999999;}
:-ms-input-placeholder {    /* IE 10+ */     color: #999999; }
input-placeholder {         color: #999999 }

#web {
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}
#web:hover {
	color:white !important;
    -webkit-transform:  scale(1.5) rotateY(360deg);
    -moz-transform:  scale(1.5) rotateY(360deg));
    -o-transform:  scale(1.5) rotateY(360deg);
    -ms-transform:  scale(1.5) rotateY(360deg);
    transform:  scale(1.5) rotateY(360deg);
}

input[type="radio"] {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
}

.boto-pdf {background-image: url(imatges/icona-pdf.png);background-repeat:no-repeat;background-size:25px 25px;background-position: 2px 5px}

.m10  {width:10px}
.m20  {width:20px}
.m30  {width:30px}
.m40  {width:40px}
.m50  {width:50px}
.m60  {width:60px}
.m70  {width:70px}
.m80  {width:80px}
.m90  {width:90px}
.m100 {width:100px}
.m150 {width:150px}
.m200 {width:200px}
.m250 {width:250px}
.m300 {width:300px}
.m350 {width:350px}
.m400 {width:400px}
.m450 {width:450px}
.m500 {width:500px}
.m550 {width:550px}
.m600 {width:600px}
.m100% {width:100%}



.ombra-texte {text-shadow:0px 3px 3px black}

.ombra, #index, .zoom-imatge img, #index-info li, #info, .novetat, #menu, #capcalera, #area-finques-resultats div {-webkit-box-shadow: 0px 10px 18px -1px rgba(0,0,0,0.3);-moz-box-shadow: 0px 10px 18px -1px rgba(0,0,0,0.3);box-shadow: 0px 10px 18px -1px rgba(0,0,0,0.3)}

.rodo, .boto-color, textarea, #contacte, #contacte-bis, #contacte  input[type="text"], #contacte select, #calculadora-hipoteca-bis input[type="text"], #calculadora-hipoteca input[type="text"], #calculadora-hipoteca select, #index, #seleccio, #index-info li, #peu-logo, #titol, .cos, #info {border-radius: 5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px}

.rodo50, .boto, button, .boto-mini, .boto-blanc, input[type="submit"], .boto-icona {border-radius: 40px 40px 40px 40px;-moz-border-radius:40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px}