/* CSS Document */

*, td, input, textarea, select {
  margin: 0;
  padding: 0;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
}
img {
  display: block;
}
a {
  text-decoration: none;
  color: #2d71ab;
  font-weight: bold;
}
a img {
  border: none;
}
ul {
  list-style: none;
}
h1 {
  margin-bottom: 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 24px;
  font-weight: normal;
	text-transform: capitalize;
}
h2 {
  margin-bottom: 10px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  font-weight: normal;
	text-transform: capitalize;
}
h3 {
	margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
	text-transform: capitalize;
}
body {
  background: #cbdcea url(../img/bgr_body.jpg) repeat-x top left;
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#wrapper {
  width: 940px;
  margin: 10px auto;
	background: #fff;
}
/***********************************/
/************* HEADER  *************/
/***********************************/
#header {
	z-index: 1000;
  position: relative;
  width: 940px;
  height: 154px;
  margin-bottom: 1px;
	border-bottom: 5px solid #ccc;
}
#logo, #logo a {
	display: block;
	width: 260px;
	height: 65px;
}
#logo {
	position: absolute;
	left: 30px;
	top: 20px;
}
#logo a {
	text-indent: -1000em;
	background: url(../img/logo.gif) no-repeat center;
}
#blog_button {
	position: absolute;
	top: 0;
	right: 10px;
	display: block;
	width: 124px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	background: url(../img/button_blog.gif) no-repeat center;
}
.langs{
	float: right;
	padding-right: 10px; 
}
.langs-left{
	float: left;
	background: url("../img/langs_left.gif") left top no-repeat;
	width: 43px;
	height: 30px;
}
.langs-content{
	float: left;
	background-color: #2d71ab;
	height: 23px;
	color: #fff;
	padding-top: 7px;
}
.langs-content a{
	color: #fff;
	text-transform: uppercase;	
}
.langs-content a:hover{
	text-decoration: underline;
}
.langs-right{
	float: left;
	background: url("../img/langs_right.gif") left top no-repeat;
	width: 43px;
	height: 30px;
}
/***********************************/
/******** MAIN NAVIGATION **********/
/***********************************/
#main_navigation {
	z-index: 1000;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #ccc;
}
#main_navigation ul {
	float: left;
	padding: 0 2px;
}
#main_navigation ul li, #main_navigation ul li a {
  display: block;
  float: left;
	line-height: 32px;
	text-transform: uppercase;
	font-size: 12px;
	color: #666;
}
#main_navigation ul li {
	position: relative;
}
#main_navigation ul li a {
	padding: 0 6px;	
}
#main_navigation ul li.hover a {
	background: #eee;
}
#main_navigation ul li.hover ul {
	display: block;
}
#main_navigation ul li ul {
	z-index: 1000;
	display: none;
	position: absolute;
	left: 0;
	width: 200px;
	margin-top: 25px;
	padding: 5px 0;
	background: #eee;
}
#main_navigation li li, #main_navigation li li a {
	clear: left;
	width: 180px;
	line-height: 15px !important;
	padding: 2px 6px 2px 6px;
}
#main_navigation li li a {
	font-size: 11px !important;
	font-weight: normal !important;
	border: none !important;	
}
#main_navigation li li a:hover {
	text-decoration: underline;
}

#submenu {
	margin: 8px 10px 10px 10px;
	padding: 5px 15px;
	background: #e4f1fc;
}
#submenu li {
	padding: 7px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #cae0f4;
}
#submenu li.last {
	border-bottom: none;
}
/***********************************/
/************* CONTENT *************/
/***********************************/
#content {
  background: url(../img/bgr_content.gif) repeat-y 270px 0;
}
.content_home {
  background: url(../img/bgr_content_1.gif) repeat-y 318px 0 !important;
}
.content_inner #right_column {
	float: left;
}
.content_inner #left_column {
	float: right;
}
.content_inner {
	padding-top: 52px;
}
/***********************************/
/*********** RIGHT COLUMN ***********/
/***********************************/
#right_column {
  float: right;
  width: 270px;
}
#register_button {
	display: block;
	width: 190px;
	height: 45px;
	margin: 10px auto;
	text-indent: -1000em;
	background: url(../img/button_registration.gif) no-repeat center;
}
#consultation_button {
	display: block;
	width: 190px;
	height: 45px;
	margin: 10px auto;
	text-indent: -1000em;
	background: url(../img/button_consultation.gif) no-repeat center;
}
#newsletter_button {
	display: block;
	width: 190px;
	height: 45px;
	margin: 10px auto;
	text-indent: -1000em;
	background: url(../img/button_newsletter.gif) no-repeat center;
}

#presentation_button {
	display: block;
	width: 190px;
	height: 45px;
	margin: 10px auto;
	text-indent: -1000em;
	background: url(../img/button_presentation.gif) no-repeat center;
}

#espanola_button {
	display: block;
	width: 190px;
	height: 45px;
	margin: 10px auto;
	text-indent: -1000em;
	background: url(../img/button_espanola.gif) no-repeat center;
}
#services_brief {
	margin: 15px 20px;
}
#services_brief h2 {
	font-size: 24px;
}
#services_brief li {
	padding: 6px 0 7px 0;
	background: url(../img/border_1.gif) repeat-x bottom left;
}
#services_brief li a {
	padding-left: 15px;
	background: url(../img/bullet_1.gif) no-repeat 0 4px;
}
/***********************************/
/***********  LEFT COLUMN **********/
/***********************************/
#left_column {
  float: left;
  width: 670px;
}
#about_brief {
	float: left;
	width: 319px;
}
#about_brief ul {
	margin: 0 18px 20px 18px;
}
#about_brief h2, #latest_news h2 {
	margin: 15px 20px 10px 20px;
  font-size: 24px;
}
#about_brief p {
	padding: 0 20px;
}
#latest_news {
  float: right;
  width: 350px;
}


