@charset "utf-8";
/* CSS Document */
body {
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	vertical-align: baseline;
   line-height: 1.4;
	color: #111111;
	font-size: 12px;
	margin:0;
	padding:5px 0px 0px 0px;
}

.container {
	margin: 0 auto;
	width: 780px;
	overflow: auto;
}

img {
	border:none;	
}

p img {
	padding: 5px;
}

form {
	padding: 0;
	margin: 0;
}

.checkbox_label {
	font-weight: bold;		
}

/*--------Header---------*/
.header {
	display: block;
	float: left;
	width: 780px;
	height: 87px;
}

.header .logo {
	float: left;
	width: 210px;
	height: 87px;
	display: block;
}

.header .logo a {
   float: left;
}

.header .slogan {
	float: left;
	display: block;
	width: 400px;
	height: 63px;
	padding: 24px 0px 0px 10px;
	line-height: 17px;
}

.header .slogan h1 {
	font-size: 18px;
	font-weight: normal;
	color: #0e5099;
	margin: 0;
	padding: 0;
}

.header .slogan h1 span {
	font-size: 12px;
	color: #71b22b;
	font-weight: bold;	
}

.header .contact {
	float: left;
	display: block;
	width: 150px;
	height: 62px;
	text-align: right;
	color: #5a5a5a;
	font-weight: bold;
	padding: 25px 0px 0px 10px;
}

.header .contact a {
	color: #5a5a5a;
	text-decoration: none;
}

.header .contact a:hover {
	text-decoration: underline;		
}

/*---------MENU--------*/
.menuline {
	width: 780px;
	height: 57px;
	display: block;
	float: left;
	background-image: url(../images/bg_menu.jpg);
	background-repeat: repeat-x;
}

.menuline ul li a:hover, .menuline ul li a.menu_current {
	background-image: url(../images/bg_menu_h.jpg);
	background-repeat: repeat-x;
}

.menuline ul li a.menu_current {
	color: #e36906;
}

/*--------SUPERFISH Menu---------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0;
	height: 47px;
}
.sf-menu a {
	text-decoration: none;
	color: #454c59;
	font-size: 14px;
	background: none;
	padding: 18px 20px 0px 20px;
	display: block;
	float: left;
	height: 39px;
	font-weight: bold;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #454c59;
}

.sf-menu a:hover {
	background-image: url(../images/bg_menu_h.jpg);
	background-repeat: repeat-x;	
}

.sf-menu ul li a.menu_current {
	color: #e36906;
}

.sf-menu li {
	float: left;
	height: 57px;
	background-image: url(../images/bg_menu_sep.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px 1px 0px 0px;
}

.sf-menu li ul {
	margin-top: 24px;
	width: 180px;
}

.sf-menu li li {
	background-color: #FFF;
	background-image:none;
	width: 180px;
	padding-left: 1px;
	height: 25px;
}

.sf-menu li li a {
	font-size: 12px;
	height: 20px;
	width: 150px;
	margin: 0px;
	background-image: none;
	padding: 5px 15px 0px 15px;
}

.sf-menu li li a:hover {
	background-image: none;
	background-color: #71b22b;
	color: #FFF;
	padding: 5px 15px 0px 15px;
}

.sf-menu li.sfHover li a {
	background-image: none;
}

.sf-menu li.sfHover a, .sf-menu a:focus {
	background-image: url(../images/bg_menu_h.jpg);
	background-repeat: repeat-x;
}

.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu a:hover, .sf-menu a:active {
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*-----------SUPERFISH Menu - END---------*/

/*-----------MAIN IMAGE------------*/
.mainimg {
	display: block;
	width: 780px;
	height: 198px;
	float: left;
	background-image: url(../images/mainimg.jpg);
	background-repeat: no-repeat;
}

.mainimg p {
    padding: 20px 0 0 220px;
    color: #505050;
    font-weight: bold;
    font-size: 14px;
}

/*-----------3 BOX----------------*/
.box3 {
	display: block;
	float: left;
	height: 192px;
	width: 780px;
	padding: 5px 0px 5px 0px;
	border-bottom: solid #1965aa 4px;
}

.button {
display: block;
float: left;
color: #fff !important;
background-color: #0E5099;
height: 20px;
font-size: 14px;
padding: 2px 5px;
margin: 0 10px;
border:none;
text-decoration: none !important;
}

a.button:hover {
background-color: #71B22B;
}

