@charset "utf-8";
/* CSS Document */
body {	background: #FFF url(../images/bg_int.jpg) top center repeat-x;}

/*----------------- HEADER ------------- */
#header { height:324px}
#header #h_z1 {height:324px}
#menu { height:40px; font-family:'DeliciousRoman', trebuchet MS, Arial, Helvetica, sans-serif; font-size:15px; color:#FFF}
#menu_z1 { height:40px}

/*----------------- MAIN ------------- */
#main { padding:0; padding-bottom:20px }
#main p {font-size:12px; line-height:16px;}
#main #m_z1 { background:#FFF; height:auto;}
#main .sep { border-bottom:1px dashed #ccc; padding-top:20px; margin-bottom:20px}
/*----------------- MAIN CONTENT------------- */
#main .content { width:640px; float:left; vertical-align:top; }
#main .content .cont_z1 { padding:20px 40px; vertical-align:top}
#main .content .quotes { 
background:url(../images/q1.png) top left no-repeat}
#main .content .quotes .q2 {font-family:"Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#666; line-height:20px; padding:10px 35px; background:url(../images/q2.png) bottom right no-repeat} 
#main .content h1 { font-size:24px; color:#08263E; margin-bottom:20px}
#main .content h2 { font-size:20px; border-bottom:1px solid #666; color:#08263E; margin-bottom:20px}
#main .content h3 {font-size:18px; color:#d8952a; margin-bottom:10px}
#main .content h4 { background:#154174; padding:5px 10px; color:#FFF}
#main .content h5 { background:#d9952a; padding:5px 10px; color:#FFF; font-size:14px}

#main .content ul.list { list-style:none; padding:0; margin:0; margin-bottom:20px}
#main .content ul.list li { padding:10px 20px; border-bottom:1px solid #FFF; background:url(../images/v3.png) 5px 12px no-repeat; font-family: Arial, Helvetica, sans-serif; border-bottom:1px dashed #ccc; font-size:12px}
#main .content ul.list a { color:#333}
#main .content ul.list li:hover { background:#ededed url(../images/v3.png) 5px 12px no-repeat ; }

/*ul.list {  margin:0; margin-bottom:20px; padding:0; border-top:1px dotted #ccc; margin-left:15px; list-style:none;}
ul.listl li { list-style:none; padding:20px 0; padding-left:20px; background:url(../images/v3.png) no-repeat 4px 8px; color:#666; }
ul.list li:hover {  background:#ededed url(../images/v3.png) no-repeat 4px 8px; }*/

/*----------------- MAIN NEWS------------- */
#main .news { padding:10px 0; border-bottom:1px dashed #ccc; }
#main .news h3 { margin-bottom:0}
#main .news h6 { font-size:14px; font-weight:BOLD}
#main .news .more { background:url(../images/but_more2.png); width:115px; height:15px; padding:10px 0; text-align:center}
#main .news .more a { color:#333; font-family:'DeliciousRoman', trebuchet MS, Arial; font-size:13px}
#main .news .more a:hover { color:#0080FF}

#main .news .down_pdf { background:url(../images/but_down_pdf.png); width:115px; height:15px; padding:10px 0; text-align:center}
#main .news .down_pdf a { color:#333; font-family:'DeliciousRoman', trebuchet MS, Arial; font-size:13px}
#main .news .down_pdf a:hover { color:#900}
 
/*----------------- MAIN PICS ------------- */
#main .pic_large { border:1px solid #BBB; background:#fff; padding:3px; margin-bottom:10px}
#main .pic_small {border:1px solid #BBB; background:#ededed; padding:6px; margin-bottom:10px}

/*----------------- MAIN SIDEBAR------------- */
#main .sidebar { background:#F2F2F2; width:320px; vertical-align:top; padding:20px 0}
#main .sidebar .titles { background:url(../images/bg_sidebar_titles.png); height:40px; color:#FFF; padding:0 10px}
#main .sidebar .titles h1 {font-size:16px; line-height:38px; color:#FFF}
#main .sidebar .sections { padding:20px }
#main .sidebar .sections ul.menu { list-style:none; padding:0; margin:0}
#main .sidebar .sections ul.menu li { padding:10px 20px; border-bottom:1px solid #FFF; background:url(../images/v3.png) 5px 50% no-repeat; font-size:14px; font-family:'DeliciousRoman', trebuchet MS, Arial, Helvetica, sans-serif;}
#main .sidebar .sections ul.menu li a { color:#333}
#main .sidebar .sections ul.menu li:hover { background:#ccc url(../images/v2.png) 5px 50% no-repeat ; cursor:pointer; color:#FFF}

#main .sidebar .sections .pic { margin-bottom:10px; background:#FFF; padding:4px; border:1px solid #bbb}
#main .sidebar .sections h4 { color:#08263E; font-weight:bold; font-size:16px}
#main .sidebar .sections h5 { color:#666; font-size:14px}
#main .sidebar .sections .more { background:url(../images/but_more2.png); width:115px; height:15px; padding:10px 0; text-align:center}
#main .sidebar .sections .more a { color:#333; font-family:'DeliciousRoman', trebuchet MS, Arial; font-size:13px}
#main .sidebar .sections .more a:hover { color:#0080FF}



/*----------------- SIDEBAR GALLERY------------- */
.sidebar_gallery_item {/*overflow:hidden;*/ height:200px}
.sidebar_gallery_item .pics { overflow:hidden; behavior: url(js/PIE.htc); height:88px; width:98px; margin:4px; float:left}
.sidebar_gallery_item .pics img {width:90px; height:80px; border:4px solid #fff }
.sidebar_gallery_item .pics img:hover { border-color:#d9952a}
.sidebar_gallery_item .pics a {display:block;}
.sidebar_gallery_item .pics a:hover {background: url(../images/prettyPhoto/icon_scale.png)  no-repeat 0 0 ;}

/*----------------- TABLES------------- */
table.works { border-right:1px solid #ccc; margin-bottom:15px}
table.works td { padding:7px 5px; border-bottom:1px solid #ccc; border-top:1px solid #ededed; border-left:1px solid #ccc; font-size:11px; vertical-align:top}
table.works th { padding:5px; background:#154174; color:#FFF; font-weight:bold; /*text-align:left;*/ text-transform:uppercase}
table.works tr.row1 { background:#ededed}
table.works td  img.pic { margin:10px 20px; border:4px solid #FFF;}

table.contact {}
table.contact td { padding:7px 5px; font-size:12px}
table.contact td.col1 { text-align:right; padding:14px 5px}
table.contact td.bg_input { background:url(../images/bg_input.png) no-repeat 0 50%; }
table.contact td input.campo1 { width:270px; padding:2px 5px; border:none; background:#ededed;  font-size:11px}
table.contact td textarea { width:270px; padding:2px 5px; border:none; background:#ededed;  font-size:11px; background:#e9e9e9; border-top:1px solid #bfbfbf; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4}
table.contact td .button1 {  
    cursor: pointer;
    border-width: 0;
    padding: 9px 30px;
    color: white;
    border-radius: 3px;}
table.contact td .button1:hover { color:#aaabac}