/* CSS Document */
@media only screen {
.red
{ color:#FF0000; font-weight:bold;}

.wrap
{
position: relative;
max-width: 75em;
margin: 0 auto;
}

.pm
{ 
overflow:auto; 
width:800px; 
height:563px;
background-image:url(../img/swiss-pass06.jpg);
 background-repeat: no-repeat;
position: relative;
z-index: 1;
}

.p10, .pa
{ 
overflow:auto; 
width:800px; 
height:563px;
background-image:url(../img/swiss-pass06.jpg);
 background-repeat: no-repeat;
position: relative;
z-index: 1;
}



.p22
{ 
overflow:auto; 
width:800px; 
height:563px;
background-image:url(../img/swiss-pass22.jpg);
 background-repeat: no-repeat;
position: relative;
z-index: 1;
}

.swissid
{ 
overflow:auto; 
width:800px; 
height:505px;
display: inline-block;
  white-space: nowrap;
background-image:url(../img/id-back.jpg);
 background-repeat: no-repeat;

}

.swisspassoverlay
{
  overflow: auto;
}

.swisspassoverlay:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  content: attr(data-in-stock);
  display: block;

  min-width: 160px; 
  padding: 6px 10px;

  text-transform: uppercase;
  font: 1em Arial;
	width:800px; 
	height:550px;
  background-image:url(../img/speciem3.png);
z-index: 100;
}

.swissidoverlay:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  content: attr(data-in-stock);
  display: block;

  min-width: 160px; 
  padding: 6px 10px;

  text-transform: uppercase;
  font: 1em Arial;
	width:770px; 
	height:450px;
  background-image:url(../img/speciem3.png);
z-index: 100;
}




.swisspassh1
{ font-size:2em;}



.p03 .passtype, .pm .passtype, .p06 .passtype, .p10 .passtype
{ padding-left:245px; margin-top:73px; font-family:Geneva, Arial, Helvetica, sans-serif; float:left; font-size:17px; font-weight:bold; }
.p03 .serialno, .pm .serialno, .p06 .serialno, .p10 .serialno
{ padding-left:509px; margin-top:73px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold;}
.p03 .nome, .pm .nome, .p06 .nome, .p10 .nome
{ padding-left:245px;margin-top:18px;  font-family:Geneva, Arial, Helvetica, sans-serif; float:left;font-size:17px; font-weight:bold; }
.p03 .givenname, .pm .givenname, .p06 .givenname, .p10 .givenname
{ padding-left:245px;margin-top:59px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; }
.p03 .birthday, .pm .birthday, .p06 .birthday, .p10 .birthday
{ padding-left:245px;margin-top:54px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; }
.p03 .sex, .pm .sex, .p06 .sex, .p10 .sex
{ position: absolute;   top: 232px;  left: 508px;  font-size:22px; font-weight:normal;  font-family:Verdana, Arial, Helvetica, sans-serif;}
.p03 .size, .pm .size, .p06 .size, .p10 .size
{   position: absolute;  top: 232px;  left: 622px;  font-size:22px; font-weight:normal;  font-family:Verdana, Arial, Helvetica, sans-serif; }
.p03 .homecity, .pm .homecity, .p06 .homecity, .p10 .homecity
{ position: absolute;   top: 272px;  left: 245px;  font-size:22px; font-weight:normal;  font-family:Verdana, Arial, Helvetica, sans-serif;}
.p03 .validfrom, .pm .validfrom, .p06 .validfrom, .p10 .validfrom
{  position: absolute; top: 312px;left: 245px;font-size:22px; font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;}
.p03 .authority, .pm .authority, .p06 .authority, .p10 .authority
{  position: absolute; top: 312px;left: 505px;font-size:22px; font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;}
.p03 .validto, .pm .validto, .p06 .validto, .p10 .validto
{  position: absolute;  top: 355px;  left: 245px;  font-size:22px; font-weight:normal;  font-family:Verdana, Arial, Helvetica, sans-serif;}


