/*  BASE ------------------------------------------------------------------  */

@font-face {
    font-family: "SanukRegular";
    src: url(/media/font/Sanuk-Regular_0.pfm) format('pfm');
}
@font-face {
    font-family: "SanukMedium";
    src: url(/media/font/Sanuk-Medium.pfm) format('pfm');
}
@font-face {
    font-family: "SanukBold";
    src: url(/media/font/Sanuk-Bold_0.pfm) format('pfm');
}

html,
body {
	margin:0;
	padding:0;
	height:100%; /* necessário para a posição do footer ao fundo*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8f8e8e;
	background-color:#f0eeee;
}

img {
	border: 0;
	border: none;
}

/* CONTAINER ------------------------------------------------------------------ */


#container {
	min-height: 100%; /* necessário para a posição do footer ao fundo*/
	height:auto !important;
	height:100%;
	/*margin:0 auto;width:950px;*/
	margin-bottom:-66px; /* margin-bootom é o valor negativo da altura do footer */
	width:100%;
	background-color:#f0eeee;
}


/* HEADER ------------------------------------------------------------------ */

#header {
	height:119px;
	min-width: 1080px;
	background-image:url(/media/images/bck_01.jpg);
	background-repeat:repeat-x;
}
#header_int {
	height:119px;
	width:1080px;
	margin:0 auto;
	background-image:url(/media/images/bck_02.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.row1 {
	float:left;
	height: 77px;
	width: 100%;
}

.logo {
	float:left;
	margin: 11px 0 0 16px;
}

.redes {
	float:right;
	margin: 23px 77px 0 0;
	width: 115px;
}

.redes .umface a {
	margin-right: 6px;
	background-image:url(/media/images/icon_01a.png);
	width:30px;
	height:30px;
	float:left;
}

.redes .umtwitter a {
	margin-right: 6px;
	background-image:url(/media/images/icon_02a.png);
	width:30px;
	height:30px;
	float:left;
}

.redes .umlink a {
	margin-right: 6px;
	background-image:url(/media/images/icon_03a.png);
	width:30px;
	height:30px;
	float:left;
}

.redes .umface a:hover {
	background-image:url(/media/images/icon_01a_hover.png);
}

.redes .umtwitter a:hover {
	background-image:url(/media/images/icon_02a_hover.png);
}

.redes .umlink a:hover {
	background-image:url(/media/images/icon_03a_hover.png);
}

.lingua {
	float:right;
	font-size:11px;
	line-height: 16px;
	height:16px;
	text-transform: uppercase;
	margin: 30px 12px 0 10px;
	
}

.lingua span.normal {
	color: #bab9b9;	
}

.lingua span.normal a {
	color: #bab9b9;	
	text-decoration:none;
	font-size:11px;
	text-transform: uppercase;
}

.lingua span.normal a:hover {
	color: #6b6a6a;
	text-decoration:none;
	font-size:11px;
	text-transform: uppercase;
}

.lingua span.div {
	color: #bab9b9;	
	font-size:13px;
}

.lingua span.selected {
	color: #6b6a6a;
	font-weight:bold;	
}

#menu{
	height:43px;
	width:1080px;
	clear:both;
	margin-top:77px;
}

#content {
	width:100%;
	clear:both;
	background-color:#f0eeee;
	min-height:100%;
}
#content_int {
	width:1080px;
	clear:both;
	margin:0 auto;
	background-color:#FFFFFF;
	min-height:100%;
	background-image:url(/media/images/bck_00.jpg);
	background-position:top left;
}

#content_int  #int{
padding-left:10px;
padding-right:10px;
}

#content_int_base {
	width:1080px;
	clear:both;
	margin:0 auto;
	background-color:#FFFFFF;
	min-height:100%;
	background-image:url(/media/images/bck_00.jpg);
	background-repeat: repeat-y;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

.linhaum {
	float:left;
	width:1080px;
}

.linhaum .colum {
	float:left;
	width:211px;
}

.linhaum .colum #bemvindo {
	font-size:24px;
	line-height:24px;
	margin: 25px 0 45px 15px;
}

