/* CSS Document */
body {
    background: #d5d5d5 url(../images/bg.jpg) repeat-y center top;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    font: 70.5% Verdana, Arial, sans-serif;
    text-align:justify;
}
blockquote, cite, dd, form, h1, h2, h3, ol, p, ul { margin: 0em;}
ol, ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

input, select, textarea {
    font-family:Verdana, Arial, sans-serif;
    font-size: 12px;
}
img {border: none;}

a {text-decoration:none;}

#container {
    width: 950px;
    background: none;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: none;
    text-align: left; /* this overrides the text-align: center on the body element. */
	overflow:hidden;
	background: #FFFFFF;
}

#header {
float:left;
background:/*url(../images/ofi_top_head.jpg)*/ #d5d5d5;
background-repeat:no-repeat;
width:950px;
height:auto;
padding:0em 0em 0em 0em;
/*margin:2em 0em 0em 0em;*/
border-bottom:#1C90BA 0px solid;ç
}
#header  #rowlogo{
	float:left; width:100%; height:105px; margin:0; padding:0; border:#dfdfdf 1px solid; /* margin-top:80px; */
}
#rowlogo img {
	border: none; margin:0px 0px 0px -40px;
}

#header #rowbottom {
	float:left; width:100%; background:#2E2E2E; height:48px; margin:0; padding:0; border:gray 1px solid;
}
       #rowbottom ul {list-style:none;  margin:0em 0em 0em 0em; padding:0em 0em 0em 0em; }
        #rowbottom li {float:left; line-height:16px; padding:0em 0em 0em 0em; margin: 0px; display:block;}
        #rowbottom li a{font-size:12px; display:block; line-height:18px; color: #fff; border-left:#ccc 1px solid; padding:0.5em 1.7em; letter-spacing:0.3px; font-weight:bold; text-decoration:none; text-align: center;}
        #rowbottom li a:hover {color: #000000; background:#DFDFDF; text-align: center; }
        #rowbottom li a.active {color: #395964; background:#FF690A; text-align: center;}
        #rowbottom li a.first{border:none; padding:1.25em 2.1em;}
        #rowbottom li a.last{border-right:0px;}

#rowbottom li a.hd_home {
     border:none;
     padding:1.25em 3em;
}
#rowbottom li a.hd_menu {
    padding:0.5em 3.35em;
}
#rowbottom li a.hd_last {
    border-right: 1px solid #ccc;
}
div#phone_div {
	width:100%; heigth:38px; font-size:22px; float:left; text-align:center; background:url( ../images/phone_div_back.jpg ) repeat-x gray; color:white;
}


#subcontent {
    background: #FFFFFF; /* e6e6e6; */
    float:left;
    width:890px;
    margin:0em 2em 0em 0em;
    /*padding:1em 0em 0em 0em;*/
    border:none;
}

#admin_login {
    margin-top:25px;
}

#subcontent #middle{
/* background:url(../images/ofi_mid_body2.jpg) repeat-y; */
float:left;
width:950px;
/*margin:0em 0em 0em 1em;*/
padding:0em 0em 0em 0em;
border:#dfdfdf 0px solid;
}

           #subcontent    #middle h1{float:left; font-size:20px; width:100%; font-family:sans-serif, Helvetica; color:#FF690A; font-weight:bold; margin:0em 0em 0.8em 0em; padding:0em 0em 0.3em 0em; line-height:18px;}
           #subcontent    #middle h2{float:left; font-size:16px; width:100%; font-family:sans-serif, Helvetica; color:#0080AA; font-weight:bold; margin:0.6em 0em 0.2em 0em; padding:0em 0em 0em 0em; line-height:18px; border-bottom:#dfdfdf 1px solid;}
           #subcontent    #middle h4{float:left; font-size:14px; width:100%; color:#222130; font-weight:bold; margin:0em 0em 0em 0em; padding:0.3em 0em 0.3em 0em; line-height:18px;}
           #subcontent    #middle p {float:left; font-size:11px; width:100%; color:#222130; font-weight:normal; margin:0em 0em 0.5em 0em; padding:0em 0em 0.3em 0em; line-height:18px;}
          /*#subcontent    #middle ul {float:left; margin:0em 0em 0.5em 0em; padding:0em 0em 0em 1.5em;}*/
           #subcontent    #middle li { font-size:11px; color: #222130; font-weight:normal; line-height:20px; margin:0em 0em 0em 0em; padding:0em 0em 0em 0em; margin: 0px; list-style:none;}
           #subcontent    #middle li a{font-size:11px; display:block; color: #222130; border-right:#fff 0px solid; border-left:#464d57 0px solid; padding:0em 0em 0em 0em; letter-spacing:0.5px; font-weight:bold; text-decoration:none; text-align:left;}
           #subcontent    #middle li a:hover {color: #11425C; }


