@charset "UTF-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

body{
	font-family: helvetica, arial, sans-serif; 
	background-color: #000;
	text-align: center;
	color:#444;
	font-size: 0.9em;
}

#container{
  	margin: -1px auto;
  	width: 800px;
  	height: 100% auto;
  	border:1px solid #000000;
  	background-color: #fff;
  	text-align: left;
}

#header{
	height: 150px;
	width: 800px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	display: block;
}

#panam_logo{
	position: absolute;
	margin: 15px 0 0 30px;
	border: none;
}

#social_media{
	position: fixed;
	width: 20px;
	margin: 167px 0 0 -45px;
}

#social_media img{
	border: none;
	float: left;
	margin-bottom: 4px;
}

#languages{
	position: absolute;
	margin: 5px 0 0 605px;
}

#languages a{
	font-size: 0.8em;
}



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

h1#pkf a {
	margin: 20px 0 0 25px;
	width: 503px;
	height: 106px;
	background-image: url(images/pkfjuniorkaratechampionships.png);
	background-repeat: no-repeat;
	display: block;
	}
h1#pkf a span {
	width: 503px;
	height: 106px;
	display: none;
	}
h1#pkf_es a {
	margin: 20px 0 0 25px;
	width: 503px;
	height: 106px;
	background-image: url(images/pkfjuniorkaratechampionships_es.png);
	background-repeat: no-repeat;
	display: block;
	}
h1#pkf_es a span {
	width: 503px;
	height: 106px;
	display: none;
	}
h1#pkf_fr a {
	margin: 20px 0 0 25px;
	width: 503px;
	height: 106px;
	background-image: url(images/pkfjuniorkaratechampionships_fr.png);
	background-repeat: no-repeat;
	display: block;
	}
h1#pkf_fr a span {
	width: 503px;
	height: 106px;
	display: none;
	}

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

#montreal{
	float: right;
	margin: -70px 38px 0 0;
	background-image: url(images/montreal.png);
	background-repeat: no-repeat;
	//display: block;
	width: 200px;
	height: 69px;
}

#montreal.fr{
	float: right;
	margin: -70px 38px 0 0;
	background-image: url(images/montreal_fr.png);
	background-repeat: no-repeat;
	//display: block;
	width: 235px;
	height: 69px;
}

#montreal span{
	display: none;
	width: 200px;
	height: 69px;
}

#centresportif a {
	float: right;
	margin: 35px 38px 0 0;
	width: 218px;
	height: 62px;
	background-image: url(images/centresportif.png);
	background-repeat: no-repeat;
	display: block;
	}
	
#centresportif a.fr {
	float: right;
	margin: 35px 38px 0 0;
	width: 218px;
	height: 62px;
	background-image: url(images/centresportif_fr_edit.png);
	background-repeat: no-repeat;
	display: block;
	}
	
#centresportif a span {
	width: 218px;
	height: 62px;
	display: none;
	}

/*------Registration Button---------*/

#registration, #registration_fr, #registration_es{
	position: relative;
	margin: 50px auto 50px 55px;
}

#registration a.rollover {
	display: block;
	width: 316px;
	height: 81px;
	text-decoration: none;
	background: url("images/registration_btn/registration_btn_en.png");
}
	
#registration a.rollover:hover, #registration_fr a.rollover:hover, #registration_es a.rollover:hover {
	background-position: -316px 0;
}

#registration .displace, #registration_fr .displace, #registration_es .displace {
	position: absolute;
	left: -5000px;
}

#registration_fr a.rollover {
	display: block;
	width: 316px;
	height: 81px;
	text-decoration: none;
	background: url("images/registration_btn/registration_btn_fr.png");
}	

#registration_es a.rollover {
	display: block;
	width: 316px;
	height: 81px;
	text-decoration: none;
	background: url("images/registration_btn/registration_btn_es.png");
}

#buy_tickets, #buy_tickets_fr, #buy_tickets_es{
	position: absolute;
	margin: -131px auto 50px 420px;
}

#buy_tickets a.rollover {
	display: block;
	width: 317px;
	height: 81px;
	text-decoration: none;
	background: url("images/registration_btn/buy_btn/buy_en.png");
}

#buy_tickets a.rollover:hover, #buy_tickets_fr a.rollover:hover, #buy_tickets_es a.rollover:hover {
	background-position: -316px 0;
	}
	
