/* Things to Remember:
	* paddings can't have auto values 
	* text-align only works with block elements and not inline ones. For example: works with div, but not with span unless is diplayed as block
*/
.w1 {
	border:.3em solid #F00;
	display:block !important;
	margin:.3em;
}
.w2 {
	border:.1em solid #000;
	margin:2px;
}

.w1 .w2 p {line-height:1.5em !important;padding:.5em !important;margin:0 !important;}

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

.r1024, .r960, .r768, .r640, .r320 {
	display:none;
	float:left;
}

#lngtbl {
	width:70%;
	margin:0 auto;	
}
#lngtbl tr {}
#lngtbl td{}

#lngtbl tr th img, #lngtbl tr td img{display:none;} 
#lngtbl tr th b, #lngtbl tr td b{
	float:right;
} 

#lngtbl tr td:first-of-type {
	border:0;
	color:#000;
}

#lngtbl tr td {
	border-style:solid;
	border-color: #CCC;
	border-width: 1px;
	text-align: center;
	color: #3C3;
}

#lngtbl tr th {text-align:center;}

/* This trick does not work with classes, only with ids */
body#public{
	color: #000000;
	background-color: #EBEDEE;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	width: 100%; /* basesize: 1240 px */ 
	max-width:1240px; /* The wrapper will never expand beyond 1240 px wide */
	margin:0 auto;
}

h1, h2, h2.imp, h3{
	margin:0 3.64583333333333% 10px;
}

h1 {
color: #60709F;
line-height: 40px;
}

h2 {line-height: 26px;}

h2.imp {font-weight:bold;}

h3 {
	font-family:Arial, sans-serif;
	text-align:left;
	font-size:1em;
}

p {
	font-size: 1em;
	margin: 0 3.64583333333333% 1em;
	display:block;
	text-align:justify;
	line-height: 1.5em;
}

a{
	color: #000000;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a.normal{
	color:#036;
	text-decoration:underline;
}

input,select,textarea{
	border: #aaa 1px solid;
	font-size: .9em;
	padding: 5px;
}

select{padding: 0;}

li{list-style: none;}

#page{
	width: 90%; /*77.41935483870968%; /*960 / 1240 */
	background-color: #FFF;
	margin:20px auto; /* This will center the page on the screen */
	padding:15px;
	border: 1px solid #CCC;
}

#page:after{
	clear:both;
	content:"";
	display:block;
}

/*- Header -*/
#header{
	background-color: #0C3060;
	width: 72.91666666666667%; /* 700 / 960 */
	/* top right bottom left 
	the 25% on right make right and left having a margin of 25%, centering the element on the screen.*/
	margin:0 auto 0 !important;
	text-align:center;
	padding: 0px;
	float:top;
}

#header h1{
	float: left;
	display:inline;
	line-height: 100px;
	font-size: 1.5em;
}

/* #logo is the element inside the #header that contains it */
#logo {
	margin:0 auto;
	width: 72.91666666666667%; /* 700 / 960 */
}

#logomobi {
	display:none;
}

#logo img, #logomobi img {max-width:100%;}

#header h1 a{
	display: block;
	height: 93px;
	width: 55.57142857142857%; /* 389 / 700 */
	color: #000000;
	font-size: 1.75em;
}

#nav_header:after{
	clear:both;
	content:"";
	display:block;
}

#nav, #nav_header{ /* The main navigation bar */
	padding: 2px 0px !important;
	/*background-color: #FFF;*/
	margin:15px auto 5px !important;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width: 72.91666666666667%; /* 700 / 960 */
	text-align:center;
}

#nav {line-height:1.5em;}

#nav-top, #nav-left {
	float:left;
	display:block;
	width: 100%;
}


#nav-left{width:77.14285714285714%; /*540/700*/}

#nav-right, #contacts {
	float:right;
	display:block;
	width:21.42857142857143%; /* 150 / 700 */
	margin:0 !important;
	padding:0 !important;
}

#contacts {
	float:left;
	display:none;
}

#nav1-right ul, #contacts {
	padding: 0;
	float:left;
	list-style: none;
	margin: 0 5px;
}

#contacts li {
	line-height:20px;
	font-weight:normal;
	font-size:.75em;
}

