/* CSS Document */

body{margin:0; padding:0; border:0; font-size:13px; color:#333; border-top: 7px solid #9c301a; font-family: 'ITCAvantGardeGothicStdMedium', Helvetica;}

@font-face {
    font-family: 'ITCAvantGardeGothicStdMedium';
    src: url('itcavantgardestd-md-webfont.eot');
    src: url('itcavantgardestd-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('itcavantgardestd-md-webfont.woff') format('woff'),
         url('itcavantgardestd-md-webfont.ttf') format('truetype'),
         url('itcavantgardestd-md-webfont.svg#ITCAvantGardeGothicStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

.social{overflow: auto;}
#down{padding-top: 8px;
height: 24px;}
.step{background-color: #EEE;padding: 0px 20px; margin-bottom: 30px; height: 25px; padding-top: 10px; position: relative;}

.step strong{background: black;padding: 2px;color: white;margin-right: 5px;}

#start{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow:1px 1px #333; padding:10px 10px; font-size:23px; color:white; display:inline-block; margin:20px; background:url(../img/boto.png) no-repeat 0 0 #C00; cursor:pointer; font-weight:bold; width:450px; text-align:center; border:2px solid #c50000;
}

#wrapper{width:840px; margin:30px auto; margin-bottom: 60px;}
	#header{width:100%; height:80px; background:url(../img/jo.png) left top no-repeat; margin-bottom:30px; position: relative;}
		.arqueo{width: 188px; height: 80px; background: url('../img/arqueo.png') no-repeat left top; position: absolute; right:0;}
	#view{/*padding-right:300px;*/}
		#parts{ border:0px solid #ededed; width:545px; position: relative; height: 715px;margin-bottom: 30px;}
		
		#fondus{height:55px;}
		.fondu{width:35px; height:35px; margin-right:6px; border:2px solid #eaeaea; display:block; margin-bottom:12px; cursor:pointer; float:left;}
		.fondu:hover{border-color:#ccc;}
		
		#dok{display:none;}
	
	#text{margin-bottom:30px;}
	h1{font-size:22px; font-weight: normal;}
	h2{font-size:14px; color:#999; font-weight:normal; font-style:italic;}
	
.hold{ border:1px solid #bbb; border-bottom-color:#999;width:265px; height:35px;background:white;margin-bottom:30px;overflow:visible;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none; box-shadow:0px 1px 1px #ccc;}

.hold.boto{text-align:center; font-size:15px;-webkit-user-select:auto;-khtml-user-select: auto;-moz-user-select: auto;-o-user-select: auto;user-select: auto; height:32px; background-color:#e60000; color:white; border:0; box-shadow:0px 1px 2px #ccc; cursor:pointer;}
.hold.boto a{color:white; text-decoration:none;padding-top:8px; display: block; height: 100%; width: 100%;}
.hold.boto.share{background:url(../img/fl.png) no-repeat 245px center #e60000;}
.hold.boto.xs{width:130px; float:left;}
#fb{background-color:#3B5998; margin-right:5px;}
#tw{background-color:#6dd6f4;}
#amic{padding-top:50px;}

#xxss{display:block;}
#form p{font-size:14px; padding-top:0; margin-top:0;}

input{border:1px solid #ddd; padding: 4px; font-size: 17px; outline: none; width: 255px; margin: 0px;font-family: 'ITCAvantGardeGothicStdMedium', Helvetica; margin-left:20px; position: absolute; top:0px; height: 25px;}

form{margin-top:10px;}
form span{position:absolute; color:#999; font-size:13px; padding-left:3px;}
form span,#nom{padding-top:11px; padding-left:7px;}
.hold.cerca{width:96px !important; cursor:pointer; font-weight:bold; margin-top:10px; height:25px;}
.hold.cerca:hover{background-color:#f6f6f6; border:1px solid #ccc;}
.hold.cerca span{color:#555; padding-top:6px;}
.hold.red{border:2px solid red; background:#ffbaba;}
.hold.text{height:100px;}
.hold.text textarea{height:85px; resize:none;}

#textEnvia{font-size:14px;}

.part{width:545px;position:absolute;filter: 0;zoom: 1; z-index: 3;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */}
#p1{height:180px;top:0px;filter: 0;zoom: 1;}
#p2{height:180px;top:180px;filter: 0;zoom: 1;}
#p3{height:355px;top:360px;filter: 0;zoom: 1;}

.esquerra, .dreta{width:50%; height:100%; background-repeat:no-repeat; position:absolute; z-index:2; cursor:pointer; padding:4px;}
.esquerra{background-image:url(../img/f_e_2.png); background-position:left center;}
.dreta{background-image:url(../img/f_d_2.png); right:0; background-position:right center;}

#p1e:hover,#p2e:hover,#p3e:hover{background-image:url(../img/f_e.png);}
#p1d:hover,#p2d:hover,#p3d:hover{background-image:url(../img/f_d.png);}



/* fons */

.wrapper_fons{overflow: auto;
-o-user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
width:250px; float:right; background-color:white; height: 715px;
}
	.fons{width: 120px; height: 95px; background-color: #ccc; margin: 0px 10px 7px 0px; float: left; position: relative; cursor: pointer;}
	.fons.l{margin-right: 0px;}
	.fons .i{height: 95px; width: 120px; position: absolute; left: 0; top:0; z-index: 9; text-indent: -99999px; display: none; background: url('../img/fons/petits/tick.png') right bottom no-repeat;}

/* ombra */

.ombra{height: 92px; width: 296px; background: url('../img/figures/ombra.png') no-repeat left top; position: absolute; z-index: 1;top: 615px;left: 95px; display: none;}

#url_share{color: #666;}