#buy_tickets .displace, #buy_tickets_fr .displace, 

#buy_tickets_es .displace {
	position: absolute;
	left: -5000px;
}


#buy_tickets_fr a.rollover {
	display: block;
	width: 317px;
	height: 81px;
	text-decoration: none;
	background: url("images/registration_btn/buy_btn/buy_fr.png");
	}	
		
#buy_tickets_es a.rollover {
	display: block;
	width: 317px;
	height: 81px;
	text-decoration: none;
	background: url("images/registration_btn/buy_btn/buy_es.png");
}




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

h2#schedule{
	margin-left: 30px;
	background-image: url(images/schedule.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}
h2#schedule_es{
	margin-left: 30px;
	background-image: url(images/schedule_es.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}
h2#schedule_fr{
	margin-left: 30px;
	background-image: url(images/schedule_fr.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}

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

h2#visa_req{
	margin-left: 30px;
	background-image: url(images/visa_req.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}
h2#visa_req_es{
	margin-left: 30px;
	background-image: url(images/visa_req_es.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}
h2#visa_req_fr{
	margin-left: 30px;
	background-image: url(images/visa_req_fr.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}

/*-----------------------*/
h2#accomodation{
	margin-left: 30px;
	background-image: url(images/accomodation.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}
h2#accomodation_es{
	margin-left: 30px;
	background-image: url(images/accomodation_es.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}
h2#accomodation_fr{
	margin-left: 30px;
	background-image: url(images/accomodation_fr.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}

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

h2#contact_info{
	margin-left: 30px;
	background-image: url(images/contact_info.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}	
h2#contact_info_es{
	margin-left: 30px;
	background-image: url(images/contact_info_es.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}	
h2#contact_info_fr{
	margin-left: 30px;
	background-image: url(images/contact_info_fr.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}	

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


h2#delres_en{
	margin-left: 30px;
	background-image: url(images/acreg/delres_en.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}
h2#delres_fr{
	margin-left: 30px;
	background-image: url(images/acreg/delres_fr.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}
h2#delres_es{
	margin-left: 30px;
	background-image: url(images/acreg/delres_es.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}
/*----------------------*/
h2#indres_en{
	margin-left: 30px;
	background-image: url(images/acreg/indres_en.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}
h2#indres_fr{
	margin-left: 30px;
	background-image: url(images/acreg/indres_fr.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}
h2#indres_es{
	margin-left: 30px;
	background-image: url(images/acreg/indres_es.png);
	background-repeat: no-repeat;
	display: block;
	width: 729px;
	height: 38px;
}


	h2 span{
		display: none;
		width: 729px;
		height: 38px;
	}

h3{
	margin: 35px 0 35px 55px;
}
/*--------------------*/

p{
	margin: 35px 0 35px 55px;
	width: 480px;
}

#pkf-schedule{
	margin: 20px 0 25px 29px;
}

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

h3#rules_res{
	margin: 40px 20px -15px 55px;
	background-image: url(images/acreg/rules_en.png);
	background-repeat: no-repeat;
	display: block;
	width: 330px;
	height: 29px;
}
h3#rules_res_fr{
	margin: 40px 20px -15px 53px;
	background-image: url(images/acreg/rules_fr.png);
	background-repeat: no-repeat;
	display: block;
	width: 430px;
	height: 29px;
}
	h3 span{
		display: none;
		width: 430px;
		height: 292px;
	}




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

#footer{
	bottom: 0px;
	height: 185px;
	margin-left: 30px;
}
#footer img{
	margin-right: 18px;
	border: none;
}

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

p.indent1{
	float: right;
	width: 400px;
	margin: -28px 200px 0 0; 
}

p.indent2{
	float: right;
	width: 400px;
	margin: -95px 200px 0 0; 
}

p#visa{
	width: 400px;
}

#canada_visa{
	position: absolute;
	margin: -120px 0px 0px 515px;
	background-image: url(images/can_flag.png);
	background-repeat: no-repeat;
	display: block;
	width: 85px;
	height: 29px;
}
	#canada_visa span{
		display: none;
		width: 92px;
		height: 29px;
	}

#usa_visa{
	position: absolute;
	margin: -70px 0px 35px 515px;
	background-image: url(images/us_flag.png);
	background-repeat: no-repeat;
	display: block;
	width: 85px;
	height: 29px;
}
	#usa_visa span{
		display: none;
		width: 92px;
		height: 29px;
	}

