﻿/* -----------------------------------------------------------------------
 Singular Software CSS
 http://www.singularsoftware.com.br

   * Copyright (c) 2011Singular Software.
   * Author: Diego, Rafael, Rodrigo e Rudy.
   * Date Create: 04/04/2011.
   * Client: Jovens Designers.

----------------------------------------------------------------------- */

/*------------------------------------------------------------------------ 
------>		RESET VALUES DEFAULT
----------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, 
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	border:0 none; font-size:100%; margin:0; padding:0; vertical-align:baseline; }
	
a{ text-decoration:none; }
li{ list-style:none; }
img{ border:none; }

/* Giving a display value to the HTML5 rendered elements: */
header, footer, article, section, hgroup, nav, figure{ display:block; }


/*----------------------------------------------------------------------- 
------>		CONFIGURATION OF THE ELEMENTS DEFAULT
----------------------------------------------------------------------- */
html { margin:0px; padding:0px; color:#696969; background:#242819; font-size:.80em; font-family:Verdana;
		background:#552e44 url(../Images/bg.jpg) center top no-repeat fixed; }
		
body{  background:url(../Images/bg_container.png) center 18px no-repeat; }
		
#container { width:910px; margin:0 auto;  display:block;  }

header{ display:block; height:200px; padding:40px 0 0 0;   }
.logo{ width:260px; height:199px;  display:block; float:left; }

#enews{ width:190px; float:right; margin:140px 30px 0 0; }
#enews .text_enews{ color:#FFF; font-family:Verdana; font-size:12px; margin:0 0 4px 0; display:block; }
.textbox_enews{ width:145px; border:1px #555555 solid; color:#555555; height:20px; display:block; float:left;}

.btn_enews{ color:#ffa517; font-size:11px;  padding:5px; display:block; text-align:center;  margin: 0 0 0 5px; cursor:pointer;
			background:#009beb; width:35px; height:24px; color:#FFF; border:1px #555555 solid; float:left; display:inline; }
 
.btn_enews:hover{ background:#0079b8;}
			  
#content { min-height:280px; margin:0 auto;  display:block;
		   background:url(../Images/bg_conteudo.png) center 0 repeat-y; width:850px;
		   box-shadow:1px 1px 5px #000; box-shadow:-1px -1px 30px #000; 
		   -moz-box-shadow:1px 1px 10px #000; 
		   -webkit-box-shadow:1px 1px 10px, #000 }
		   
footer{ width:910px; margin:30px auto; }
footer #block_A{ background:url(../Images/bg_rodape.png) center top no-repeat; height:123px; }
footer #block_A #left{ float:left; margin:30px 0 0 60px; width:200px;}
footer #block_A #left ul{ width:120px; height:30px;}
footer #block_A #left ul li { float:left; margin:0 10px 0 0;}
footer #block_A #left ul li a { float:left; width:28px; height:28px; display:block; }
footer #block_A #left p{ color:white; font-family:Verdana; font-size:12px; margin:17px 0 0 0px; clear:both; display:block; }

footer #block_A #right{ float:right; }
footer #block_A #right p{ color:white; font-family:Verdana; font-size:12px; line-height:12px; text-align:right; 
						  margin:23px 60px 0 0; line-height:18px;  }

footer #block_B{ background:url(../Images/bg_patrocinadores.png) center top no-repeat; height:140px; padding:58px 0 0 0; }
footer #block_B ul{ margin:0px 0 0 50px; height:50px; width:365px;}
footer #block_B ul li{ height:50px; float:left; }
footer #block_B ul li .apoio_1{ display:block; cursor:pointer; width:122px; height:50px; margin:0 0 0 0;}
footer #block_B ul li .apoio_2{ display:block; cursor:pointer; width:70px; height:50px; margin:0 10px 0 20px; }
footer #block_B ul li .apoio_3{ display:block; cursor:pointer; width:130px; height:50px; margin:0 0 0 7px; }

.title{height:55px; background:#fec920; width:850px; padding:25px 0 0 0; }
.title h1 {font-family:Tahoma; font-size:25px; color:#d300d1; margin:0 0 0 30px; font-weight:700;
		  text-transform:uppercase; }

.text{  font-family:Verdana; font-size:12px; color:#333333; text-align:justify; line-height:20px; }

.spacer{ clear:both; display:block; }

#block_pages{ padding:30px; }

/*----------------------------------------------------------------------- 
------>		CONFIGURATION OF THE HOME
----------------------------------------------------------------------- */
#s3slider { 
   width:790px; height:200px;  margin:0 0 30px 0;
   position: relative; /* important */ overflow: hidden; /* important */
   background:url(../Images/bg_banner.jpg) right top no-repeat;
}

 #s3sliderContent {
	width:790px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
 }

 .s3sliderImage {
	float: left; /* important */
	position: relative; /* important */
	display: none; /* important */
 }
 
.s3sliderImage img { width:575px; height:200px; }

 .s3sliderImage span {
	position: absolute; /* important */
	right: -235px;
	font: 20px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width:790px;
	background-color: none;
	color: #000;
	display: none; /* important */
	top: 0;

	/*
		if you put
		top: 0; -> the box with text will be shown at the top of the image 
	   if you put
		bottom: 0; -> the box with text will be shown at the bottom of the image
	*/
 }

 .clear { clear: both; }
.top { top: 0; left: 0; }
.bottom { bottom: 0; left: 0; }
.left { top: 0; left: 0; width: 110px !important; height: 200px; }
.right { right: 0; bottom: 0; width: 209px !important; height: 200px; }


#block_left{ width:460px; float:left; }

.home_info{ margin:0 0 35px 0; }
.home_info h2{ font-family:Tahoma; font-size:20px; color:#000; margin:0 0 5px 0; }
.home_info a{ font-family:Verdana; font-size:12px; color:#000; height:61px; overflow:hidden; }

.home_info_image{ height:95px; margin:15px 0; }
.home_info_image img{ width:135px; height:95px; float:left }
.home_info_image h2{ font-family:Tahoma; font-size:20px; color:#000; margin:0 0 5px 0; float:right; width:300px }
.home_info_image a{ font-family:Verdana; font-size:12px; color:#000; height:58px; overflow:hidden; float:right; width:300px }
					
#block_right{ float:right; width:300px;}
#home_news{ height:105px; background:url(../Images/noticias_titulo.png) left top #009beb no-repeat; margin:0 0 20px 0; }
#home_news #title { height:25px; padding:5px 0 0 0;}
#home_news #title p { color:#FFF; font-size:16px; font-weight:bolder; font-family:Tahoma; 
					  text-align:right; margin:0 15px 0 0; letter-spacing:3px; }
#home_news #last_news{ height:75px; display:block; }                      
#home_news #last_news p { width:270px; color:#FFF; font-size:12px; text-align:justify; margin:5px auto; line-height:18px; }
#galeria_home{ width:288px; height:165px; background:url(../Images/bg_galeria_home.jpg); padding:15px 0 0 13px; }
#galeria_home #grid1, #grid2, #grid3, #grid4{  width:135px; height:75px; margin:0 auto;  float:left; }
#galeria_home a img{  width:135px; height:75px; }

/*----------------------------------------------------------------------- 
------>		CONFIGURATION OF THE PROJECT
----------------------------------------------------------------------- */
#project_text{ width:460px; float:left;  }

#project_images{ width:300px; float:right; }
#project_images ul li { margin:0 0 10px 0; }
#project_images ul li a img{ width:300px; height:200px; }

/*----------------------------------------------------------------------- 
------>		CONFIGURATION OF THE REGULATION
----------------------------------------------------------------------- */
#regulation_text{ width:620px; float:left;  }

#regulation_files{ width:120px; float:right; }


/*----------------------------------------------------------------------- 
------>		CONFIGURATION OF THE INSCRICAO
----------------------------------------------------------------------- */

#ctl00_MainContent_frmInscricao1_frm_Inscricao { margin: 20px auto 0px auto; width:460px; }

.lblPadrao { color:#555555; float:left; font-size:12px;  margin:7px 0 0 0;  }

.RequiredPadrao{ clear:both; display:block; font-size:10px; margin:3px 0px 8px 0px; 
				 font-weight:bold; text-align:right; }
				 
.RequiredPadrao2{ clear:both; display:block; font-size:10px; margin:3px 0px 0px 0px; 
				 font-weight:bold; text-align:right; font-family:Verdana }
				 
.RequiredPadrao3{ clear:both; display:block; font-size:10px; margin:0px 0px 8px 0px; 
				 font-weight:bold; text-align:right; font-family:Verdana }
  
 .RegularExpression{ clear:both; display:block; font-size:10px; margin:-20px 0px 9px 0px; 
				 font-weight:bold; text-align:right; font-family:Verdana }   

.txtPadrao
	{ border:1px #555555 solid; color:#555555; height:17px;
	 display:block; float:right; margin:4px 0 0 0px;}
			
.txt200px:hover, .txt250px:hover, .txt300px:hover, .txt350px:hover, .txt380px:hover, .txt390px:focus, .txt400px:hover, 
.txt450px:hover, .txt500px:hover, .txt550px:hover, .txt600px:hover,
.lblPadrao:focus,.txt200px:focus, .txt250px:focus, .txt300px:focus, .txt350px:focus, .txt380px:focus, .txt390px:focus, 
.txt400px:focus, .txt450px:focus, .txt500px:focus, .txt550px:focus, .txt600px:focus { border:#c98400 solid 1px }


.RadComboBox{ margin:3px 0 20px 0px; float:right; }
#ctl00_MainContent_frmInscricao1_frm_Inscricao_edt_Nome { width:407px; }
#ctl00_MainContent_frmInscricao1_frm_Inscricao_edt_Endereco { width:384px; }
#ctl00_MainContent_frmInscricao1_frm_Inscricao_edt_Email { width:403px; }
#ctl00_MainContent_frmInscricao1_frm_Inscricao_edt_NomeInst { width:335px; }
#ctl00_MainContent_frmInscricao1_frm_Inscricao_edt_EnderecoInst { width:311px; }
#ctl00_MainContent_frmInscricao1_frm_Inscricao_edt_Coordenador { width:357px; }
#ctl00_MainContent_frmInscricao1_frm_Inscricao_edt_Ramal { width:402px; }

.mask{ margin:3px 0 15px 0px; float:right; }
.mask1{ margin:3px 0 0px 0px; float:right; }
.mask:hover{ background:#ffe79c; border:#c98400 solid 1px }
													  
													  
#ctl00_MainContent_frmInscricao1_frm_Inscricao_msk_TelAluno_Value{ margin:-25px 0 0 0;}


#ctl00_MainContent_frmInscricao1_frm_Inscricao_InsertButton, #ctl00_MainContent_frmInscricao1_frm_Inscricao_InsertCancelButton{
	color:#ffa517; font-size:11px;  padding:5px; display:block; text-align:center;
	background:#009beb; width:55px; height:12px; color:#FFF; border:1px #555555 solid; float:left; display:inline; }

#ctl00_MainContent_frmInscricao1_frm_Inscricao_InsertButton{ margin:10px 0 0 400px; }
#ctl00_MainContent_frmInscricao1_frm_Inscricao_InsertCancelButton { margin:10px 0 0 40px; }
 
 #ctl00_MainContent_frmInscricao1_frm_Inscricao_InsertCancelButton:hover,
 #ctl00_MainContent_frmInscricao1_frm_Inscricao_InsertButton:hover{ background:#0079b8;}

.spacer{ border:none; clear:both; height:10px }
br{ clear:both; }


/*----------------------------------------------------------------------- 
------>		CONFIGURATION OF THE NEWS
----------------------------------------------------------------------- */
#ctl00_MainContent_frmNoticia1_FormView1{ width:430px; float:left;}


/*----------------------------------------------------------------------- 
------>		CONFIGURATION OF THE EDITION
----------------------------------------------------------------------- */
#edition_box{ width:460px; float:left;  }
#edition_box img{ width:460px; }
.legend { font-family:Verdana; font-size:11px; color:#333333; text-align:justify; line-height:20px; margin:3px 0 30px 0; }

#edition_menu{ width:300px; float:right; }
#edition_menu ul li { margin:0 0 10px 0; }
#edition_menu ul li a { padding:10px 0; font-size:20px; font-weight:bold; color:#888888; }
#edition_menu ul li a:hover { color:#d300d1; }
#edition_menu ul li .selected { color:#d300d1; }



/*----------------------------------------------------------------------- 
------>		CONFIGURATION OF THE NEWS Static
----------------------------------------------------------------------- */
#news{ width:460px; float:left; }

#ctl00_MainContent_frmNoticia1_FormView1_ST_TituloLabel{ color:#888888; font-size:25px;  font-weight:bold; display:block; }
#ctl00_MainContent_frmNoticia1_FormView1 { width:460px; }
#ctl00_MainContent_frmNoticia1_FormView1_DT_DataNoticiaLabel{ color:#888888; font-size:11px; font-weight:bold;
															  display:block; padding:3px 0 10px 0; }
															  
#ctl00_MainContent_frmNoticia1_FormView1_RadBinaryImage1{  width:0; width:460px;}

#ctl00_MainContent_frmNoticia1_FormView1_ST_TextoLabel{ font-size:12px; line-height:20px; color:#333333; line-height:20px;
														display:block; text-align:justify; margin:15px 0 0 0; }
														
														
#news_prev{ float:right; width:300px;  display:block; }
#news_prev h4 {color:#888888; font-size:23px;  font-weight:bold; display:block; margin:72px 0 0 0;}
#news_prev ul { margin:12px 0 0 0;}
#news_prev ul li {  margin:0 0 18px 0;}
#news_prev ul li a { color:#888888; font-size:12px; display:block; }
#news_prev ul li a:hover { color:#d300d1; }
#news_prev ul li .news_active { color:#d300d1; }

/*----------------------------------------------------------------------- 
------>		CONFIGURATION OF THE RELEASE
----------------------------------------------------------------------- */
#release{ width:600px; float:left; }
.release_item{  cursor:pointer; display:block; margin:0 0 15px 0; }
.release_item:hover{ color:#d300d1; }
.release_item .date{ color:#888888; font-size:16px; display:block; font-weight:normal; }
.release_item .title_release:hover{ color:#d300d1; }
.release_item .title_release{ color:#888888; font-size:19px;  font-weight:bold; display:block; }
.release_item .text_release{ font-size:12px; color:#333333; line-height:20px; overflow:hidden;
					  display:block; text-align:justify; margin:3px 0 0 0; height:40px;  }

#release_right{ float:right; width:140px;  display:block; }
#release_right h4 {color:#888888; font-size:20px;  font-weight:bold; display:block; margin:0 0 0 0;}
#release_right ul { margin:20px 0 0 0;}
#release_right ul li {  margin:0 0 20px 0;}
#release_right ul li a { color:#888888; font-size:15px; display:block; font-weight:bolder; }
#release_right ul li a:hover { color:#d300d1; }
#release_right ul li .news_active { color:#d300d1; }

/*----------------------------------------------------------------------- 
------>		CONFIGURATION OF THE RELEASE
----------------------------------------------------------------------- */
#clipping{ width:600px; float:left; }
.clipping_item{  cursor:pointer; display:block; margin:0 0 30px 0; }
.clipping_item:hover{ color:#d300d1; }
.clipping_item .date{ color:#888888; font-size:16px; font-weight:normal; display:block; }
.clipping_item .title_clipping:hover{ color:#d300d1; }
.clipping_item .title_clipping{ color:#888888; font-size:19px;  font-weight:bold; display:block; }
.clipping_item .text_clipping{ font-size:12px; color:#333333;  overflow:hidden;
					  display:block; text-align:justify; margin:3px 0 0 0; height:20px; }
					  
/*----------------------------------------------------------------------- 
------>		CONFIGURATION OF THE ON TOUR
----------------------------------------------------------------------- */
#ontour h2{ color:#888888; font-size:25px; font-weight:bolder; display:block; }
#ontour h5{ color:#888888; font-size:20px; font-weight:bolder; display:block; margin:30px 0 0 0;}
#ontour #left{ width:480px; margin:22px 0 0 0; float:left; }
#ontour #left .nome{ color:#888888; font-size:15px; font-weight:normal; text-align:justify; display:block; font-weight:bolder; }
#ontour #left  .horario{ font-size:15px; font-weight: normal; color:#888888; display:block; }
#ontour #left .desc1{ color:#333333; font-size:14px; font-weight:normal; text-align:justify; display:block; 
					  margin:5px 0 0 0; }
#ontour #left .desc2{  display:block; width:480px; margin:30px 0 30px 0; }
#ontour #left .desc2 img{ float:left; margin: 0 10px 10px 0;  }
#ontour #left .desc2 .nome{ color:#888888; font-size:14px; font-weight:bolder; text-align:justify; margin:0 0 20px 0;  }
#ontour #left .desc2 .sobre{ color:#333333; font-size:14px; font-weight:normal;  text-align:justify; 
					   float:right; width:330px; }
					  
#ontour #right{ width:260px;  margin:22px 0 0 45px; float:left; }
#ontour #right h4{ font-size:20px; font-weight: bolder; color:#d300d1; display:block;}
#ontour #right .local{ font-size:14px; font-weight: normal; color:#888888; display:block; margin:30px 0 0 0; }
#ontour #right .local2{ font-size:14px; font-weight: normal; color:#333333; display:block;  width:260px;}
#ontour #right a{ font-size:14px; font-weight: bolder; color:#d300d1; display:block; margin:40px 0 0 0; cursor:pointer;}

#ontour .list{ display:block; margin:20px 0 20px 0;}
#ontour .list_date{ color:#888888; font-size:12px; font-weight:normal; display:block; }
#ontour .list_name{ color:#888888; font-size:18px;  font-weight:bold; display:block; }
#ontour .list_name:hover{ color:#d300d1; }
#ontour .list_desc{ font-size:12px; color:#333333;  overflow:hidden; display:block; text-align:justify; margin:3px 0 0 0;  }


#ctl00_MainContent_FormView1{ width:500px; display:block; margin:20px auto 0 auto;}
#ctl00_MainContent_FormView1 #ctl00_MainContent_FormView1_InsertButton{
	color:#ffa517; font-size:11px;  padding:5px; display:block; text-align:center;
	background:#009beb; width:55px; height:12px; color:#FFF; border:1px #555555 solid; float:left; display:inline; }
#ctl00_MainContent_FormView1 #ctl00_MainContent_FormView1_InsertButton{ margin:10px 0 0 433px; }
 #ctl00_MainContent_FormView1 #ctl00_MainContent_FormView1_InsertButton:hover{ background:#0079b8;}
 
 /*----------------------------------------------------------------------- 
------>		CONFIGURATION OF appointments
----------------------------------------------------------------------- */

.agenda_item{ display:block;}
#agenda h5{ color:#888888; font-size:20px; font-weight:bolder; display:block; }
#agenda h1{ color:#888888; font-size:15px; display:block; font-weight:normal; }
#agenda h5:hover{ color:#d300d1; }

 /*----------------------------------------------------------------------- 
------>		CONFIGURATION OF GALLERY
----------------------------------------------------------------------- */

#galerias li{ float:left; margin:10px; display:block;}
#galerias li a img{ width:90px; height:85px; border:1px #CCC solid;}