#footer {
	/*background-image:url(../images/ofi_mid_body2.jpg);
	background-repeat:no repeat;*/
    background: #a6a6a6;
	color: white;
    float:left;
    width:950px;
    /*padding:1em 0em 1em 0em;
    margin:0em 0em 2em 0em;*/
    height:auto;
}
#footer_menu{
/* background:url(../images/ofi_mid_body2.jpg) center no-repeat; */
height:auto;
width:auto;
overflow:hidden;
margin-top:0;
}
#footer_menu2{
	width:883px;
	overflow:hidden;
	margin:0;
}

#footer ul {
    float:left;
    list-style: none;
    
    margin:0em 0em 1em 4.5em;
    margin:0em 0em 1em 5.5em;
    padding:0em;
}
#footer li {
    float:left;
    font-size:11px;
    display: block;
    color: white;
    /* line-height: 15px; */
    /* font-family:Times,serif; */
    padding: 4px;
    margin: 0px;
}
#footer li a{
    font-size:11px;
    display:block;
    color: white;
    border:#dfdfdf 0px solid;
    padding:0em 1em;
    border-left:#ccc 1px solid;
    letter-spacing:0.5px;
    font-weight:bold;
    text-decoration:none;
    text-align:left;
}
#footer li a:hover {
    color: red;
}
 #footer li a.first{
    border:none;
}
#tail{
background-image:url(../images/ofi_bottom.jpg);
background-position:center bottom;
background-repeat:no-repeat;
width:950px;
height:97px;

}

#footer1 {
	/*background-image:url(../images/ofi_mid_body2.jpg);*/
	background-repeat:no repeat;
    text-align:center;
    font-size:11px;
    color:#7F7F7F;
    letter-spacing:0.5px;
    /*margin:1em 0em 0em 3em;*/
    padding:0em;
    font-weight:normal;
    width:844px;
    /*height:20px;*/
	display:block;
	overflow:hidden;
	margin:0px auto;
}
#footer1 a:link{text-decoratiopn:none;color:white;font-family:comic Sans MS}
#footer1 a:visited{text-decoration:none;color:white;font-family:comic Sans MS}
#footer1 a:hover{text-decoration:none;color:black;}
#footer1 a:active{text-decoration:none;color:white;font-family:comic Sans MS}


#footer ul.ft_menu {
    padding: 8px;
	/* margin: 8px auto; */
	
}

#footer li a.text_align {
    padding:0em 0.6em 0em 0.6em;
    font-size:10px;
    font-weight:bold;
}
.update {
    text-align:left;
    padding:0em 0em 0.5em 0em;
    font-weight:bold;
    color:green;
    margin-left:12px;
    margin-top:15px;
}

/* Easy Slider */
#slider{
}
#slider ul, #slider li, #slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:225px;
height:180px;
overflow:hidden;
}
#slider2{
width:auto;
}

#slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:540px;
height:440px;
overflow:hidden;
}

p#controls, p#controls2{
margin:0;
position:relative;
}

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{
display:block;
margin:0;
overflow:hidden;
text-indent:-8000px;
position:absolute;
margin-top:15px;
}
#prevBtn{
left:70px;
top:-10px;
width:100px;
}
#prevBtn2{
left:380px;
top:-12px;
width:100px;
}
#nextBtn{
left:150px;
top:-10px;
width:70px;
}
#nextBtn2{
left:480px;
top:-12px;
width:70px;
}
#prevBtn a, #prevBtn2 a{
display:block;
/*background:url(../images/btn_prev.gif) no-repeat;*/
background:url(../images/row_left.jpg) no-repeat;
}
#nextBtn a, #nextBtn2 a{
display:block;
/*background:url(../images/btn_next.gif) no-repeat;*/
background:url(../images/row_rai.jpg) no-repeat;
}

/* // Easy Slider ends here*/

/*BANNER*/
#bann{
width:200px;
margin-left:63px;
}
ul#pikbann{
    padding-left:0;
    width:450px;
    margin:0 auto;
    text-align: center;
}
.pika_main{
    width:450px;
    padding:0px 0px 0px 10px;
    margin:0 auto;
}
#pikbann li{
    margin:5px;
    float: left;
    border:none;
}

ul#pikbann li img{position:relative;cursor:pointer;}
/**/




/*Thumbnail Images CSS start*/

