/*

        BlueBlog - FREE Template
        by David Herreman
        http://www.free-css-templates.com

*/

body {
        margin:0px 0;
        padding:0;
        font: 74% Arial, Sans-Serif;
        color:#ccc;
        background: #303B41 url(bg.jpg) repeat-x;
        line-height: 1.4em;
}

    /*********************************************************************/

*html html,*html body,*html #lasto,*html #gordi,
*html #center,*html #center_right,*html #center_left {height:100%;}
#center {$margin-left:0;}
#center_right {$margin-left:-200px;}


       .clear {clear:both;}
h2 {font-size:16px;padding:5px;}
p {margin:3px 10px;text-indent:1em;text-align:justify;}
a {color:blue;text-decoration:none;}
a:hover {color:red;}
b {color:#000;font-weight:bold;border:none;}
blockquote {padding:10px;color:#555;}
h1, h2, h3, h4, h5, h6,small {font-size:11px;margin:3px;}
li,ol,ul {margin:0 5px 0 10px;text-align:justify;}
p {margin:3px 12px;text-indent:1em;text-align:justify;}
span {color:#a66;}
ul,ol {padding:0;}
ol {margin:5px 5px 0 25px;}
strong {background-color:yellow;font-weight:normal;}
td,small {font:11px verdana,arial,sans-serif;color:black;}
i {font-style:italic;}
#hr {background:#999daf;margin:3px;height:1px;}
#hr hr {display:none;}
#panels {width:180px! important;padding:5px;margin:0;}
.ctbl {background-color:silver;border:silver 1px solid;width:126pt;}
.righter {font-weight:normal;margin:5px 25px;text-align:right;}
.small {color:#666;}
.bborder {background-color:#fff;}
.panel {background-color:#000;
border:silver 1px dotted;
 padding:0px 1px 1px 3px;

   font:bold 15px verdana,sans-serif;
 font-size:14px;}

.panel span {color:silver;}
.hide {z-index:1;left:0; visibility:hidden;position:absolute;top:0;}
.lasto {background-color:#ff9;border:#7b9ebd 1px solid;padding:10px;}
.note {border-bottom:blue 1px dotted;color:blue;}
.contents .first {color:black;margin:5px 0 10px 20px;}
.contents .second {color:black;margin:20px 0 20px 10px;}
.contents span {color:red;}
.contents ol {color:silver;padding-left:10px;}

   .topmenu {list-style:none;position:absolute;left:-4px;bottom:2px;}
.topmenu li {float:left;margin:0;width:92px;}
.topmenu a {margin:0 1px 0 0;}
.nav {list-style-type:none;margin:3px 0 5px -4px;}
.nav .nolink {
   background-color:#f1f1ff;
   border:1px solid;
   border-color:#ffe #aaab9c #ccc #fff;
   color:#777;
   font:bold 11px verdana,arial,helvetica,sans-serif;
   margin:4px 5px 2px 10px;
   padding:4px 2px 4px 6px;
}
.nav a {margin:1px 0;}
.topmenu a,.nav a {
   background-color:#f1f1ff;
   border:1px solid;
   border-color:#ffe #aaab9c #ccc #fff;
   color:#777;
   display:block;
   font:11px verdana,arial,helvetica,sans-serif;
   text-decoration:none;
   padding:4px 2px 4px 6px;
   position:relative;
}
  #form_docedit div {color:blue;margin:10px 5px;padding:8px 5px 3px;height:17px;}
#form_docedit div p {border-left:0;margin:-5px 0 0 -11px;padding:5px 2px 0 0;height:16px;}
#form_docedit .docedit {border-right:0;color:red;margin:-5px 0 0;padding:0;text-align:right;width:150px;height:21px;}
#form_docedit .submit {margin:1px 5px 2px 0;width:488px;height:21px;}

#form_post label {font:12px/1 arial;margin:0 10px;padding:7px 0 0 7px;}
#form_post .tema {margin:0 5px 2px 0;padding:1px 0 3px 3px;width:484px;height:16px;}
#form_post .date {color:#a66;margin:0 5px 0 0;padding:1px 0 3px 7px;width:130px;height:16px;}
#form_post textarea {margin:2px 5px 3px 0;padding:5px;width:477px;height:335px;}
#form_post select {font:12px arial,sans-serif;margin:0 0 2px 4px;padding:0;width:295px;height:18px;}
#form_post .submit {margin:0 4px 2px 0;width:185px;height:20px;}

#form_edit textarea {margin:2px 5px 3px 0;padding:0;width:486px;height:405px;}
#form_edit .submit {margin:1px 5px 3px 0;width:488px;height:21px;}
#form_edit .editcom {font:12px arial,sans-serif;margin:1px 5px 1px 0;padding:1px 0 2px 6px;width:480px;height:15px;}

#form_html label {color:#656565;margin:10px 5px 5px 10px;;}
#form_html textarea {margin:2px 5px 3px 0;padding:0;overflow:auto;width:486px;height:270px;}
#form_html .submit {margin:1px 5px 3px 0;width:488px;height:21px;}

#form_comm label {color:#a66;font:12px/1 arial,sans-serif;padding:7px 0 0 30px;}
#form_comm .tema,#form_comm .name,#form_comm .email,#form_comm .cod,
#form_comm textarea,#form_comm .submit {margin:0 5px 2px 0;padding:1px 0 2px 3px;width:380px;height:17px;}
#form_comm .email {padding:1px 0 2px 22px;width:361px;}
#form_comm .cod {padding:1px 0 2px 22px;width:235px;}
#form_comm textarea {margin:2px 5px 2px 0;padding:10px 0 0 22px;width:465px;height:165px;}
#form_comm .submit {margin:0 5px 2px 0;width:489px;height:22px;}

#form_email p {margin:0 0 2px;padding:0;}
#form_email label {font:12px/1 arial,sans-serif;padding:7px 0 0 25px;margin:2px 0 0;}
#form_email .tema,#form_email .name,#form_email .email,#form_email .cod,
#form_email textarea {margin:0 5px 2px 0;padding:1px 0 2px 22px;width:345px;height:17px;}
#form_email .cod {width:215px;}
#form_email textarea {margin:0 5px 2px 0;padding:10px 0 0 22px;width:465px;height:165px;}
#form_email .submit {margin:0 5px 2px 0;width:489px;height:22px;}

#form_friend label {padding:7px 0 0 20px;}
#form_friend span {color:#000;padding:10px 0 0 5px;text-align:left;}
#form_friend .tema,#form_friend .name,#form_friend .email,#form_friend .cod,
#form_friend textarea {margin:0 5px 2px 5px;padding:1px 0 2px 22px;width:330px;height:17px;}
#form_friend .cod {width:200px;}
#form_friend textarea {margin:2px 5px 2px 0;padding:10px 0 2px 22px;width:330px;height:165px;}
#form_friend .submit {margin:0 5px 2px;width:354px;height:22px;}

#form_select .month,#form_select .god,#form_select .submit {background-color:#fff;color:blue;font:12px/1 arial,sans-serif;}
#form_select {margin:0 0 10px 13px;padding:2px 0;height:19px;}
#form_select .month {margin:0 1px 0 0;padding:0;width:80px;height:18px;}
#form_select .god {margin:0 1px 0 0;padding:1px 0 0 2px;width:62px;height:18px;}
#form_select .submit {padding:0 0 2px;margin:0 0 2px;width:26px;height:20px;}
#form_select .option {background-color:#fff;border:0;color:blue;padding:0 0 0 3px;}

.form {margin:2px 0;}
.form .search,.form .submit {border:silver 1px solid;color:#656565;margin:0;}
.form .search {padding:1px 0 0;text-align:left;width:153px;height:17px;}
.form .submit {padding:0 0 4px;width:30px;height:20px;}

#form_search .search,#form_google .search {padding:1px 3px;height:19px;}
#form_search .submit,#form_google .submit {color:#656565;height:23px;}
#form_search .submit,#form_google .submit {width:90px;}
#form_google .search {width:305px;}
#form_search .search {margin:10px 0 10px 5px;width:385px;}
#form_google .search,#form_google .submit {margin:14px 0 5px 5px;}
#form_search .submit {margin:10px 5px 5px 0;}
#form_google a {margin:10px 0 5px 5px;}
#form_google img {float:left;border:none;width:75px;height:32px;}
#form_google input {float:left;margin:2px;}
#form_google label {float:left;margin:4px;}
/*******************************************************/


#sitetitle h2 {font:45px Impact,Arial Narrow,Arial,Helvetica,sans-serif;margin:0 0 0 60px;color:#aaa;cursor:default;}
#center,#center_left,#center_right {
  background-color:#fff;
  border-left:silver 1px solid;
  border-right:silver 1px solid;
  margin-left:200px;
  position:relative;
  left:0;
  width:510px;
  min-height:560px;
}

 /***********************************************************/
.content {
        background: #FFF url(mainbg.jpg) repeat-y center;
        color: #ccc;
        margin: 0 auto;
        padding: 0;
        width: 800px;
}

.img {
        padding: 0 8px 8px 0;
        float: left;
}

.img2 {
        padding: 0 0 3px 3px;
        float: right;
}



/* HEADER
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#top {
        padding: 0;
        margin: 0;
        background: #000 url(top.jpg) no-repeat top;
        height: 44px;
}

#top .padding {
        float: right;
        color: #808080;
        padding: 20px 25px 0 0;
        font-size: 90%;
}

#top a { color: #E0F5FF; }


#header {
        margin: 0;
        width: 800px;
        background: #036EB4 url(header.jpg) no-repeat center top;
        height: 149px;
        color: #FFF;
}

#header .f_search { float: right; padding: 70px 50px 0 0; }
#header .title {        padding: 45px 0 0 50px; }
#header h1 {
                font-family: Arial, Verdana, Helvetica, sans-serif;
                font-size: 22px; font-weight: bold;
                margin: 0;
                padding: 0;
}

#header h2 {
                font-family: Arial, Verdana, Helvetica, sans-serif;
                font-size: 12px;
                background-image: none;
                color: #075181;
                margin: 0;
                padding: 0 0 0 2px;
}


/* SUBHEADER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader {
        background: #000 repeat-y center;
        width: 770px;
        height: 35px;
        color: #FFF;
        margin-left: 15px;

}
#subheader .padding { padding: 10px 15px 10px 15px; }
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }



/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav { text-align: left; color:         #7D8085; padding: 20px 0 0 0px; width: 200px; }
.nav li {
        margin: 5px 0 5px 0px;
        padding: 0px 0 0 0px;
        border-bottom: 1px dotted #ccc;

        list-style: none;
}
.nav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 0px; display: block; margin-bottom: 2px;}
.nav li a:hover { color: #075181; text-decoration: none; background: #E5F6FF; display: block; margin-bottom: 2px;}


/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main { background: #FFF; width: 760px; margin: 0 20px 0 20px; color: #808080; }
#main .right_side { float: right;
        padding:0px 0 0 10px; margin:0;
        background-color: #FFF;
        width: 210px;
}

#main .right_side .hitems { margin: 0;         padding: 0; }
#main .right_side .hitems ul {
        margin: 5px 0 5px 0;
        padding : 0;
        color: #a90000;
        list-style-image: url(arrow.gif);
}

#main .right_side .hitems li {
        margin: 0 0 2px 20px;
        padding: 0 0 0 0px;
        color: #555;

}

 .left_side{ float: left; width: 500px;
 background: #FFF;
 padding:15px 15px 0 15px;
  margin:0;
   color:#000080;    font-size:110%;


  }



                        border-bottom: 1px solid #036CB4;
}

#main .box  {        background: #efefef; padding: 5px; border: 1px solid #ccc;}

#main .right_side ul {
        margin: 5px 0 5px 0;
        padding : 0;
        list-style : none;
        border-bottom: 0px solid #eee;
        list-style-type: square;
        color: #a90000;
}

#main .right_side li {
        margin: 0 0 2px 15px;
        padding: 0 0 0 0px;
        color: #555;
}

#main .right_side  .padding {
margin: 0 0 20px 15px;
        padding: 0 0 0 0px;
        color: #555;
}


/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer {
        clear:both;
        height: 43px;
        color:#ccc;
        background: #000 url(footer.jpg) top no-repeat;
        font-size:90%;
        padding: 0;
        text-align:center;
}

#footer .padding { padding: 10px 0px 0px 0px; }
#footer .right {
        float:right;
        clear:right;
        text-align:right;
}

#footer a { color: #E0F5FF; }

/*  Top Menu */
#menu {
        background: #000 url(menu.jpg) no-repeat center bottom;
        width: 760px;
        height: 35px;
        margin: 0;
        padding: 0;
}

#menu ul { margin:0; list-style:none; padding: 5px 0 0 20px; }
#menu a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 5px; text-decoration:none;  }
#menu a { float:none; }
#menu li { float:left; color: #FFF; background: #000; margin:0; padding:0 0 0 0px; }
#menu a:hover { text-decoration:underline;}
#menu .padding { padding: 5px 0 0 10px; font-weight: bold; }




/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/

input.search { width: 150px; border: 1px solid #075181; color: #666; }
input.submit {
        background: none;
        color: #075181;
        font: bold 1.1em Arial, Verdana, Helvetica, sans-serif;
        border: 0;
}

input.search:hover {        background: #FFFFF4; }

ul { margin-left: 0; padding-left: 5px; list-style : square; }
li {         margin: 0 0 2px 15px; padding: 0 0 0 0px;        color: #555; }
.sub  {margin: 0 0 2px 30px; padding: 0 0 0 0px;  color: #888; }

p { margin: 0 0 5px 0; padding: 0; color: #808080; background: inherit; }
a { color: #075181; background: inherit; text-decoration:none; }
a:hover { background: inherit; text-decoration:underline; }

h1 {
        padding:0;
        margin:0;
        color: #FFF;
        background: inherit;
        font: bold 1.8em Arial, Sans-Serif;
        letter-spacing: -1px;
}

h1 a { color: #FFF; background: inherit; }

h2 {
        background: url(h.gif) no-repeat left;
        color:#075181;
        font-size:140%;
        font-weight:bold;
        margin: 5px 0 5px 0px;
        padding:0 0 0 30px;
}

h2 a { background: #FFF; color: #075181; }
h2 a:hover { background: #FFF; color: #68ADD5; text-decoration:none;  }

fieldset {        border: 1px solid #075181; }
textarea.text {
        height: 150px;
        width: 90%;
        border: 1px solid #A90000;
        background: #FFF;
        color: #354D5F;
}

textarea.text:hover {
        border: 1px solid #A70000;
        background: #FFFFF4;
        color: #000;
}

input.field {
        border: 1px solid #075181;
        background-color: #FFFFFF;
        width: 283px;
        color: #000;
}

input.field:hover {
        border: 1px solid #68ADD5;
        background: #FFFFF4;
        color: #000;
}

input.text {
    border: 1px solid #A70000;
        margin: 0;
        width: 150px;
        background: inherit;
        color: #000;
        padding: 4px;

}


input.text:hover {
        border: 0px solid #68ADD5;
}

.date {
        color: #808080;
        background: #FFFFFF;
        text-align: right;
        margin: 4px 0 5px 0;
        padding: 0.4em 0 0 0;
        border-top: 1px solid #eee;
}

.comments {
        padding: 10px 10px 8px 10px;
        margin: 0 0 7px 0;
        background: #f8f8f8;
        color: #000;
}

.commentsbox {
        padding: 8px 0 10px 10px;
        margin: 0 0 10px 0;
        background: #f4f4f4;
        color: #000;
}

.error {
        color: #990000;
        background-color: #FFF0F0;
        padding: 7px;
        margin-top: 5px;
        margin-bottom: 10px;
        border: 1px dashed #990000;
}
.error h2 {
        color: #990000;
        background: inherit;
}

.success {
        color: #000000;
        background: #F5FBE1;
        padding: 7px;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px dashed #7BA813;
}
.success h2 {
        color: #7BA813;
        background: inherit;
}