@charset "utf-8";
/*
Name of Template : Surreal
Author : Roshan
URL : www.ramblingsoul.com
License : Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
Note : Do not remove the credit links from the template
*/

@font-face {
    font-family: 'TTNorms-Regular';
    src: url("font/TTNorms-Regular.otf") format("opentype");
}

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: "TTNorms-Regular", Arial;
    font-size: 1.5em;
    color: #000;
}

.clear {
    clear: both;
}

#wrap {
    background: url(images/loginwrapbg.jpg) repeat-y;
    width: 927px;
    margin: 5px auto 25px auto;
}

#wrap_start {
    background: url(../images/loginwrapbg.jpg) repeat-y;
    width: 927px;
    margin: 5px auto auto auto;
}

#wrap #header #sitename {
    color: #ffffff;
    font-family: "TTNorms-Regular", Arial;
    font-size: 36px;
    font-weight: normal;
    display: block;
    padding-top: 5px;
    text-align: right;
    padding-right: 180px;
}

#wrap_start #header_start #sitename_start {
    color: #ffffff;
    font-family: "TTNorms-Regular", Arial;
    font-size: 36px;
    font-weight: normal;
    display: block;
    padding-top: 10px;
    text-align: right;
    padding-right: 180px;
}

#sitename a, #sitename a:visited, #sitename a:active {
    color: #ffffff;
    text-decoration: none;
}

#sitename a:hover {
    color: #ffffcc;
    text-decoration: none;
}

#sitename img {
    border: solid 1px #ffffff;
}

#sitename_start a, #sitename_start a:visited, #sitename_start a:active {
    color: #ffffff;
    text-decoration: none;
}

#sitename_start a:hover {
    color: #ffffcc;
    text-decoration: none;
}

/*#header {background:url(images/header_blu.jpg) no-repeat; height:341px;}*/
#header_start {
    background: url(../images/header_login.jpg) no-repeat;
    /* height: 498px; */
}

#page {
    padding: 0px 10px 0px 10px;
}

#page #menu {
    float: left;
    background: url(images/sidemenu1.jpg) no-repeat;
    width: 279px;
    height: 482px;
}

#page #content {
    margin: 0px 0px 0px 25px;
    padding: 0px 20px 0px 5px;
}

#content p {
    line-height: 22px;
    margin: 0px 0px 25px 0px;
}

#content h2 {
    font-family: "TTNorms-Regular", Arial;
    font-weight: normal;
    font-size: 26px;
    color: #005597;
    display: block;
    margin-bottom: 10px;
    padding-top: 10px;
}

#content h3 {
    font-family: "TTNorms-Regular", Arial;
    font-weight: bold;
    font-size: 20px;
    color: #005597;
    display: block;
    margin-bottom: 10px;
    padding-top: 5px;
}


#content a {
    color: #b0271d;
}

#content a:visited {
    color: #b0271d;
}

#content a:active {
    color: #b0271d;
}

#content a:hover {
    color: #000000;
    text-decoration: none;
}

#content h2 .seo {
    display: block;
    text-align: right;
    font-size: 10px;
    color: #999999;
    background: #efefef;
    padding: 3px;
}

#content blockquote {
    display: block;
    padding: 5px;
    margin: 10px;
    text-align: center;
    font-family: "TTNorms-Regular", Arial;
    color: #996600;
    background: #F8FDBA;
    border-top: dashed 1px #666666;
    border-bottom: dashed 1px #666666;
}

#content blockquote p {
    margin: 0px;
}

#content blockquote cite {
    color: #000000;
    display: block;
    text-align: right;
    padding: 5px;
    border-top: solid 1px #F3ECBE;
}

/*#content img {background:#efefef; margin:3px; padding:1px; border:solid 1px #999999;}*/
#content .alignleft {
    float: left;
}

#content .alignright {
    float: right;
}

#content .postmetadata {
    display: block;
    padding: 3px;
    background: #E3EDAF;
}

#content h1, #content h4, #content h5, #content h6 {
    color: #005597;
}