.linhaum .coldois {
	float:left;
	margin: 12px 11px 12px 0;
	padding-left: 5px;
}

.linhaum .coltres {
	float:left;
	margin: 12px 0 0 0;
	width:250px;
}

.linhaum .coltres .linkexterno {
	margin-bottom:15px;
}



.both{
clear:both;
}
#content_int_base  .col1{
float:left;
width:793px;
padding:0px 24px 60px 10px;
}
#content_int_base  .col2{
float:left;
width:243px;
padding: 0 10px 100px 0;
}

#content_int_base  .col2 .linkexterno {
margin-top:16px;
margin-bottom:20px;
cursor:pointer;
}

#content_int_base  .col2 .agenda {
margin-bottom:20px;
cursor:pointer;
}

 .agenda {
    cursor: pointer;
    margin-bottom: 20px;
}

#content_int_base  .col2 #coluna {
cursor:pointer;
}

#endcontent{
	width:1080px;
	clear:both;
	margin:0 auto;
}

#push {
	height: 66px; /* tem de ter a mesma altura do footer */
	clear:both;
}


/* FOOTER ------------------------------------------------------------------ */
#footer {	
	min-width: 1080px;
	height: 66px;
	background-image:url(/media/images/bck_03.jpg);
	background-repeat:repeat-x;
	margin-top: 50px;
}

#footer_int {
	margin: 0 auto;
	width:1080px;
	height: 66px;
}

.logofoo {
	float: left;
    margin: 15px 10px 0;
}

.centralfoo {
	float: left;
    text-align:center;
	margin-left:185px;
}

.centralfoo .cent {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	height:14px;
	text-transform: uppercase;
	margin-top:26px;
}

.centralfoo .centimg {
	float:left;
	margin-top:26px;
}

.redesfoo {
	float: right;
    margin: 18px 10px;
	width: 105px;
}

.redesfoo .umfooface a {
	float: left;
    margin: 0 3px;
	background-image:url(/media/images/icon_01.png);
	width:29px;
	height:29px;
}

.redesfoo .umfootwitter a {
	float: left;
    margin: 0 3px;
	background-image:url(/media/images/icon_02.png);
	width:29px;
	height:29px;
}

.redesfoo .umfoolink a {
	float: left;
    margin: 0 3px;
	background-image:url(/media/images/icon_03.png);
	width:29px;
	height:29px;
}

.redes .umfooface a:hover {
	background-image:url(/media/images/icon_01_hover.png);
}

.redes .umfootwitter a:hover {
	background-image:url(/media/images/icon_02_hover.png);
}

.redes .umfoolink a:hover {
	background-image:url(/media/images/icon_03_hover.png);
}

/* LINKS GERAL ------------------------------------------------------------------ */

/* 
link -> visited -> hover -> active :: deve ser seguida esta ordem para formatar as anchors
http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes
*/


a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#282828;
	text-decoration:underline;
}
a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6E6D6D;
	text-decoration:underline;
}
a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF6600;
	text-decoration:underline;
}
a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF6600;
	text-decoration:underline;
}




/* PESQUISA ------------------------------------------------------------------ */

#search {
	float:right;
	width:240px;
	height:80px;
	padding:10px;
	border-left:1px dotted #dbdbdb;
	background-color:#f9f9f9;
}




/*  MESSAGES ------------------------------------------------------------------  */
.messages {
        padding:10px;
        text-align:center;
}

.messages .error {
        color:red;
        font-weight:bold;
}

.messages .message {
        color:green;
        font-weight:bold;
}

.error_message {
        color:red;
        font-size:10px;
}

label.required {
        font-weight:bold;
}


/*  PAGINATOR ------------------------------------------------------------------  */

#paginator {
	border-top: 1px solid #E5E5E5;
    display: block;
    height: 25px;
    padding-top: 8px;
}

#paginator .total_rows_pages{
	float:left;
	display:inline-block;
	margin-left:3px;
	color:#a6a6a6;
}