.visa_link_can a{
	position: absolute;
	margin-top: -112px;
	margin-left: 510px;
	font-size: 0.9em;
}

.visa_link_us a{
	position: absolute;
	margin-top: -62px;
	margin-left: 510px;
	font-size: 0.9em;
}

.hotel1{
width: 250px;
float: left;
margin-right: 50px;
}
.hotel1 span, .hotel2 span{
font-size: 18px;
font-weight: bold;
}
.hotel2{
width: 260px;
float: left;
}
.rules{
margin-bottom: -10px;
width: 450px;
}
ul{
margin: 13px 0 0 70px;
width: 390px;
}
.back{
text-align: right;
width: 700px;
}

a {
	font-weight:bold;
	color:#555;
	text-decoration:none;
	}
a:hover{
	color: #000;
	}

.qanda, .buy_tickets{
	width: 400px;
	margin: 35px 0 0 55px;
}

.extra-info{
	text-align: right;
	width: 240px;
	position: absolute;
	margin: -120px -10px 0 520px;
}


.hotels{
	overflow: hidden;
	margin-left: 55px;
}

.hotel{
	float: left;
	margin-right: 10px;
	display: block;
	width: 350px;
	min-height: 350px;
}

.hotel h3{
	text-transform:uppercase;
	margin-bottom: 0;
	margin-top: 20px;
	margin-left: 0;
	margin-right: right:0;
	margin-bottom:0.2em;
}

.stars{
	overflow: hidden;
	margin-top: 0.9em;
	margin-bottom: 0.9em;
	display: block;
}

.stars img{
	float: left;	
}

.hotel span{
	display:block;
}

.hotel.short{
	min-height: 110px;
	height: 110px;
}

#forms{
	padding-top:66px;
}

#forms ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

#forms ul li{
	margin:0;
	padding: 0;
	width: 400px;
	font-size: 11px;
	line-height: 1.2;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #bcbcbc;
}


#forms ul li a, #forms ul li a:link, #forms ul li a:visited{
}

#forms ul li a:hover{
	color: #fb0013;
}

* {
	outline: none;
}


div#blog a:link, div#blog a:visited, div#blog a:active{
	position: absolute;
	top: 5px;
	background-color: rgba(255,39,0,0.95);
	padding: 1px;
	font-weight: normal;
	text-transform: uppercase;
	font-style: normal;
	color: black;
	font-size: 11px;
	line-height: 1.2;	
}

div#blog a:hover{
	position: absolute;
	top: 5px;
	padding: 1px;
	font-weight: normal;
	text-transform: uppercase;
	font-style: normal;
	color: white;
	font-size: 11px;
	line-height: 1.2;
}

#insurance_top a:link, #insurance_top a:visited, #insurance_top a:active{
	position: absolute;
	top: 25px;
	background-color: rgba(63,188,0,0.95);
	padding: 1px;
	font-weight: normal;
	text-transform: uppercase;
	font-style: normal;
	color: black;
	font-size: 11px;
	line-height: 1.2;	
}

#insurance_top a:hover{
	position: absolute;
	top: 25px;
	padding: 1px;
	font-weight: normal;
	text-transform: uppercase;
	font-style: normal;
	color: white;
	font-size: 11px;
	line-height: 1.2;
}

#video a:link, #video a:visited, #video a:active{
	position: absolute;
	top: 45px;
	background-color: rgba(184,73,174,0.95);
	padding: 1px;
	font-weight: normal;
	text-transform: uppercase;
	font-style: normal;
	color: black;
	font-size: 11px;
	line-height: 1.2;	
}

#video a:hover{
	position: absolute;
	top: 45px;
	padding: 1px;
	font-weight: normal;
	text-transform: uppercase;
	font-style: normal;
	color: white;
	font-size: 11px;
	line-height: 1.2;
}


.bloglink{
	margin-left: 30px;
	text-transform: uppercase;
	margin-bottom: 1em;
	display: block;
}

.section{
	margin-left: 55px;
	width: 420px;
	margin-bottom: 50px;
	margin-top: 30px;
}

.section p{
	margin-left: 0;
}

.section ul{
	margin-left: 0;
	list-style-position: inside;
}