#content ul {
    list-style: square;
    padding: 5px;
    margin: 10px 10px 10px 20px;
}

#content li {
    padding: 5px;
    margin-bottom: 10px;
}

#content ol {
    padding: 5px;
    margin: 10px 10px 10px 20px;
}

#browse {
    background: url(images/postbottombg.jpg) no-repeat;
    padding: 40px 5px 10px 5px;
}

#browse .subhead {
    font-family: "TTNorms-Regular", Arial;
    font-weight: normal;
    padding-left: 25px;
    font-size: 26px;
    color: #666600;
    display: block;
    margin-bottom: 35px;
}

#browse .categoryhead {
    font-family: "TTNorms-Regular", Arial;
    font-weight: normal;
    padding: 5px;
    font-size: 22px;
    color: #666600;
    display: block;
    border-bottom: solid 1px #ffffff;
}

#browse ul {
    list-style: none;
}

#browse li {
    display: block;
    height: 25px;
    border-top: solid 1px #FEFEFC;
    border-top: solid 1px #EBE6B4;
}

#browse ul a {
    display: block;
    height: 20px;
    padding: 5px 5px 0px 5px;
    text-decoration: none;
    color: #000000;
}

#browse a:visited, active {
    display: block;
    height: 20px;
    padding: 5px 5px 0px 5px;
    text-decoration: none;
    color: #000000;
    border-bottom: solid 1px #D7C479;
}

#browse a:hover {
    background: #ffffff;
    color: #000000;
}

#browse2 {
    padding: 5px 5px 10px 5px;
}

#browse2 .subhead {
    font-family: "TTNorms-Regular", Arial;
    font-weight: normal;
    padding-left: 25px;
    font-size: 26px;
    color: #666600;
    display: block;
    margin-bottom: 35px;
}

#browse2 .categoryhead {
    font-family: "TTNorms-Regular", Arial;
    font-weight: normal;
    padding: 5px;
    font-size: 22px;
    color: #666600;
    display: block;
    border-bottom: solid 1px #ffffff;
}

#browse2 ul {
    list-style: none;
}

#browse2 li {
    display: block;
    height: 25px;
    border-top: solid 1px #FEFEFC;
    border-top: solid 1px #EBE6B4;
}

#browse2 ul a {
    display: block;
    height: 20px;
    padding: 5px 5px 0px 5px;
    text-decoration: none;
    color: #000000;
}

#browse2 a:visited, active {
    display: block;
    height: 20px;
    padding: 5px 5px 0px 5px;
    text-decoration: none;
    color: #000000;
    border-bottom: solid 1px #D7C479;
}

#browse2 a:hover {
    background: #ffffff;
    color: #000000;
}

.browsecat {
    float: left;
    width: 30%;
    padding: 5px 6px 8px 6px;
    margin-left: 10px;
    border: solid 1px #F3ECBE;
    background: #FBFAF0;
}

#menu h2 {
    display: block;
    color: #005597;
    border-bottom: solid 1px #005597;
    padding: 5px;
    font-family: "TTNorms-Regular", Arial;
    font-size: 22px;
    font-weight: normal;
}

#wrap #page #menu #sidemenu {
    padding: 25px 45px 0px 20px;
    display: block;
}

#sidemenu ul {
    display: block;
    list-style: none;
}

#sidemenu li {
    display: block;
    height: 26px;
    border-top: solid 1px #FFFFff;
}

#sidemenu a, #sidemenu a:visited, #sidemenu a:active {
    display: block;
    height: 20px;
    padding: 5px 5px 0px 5px;
    color: #005597;
    text-decoration: none;
    border-bottom: solid 1px #ffffff;
}

#sidemenu a:hover {
    background: #005597;
    color: #FFF
}

#sidemenu .active a, #sidemenu .active a:visited, #sidemenu .active a:active, #sidemenu .active a:hover {
    background: #fc8d1f;
}

#sidemenu img {
    margin: -5px;
    padding: 0px;
}

#sidemenu2 ul {
    display: block;
    list-style: none;
}

#sidemenu2 li {
    display: block;
    height: 26px;
    border-top: solid 1px #FFFFff;
}