#nav-right li {
	float: center;
	line-height:20px;
	font-weight:normal;
	font-size:.75em;
	text-transform:uppercase;
}

#nav-right a, #contacts a {
	display: block;
	padding:0 5px;
	background-color: #103d76;
	color: #ffc;
	font-weight:bold;
}

#contacts li a {
	text-decoration:underline;
	text-transform:none;
}

#nav-right li a:hover, #contacts li a:hover{
	background-color: #606;
	text-decoration:none;
	color:#fff;
}


#nav-right img {vertical-align:middle; max-width:100%;margin-bottom:2px;}

#nav1, #nav1 ul{
	padding: 0;
	float:left;
	list-style: none;
	margin: 0 5px 0;
}
#nav1 {
	font-size:.8125em;
	font-family: Verdana, sans-serif;
}
#nav1 a {
	display: block;
	padding: 5px;
	margin:5px 5px 3px;
	font-size:1.3em;
}
#nav1 li {
	float: left;
	line-height:20px;
	font-weight:normal;
	font-size:.6875em;
	text-transform:uppercase;
}
#nav1 li a:hover {
	background-color: #444444;
	text-decoration:none;
	color:#ffffff;
}

a.normal{text-decoration:underline; color:#036;}

.inscription {
	display:block;
	text-align:center;
	background-color:#ff6;
	width:145px;
	height:27px;
	border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; -rim-border-radius: 10px; -o-border-radius: 10px;
	background: linear-gradient(top,  #f90 0%,#ff9 100%); 
	background: -moz-linear-gradient(top,  #f90 0%, #ff9 100%);	
	background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,#f90), color-stop(100%,#ff9)); 
	background: -webkit-linear-gradient(top,  #f90 0%,#ff9 100%); 
	background: -o-linear-gradient(top,  #f90 0%,#ff9 100%); 
	background: -ms-linear-gradient(top,  #f90 0%,#ff9 100%);
	position:absolute;
	z-index:10;left:83%;top:105px;
}

.inscription {
	position:static;
	width:17.27748691099476%;
	height:2em;
	margin:0 auto;
}
/* /PAY BOX MECHANISM */

#nav2 {
	margin:0 auto 5px;
	padding: 2px 0 !important;
	display:block;
	font-size:.8125em;
	float:top;
	width:95.83333333333333%; /*920 / 960*/
	height:auto;
	border-top: 1px solid #DDD;
}

#nav2, #nav2 ul{list-style: none;}

#nav2 a {
	display: block;
	padding:0 15px;
	border-right: 1px solid #DDD;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
#nav2 li {
	float: left;
	line-height:30px;
	background:#103d76;
	display: block;
	padding:0 15px;
	border-right: 1px solid #DDD;
	color:#FFF;
	font-size:.8125em;
	text-decoration:none;
	font-weight:bold;
}
#nav2 li a:hover {background: none;}

#nav2 select.sideoptions, .navftr {display:none;}

#langs, #langs ul{
	padding: 0;
	float:right;
	list-style: none;
}
#langs {
	padding: 0;
	-font-size:.8125em;
	float:right;
}
#langs a {
	display: block;
	padding:0 2px;
	height:28px;
}
#langs li {
	float: left;
}

#langs li a:hover {
	background: none;
	text-decoration:none;
	color:#fff;
}

/*--- Main Columns ---*/
#columns{
	float:left;
	margin:5px 15px 15px;
	padding:0;
	background-color: #FFF;
	-border:1px solid;
	
}
.col1{
	float: left;
	width: 68%;/*76.04166666666667%; /* 730 / 960 */
	padding:5px;
	margin:0 5px;
	/*border:1px solid;/**/
}

/* .content is the textual content inside col1 */
.content {
	margin:10px 15px 0 5px;
	float:left;
	width:100%;
	display:block;
}

.cntForm {
	width:100%;
}

.imgftr img{max-width:100%;}

.col2{
	float: left;
	width: 20.3125%; /* 195 / 960 */
	padding:0;
	/*border:1px solid;/**/
}

.sideTabs {
	width:100%;
	height:auto !important;
	margin: 0 2px 0 2px;
	min-height:46.875%; /* 450 / 960 */
	border:1px solid #ddd;
	background-color:#f7f7f7;
	float:left;
	display: block;
	text-align:center;
}