.box_container {
	display: block;
	float: left;
	width: 252px;
	background-image: url(../images/bg_box_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 13px 0px;
}

.box_container .box_heading {
	display: block;
	float: left;
	width: 252px;
	height: 78px;
	background-image: url(../images/bg_box_top.jpg);
	background-repeat: repeat-x;
}

.box_container .box_heading_ls {
	display: block;
	float: left;
	width: 10px;
	height: 78px;
	background-image: url(../images/bg_box_lt.jpg);
	background-repeat: no-repeat;
}

.box_container .box_heading_cs1 {
	display: block;
	float: left;
	height: 78px;
	background-image: url(../images/ico_box1.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0px 0px 0px 70px;
}

.box_container .box_heading_cs2 {
	display: block;
	float: left;
	height: 78px;
	background-image: url(../images/ico_box2.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0px 0px 0px 70px;
}

.box_container .box_heading_cs3 {
	display: block;
	float: left;
	height: 78px;
	background-image: url(../images/ico_box3.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0px 0px 0px 70px;
}

.box_container .box_heading_cs1 h2, .box_container .box_heading_cs2 h2, .box_container .box_heading_cs3 h2 {
	color: #1965aa;
	font-size: 14px;
	margin: 0;
	padding: 17px 0px 0px 0px;
}

.box_container .box_heading_cs1 h2 a, .box_container .box_heading_cs2 h2 a, .box_container .box_heading_cs3 h2 a {
	text-decoration: none;
	color: #1965aa;
}

.box_container .box_heading_cs1 h2 a span, .box_container .box_heading_cs2 h2 a span, .box_container .box_heading_cs3 h2 a span {
	text-decoration: underline;
	text-transform: uppercase;
}

.box_container .box_heading_cs1 h2 a:hover, .box_container .box_heading_cs2 h2 a:hover, .box_container .box_heading_cs3 h2 a:hover {
	text-decoration: underline;		
}

.box_container .box_heading_rs {
	display: block;
	float: right;
	width: 10px;
	height: 78px;
	background-image: url(../images/bg_box_rt.jpg);
	background-repeat: no-repeat;
}

.box_container .box_content {
	display: block;
	float: left;
	width: 230px;
	border-left: solid #cccccc 1px;
	border-right: solid #cccccc 1px;
	padding: 10px 10px 0px 10px;
	font-weight: bold;
}

.blue {
	color: #0e5099;
}

.green {
	color: #71b22b;
}

.orange {
	color: #ef571b;
}

.box_container .box_content .blue a {
	color: #0e5099;
	font-weight: bold;
	text-decoration: underline;
}

.box_container .box_content .orange a {
	color: #ef571b;
	font-weight: bold;
	text-decoration: underline;
}

.box_container .box_content a:hover {
	text-decoration: none;
}

.box_seperator {
	float: left;
	display: block;
	width: 12px;
	height: 188px;
}

/*----------------PAGE--------------*/
.content {
	width: 780px;
	display: block;
	float: left;
	padding: 5px 0px 5px 0px;
	margin: 0;
}

.page {
	width: 525px;
	float: left;
	display: block;
	padding: 0px 5px 5px 0px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
}

.page .breadcrumbs {
	display: block;
	float: left;
	clear: left;
	width: 523px;
	padding: 5px 0px 0px 2px;
	font-size: 11px;
	font-weight: bold;
	color: #ef571b;
}

.page .breadcrumbs a {
	color: #ef571b;
}	

.page a {
	color: #1B6AAD;
	text-decoration: underline;
	font-weight: bold;
}

.page a:hover {
	text-decoration: none;	
}

.page p {
	padding: 5px 0px 5px 0px;
	margin: 0;
}
	
.page ul, .page ol, .page table {
	clear: both;
	margin: 0px;
}

.page ul {
	list-style-type: disc;
}

.page h2 {
	color: #093c6b;
	font-size: 21px;
	font-weight: normal;
	margin: 0;
	padding: 10px 0px 10px 0px;
	display: block;
	float: left;
	width: 525px;
}

.page h3, .page h3.avaliable, .page h3.taken {
	color: #ec4a15;
	font-size: 16px;
	font-weight: bold;
	margin: 0px -3px 0px 0px;
	padding: 0px 0px 5px 0px;
	display: block;
	float: left;
	width: 525px;
	clear: left;
	text-align: left;
}

.page h3.avaliable {
	color: #060;		
}

.page h3.taken {
	color: #900;
}

.page h4, .page h4.error {
	color: #ec4a15;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	width: 525px;
	padding: 5px 0px 5px 0px;
}

.page h4.error {
	color: #900;		
}

.page .group_select {
	display: block;
	float: left;
	width: 525px;
	clear: left;
	font-size: 10px;
	color: #73b32b;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}

.page .group_select a {
	font-size: 10px;
	color: #73b32b;
	font-weight: bold;
}

.page .group_select a:hover {
	text-decoration: none;		
}

.page a.back {
	color: #ec4a15;
	background-image: url(../images/ico_arrow3.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	font-weight: bold;
	padding: 0px 0px 0px 13px;
	font-size: 11px;
	display: block;
	clear: left;
}

.page a.back:hover {
	text-decoration: none;		
}

.page .post_container {
	display: block;
	float: left;
	width: 525px;
	padding: 0px 0px 10px 0px;
}

.page .post_container h3 {
	padding-top: 0px;
	font-size: 14px;
	font-weight: bold;
}

.page .post_container h3 a {
	color: #093c6b;
}

.page .post_container h3 a:hover {
	text-decoration: none;	
}

.page .navigation {
	display: block;
	float: left;
	width: 525px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

.page .navigation a {
	color: #ec4a15;
	font-weight: normal;
}

.page .articles, .page .search_result {
	display: block;
	float: left;
	clear: left;
	width: 525px;
	padding: 12px 0px 0px 0px;
}

.page .articles h3, .page .search_result h3 {
	display: block;
	background-image: url(../images/ico_arrow1.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	font-weight: bold;
	width: 505px;
	padding: 0px 0px 0px 20px;
}

.page .articles h3 a, .page .search_result h3 a {
	color: #093c6b;
	text-decoration: none;
}

.page .articles h3 a:hover, .page .search_result h3 a:hover {
	text-decoration: underline;		
}

.page .articles .article_content, .page .search_result .article_content {
	display: block;
	float: left;
	width: 525px;
}

.page .articles a.readmore {
  clear:left;	
}

.page .portfolio_item, .page .portfolio_item_front {
	display: block;
	float: left;
	width: 174px;
	text-align: center;
	padding: 10px 0px 0px 0px;
}

.page .portfolio_item_front {
	padding: 0px 0px 0px 0px;	
}

.page .portfolio_item h3, .page .portfolio_item_front h3 {
	width: 175px;	
}

.page .portfolio_item h3 a, .page .portfolio_item_front h3 a {
	color: #093c6b;
	text-decoration: none;
	font-size: 12px;
}

.page .portfolio_item h3 a:hover, .page .portfolio_item_front h3 a:hover {
	text-decoration: underline;
}

.page .portfolio_item .portfolio_img, .page .portfolio_item_front .portfolio_img {
	border: 1px solid #6BB5F7;
	display: block;
	float: left;
	width: 168px;
	height: 128px;
	margin: 0px 0px 3px 0px;
}

.page .portfolio_item .portfolio_img p, .page .portfolio_bigimg p, .page .portfolio_item_front .portfolio_img p {
	margin: 0;
	padding: 0;
}

.page .portfolio_item .portfolio_img img, .page .portfolio_item_front .portfolio_img img {
	border: 4px solid #DEEBF9;
	float: left;
}

.page .portfolio_bigimg {
	display: block;
	float: left;
	clear: left;
	padding: 0px 0px 10px 0px;
}

.page .portfolio_bigimg img {
	border: 4px solid #DEEBF9;
	width: 517px;
}

.page .portfolio_bigimg h4 {
	font-size: 16px;		
}

.page .portfolio_bigimg ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.page .portfolio_bigimg ul li {
	padding: 0px 0px 0px 5px;	
}

.page .portfolio_bigimg ul li a {
	background-image: url(../images/ico_arrow1.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	font-weight: bold;
	color: #093c6b;
	padding: 0px 0px 0px 20px;
}

.page .contact_table h3 {
	width: 120px;	
}

.page .contact_table .small {
	font-size: 10px;		
}

.page img.mapa {
	border: 4px solid #DEEBF9;	
}

.page .form_line {
	display: block;
	float: left;
	padding: 0px 0px 10px 5px;
	width: 95%;
}

.page .form_line .form_label, .page .form_line .form_label_long {
	display: block;
	float: left;
	width: 20%;
}

.page .form_line .form_label_long {
	width: 100%;	
}

.page .form_line .form_input, .page .form_line .form_input_long {
	display: block;
	float: left;
	width: 80%;
}

.page .form_line .form_input_long {
	width: 100%;	
}

.page input.textfield, .page select.selectfield, .page textarea.textarea, .page input.email, .page input.captcha, .rightside input.textfield, .page input.textfield_search, .rightside select.selectfield {
	border: solid #1d6db2 1px;
	font-size: 12px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

.rightside .form_input_long input.textfield {
	width: 145px;	
}

.page input.textfield_search {
	width: 90%;
	margin: 0px 5px 0px 0px;
}

.page .captcha_container {
	display: block;
	float: left;
}

.page .captcha_container .captcha_text {
	display: block;
	font-weight: bold;
}

.page .captcha_container .captcha_image {
	display: block;
	border: solid #1d6db2 1px;
	margin: 5px 0px 5px 0px;
}

.page .captcha_container .captcha_input {
	display: block;	
}

.page .captcha_container .captcha_image img {
	border: 4px solid #DEEBF9;	
}

.page hr {
	border: none;
	background: #cee2f5;
	clear:both;
}

.page .response {
	display: block;
	float: left;
	width: 100%;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	text-align: justify;
}

.rightside {
	width: 250px;
	float: right;
	display:block;
}

.rightside .module {
	display: block;
	float: left;
	width: 228px;
	background-color: #e5f0fa;
	border: solid #cee2f5 1px;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}

.rightside .module h2 {
	color: #093c6b;
	font-size: 21px;
	font-weight: normal;
	margin: 0;
	width: 228px;
	padding: 0px 0px 10px 0px;
}

.rightside a.all_news {
	color: #ec4a15;
	font-weight: bold;	
}

.rightside a.all_news:hover {
	text-decoration: none;		
}

.rightside ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.rightside ul li {
 	display: block;
	float: left;
	width: 100%;
	padding: 3px 0px 3px 0px;
}

.rightside .news_post {
	display: block;
	float: left;
	clear: left;
	width: 228px;
	padding: 0px 0px 10px 0px;
}

.rightside .news_post .posted, .page .post_container .posted, .rightside ul li a {
	display: block;
	background-image: url(../images/ico_arrow1.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	font-weight: bold;
	color: #000;
	padding: 0px 0px 0px 20px;
}

.rightside ul li a {
	color: #093c6b;
	font-size: 14px;
}

.rightside ul li a:hover {
	text-decoration: none;	
}

.rightside .news_post h3 {
	font-size: 14px;
	color: #093c6b;
	margin: 0;
	width: 228px;
	padding: 3px 0px 3px 0px;
}

.rightside .news_post h3 a {
	color: #093c6b;
}

.rightside .news_post h3 a:hover {
	text-decoration: none;		
}

.rightside .news_post p {
	margin: 0;
	padding: 3px 0px 0px 0px;
}

.rightside .news_post a.readmore, .page a.readmore {
	font-size: 11px;
	color: #ec4a15;
	background-image: url(../images/ico_arrow2.jpg);
	padding: 0px 0px 0px 8px;
	background-repeat: no-repeat;
	background-position: center left;
	display: block;
}

.rightside .news_post a.readmore:hover, .page a.readmore:hover {
	text-decoration: none;	
}

.rightside input.textfield  {
	width: 200px;	
}

.footer {
	width: 100%;
	clear:left;
	display: block;
	float: left;
	background-color: #252525;
	font-size: 11px;
}

.footer_container {
	margin: 0 auto;
	width: 780px;
	height: 120px;
	overflow: auto;
	color: #FFF;
	padding: 10px 0px 10px 0px;
}

.footer .footer_left {
	float: left;
	display: block;
	width: 235px;
	border-right: solid #333 1px;
	height: 110px;
	padding: 5px 5px 5px 0px
}

.footer .footer_logo {
	float: left;
	display: block;
	width: 305px;
	border-right: solid #333 1px;
	height: 120px;
	padding: 0px 10px 0px 10px
}

.footer .footer_right {
	float: left;
	display: block;
	width: 180px;
	height: 110px;
	padding: 0px 5px 0px 10px
}

.footer a {
	color: #FFF;
	font-weight: bold;
}

.footer a:hover {
	text-decoration: none;		
}
