/*.container_16 {background: url(16_col.gif) repeat-y}*/

.clear{clear:both; float:none}

html, body {font-family: Verdana, Arial, Helvetica, sans-serif;background: #1E0000;}
body {margin: 0; padding: 0; text-align: center; min-height: 600px;  font-size: 68.7%; color: #fff;}
.container_16 {text-align: left; }

.clear {clear:both; float:none}
.l {float:left}
.r {float:right}
.l>img {margin: 0 0.5em 0.5em 0}
.r>img {margin: 0 0 0.5em 0.5em}


a,a:link, a:visited {color: #fea; text-decoration:none}
a:hover {text-decoration:underline}

h2,h3,h4 {font-family: garamond, georgia, times new roman, times, serif;}

#iniziativas {margin:10px; font-size: 0.8em; text-align:center}
#iniziativas, #iniziativas a {color: #fff}


#header { height: 130px; background: url(../images/bkg_menu.png) repeat-x }
    #logo {height: 80px; background: url(../images/bkg_top.jpg) no-repeat center top}
    #logo a {font-size: 3em; text-align:center; line-height:80px; display:block; height: 100%; width:100%; background: url(../images/logo.png) no-repeat center center; text-indent:-999em; }

    #menu {margin-top:1px}
    #menu ul.menu           { margin:0; font-family: garamond, georgia, times new roman, times, serif; height: 48px; line-height:48px}
    #menu ul.menu li        { font-size: 2.5em; margin:0px; margin-left: 5px; padding-left: 5px; height: 100% }
    #menu ul.menu li  { 
	vertical-align: top; 
	display: -moz-inline-stack;display: inline-block;
	zoom: 1; 
	*display: inline;
    }
    
    
    #menu ul.menu li.first  {border:none}
    #menu ul.menu li.active {background: url(../images/bkg_menuitem.png) no-repeat left}
    #menu ul.menu li.active a {display:block; width:100%; height:100%;  padding-right:5px;  background: url(../images/bkg_menuitem.png) no-repeat right; color: #fff;}
    

#splash {    background: url(../images/bkg_splash.png) repeat-x; height:350px }
    #splash-wrapper {width: 1020px; position:relative;margin:0 auto; height:315px;}
    #mask {position:absolute; left:0; top:0; height:350px; background: url(../images/splash_mask.a32.png) no-repeat center center; width:100%}
    #flash_container {padding-top: 35px;height: 350px; width: 1020px; margin: 0 auto}
    
#lang {text-align:right; position:absolute; top:0; right:0; margin:10px}
#lang li {list-style-type:none; display:inline; margin:0.5em; padding-left: 0.5em; border-left: 1px solid #ccc }
#lang li.first {border:none}

#body {background: url(../images/line_gold.png) repeat-x left bottom; padding-bottom: 1em} 
    #content .html img[align=right]{ margin: 0 0 1em 1em}
    #content cite {float:right; font-size: 1.5em; width: 30%; border: 1px solid #a00; background: #600; padding: 1em; margin: 1em 0 1em 1em}

    #content h2 {font-size:40px}

#ancillary { background: url(../images/line_gold.png) #000 repeat-x left bottom; padding: 2em 0 2em 0}
#ancillary p {margin-left: 1em}
#ancillary .header {font-family: garamond, georgia, times new roman, times, serif; font-size: 2em; margin-bottom: 1em}

#footer {padding-top:1em}
#footer .copy {float:left; color:#000 }
#footer ul.menu {float:right; margin:0}
#footer ul.menu li {list-style:none; display:inline;margin:0; padding:0 0.5em 0 0.5em;  border-left: 1px solid #ccc}
#footer ul.menu li.first {float:left; display:block; border:none }
#footer ul.menu li a {color: #fff; text-decoration:none}
#footer ul.menu li a:hover {text-decoration:underline}




/*CONTENT*/

.content-detail #content .gallery .item{
    float:left; position:relative;
    width: 166px; height: 166px;
}

.content-detail #content .gallery span {display:block; width: 166px; height: 166px; position:absolute; top:0; background: url(../images/thumb_mask.png) no-repeat}
.content-detail #content .gallery img {margin: 15px}

.content-detail .scrollable .toolbar{text-align:center}
.content-detail .scrollable .toolbar a {padding: 8px 16px 8px 16px}
.content-detail .scrollable .toolbar .slide-prev {background: url(../images/btn-prev.png) no-repeat left center;}
.content-detail .scrollable .toolbar .slide-next {background: url(../images/btn-next.png) no-repeat right center;}

.content-list .items {margin-top: 2em}
.content-list .items .item h4 { background: url(../images/line_gold.png) repeat-x left bottom;color: #fea  }
.content-list .items .item h4 small {font-size: 0.5em; font-family:Verdana, Arial, Helvetica, sans-serif}
.content-list .items .item {margin-bottom: 2em;}
.content-list .items .item .content-short{margin-left: 3em; font-size: 1.2em}
.content-list .items .item .ver_mas {text-align:right}
.content-list .items .item .thumb {float:left; padding: 0em 1em 1em 0;  }
.content-list .items .item .thumb img {border: 1px solid #A26000; background:#1E0000}


/*FORMS*/
div.yiiForm {background:none !important; border:none !important; width:100% !important}
div.yiiForm div.simple label, div.yiiForm div.complex span
{ width:20% !important}
div.yiiForm input[type=text],  div.yiiForm textarea{border: 1px solid black}
div.yiiForm .captcha-field img {border: 1px solid black; float:left; margin: 0 10px 10px 0}
div.yiiForm .captcha-field {}
div.yiiForm .captcha-field a {display:block}

 .errorSummary * {color: #000 !important}
.confirmation {border: 2px solid #f90; background: #ffffee; padding: 1em; margin: 1em 0 1em 0; color: #000}