.sideItem {
	float:top;
	border:1px dashed #CCC;
	border-collapse:collapse;
	background-color:#fff;
	display:block;
	margin:10px auto;
	width: 89.74358974358974%; /*175 / 195 */
	line-height:30px;
	height:auto !important;
}

.sideItem li .current {
	float:top;
	border:1px dashed #CCC;
	border-collapse:collapse;
	background-color:#09C;
	display:block;
	margin:12px auto;
	line-height:30px;
	height:auto !important;
}

.sideItem li a:hover {
	display: block;
	background-color: #066;
	color: #FFF;
}

#footer{
	clear: both;
	color: #666;
	height: 35px;
	line-height: 35px;
	margin:0 auto;
	width:96.14583333333333%; /* 923 / 960 */
	padding:0;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
}

#footer img {
	vertical-align:middle;
	margin-left:5px;
	max-width:100%;
}

.fl{float: left;}
.fr{float: right;}
.ac{text-align: center;}
.ar{text-align: right;}


.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}

.atext:link{
	color: #000;
	text-decoration: underline;
}


.atext:hover{text-decoration: underline;}

.notas	{
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	font-family: Garamond, serif;			
}


/* Debugging mode:*
#header, #nav, #nav2, #nav1, #nav-left, #nav-right, #page, .columns, .col1, .col2 {
	border:solid 1px;
}
/**/

/* PAY BOX MECHANISM */
#paybox {
	width:75%; /* 697/930 */
	margin:0 auto;
}

#paybox .header, #paybox .poption {
	display:block;
	text-align:center;
	line-height:2em;
}

#paybox .header {
	margin:1em auto 0;
	border:1px solid #ddd;
	border-top-right-radius: 10px; -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -ms-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -rim-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; border-top-left-radius: 10px; -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -ms-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -rim-border-top-left-radius: 10px; -o-border-top-left-radius: 10px;
	background-color:#036;
	color:#fff;
}

#paybox .poption{background-color:#FEF8F0;}
#paybox .poption, #paybox .cntform {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:0;
	text-align:center;
}

#paybox .poption li {
	text-align:center;
	width:300px;
	-border:1px solid;
	margin:0 auto;
}

#paybox .poption li a {text-decoration:none;}

#paybox .poption li a img {
	padding:0;
	padding-top:.5em;
}

#paybox .poption li .title {
	font:bold 1.1em 'Trebuchet MS',Helvetica,sans-serif;
	text-indent:0;
	display:block;
	margin:-5px auto 0;
	-border:1px solid;
}

#paybox .cntform {
	padding-top:.5em;
}

#paybox .cntform p {width:auto;}
#paybox .cntform p a {text-decoration:underline; color:#036;}

fieldset {width:95%; margin:0 auto;}
/* > select all div elements where fieldset is the parent element */
fieldset > div {  
	background-color: #fff;
	border: 1px solid #bbb;
	margin: 0 0 .5em;
	padding: 5px 5px;
	font-family:Arial, helvetica, sans-serif;
	font-size:1em;
}

fieldset > div b {font-size:.8em;}

/* select all inputs that are text */
input[type=text], textarea {
	border:1px solid #ccc;
	outline:2px;
	margin: .5em 0;
	padding: 3px 0;
	width: 100%;
}

select {margin:.5em 0;}
select, option {width:100%;}

fieldset > div, input[type=text], textarea {
	border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; -rim-border-radius: 4px; -o-border-radius: 4px;
}

/* CC Payment form */
#payment-form input, #payment-form select {width: auto;}

#payment-form fieldset{width:95%; /* 400 / 697*/}

#payment-form fieldset .form-row{
	width:100%;
}

.smallInput{
	width: auto !important;
}
.small{font-size:.9em;}

.error{color:#cb0c11 !important;}

.payment-errors{
	display:none;
	width:90%;
	margin:1em auto 0;
	color:#cb0c11;
}

#name-on-card{
	display:none;
}

table {
	margin:0 auto 1em;
	padding-bottom:0;
	line-height:1.2em !important;
	width:85%;
}

table td{
	text-align:left;}

.print{display:none;}

.address {
	font-family:Verdana, arial, sans-serif;
	font-size:.75em;
	font-weight:bold;
	margin:.5em;
	text-align:center;
}

.sidePic img{
	float:left;margin:7px;
}