/*
File Name: style.css
Theme Name:  GeFokal 
Author: Fabiano Silva	
Version: 1.0
Author URI: http://www.gefokal.com.br
Description:   Tema desenvolvido para GeFokal
Tags: Advogados 
*/


/* CSS Starting */

body { background:url(images/site_bg.png); margin:0; padding:0;}
img {border:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.float_left {float:left;}
.float_right {float:right;}
.orange { color:#284682;}
.grey { color:#c6c6c6;}
.geFokal_title {font-family:ColaborateThinRegular; font-size:40px; color:#a3a3a3;}



.nagringa_sentence {
    height: 50px;
    margin: 0 auto;
    padding: 20px 0 0 3px;
    width: 977px;
}


#geFokal {width: 280px; height: 140px; background: url(images/section_image_nafronteira_institucional_hover.png) no-repeat;  position: absolute;  display: none; z-index:99999}
#geFokal2 {width: 280px;   height: 140px; background: url(images/section_image_nafronteira_institucional_hover.png) no-repeat;  position: absolute;  display: none;}
#geFokal3 {width: 280px;  height: 140px; background: url(images/section_hospedagemja_hover_bg.png) no-repeat;  position: absolute;  display: none;}

/* header */ 
.header {width:980px; height:142px; margin:0 auto;}
.logo { float:left; padding-top:18px; }
.click_for_english { width:98px; height:17px; float:left; margin:18px 0 0 617px;}


.menu-header ul.menu {float:right; width:700px; height:22px; margin:70px 0 0 0;}
.menu-header ul.menu li {list-style:none; margin:0; padding:0; float:left;}
.menu-header ul.menu li a{ font-family:  'Calibri'; font-size:19px; text-decoration:none; color:#555454; padding:0 10px;}
.menu-header ul.menu li a:hover{ font-family:  'Calibri'; font-size:19px; text-decoration:none; color:#0e337d; padding:0 10px;}
/* =Menu
-------------------------------------------------------------- */

.menu-header {
	display: block;
	float: right;
	width: 655px;
}
.menu-header ul {
	font-size: 14px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
	float: right;
}
.menu-header li {
	float: left;
	position: relative;
}
.menu-header a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
.menu-header ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 190px;
	z-index: 99999;
}
.menu-header ul ul ul {
	left: 100%;
	top: 0;
}
.menu-header ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 16px !important;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 5px 10px !important;
	width: 210px;
}
.menu-header li:hover > a,
.menu-header ul ul :hover > a,
.menu-header a:focus {
	color: #0e337d;
}
.menu-header li:hover > a,
.menu-header a:focus {
	
	color: #0e337d;
}
.menu-header ul li:hover > ul {
	display: block;
}
.menu-header .current-menu-item > a,
.menu-header.current-menu-ancestor > a,
.menu-header .current_page_item > a,
.menu-header .current_page_ancestor > a {
	/*font-weight: bold;*/
	color: #0e337d !important;
}

/* banner */ 
.banner_space {width:100%; height:387px; background:url(images/banner_bg.jpg) top center no-repeat;}
.banner_content {width:980px; height:387px; margin:0 auto; position:relative;}
.banner_arrow_left {width:33px; height:51px; top:344px; left:916px; position:absolute;}
.banner_arrow_right {width:33px; height:51px; top:344px; left:950px; position:absolute;}
.banner_project_name { width:auto; background:#a3a3a3; padding:9px; top:361px; position:absolute; font-family: 'Calibri'; font-size:30px; color:#fff; z-index:999}

/* internal pages main title */
.int_pages_main_title_bg {width:100%; height:95px; background:url(images/internal_pages_main_title_bg.jpg) no-repeat;}
.int_pages_main_title { width:980px; height:107px; padding:33px 0 0 0; margin:0 auto;}
.page_name {font-family: 'Calibri'; font-size:36px; color:#fff; padding:0; float:left; clear:both}
.page_name_desc { width:270px; font-family: 'Calibri'; font-size:16px; line-height:14px; color:#a3a3a3; padding:0 0 0 2px; float:left; clear:both;}

/* geFokal sentence */
.geFokal_sentence { width:977px; height:50px; margin:0 auto; padding:20px 0 0 3px;}

/* home content boxes */
.home_content_box {width:980px; margin:0 auto;}
.home_section_box {width:280px; float:left; padding:15px 12px 25px 12px; margin:0 52px 0 -12px;}
.home_section_box_last {width:280px; float:left; padding:15px 12px 25px 12px; margin:0 -12px 0 0;}

.home_section_box_second_line {width:280px; float:left; padding:15px 0 25px 0; margin:0 70px 0 0;}
.home_section_box_second_line_last {width:280px; float:left; padding:15px 0 25px 0; margin:0;}

/* internals content box */
#wrap{width:100%; display:block; float:left;}
.int_content_box {width:980px; margin:0 auto;}
.int_text_content {width:980px; float:left; font-family:  'Calibri'; padding: 10px 0px; font-size:16px; color:#666; line-height:16px;}
.category_header {width:980px; float:left; height:30px; padding:15px 0 0 0;}
.category_titles { width:950px; height:26px; float:left; margin:0 0 8px 0; padding:0 0 0 8px; font-family: 'Calibri';  color:#cfcfcf; font-size:20px;}

/* team members */
.team_members_box { with:980px; height:200px; float:left; display:block; width: 100%;}
.headshots { float:left; padding:6px 1px;}

/* social network icons */
.social_network_box {width:980px; float:left; padding:10px 0;}
.social_network_icon {float:left; padding:0 20px 0 0;}

/* contato */
.contact_box { width:325px; padding:0 0 10px 0; float:left; font-family:  'Calibri'; font-size:12px; color:#a4a4a4;}

ul.contact_form {width:279px; float:left; margin:10px 0; padding:0;}
ul.contact_form li {list-style:none; margin:0 0 3px 0;}
ul.contact_form li input[type="text"] { width:268px; height:25px; padding:4px; border:none; background:url(images/text_field_bg.png) no-repeat; font-family: 'Calibri'; font-size:14px; color:#999;}
ul.contact_form_message {width:420px; float:left; margin:10px 0; padding:0;}
ul.contact_form_message li {list-style:none; margin:0; padding:0;}
.contact_form_message {width:407px; height:135px; padding:4px; border:none; background:url(images/text_area_bg.png) no-repeat; font-family: 'Calibri'; font-size:14px; color:#999; }
ul.contact_form input[type="submit"]{float:left; display:block; width:76px; height:33px; border:none; margin-top:5px; cursor:pointer; line-height:0; font-size:0; text-decoration:-99999px; background:url(images/send_button.jpg) left top no-repeat;}
#status{float:left; display:block; width:100%; margin:5px 0; color:#900;}
#status .sucesso{color:#060;}

.google_maps_box { width:698px; height:312px; background:#f0f0f0; float:left; clear:both; margin:10px 0;}
.google_maps_box_top {width:568px; background:url(images/maps_box_top.jpg) top center no-repeat;}
.google_maps_box_bottom {width:568px; background:url(images/maps_box_bottom.jpg) bottom center no-repeat; padding:6px 0 0 6px;}

/* solucoes */
.solucoes_content_box { width:980px; float:left; margin:20px -12px 0 -12px; padding:0 12px;}
.solucoes_icon {float:left; padding:0 10px 0 0 ; margin:10px 0;}
.solucoes_text_content { width:860px; float:left; padding:8px 0 0 0; margin:10px 0; font-family: 'Calibri'; font-size:14px; color:#9b9a9a; line-height:18px;}
.solucoes_icon_box {width:94px; height:105px; float:left; margin:10px 20px 10px 0;}

/* portfolio content boxes */
.portfolio_content_box {width:980px; height:524px; margin:0 auto;}
.portfolio_project_box {width:280px; float:left; padding:15px 0 15px 0; margin:0 70px 0 0;}
.portfolio_project_box_last {width:280px; float:left; padding:15px 0 15px 0; margin:0;}
.portfolio_project_link a { width:280px; float:left; padding:2px 0; font-family: 'Calibri'; font-size:14px;  color:#ff9900; line-height:16px; text-indent: 5px;}
.portfolio_project_link a:hover { width:280px; float:left; padding:2px 0; font-family: 'Calibri'; font-size:14px;  color:#a3a3a3; line-height:16px; text-indent: 5px; text-decoration:none;}
.portfolio_thumbs { float:left; clear:both; padding:5px 0 4px 0;}

.portfolio_project_detail_box {width:980px; float:left; padding:10px 0; margin:0; display:block;}
.portfolio_screenshot { float:left; padding:0 10px 0 0;}
.project_detail_titles  {width:320px; float:left; font-family:HattoriHanzoLight; font-size:22px; color:#7c7c7c;}
.project_detail_url  {width:320px; float:left; font-family:HattoriHanzoLight; font-size:17px; color:#b1b1b1;}
.project_detail_desc {width:320px; float:left; padding:8px 0 30px 0; font-family: 'Calibri'; font-size:14px; color:#9b9a9a; line-height:16px;}
/* sections */
.section_numbers { width:22px; height:26px; float:left; margin:0 0 8px 0; background:url(images/section_number_bg.png) no-repeat; text-align:center; font-family:'Calibri'; font-size:16px; color:#b1b1b1; padding-top:2px;}
.section_titles {width:250px; height:26px; float:left; margin:0 0 8px 0; padding:1px 0 0 0px; font-family:'Calibri';  color:#cfcfcf; font-size:20px;}
.section_image { float:left; clear:both; padding:5px 0 15px 0; position:relative }
.section_content_title { width:280px; float:left; padding:5px 0 0 0; font-family:  'Calibri'; font-size:16px; color:#7c7c7c;}
.section_text_content { width:280px; float:left; padding:5px 0; font-family:  'Calibri'; font-size:12px; color:#666666; line-height:16px;}

/* twitter */
.twitter_photo {float:left; padding:2px; border:1px solid #ededed; margin:9px 0 0 0;}
.twitter_date {width:205px; float:left; padding:6px 0 0 6px; font-family: 'Calibri'; font-size:14px; color:#9b9a9a; line-height:16px;}
.twitter_last_post {width:205px; float:left; padding:6px 0 0 6px; font-family: 'Calibri'; font-size:14px; color:#9b9a9a; line-height:16px;}

/* footer */ 
.footer {width:980px; height:140px; margin:20px auto; background:#ededed;}
.footer_logo {float:left; padding:53px 0 0 27px;}
.copyright {width:330px; float:right; padding:50px 6px 0 0; font-family: 'Calibri'; font-size:12px; color:#a4a4a4;}

ul.footer_menu {float:left; width:380px; height:22px; margin:60px 0 0 0;}
ul.footer_menu li {list-style:none; margin:0; padding:0; float:left;}
ul.footer_menu li a{ font-family:HattoriHanzoLight; font-size:17px; text-decoration:none; color:#a4a4a4; padding:0 8px;}
ul.footer_menu li a:hover{ font-family:HattoriHanzoLight; font-size:17px; text-decoration:none; color:#ff9900; padding:0 8px;}


/* UL GALLERY */
ul.gallery {width: 990px; /*--Adjust width according to your scenario--*/	list-style: none; margin:15px auto; padding: 0;}
ul.gallery li {float:left; width:290px; margin:10px 40px 0 0; padding:0; text-align:left;	border: 0px solid #ccc;	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/}
ul.gallery li a.thumb {
	width: 280px; /*--Width of image--*/	
	height: 130px; /*--Height of image--*/ 
	padding: 5px; 
	margin:14px 0 5px 0; 
	border-bottom: 0px solid #ccc;	
	cursor: pointer;
	float: left;
}
ul.gallery li span { /*--Used to crop image--*/	width: 280px;	height: 140px; overflow: hidden; display: block; position: relative; top: -5px; float: left;}

ul.gallery li h2{font-size: 1em; text-align: left;	font-weight: normal; margin: 0; padding:5px;	background:none; border-top: 0px solid #fff; /*--Subtle bevel effect--*/ font-family: 'Calibri'; font-size: 20px;}
ul.gallery li h2 .section_titles {width:auto; height:auto; float:none; font-family:'Calibri'; color:#cfcfcf; font-size:20px; margin:0;}

ul.gallery li a{text-decoration: none; color:#FF9900; display: block; text-decoration:none;}
ul.gallery li a:hover{text-decoration:none;}
ul.gallery li .section_numbers {width:22px; height:30px; float:left; margin:0px 5px 0px 0px; background:url(images/section_number_bg.png) no-repeat; text-align:center; font-family:'Calibri'; font-size:16px; color:#b1b1b1; padding-top:2px;}

ul.gallery li a.thumb{background-position:top left;}
ul.gallery li a.thumb:hover{background-position:top left;}

/* UL GALLERY */
ul.seguranca {width: 990px; /*--Adjust width according to your scenario--*/	list-style: none; margin:15px auto; padding: 0;}
ul.seguranca li {float:left; width:100%; margin:10px 40px 0 0; padding:0; text-align:left;	border: 0px solid #ccc;	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/}
ul.seguranca li a.thumb {
	width: 280px; /*--Width of image--*/	
	height: 130px; /*--Height of image--*/ 
	padding: 5px; 
	margin:14px 15px 5px 0; 
	border-bottom: 0px solid #ccc;	
	cursor: pointer;
	float: left;
}
ul.seguranca li span { /*--Used to crop image--*/	width: 280px;	height: 140px; overflow: hidden; display: block; position: relative; top: -5px; float: left;}

ul.seguranca li h2{font-size: 1em; text-align: left;	font-weight: normal; margin: 0; padding:5px;	background:none; border-top: 0px solid #fff; /*--Subtle bevel effect--*/ font-family: 'Calibri'; font-size: 20px;}
ul.seguranca li h2 .section_titles {width:auto; height:auto; float:none; font-family:'Calibri'; color:#cfcfcf; font-size:20px; margin:0;}

ul.seguranca li a{text-decoration: none; color:#FF9900; display: block; text-decoration:none;}
ul.seguranca li a:hover{text-decoration:none;}
ul.seguranca li .section_numbers {width:22px; height:30px; float:left; margin:0px 5px 0px 0px; background:url(images/section_number_bg.png) no-repeat; text-align:center; font-family:'Calibri'; font-size:16px; color:#b1b1b1; padding-top:2px;}

ul.seguranca li a.thumb{background-position:top left;}
ul.seguranca li a.thumb:hover{background-position:top left;}

div.portfolio_project_link{font-family:Arial, Helvetica, sans-serif; color: #FF9900; font-family:HattoriHanzoLight; font-size: 15px; text-transform: none; text-align: left;}