/*-----------------------------/
/*> COLOR SCHEME <<<----*/
/*    blue      - #21AAD3     */
/*    font gray - #BCB7B7     */
/*    line gray - #666666     */
/*    bg gray   - #343333     */
/*    bg black  - #262626     */
/*-----------------------------/

/*----- GLOBAL <<<-----------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


* {
	margin: 0;
	padding: 0;
}

body {
	background: #343333 url(images/main/bg.png) repeat-x 0 170px;
	color: #BCB7B7;
	font: bold 0.8em Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#container {
	width: 955px;
	height: auto;
	margin: 0 auto 0;
}

#logo {
	width: 355px;
	float: left;
	text-align: right;
	margin-top: 135px;
}

h1 {
	font: bold 1.65em Helvetica, Verdana, Arial, sans-serif;
}

.text_color { 
	color: #21AAD3
}

.text_links {
	color: #21AAD3;
	text-decoration: none;
}

p {
	text-align: justify;
	line-height: 18pt;
	margin-top: 15px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#back {
	width: 955px;
	margin: 0 auto;
	text-align: left;
}


/*----- MENU <<<-----------*/
.menu_content {
	width: 550px;
	margin-top: 150px;
	float: left;
}


#menu {
	margin: 0;
}

#menu li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
#menu a:link, #menu a:visited {
	float: left;
	text-decoration: none;
	margin-right: 20px;
	padding-bottom: 4px;
	color: #BCB7B7;
}

#menu a.active:link, #menu a.active:visited, #menu a:hover {
	border-bottom: 3px solid #21AAD3;
	padding-bottom: 4px;
	color: #21AAD3;
}


/*----- FLAGS <<<-----------*/
.flags_content {
	width: 50px;
	margin-top: 153px;
	float: left;
}


#img_flags {
	margin: 0;
}

#img_flags li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#img_flags a:link, #img_flags a:visited {
	float: left;
	text-decoration: none;
	margin: 0 5px 0 5px;
	padding-bottom: 4px;
}
	
	

/*----- SUB MENU <<<-----------*/
.submenu_content {
	width: 955px;
	margin: 0 0 20px 0;
	padding: 8px 5px 5px;
	float: left;
}

#submenu {
	margin: 0;
	padding: 0 0 5px 10px;
	font: bold 0.85em Helvetica, Verdana, Arial, sans-serif;
}

#submenu li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
#submenu a:link, #submenu a:visited {
	float: left;
	text-decoration: none;
	margin: 0 10px 4px 10px;
	color: #BCB7B7;
}

#submenu a.subactive:link, #submenu a.subactive:visited, #submenu a:hover {
	color: #21AAD3;
}




/*----- MAIN CONTENT <<<-----------*/
#main_content {
	width: 955px;
	height: auto;
	float: left;
	margin-bottom:  25px;
}

.text {
 margin-top: -5px;
}

#left_side {
	width: 325px;
	height: auto;
	margin-right: 30px;
	float: left;
}

#left_side li {
	margin-top: 10px;
	list-style-image: none;
	list-style-type: none;
}

#title {
	font: 1.1em Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ccc;
	margin-bottom: 15px;
}


#right_side {
	width: 600px;
	height: auto;
	float: left;
}

#right_side img {
	float: right;
}

#right_side li {
	margin: 5px 0 0 -15px;
	padding-left: 15px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#right_side a {
	text-decoration: none;
	color: #BCB7B7;
}

#right_side a:hover {
	text-decoration: none;
	color: #21AAD3;
}

#links ul {
    list-style-type: none;
	float: left;
	height: 150px;
	width: 145px;
	margin: 0 5px 30px 0;
} 

#links li a { 
    display: block;
    text-decoration: none;
	margin: 2px;
}

* html #links li a {  /* make hover effect work in IE */
	width: 143px;
}

#links li a:hover img {
	width: 143px;
	height: 148px;
	border: 1px solid #21AAD3;
	color: #21AAD3;
	font-weight: normal;
}

#links a:hover h2 {
	color: #21AAD3;
	font-weight: normal;
}

#links a h2 {
	color: #BCB7B7;
	padding-top:  1px;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
}

#links a em {
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#links a em img {
	border: none;
	margin: 0;
}

/*----- GALLERY <<<-----------*/

#jgal { 
	list-style: none; 
	width: 200px; 
}

#jgal li { 
	opacity: .5; 
	float: left; 
	display: block; 
	width: 60px; 
	height: 60px; 
	background-position: 50% 50%; 
	cursor: pointer; 
	border: 3px solid #fff; 
	margin-right: 14px; 
	margin-bottom: 14px; 
}

#jgal li img { 
	position: relative; 
	top: 0; 
	left: 200px; 
	display: none; 
}

#jgal li.active img { 
	display: block; 
}

#jgal li.active, #jgal li:hover { 
	outline-color: #bbb; 
	opacity: .99 /* safari bug */ 
}

/* styling without javascript */

#gallery { 
	list-style: none; 
	display: block; 
}
	
#gallery li {
	float: left; 
	margin: 0 10px 10px 0; 
}

#gallery_content {
	width: 955px;
	height: 410px;
	margin: 25px 0 20px 0;
}

/*----- CONTACT US <<<-----------*/

#contactoform {
	margin: 0;
}

#contactoform fieldset { border: 0; }

#contactoform legend { visibility: hidden; }

#contactoform label { display: block; }

#contactoform input, #contactoform textarea, #contactoform select, #txpCommentInputForm input {
	font: .85em Arial, Helvetica, sans-serif;
	width: 300px;
	margin: 5px 0 10px;
	padding: 3px;
	background: #fff;
	border: 1px solid #fff;
}

#contactoform textarea {height: 200px;}

#contactoform #enviar, #contactoform .button {
	width: auto;
	padding: 5px;
	float: left;
	background: #fff;
	border:0;
	cursor: pointer;
	text-align: center;
	font: bold 1em Arial, Helvetica, sans-serif;
}

#contactoform .checkbox {
	width: auto;
	padding: 0;
	border: 0;
	margin: 0;
	background: 0;
}

#contactoform p.remember label {display: inline;}

/*----- FOOTER <<<-----------*/
#content_footer {
	width: 100%;
	border-top: 3px solid #666666;
	padding-top:  5px;
}

#main_footer {
	width:  955px;
	margin: 0 auto 0;
	font: .8em Arial, Helvetica, sans-serif;
}

#footer_left {
	float:  left;
}

#footer_right, #footer_right a {
	float:  right;
	color: #BCB7B7;
	text-decoration: none;
}