/**
 * GENERAL STUFF
 */

body{
  margin: 0px 0px 0px 0px;
  font-family: "sans-serif", "arial";
  background: #224265;
//  background-image: url('../images/Asphalt2.jpg');
  margin-bottom: 2em;
}

a img{
  border: 0px;
}

input{
	width: 100%;
}

input[type=checkbox]{
	width: none;
}

select{
	width: 100%;
}

textarea{
	width: 100%;
}

form{
	margin: 0px;
}

a{
	color: blue;
	text-decoration: none;
}

h4{
	font-size: 0.7em;
	margin: 0px;
}

a:hover{
	background-color: yellow;
	color: black;
}

.back{
	float: right;
	border: 1px solid black;
	background: blue;
	color: white;
	margin: 1em;
}

#print_link_{
	float: right;
	border: 1px solid black;
	background: blue;
	color: white;
}


#body{
	margin: 0 auto;
	text-align: center;
//	margin-left: 5%;
//	width: 90%;
	width: 1000px;
	margin-top: 2em;
	background: black;
}

/**
 * HEADER
 */

table#header{
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  width: 100%;
  border: 0px 0px 0px 0px;
  background: #224265;
  background-image: url("../images/bg_head.png");
  background-repeat: repeat-y;
}
table#header td{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-collapse: collapse;
  border: 0px 0px 0px 0px;
  vertical-align: middle;
}

table#header td#logoheader{
    width: 390px;
}

table#header td div{
	width: 100%;
	height: 150px;
	overflow: hidden;
}

#header td#lang{
  text-align: center;
  width: 120px;
}
#header #lang img{
  margin: 5px;
}
#header #logo{
  padding-left: 10%;
  padding-right: 2em;
}
#header #car{
  height: 100%;
  padding-left: 1%;
}
#header #flag{
  padding-left: 10%;
  top: 0px;
}

#header a img:hover{
  background: blue;
}

#header a:hover{
  background: blue;
}

/**
 * MENUS
 */

.menu{
  color: white;
  font-size: 12pt;
}

.menu a.selected{ 
  background: white;
  color: blue;
}

.menu a{
  color: white;
  font-weight: bold;
  text-shadow: 1px 1px 1px black;
  text-decoration: none;
  padding-right: 2em;
}

.menu a:hover{
  background: white;
  color: blue;
  text-decoration: none;
}

.menu a.private{
	background: blue;
}

.menu_horizontal{
  background: #224265;
  background-image: url('../images/fondo2.png');
  background-repeat: no-repeat;
  padding-left: 120px;
  width: 100%;
  border: 0px;
}

.menu_horizontal tr{
 border: 0px;
}

.menu_horizontal .login{
	text-align:left;
}

.menu_horizontal a{
  padding-left: 1em;
}

.menu_horizontal a#login{
	padding-left: 2em;
	font-size: 0.8em;
	vertical-align: middle;
	border: 0px;
}

td#menu_vertical{
  width: 150px;
  height: 50%;
  margin-right: 1em;
  font-size: 1.0em;
}

#menu_vertical a{
  display: block;
  padding: 0.5em;
  font-size: 1.7em;
  margin-left: 0.5em;
}

#menu_vertical a:hover{
	background: white;
  /*background-image: url('../images/flags_bgmenu.png')*/
}


.hidden{
	display: none;
}


/**
 * LISTINGS
 */

.listing{
	width: 100%;
	border: 1px solid blue;
	border-collapse: collapse;
	font-size: 10pt;
}

.listing th{
	color: white;
	background: blue;
	border-left: 1px solid white;
}

.listing tr{
	border: 1px solid blue;
}

.listing td{
	border: 1px solid blue;
}


.listing .selected_row{
        font-weight: bold;
}

.listing .remove_row{
        color: blue;
}

.listing .join_row_1st{
        font-style: italic;
}

.listing .join_row{
        color: blue;
}

/**
 * FORMS
 */
table.form{
	border-collapse: collapse;
	border: 1px solid blue;
	width: 100%;
}

table.form tr{
	border: 1px solid blue;
}

table.form td{
	border: 1px solid blue;
}

table.form td input{
	width: 100%;
}

table.form th{
	background: blue;
	color: white;
	border: 1px solid black;
	width: 25%;
	margin: none;
	padding: none;
	vertical-align: middle;
	text-align: right;
}

table.form img{
	float: right;
	padding-left: 0.5em;
}


/**
 * LOGIN BOX 
 */

.login_box{
	float: right;
	border: 0.3em solid black;
	background: blue;
	padding-left: 1em;
	padding-right: 1em;
	border-left: 0em;
	border-right: 0em;
	margin-top: 0.2em;
	font-size: 10pt;
    margin-left: 1em;
}

.login_box a{
	color: white;
}

.login_box a:hover{
	color: blue;
}

/**
 * TABS
 */
.tabs #tabbar h2.tablabel{
	background: blue;
	float: left;
	color: white;
	font-weight: bold;
	padding-right: 1em;
	margin-bottom: -2px;
	padding-left: 0.5em;
}
.tabs #tabbar h2.tablabel.off{
	background: white;
	float: left;
	color: black;
	font-weight: normal;
	padding-right: 1em;
	border: 1px solid blue;
	font-size: 1.2em;
	padding-top: 0.4em;
}

.tabs div#tabcontents{
	border: 1px solid blue;
	clear: left;
}

/**
 * CMS
 */

.timestamp{
	float: right;
	color: #ccc;
	font-size: 0.5em;
	padding: 1em;
}

.document{
	margin: 1em;
	text-align: justify;
	font-size: 1.5em;
}


.section h1{
	color: #224265;
	font-size: 1.3em;
}

.section h2{
	color: #224265;
	font-size: 1.0em;
	padding-left: 0.5em;
}


h1.title{
	padding-left: 1.5em;
}



/**
 * OTHER AREAS
 */

table#mainarea{
  background: #224265;
  background-image: url('../images/fondo2.png');
  background-repeat: no-repeat;
  border-collapse: collapse;
  border: 0px;
  width: 100%;
  font-size: 10pt;
  /*margin-bottom: 2em;*/
}

table#mainarea td.menu{
  border-collapse: collapse;
  border: 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
}


td.content{
	background: white;
	margin: 1em;
	width: 100%;
}

.error{
	background: blue;
	border: 3px dashed black;
	color: white;
	font-weight: bold;
}

.error a{
	color: blue;
}

.footer{
  font-size: 0.6em;
  padding-left: 95px;
}


td.tuxum{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
td.tuxum a:hover{
  background: none;
}

td.content_footer{
  background: white;
  background-image: url("../images/checked.jpg");
  background-repeat:  repeat-x;
  background-position: bottom;
}


tr.hidden_component td{
	background: #ddd;
}

.shop_review .document{
	font-size: 0.7em;
}