html, body{    
    width: 100%;    
    height: 100%;    
    margin: 0;    
    padding: 0;    
    font: 12px 'Arial', Helvetica, sans-serif;    
    background-attachment: fixed;    
    background-image: url('../images/content/bg.png');   
    background-repeat: repeat-x;}a:link, a:visited, a:active {	       
    color:#0066CC;	
    text-decoration: none;	
	line-height:1.5em;
    }
    
	sup {
	vertical-align: top;
	font-size: smaller;
}
	
    a:hover {		
        color: #009900;        
        text-decoration: underline;
    }

    
    .negrito{   
        font: bold 12px 'Arial', Helvetica, sans-serif;
    }
    
    .negrito1{    
        font: bold 13px 'Arial', Helvetica, sans-serif;
    }
    
    h1 { 
        font-size: 18px; 
        font-family: Helvetica, Arial, sans-serif; 
        color: #CCCCCC; 
        margin: 0px; 
    }
    
    .title1 { 
        font-size: 26px; 
        font-family: Helvetica, Arial, sans-serif; 
        text-align: center;
        font-weight: bold;
    }
    
    .title2 { 
        font-size: 18px; 
        font-family: Helvetica, Arial, sans-serif; 
        text-align: center;
    }
    
    .main_title{    
        font-size: 18px;     
        font-family: Helvetica, Arial, sans-serif;     
        color: #555555;
    }
    
    #content_nav{    
        margin-bottom: 30px;
    }
    
    #content_nav a{   
        font: 11px Arial, Helvetica, sans-serif;    
        text-decoration: none;    
        color: #009900;    
        font-weight: bold;
    }
    
    #content_nav p{    
        font-weight: bold;
    }
    
    #galleria{
        height:320px;
    }   
    
    h4 { 
        font-size: 14px; 
        font-family: 'Arial', Helvetica, sans-serif; 
        font-weight: bold; 
        color: #654f48;
        margin:0px; 
    }
    
    #cinets{   
        overflow: hidden;   
        position: relative;  
        margin:0 auto;  
        top: 10px;   
        height:auto;   
        width:1024px;
    }


    
    /*------------------------------ HEADER --------------------------------------*/
    
    #header{   
        position:relative;  
        margin: 0;   
        height: 103px;   
        z-index: 100;
    }
    
    /*------------ Logotipo -------------*/
    
    #logo{   
        float:left;
    }
    
    #logo a img{   
        border: none;
    }
    
    .top_logo{   
        position: relative;  
        width:32%;   
        height: 16px;
    }
    
    #top_menu1{   
        position: relative;   
        top:-16px;    
        left: 429px;    
        float:left;   
        width:44%;   
        height: 16px;
    }
    
    #top_center1{    
        position: absolute;  
        top: 0;   
        left: 16px; 
        right: 16px; 
        height: 100%; 
        background-color: #cccccc;
    }
    
    #canto_sup_esq1 {   
        background:url("../images/content/canto_sup_esq_2.png") no-repeat; 
        top: 0;   
        left: 0;
    }
    
    #canto_sup_dir1 { 
        background:url("../images/content/canto_sup_dir_2.png") no-repeat;  
        top: 0;  
        right: 0;
    }
    
    #content{   
        position:relative;  
        margin: 0;    
        padding: 0;  
        clear: both; 
        min-height: 540px;
    }
    
    .content_text{  
        margin-left: 20px;  
        margin-top: 15px;  
        margin-right: 20px;  
        text-align: justify;
		line-height:1.5em;
    }
	
	.content_text_index{
		margin-left: 20px;   
        margin-right: 20px;  
        text-align: justify;
	
	}
	
	.facebookLink{
	 text-align: right;
	 padding-top:85px;
	 padding-right:10px;
	 
}
    
    #main {   
        position:relative;  
        float:left; 
        background: #f2f2f2; 
        width: 100%;  
        height: auto;
    }
    
    .news{      
        margin-left: 20px; 
        margin-top: 15px;   
        margin-right: 20px;
    }
    
    /*----------- Cantos arredondados ------------*/
    
    
    .top{   
        position: relative;    
        height: 16px;
    }
    
    .bottom {  
        position: relative;  
        height: 16px;    
        clear: left;
    }
    
    .top_center, .bottom_center{  
        text-align: center;  
        font: bold 17px Arial, Helvetica, sans-serif;   
        letter-spacing: 2px;  
        position: absolute;  
        top: 0;
        left: 16px; 
        right: 16px; 
        height: 100%;  
        background-color: #f2f2f2;
    }
    
    .canto {  
        position: absolute; 
        height: 100%; 
        width:16px;
    }
    
    .canto_sup_esq { 
        background:url("../images/content/canto_sup_esq.png") no-repeat;  
        top: 0;  
        left: 0;
    }
    
    #canto_sup_esq_content {  
        background: #f2f2f2; 
        top: 0;   
        left: 0;
    }
    
    .canto_sup_dir { 
        background:url("../images/content/canto_sup_dir.png") no-repeat;   
        top: 0;   
        right: 0;
    }
    
    .canto_inf_esq { 
        background:url("../images/content/canto_inf_esq.png") no-repeat; 
        top: 0;  
        left: 0;
    }
    
    .canto_inf_dir {  
        background:url("../images/content/canto_inf_dir.png") no-repeat;
        top: 0;
        right: 0;
    }
    
    /*---------------------------- LEFT COMPONENTS -------------------------------*/
    
    
    #left_components {   
        position:relative; 
        float: left;   
        width: 29%;   
        height: auto;  
        margin-left: 14px;
    }
    
    /*------------------------------ RIGHT COMPONENTS ----------------------------*/
    
    
    #right_components {   
        margin-left:320px;   
        width: 68%;
        min-height: 540px;
    }
    
    /*------------------------------ FOOTER --------------------------------------*/
    
    
    #footer_content {   
        text-align: center; 
        position:relative;  
        background: #f2f2f2;  
        width: 100%;   
        font: 11px Arial, Helvetica, sans-serif;
    }
    
    #footer{  
        clear: both; 
        position: relative;  
        margin-top: 20px;
    }
    
    #title{  
        position:relative; 
        top:35px;   
        width: 683px;
    }
    
    .top1, .bottom1 {  
        position: relative; 
        height: 6px;
    }
    
    .top_center1, .bottom_center1{ 
        position: absolute;  
        top: 0;   
        left: 9px; 
        right: 9px; 
        height: 100%;  
        background-color: #e6e6e6;
    }
    
    .canto1 {   
        position: absolute;
        height: 100%;  
        width:9px;
    }
    
    .canto_sup_esq1 {  
        background:url("../images/content/canto_sup_esq_1.png") no-repeat;   
        top: 0; 
        left: 0;
    }
    
    .canto_sup_dir1 {  
        background:url("../images/content/canto_sup_dir_1.png") no-repeat;  
        top: 0; 
        right: 0;
    }
    
    .canto_inf_esq1 {  
        background:url("../images/content/canto_inf_esq_1.png") no-repeat; 
        top: 0;   
        left: 0;
    }
    
    .canto_inf_dir1 {   
        background:url("../images/content/canto_inf_dir_1.png") no-repeat; 
        top: 0;   
        right: 0;
    }
    
    #title_content {  
        text-align: right;  
        background: #e6e6e6; 
        position:relative;  
        width: 100%;
    }
    
    #title_content h1{   
        font: bold 16px Arial, Helvetica, sans-serif;   
        padding-right: 20px;
    }
    
    #content_box{  
        margin-top: 60px; 
        left:3px;   
        width: 680px;
    }
    
    #content_text{   
        background-color: #e6e6e6;  
        padding-top: 4px;   
        padding-left: 20px;   
        padding-right: 20px;   
        padding-bottom: 40px; 
        min-height:400px;   
        background-image: url("../images/content/seta.gif"); 
        background-repeat: no-repeat;  
        background-position: 99% 100%;
    }
    
    #content_text h2{  
        font: bold 15px Arial, Helvetica, sans-serif;  
        word-spacing: 2px; 
        margin-top: 40px;
        text-transform: uppercase;
    }
    
    #content_text h2 a{   
        color:black; 
        text-decoration: none;
    }
    
    #content_text h3{  
        font: bold 12px Arial, Helvetica, sans-serif;   
        word-spacing: 2px;  
        letter-spacing: 0.5px; 
        margin-bottom: 5px;
    }
    
    #content_text p{ 
        font: 12px Arial, Helvetica, sans-serif;
        margin-bottom: 5px;
    }
    
    #content_text {  
        font: 12px Arial, Helvetica, sans-serif;
    }
    
    #content_text ul{   
        margin-left: 20px; 
        font-size: 15px;  
        list-style-type: square; 
    }
    
    #content_text ul li{  
        margin-top: 5px;
    }
    
    #content_text ul li a{ 
        font: 12px Arial, Helvetica, sans-serif;  
        text-decoration: none;
        color: #000;
    }
    
    #content_text ul li{   
        font: 12px Arial, Helvetica, sans-serif; 
        text-align: justify; 
        margin-bottom: 5px;
    }
    
    #content_text tr td p{ 
        text-align: center;
    }
    
    #left_menu{   
        margin-left: 10px;   
        margin-right: 10px;   
        margin-top: 10px;
    }
    
    #left_menu ul{  
        margin:0px;  
        padding:0px;
    }
    
    #left_menu li{    
        list-style:none;
        font-family: Arial, Helvetica, sans-serif;
        font-size:15px;  
        margin-bottom: 10px;   
        text-align:right;   
        font-variant:small-caps;
    }
    
    #left_menu li a{   
        text-decoration:none; 
        color:#000; 
        border-bottom:1px solid #CCCCCC; 
        display:block;  
        padding:5px 15px 6px 0px;
    }
    
    #left_menu li a:hover{  
        background:#90C1FC;
    }
    
    
    #left_components_links{    
        margin-left: 15px;  
        margin-right: 15px; 
        margin-top: 15px;
    }
    
    .link_names{ 
        font: 11px Arial, Helvetica, sans-serif;
    }
    
    .imageBox{
        float: right;padding: 0;margin-left: 15px;
    }
    
    .newsTitle{
        color:#0099CC;
        font-size:40px;
        margin-top: 4px;
        font-weight: bold;
        font-family: Helvetica, Arial, sans-serif;     
    }
	
	.newsTitle3{
	
        color:#0099CC;
        font-size:27px;
        margin-top: 4px;
        font-weight: bold;
        font-family: Helvetica, Arial, sans-serif;     
    }
	
	.workshopTitle{
	
	 color:#0099CC;
        font-size:20px;
        font-weight: bold;
        font-family: Helvetica, Arial, sans-serif;
	}