.p22 .passtype
{ position: absolute; padding-left:245px; margin-top:70px; font-family:Geneva, Arial, Helvetica, sans-serif; float:left; font-size:17px; font-weight:bold; }
.p22 .code
{ position: absolute; padding-left:349px; margin-top:70px; font-family:Geneva, Arial, Helvetica, sans-serif; float: left; font-size:17px; font-weight:bold; width: 35px; height: 20px;}
.p22 .serialno
{ position: absolute; padding-left:449px; margin-top:70px; font-family:Geneva, Arial, Helvetica, sans-serif; float: left; font-size:17px; font-weight:bold; clear: both; }
.p22 .nome
{ position: absolute; padding-left:245px;margin-top:102px;  font-family:Geneva, Arial, Helvetica, sans-serif; float:left;font-size:17px; font-weight:bold; }
.p22 .givenname
{ position: absolute; padding-left:245px;margin-top:138px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; }
.p22 .nationality
{ position: absolute; padding-left:245px;margin-top:176px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; }
.p22 .birthday
{ position: absolute; padding-left:245px;margin-top:222px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; }
.p22 .sex
{ position: absolute; top: 265px;  left: 245px;   font-family:Geneva, Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; }
.p22 .size
{ position: absolute; top: 265px;  left: 395px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold;}
.p22 .homecity
{ position: absolute; padding-left:245px;margin-top:310px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; }
.p22 .validfrom
{ position: absolute; top: 365px;left: 245px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:19px;font-weight:bold;}
.p22 .validto
{ position: absolute; top: 365px;  left: 445px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:19px;font-weight:bold;}
.p22 .authority
{ position: absolute; padding-left:245px;margin-top:402px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; }



.z0
{ 
  position: absolute;
  top: 455px;
  left: 35px;
  font-size:24px; font-weight:normal;
  font-family:"Courier New", Courier, monospace; font-weight:bold;
    letter-spacing: 0.08em; 

}
.z1
{ 
  position: absolute;
  top: 495px;
  left: 35px;
  font-size:24px; font-weight:normal;
  font-family:"Courier New", Courier, monospace; font-weight:bold;
  letter-spacing: 0.08em; 
}



.y0
{ 
  position: absolute;
  top: 340px;
  left: 35px;
  font-size:35px; font-weight:bolder;
  font-family:"Courier New", Courier, monospace;
    letter-spacing: 0.085em; 
	z-index:100;

}

.y1
{ 
  position: absolute;
  top: 380px;
  left: 35px;
  font-size:35px; font-weight:bolder;
  font-family:"Courier New", Courier, monospace;
    letter-spacing: 0.085em;
	z-index:100;

}
.y2
{ 
  position: absolute;
  top: 420px;
  left: 35px;
  font-size:35px; font-weight:bolder;
  font-family:"Courier New", Courier, monospace;
    letter-spacing: 0.085em; 
	z-index:100;

}
.person_size
{

  position: absolute;
  top: 47px;
  left: 45px;
  font-size:22px; font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
 }