#sidemenu2 a, #sidemenu2 a:visited, #sidemenu2 a:active {
    display: block;
    height: 20px;
    padding: 5px 5px 0px 5px;
    color: #666666;
    text-decoration: none;
    border-bottom: solid 1px #DFCD95;
}

#sidemenu2 a:hover {
    background: #ffffcc;
}

#sidemenu2 .active a, #sidemenu2 .active a:visited, #sidemenu2 .active a:active, #sidemenu2 .active a:hover {
    background: #ffffcc;
}


#footer {
    background: url(images/footer3.jpg) no-repeat;
    background-position: bottom;
    height: 100px;
    text-align: center;
}

#footer_start {
    background: url(../images/footer_login.jpg) no-repeat;
    background-position: bottom;
    height: 30px;
    text-align: center;
}

#footercontent {
    margin: 15px;
    border-top: solid 1px #EBE6B4;
    padding-top: 5px;
    font-size: 11px;
}

#footer a, #footer a:visited, #footer a:active {
    color: #996633;
    text-decoration: none;
}

#footer #credit {
    font-size: 8px;
}


.textfield {
    display: block;
    float: left;
    width: 120px;
    background-color: #F3F4E8;
    margin: 3px 3px 3px 30px;
    padding: 3px;
    border: 1px solid #D6D9AE;
    clear: right;
}

.textfieldris {
    display: block;
    float: left;
    height: 20px;
    width: 250px;
    background-color: #F0F2FF;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: 1px solid #D6D9AE;
    clear: right;
}

.textfieldris:hover {
    background: #FFFFFF
}

.textfieldris:focus {
    background: #ffffff;
}


/*label {
    display: block;
    float: left;
    text-align: right;
    font-weight: bold;
    width: 150px;
    margin: 3px;
    padding: 5px;
}*/

.button {
    display: block;
    padding: 0px;
    background-color: #E3E6C8;
    margin: 2px;
    border: 2px solid #efefef;
    color: #000000;
    font-family: "TTNorms-Regular", Arial;
}

.button2 {
    display: block;
    padding: 3px;
    background-color: #009;
    margin: 3px;
    border: 4px solid #efefef;
    color: #ffffff;
}

.textfield:hover {
    background: #FBFCF8;
}

.textfield:focus {
    background: #ffffff;
}

#content .clear2 {
    clear: right;
    width: 90%;
}

.hide {
    display: none;
}

#content table1 {
    margin: 10px;
    width: 500px;
}

#content th1 {
    background: #eceffe;
    padding: 5px 15px 5px 15px;
    color: #005597;
    font-weight: bold;
    text-align: center;
}

#content td1 {
    padding: 5px 15px 5px 15px;
    font-weight: bold;
}

#menu3 {
    border: none;
    margin: -3px 0 0 0;
    padding: 5px 0 5px 0;
    background: #003C72;
    color: #FFFFFF;
}

#menu3 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #FFFFFF;
}

#menu3 li {
    padding: 5px 10px;
    display: inline;
}

#menu3 li.first {

}

#menu3 a {
    text-decoration: none;
    font-size: 100%;
    color: #FFFFFF;
    font-weight: bold;
}

#menu3 a:hover {
    text-decoration: underline;
    color: #ffffff;
}

#menu3 a:visited {
    color: #ffffff;
}

#resareahome {
    color: #ffffff;
    font-family: "TTNorms-Regular", Arial;
    font-size: 36px;
    font-weight: normal;
    display: block;
    padding-top: 128px;
    text-align: left;
    padding-left: 35px;
}

#resareahome a, #resareahome a:visited, #resareahome a:active {
    color: #ffffff;
    text-decoration: none;
}

#resareahome a:hover {
    color: #ffffcc;
    text-decoration: none;
}

#resareahome img {
    background: #efefef;
    margin: 1px;
    padding: 1px;
    border: solid 1px #ffffff;
}


.testo-header {
    background-color: #0087A0;
    color: white;
    padding: 20px;
    font-size: 23px;
    text-align: center;
}