.newsTitle1{
        color: #009900; 
        font-size:25px;
        
        font-weight: bold;
        font-family: Helvetica, Arial, sans-serif;     
    }


    
    #newsDiv{
        margin-top: -30px;
text-align: left;
	        
    }
    
    .newsDivSeparator{
        height: 2px;
        background-color: #CCCCCC;
    }
    
    #programDiv{
         margin-left: auto;
        margin-right: auto;
        height: 30px;
		text-align:center;
    }

/*********************  PORTEFÓLIO  *********************/
	
	#portefolio {
	height:1200px;
	padding-top:20px;
	}
	
	.boxgrid{ 
	width: 310px; 
	height: 230px; 
	margin:1px; 
	float:left; 
	background:#161613; 
	border: solid 1px #666; 
	overflow: hidden; 
	position: relative; 
	}
	
	
	.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0;
	opacity: .6; 
	/* For IE 5-7 */
	filter: "progid:DXImageT6ansform.Microsoft.Alpha(Opacity=60)";
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

	}
	
		
	.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #e8e5dc; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

 	}
 				
				
	.captionfull .boxcaption {
 	top: 300px;
 	left: 0;
 	}
	
	
 	.caption .boxcaption {
 	top: 220px;
 	left: 0;
	}
	
	
	#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
	#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
	#sb-overlay{position:relative;height:100%;width:100%;}
	#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
	#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
	#sb-body{position:relative;height:100%;}
	#sb-body-inner{position:absolute;height:100%;width:100%;}
	#sb-player.html{height:100%;overflow:auto;}
	#sb-body img{border:none;}
	#sb-loading{position:relative;height:100%;}
	#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
	#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
	#sb-body,#sb-loading{background-color:#060606;}
	#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
	#sb-title,#sb-title-inner{height:26px;line-height:26px;}
	#sb-title-inner{font-size:16px;}
	#sb-info,#sb-info-inner{height:20px;line-height:20px;}
	#sb-info-inner{font-size:12px;}
	#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
	#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
	#sb-nav-close{background-image:url(../images/content/close.png);}
	#sb-nav-next{background-image:url(../images/content/next.png);}
	#sb-nav-previous{background-image:url(../images/content/previous.png);}
	#sb-nav-play{background-image:url(../images/content/play.png);}
	#sb-nav-pause{background-image:url(../images/content/pause.png);}
	#sb-counter{float:left;width:45%;}
	#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
	#sb-counter a.sb-counter-current{text-decoration:underline;}
	div.sb-message{font-size:12px;padding:10px;text-align:center;}
	div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
	
	.newsDivContainer{
    border: 1px solid #bbbbbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #e8f1ff;
	padding-top:14px;
	padding-bottom:14px;
	padding-left:14px;
	padding-right:14px;
	}
	
	
	/*tabela*/
	.datagrid table { 
	border-collapse: collapse; 
	text-align: left; 
	
	} 
	
	.datagrid {
	font: normal 12px/150% Arial, Helvetica, sans-serif; 
	background: #fff; 
	overflow: hidden; 
	border: 1px solid #006699; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	}
	
	.datagrid table td{
	padding: 3px 10px; 
	}
	
	.datagrid table th {
	padding: 8px 8px; 
	}
	
	.datagrid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699;
	color:#FFFFFF; 
	font-size: 12px; 
	font-weight: bold; 
	width: 110px; 
	border-left: 1px solid #0070A8; 
	} 
	
	.datagrid table thead th:first-child { 
	border: none; 
	}
	
	.datagrid table tbody td {
	color: #00557F; 
	border-left: 1px solid #E1EEF4;
	font-size: 12px;

	font-weight: normal; 
	}
	
	.datagrid table tbody td a {
	color: #00557F; 
	border-left: 1px solid #E1EEF4;
	}
	
	
	 .datagrid table tbody td a:hover {		
        color: #009900;        
        text-decoration: underline;
    }
	
	
	.datagrid table tbody .alt td { 
	background: #E1EEf4; 
	color: #00557F;
	}
	
	.blackLink a {
	color:#222222 !important;
	border-left: 1px solid #E1EEF4;
	}
	
	.blackLink a:hover {		
        color: #009900 !important;        
        text-decoration: underline;
    }
	

	
	.datagrid table tbody .alt1 td { 
	background: #75D1FF; 
	color: #00557F;
	}
	
	.datagrid table tbody td:first-child {
	border-left: none; 
	}
	
	.datagrid table tbody tr:last-child td { 
	border-bottom: none; 
	}