.person_sex
{

  position: absolute;
  top: 47px;
  left: 509px;
  font-size:22px; font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 
.swissid_aothority
{ 
  position: absolute;
  top: 152px;
  left: 45px;;
  font-size:21px; font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	  letter-spacing: 0.0000001em; 


}

.swissid_placeoforigin
{ 
  position: absolute;
  top: 100px;
  left: 44px;;
  font-size:21px; font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 0.0000001em; 


}


.swissid_serial
{ 
  position: absolute;
  top: 167px;
  left: 514px;;
  font-size:34px; font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 0.0000001em; 
  
   background: -webkit-linear-gradient(#999, transparent,#999, transparent,#999, transparent,#999, transparent,#999, transparent,#999, transparent,#999, transparent,#aaa, transparent,#999, transparent,#999, transparent,#999);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
.swissid_year
{ 
  position: absolute;
  top: 207px;
  left: 514px;;
  font-size:35px; font-weight:normal;
font-family: 'Trebuchet MS', sans-serif;
  letter-spacing: 0.0000001em; 
  
  transform: scale(1, 1.5);
  -webkit-transform: scale(1, 1.5); /* Safari and Chrome */
  -moz-transform: scale(1, 1.5); /* Firefox */
  -ms-transform: scale(1, 1.5); /* IE 9+ */
  -o-transform: scale(1, 1.5); /* Opera */
  color:#8B96A9;
  
 background: -webkit-linear-gradient(#aaa, transparent,#aaa, transparent,#aaa, transparent,#aaa, transparent,#aaa, transparent,#ddd, transparent,#aaa, transparent,#aaa, transparent,#ddd, transparent,#aaa, transparent,#aaa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  
}


 
 .swissid_validfrom
{ 
  position: absolute;
  top: 234px;
  left: 45px;;
  font-size:22px; font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;


}

.swissid_validto
{ 
  position: absolute;
  top: 234px;
  left: 265px;;
  font-size:22px; font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
.hide
{ display:none;}



.p03 .givenname::after, .p03 .nome:after,
.p06 .givenname::after, .p06 .nome:after,
.p10 .givenname::after, .p10 .nome:after 
{
    content: "● ";
    color: #222;
    padding-right: 5px;
}
.p22 .givenname::after, .p22 .nome:after 
{
    content: "▴ ";
    color: #222;
    padding-right: 5px;
    font-size: 20px;
}





div.formh
{ background-color:#F9F9F9;}


div.default
{ 
	padding-bottom:.5em; 
	padding-top:.7em; 
	width:350px; 
	min-height:25px;
}
div.default label
{ 
	width:22%; display:block; float:left;
}

div.default input
{ 
	width:68%;
	height:20px;
	font-size:1.1em;
}
div.default select {
  height: 26px;
  width:68%;
  font-size:1.1em;
}

div.formh
{  
 /*overflow:auto;*/}

div.formh div.default
{ float:left;}


div.formh .action
{ 
	padding-bottom:.5em; 
	padding-top:.5em; 
	
	
} 

div.formh .action .btn
{ 
	width:100px; height:30px; font-size:1.1em; background-color:#0066FF; border:#00CCFF solid 1px; color:#FFFFFF;
}
div.formh .action .btn:hover
{
	background-color:#FFFFFF; color:#0066FF; border:#0066FF solid 1px; cursor:pointer;
}


div.formv div.default
{
width:100%;
}

div.formv div.default label
{
width:40%; display:block;
}

div.formv div.default textarea
{
width:60%;
}


div.itemdec
{ background-color:#F9F3DF}
div.itemenc
{ background-color:#C8FBED}

div.formv div.action .btn
{ height:45px;}
}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------


*/


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



  div.formv div.default label
{
width:100%;
}

#dummy
{ display: none;}


div.swisspass, div.swissid
{ width:375px;background-size: 375px; height:275px;} 

.swisspassoverlay::after, .swissidoverlay::after
{ width:375px !important;background-size: 375px;height:275px;} 

.p03 .passtype, .pm .passtype, .p06 .passtype, .p10 .passtype
{ padding-left:115px; margin-top:31px; font-family:Geneva, Arial, Helvetica, sans-serif;float:left; font-size:10px; font-weight:bold; }
.p03 .serialno, .pm .serialno, .p06 .serialno, .p10 .serialno
{ padding-left:239px; margin-top:35px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
.p03 .nome, .pm .nome, .p06 .nome, .p10 .nome
{ padding-left:115px;margin-top:5px;  font-family:Geneva, Arial, Helvetica, sans-serif; float:left;font-size:10px; font-weight:bold; }
.p03 .givenname, .pm .givenname, .p06 .givenname, .p10 .givenname
{ padding-left:115px;margin-top:25px;  font-family:Geneva, Arial, Helvetica, sans-serif;font-size:10px; font-weight:bold;}
.p03 .birthday, .pm .birthday, .p06 .birthday, .p10 .birthday
{ padding-left:115px;margin-top:25px;  font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; font-weight:normal; }
.p03 .sex, .pm .sex, .p06 .sex, .p10 .sex
{ position: absolute;  top: 110px;  left: 240px;  font-size:15px; font-weight:normal;  font-family:Verdana, Arial, Helvetica, sans-serif;}
.p03 .size, .pm .size, .p06 .size, .p10 .size
{ position: absolute;top: 110px;left: 290px;font-size:15px; font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;}
.p03 .homecity, .pm .homecity, .p06 .homecity, .p10 .homecity
{ position: absolute;  top: 122px;  left: 115px;  font-size:15px; font-weight:normal;  font-family:Verdana, Arial, Helvetica, sans-serif;}
.p03 .validfrom, .pm .validfrom, .p06 .validfrom, .p10 .validfrom
{ position: absolute;  top: 145px;  left: 115px;  font-size:15px; font-weight:normal;  font-family:Verdana, Arial, Helvetica, sans-serif;}
.p03 .validto, .pm .validto, .p06 .validto, .p10 .validto
{ position: absolute;  top: 172px;  left: 115px;  font-size:15px; font-weight:normal;  font-family:Verdana, Arial, Helvetica, sans-serif;}

.p22 .passtype
{ position: absolute; padding-left:115px; margin-top:31px; font-family:Geneva, Arial, Helvetica, sans-serif; float:left; font-size:10px;  font-weight:normal; }
.p22 .code
{ position: absolute; padding-left:163px; margin-top:31px; font-family:Geneva, Arial, Helvetica, sans-serif; float: left; font-size:10px; font-weight:normal; width: 35px; height: 20px;}
.p22 .serialno
{ position: absolute; padding-left:210px; margin-top:31px; font-family:Geneva, Arial, Helvetica, sans-serif; float: left; font-size:10px;  font-weight:normal; clear: both; }
.p22 .nome
{ position: absolute; padding-left:115px;margin-top:42px;  font-family:Geneva, Arial, Helvetica, sans-serif; float:left; font-size:10px; font-weight:normal; }
.p22 .givenname
{ position: absolute; padding-left:115px;margin-top:58px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; }
.p22 .nationality
{ position: absolute; padding-left:115px;margin-top:84px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; }
.p22 .birthday
{ position: absolute; padding-left:115px;margin-top:104px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; }
.p22 .sex
{ position: absolute; padding-left:115px;margin-top:124px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; top:auto; left:auto; }
.p22 .size
{ position: absolute; padding-left:185px;margin-top:124px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; top:auto; left:auto;}
.p22 .homecity
{ position: absolute; padding-left:115px;margin-top:146px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; top:auto; left:auto; }
.p22 .validfrom
{ position: absolute; padding-left:115px;margin-top:172px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px;font-weight:normal; top:auto; left:auto;}
.p22 .validto
{ position: absolute; padding-left:209px;margin-top:172px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px;font-weight:normal;top:auto; left:auto;}
.p22 .authority
{ position: absolute; padding-left:115px;margin-top:189px;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; }

.z0
{ 
  position: absolute;
  top: 215px;
  left: 12px;
  font-size:11px; font-weight:normal;
  letter-spacing: 0.08em; 

}
.z1
{ 
  position: absolute;
  top: 235px;
  left: 12px;
  font-size:11px; font-weight:normal;
  letter-spacing: 0.08em; 
}


.p22 .givenname::after, .p22 .nome:after 
{
    content: "▴ ";
    color: #222;
    padding-right: 5px;
    font-size: 15px;
}



.person_size
{

  position: absolute;
  top: 20px;
  left: 20px;
  font-size:13px; font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
 }
.person_sex
{

  position: absolute;
  top: 20px;
  left: 229px;
  font-size:13px; font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 
.swissid_aothority
{ 
  position: absolute;
  top: 45px;
  left: 20px;
  font-size:13px; font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	  letter-spacing: 0.0000001em; 


}

.swissid_placeoforigin
{ 
  position: absolute;
  top: 72px;
  left: 20px;
  font-size:13px; font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 0.0000001em; 


}


.swissid_serial
{ 
  position: absolute;
  top: 77px;
  left: 235px;;
  font-size:20px; font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 0.0000001em; 
  
   background: -webkit-linear-gradient(#999, transparent,#999, transparent,#999, transparent,#999, transparent,#999, transparent,#999, transparent,#999, transparent,#aaa, transparent,#999, transparent,#999, transparent,#999);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
.swissid_year
{ 
  position: absolute;
  top: 100px;
  left: 235px;;
  font-size:20px; font-weight:normal;
font-family: 'Trebuchet MS', sans-serif;
  letter-spacing: 0.0000001em; 
  
  transform: scale(1, 1.5);
  -webkit-transform: scale(1, 1.5); /* Safari and Chrome */
  -moz-transform: scale(1, 1.5); /* Firefox */
  -ms-transform: scale(1, 1.5); /* IE 9+ */
  -o-transform: scale(1, 1.5); /* Opera */
  color:#8B96A9;
  
 background: -webkit-linear-gradient(#aaa, transparent,#aaa, transparent,#aaa, transparent,#aaa, transparent,#aaa, transparent,#ddd, transparent,#aaa, transparent,#aaa, transparent,#ddd, transparent,#aaa, transparent,#aaa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  
}


 
 .swissid_validfrom
{ 
  position: absolute;
  top: 104px;
  left: 20px;
  font-size:14px; font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;


}

.swissid_validto
{ 
  position: absolute;
  top: 104px;
  left: 130px;
  font-size:14px; font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}



.y0
{ 
  position: absolute;
  top: 160px;
  left: 16px;
  font-size:17px; font-weight:bolder;

}

.y1
{ 
  position: absolute;
  top: 180px;
  left: 16px;
  font-size:17px; font-weight:bolder;

}
.y2
{ 
  position: absolute;
  top: 200px;
  left: 16px;
  font-size:17px; font-weight:bolder;

}






}