.article {
	margin-bottom: 20px;
  padding: 0 20px;
}
.article h3 {
  margin-bottom: 5px;
}
.article p {
}




.static {
	position: relative;
	margin: 13px 20px;
  font-size: 14px;
}
.static h1 {
	position: absolute;
	top: -65px;
	left: -290px;
	width: 900px;
	padding: 10px 20px;
	color: #fff;
	background: #2d71ab;
}
.static p {
  margin-bottom: 10px;
}
.static ul, .list_1 {
	list-style: none;
}
.static ul li, .list_1 li {
	padding: 5px 0 5px 15px;
	background: url(../img/bullet_1.gif) no-repeat 0 9px;
}
.list_1 li:first-letter {
	text-transform: uppercase;
}
.static ol {
	padding-left: 25px;
}
.static ol li {
	padding: 5px 0 6px 0;
	background: url(../img/border_1.gif) repeat-x bottom left;
}
/***********************************/
/**********     NEWS   *************/
/***********************************/
#news {
}
#news h3 {
  font-size: 16px;
}
#news .article {
	margin-bottom: 10px;
	padding: 0 0 5px 0;
	1background: url(../img/border_1.gif) repeat-x bottom left;
}
#news .article strong.date {
	float: right;
	display: block;
	width: 50px;
	height: 35px;
	padding-top: 7px;
	background: #eee;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	color: #333;
	border-bottom: 1px solid #ddd;
}
#news .article strong.date small {
	font-size: 9px;
	text-align: center;
	color: #999;
}

/***********************************/
/**********    CONTACTS  ***********/
/***********************************/
#contacts #feedback_form {
	float: left;
	_float: none;
}
#feedback_form {
  width: 425px;
}
#contact_details {
  float: right;
  width: 200px;
}
#contact_details h4 {
  font-size: 16px;
  color: #7bb12c;
}
#contact_details h5 {
  margin-bottom: 5px;
  font-size: 10px;
  color: #999;
}
#contact_details span.border {
  margin: 5px 0 10px 0;
}
#contact_details p {
	color: #666;
	font-size:13px;
}
.form_1 {
  padding: 10px 0;
}
.form_1 input.text, .form_1 label, .form_1 textarea, .form_1 select {
  float: left;
  margin-bottom: 5px;
  font: 11px;
  font-family: Trebuchet MS, sans-serif;
}
.form_1 input.text, .form_1 textarea, .form_1 select {
  width: 200px;
  padding: 2px 1px;
  border: 1px solid #999;
  background: #eee;
  font-size: 11px;
}
.form_1 label {
  clear: left;
  width: 160px;
  color: #666;
	font-size: 12px;
}
.form_1 textarea {
  overflow: auto;
  width: 240px;
  height: 140px;
}
.form_1 button {
}
.form_1 p.error_message {
}
.form_1 button {
  display: block;
  float: left;
  width: 60px;
  height: 24px;
  margin-left: 160px;
  _margin-left: 80px;
  margin-top: 4px;
	background: #3778af;
  font-size: 11px;
  color: #fff;
	border: 1px solid #40729c;
	cursor: pointer;
}
p.error_message {
	clear: both;
	color: #FF0000;
	font-weight: bold;
	margin: 10px 0 0 60px;
	padding-left: 100px;
}
p.message_sent {
	clear: both;
	width: 100% !important;
	margin: 10px 0;
	padding: 100px 0 !important;
	text-align: center;
	background: #eee;
	color: #666;
}


/***********************************/
/**********    FOOTER  *************/
/***********************************/
#footer {
  padding: 10px 20px;
	border-top: 1px solid #ccc;
}
#footer p#copy {
  padding: 0 20px;
  color: #999;
  font-size: 11px;
	text-align: center;
}
/***********************************/
/*******  COMMON CLASSES  **********/
/***********************************/



.pager {
  clear: both;
  padding: 10px 0;
}
.pager ul {
  float: left;
}
.pager li {
  float: left;
  margin-right: 5px;
	padding: 0 !important;
	background-image: none !important;
}
.pager li, .pager li a {
  display: block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #666;
  font-size: 10px;
  font-weight: normal;
  background-color: #b8d3ea;
}
.pager li.selected span {
	display: block;
}
.pager li a, .pager li.selected span {
  text-decoration: none;
  width: 17px;
  height: 17px;
	border: 1px solid #b8d3ea;
}
.pager li a:hover {
	border-color: #2d71ab;
}
.pager li.selected, .pager li.selected a {
  background: #fff;
  color: #666;
}
.pager li.label {
  width: auto;
  font-size: 14px;
  background: none;
}
.pager p {
  float: right;
  text-align: right;
  color: #999;
  font-size: 14px;
}



.inline {	
	display: inline;
	vertical-align: middle;
}



span.clear {
  clear: both;
  display: block;
  width: 100%;
  font-size: 0;
  line-height: 0;
}
span.border {
  padding-bottom: 1px;
  background: url(../img/border_1.gif) repeat-x bottom left;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}


/******** Clear Fix ************/

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}