#paginator .paginatorBlock {
	float:right;
	display:inline-block;
	margin-right:3px;
	color:#a6a6a6;
}

#paginator a {
	padding:2px 5px;
	text-decoration:none; 
	float:left;
	color: #a6a6a6;

}

#paginator a:hover {
	padding:2px 5px;
	text-decoration:none; 
	float:left;
	color: #777777;

}

#paginator .first {
	padding:2px 6px;
	border-right:1px solid #dbdbdb;
}

#paginator .prev {
	padding:6px 6px;
}

#paginator .next {
	padding:6px 6px;
}

#paginator .prev:hover {
	padding:6px 6px;
}

#paginator .next:hover {
	padding:6px 6px;
}

#paginator .last {
	padding:2px 6px;
	border-left:1px solid #dbdbdb;
}

#paginator .current {
	line-height: 16px;
    padding: 2px 5px 0;
	font-weight:bold;
	float:left;
	color: #8E8E8E;
}

a .prevcat {
	background-image: url(/media/images/precat.png);
	width: 7px;
	height: 10px;
}

a .prevcat:hover {
	background-image: url(/media/images/prevcat_hover.png);
	width: 7px;
	height: 10px;
}


a .nextcat {
	background-image: url(/media/images/nextcat.png);
	width: 7px;
	height: 10px;
}

a .nextcat:hover {
	background-image: url(/media/images/nextcat_hover.png);
	width: 7px;
	height: 10px;
}

/*  FORM INPUTS ------------------------------------------------------------------ */

form {margin:0px;} 

.form_field_active{ background-color:#f5f5f5;} /*cor de fundo para campos seleccionados*/

form.LV_form_to_validate input{
	float:left;
}

/*icons de validação dos campos de forms*/
.valid_img{}
.invalid_img{}
.LV_invalid{}
.LV_valid{}

.LV_validation_message{ padding:0px 0px 0px 3px; vertical-align:middle; float:left;}

/* para as select */
.LV_valid_field{float: left;}

/* para ao date-picker */
.date-picker-control{ float:left;}

/* botao para gerar password */
.span_passwordGenerator{padding:0px 0px 0px 3px; float:left;}

/*  OUTROS */

#history_back{padding-top:5px; border-top: 1px dotted #999999; text-align:right;}

.cp_separator{
	float: left;
}

.esq{
	float: left;
}
#bread{
	clear:both;
	border-bottom: 1px solid #E5E5E5;
    clear: both;
    height: 13px;
    margin: 0 10px 26px;
    padding: 14px 0 10px;
}
.txtbreadcrumb {
    float: left;
	line-height: 12px;
}
.txtbreadcrumb a {
    color: #BCB8B8;
    float: left;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.txtbreadcrumb a:link {
    color: #BCB8B8;
    float: left;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}

.conteudo {
	margin-left:10px;
}

#menu_galeria {
	margin:18px 101px 30px 9px;
}

.divisoria {
    background-image: url("/media/images/caminho_divisoria.png");
    background-repeat: no-repeat;
    float: left;
    height: 7px;
    margin: 3px 6px 0;
    width: 5px;
}

#bloco_hp {

}

#bloco_hp .item{
float:left;
width:255px;
height: 330px;
overflow:hidden;
border:1px solid #efecec;
margin: 0 10px 16px 0;
background-color: #FFF;
}

#bloco_hp .item2{
float:left;
width:255px;
height: 330px;
overflow:hidden;
border:1px solid #efecec;

background-color: #FFF;

}
#bloco_hp .texto {
	margin: 10px 20px 10px 13px;
}
#bloco_hp .etievento {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin: 13px 0 0 11px;
	color:#aaa9a9;
}
#bloco_hp .more a:link {
	margin: 0;
	color: #6E6D6D;
	text-decoration:none;
}

#bloco_hp .more a:link {
	margin: 10px 20px 14px 13px;
	color: #6E6D6D;
	text-decoration:none;
}

#bloco_hp .more a:hover {
	margin: 10px 20px 14px 13px;
	color: #313131;
}