ul#pikame{
padding-left:0;
width:450px;
margin:0 auto;
text-align: center;
}
/*.pika_main{
width:450px;
padding:0px 0px 0px 10px;
margin:0 auto;
}*/
#pikame li{
margin:5px;
float: left;
border:none;
}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border: none;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:50%;height:10px;text-align:center;}
.pika_navigation li a{
font-size: 12px;
color: blue;
text-decoration: none;
cursor:pointer;
}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* this is for file upload */
fieldset{
border:2px solid #DDD;
}
.jquploader{
background:#333333;
}
/*Thumbnail Images Ends here */

.panel_head {
border-left:1px solid #4E493E;
border-right:1px solid #4E493E;
padding:0em 0.5em 0.3em 0.5em;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
font-weight:bold;
background:#4E493E;
}

.odd td {
background:#9B8E71;
}

.even td {
background: #EBE8E2;
}

.td2 {
line-height:1.5em;
padding: 2px 0 1px 0;
}

.linkstyle a {
color: #fff;
text-decoration: underline;
}

.subheadpager td {
background:#4E493E none repeat scroll 0 0;
color:#fff;
font-weight:bold;
}

.a1 {
color:#fff;
}

.logout {
text-align:right;
padding:0em 0em 0.5em 0em;
width:50%;
margin-left:35px;
}

.a_log {
color:#445825;
font-weight:bold;
}

.a_log:hover {
color:#ff0000;
text-decoration:underline;
}

.borderone{
padding:0px 10px;
}
.bold-font {
font-size:15px;
font-weight:bold;
}
.text_box {
border: 1px solid #5f5f5f;
}
.label1 {
color:#5f5f5f;
vertical-align:top;
font-size:12px;
font-weight:bold;
}
.star1 {
color:#ff0000;
vertical-align:top;
padding-left:1px;
}
.success{
color:green;
text-align:center;
}

.login_head {
    background-color:#4E493E;
    color:#FFFFFF;
    font-size:18px;
    line-height:24px;
    padding-left:0.5em;
}

.loginpage {
margin:180px auto;
width:312px;
}

/* BEGIN: Rounded Corner Styles */
.roundcorner {
display:block;
}

.roundcorner *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#4E493E;
}

.cornertop1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #4E493E;
border-right:1px solid #4E493E;
background:#4E493E;
}

.cornertop2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #4E493E;
border-right:1px solid #4E493E;
background:#4E493E;
}

.cornertop3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #4E493E;
border-right:1px solid #4E493E;
}

.cornertop4{
border-left:1px solid #4E493E;
border-right:1px solid #4E493E;
}

.cornertop5{
border-left:1px solid #4E493E;
border-right:1px solid #4E493E;
}

.cornerbtm4{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #4E493E;
border-right:1px solid #4E493E;
background:#4E493E;
}

.cornerbtm5{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #4E493E;
border-right:1px solid #4E493E;
background:#4E493E;
}

.cornerfg {
border:1px solid #4E493E;
background:#fff;
}

.cornerfg td{
padding:2px;
}

.cornerspace {
margin:0em 0em 0.75em 0em;
}

.whitefg{
border-left:1px solid #4E493E;
border-right:1px solid #4E493E;
background:#FFF;
}

.cornerwhbtm1{
border-left:1px solid #4E493E;
border-right:1px solid #4E493E;
background: #fff;
}

.cornerwhbtm2{
border-left:2px solid #4E493E;
border-right:2px solid #4E493E;
background: #fff;
}

.cornerwhbtm3{
margin-left:1px;
margin-right:1px;
border-left:2px solid #4E493E;
border-right:2px solid #4E493E;
background: #fff;
}
/* END: Rounded Corner Styles */

.borderone{
    padding:0px 10px;
}

.bordertwo{
    border-right:1px solid #445825;
    padding:0px 10px;
}

.ol_align {
    padding:0px;
}

.upld_field {
    width:310px;
}

.hide {
    display:none;
}
.pika_subdiv{
/*float:left;*/
width:auto;
overflow:hidden;
}
#page{
float:left;
}
.showContent{
width:500px;
margin-left:48px;

}
.showGallery{
width:381px;
float:right;
margin-top:-426px;
}
.showGallery ul{
margin:auto;
}
.alertbutton{
float:left;
margin-left:-530px;
margin-top:-53px
}
/*DIV REDONDEADOS*/
/*div#nifty{ margin: 0 ;background: #3F3F3F;width:auto;height:auto;}
b.rtop, b.rbottom{display:block;background: #FFFFFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #3F3F3F}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}*/
/**/

