@charset "utf-8";
/*=====================================*/
/* CSS ABFLEXO  2009		           */
/* Custons de Eventos - versão 1.0     */
/*=====================================*/
<!--

/* +++++++++++++++++++ Premio de Qualidade +++++++++++++++++++ */

#col1_left_premio {
	width: 800px;	
	float: left; 
	display: inline;
	margin: 10px;
}

#col1_left_galeria {
	width: 800px;	
	float: left; 
	display: inline;
	margin: 10px;
}

#col1_left_premio h1{
	color: #039;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 15pt;
	font-size:16pt;
}

#menu_premio_flexo {
	background-image:url(../img/conteudo/premio_flexo/bg_menu.jpg);
	background-repeat: no-repeat;
	width: 160px;
	height: 460px;
	float: left; 
	margin: 0px;
	padding:0px;
}

#menu_premio_flexo li {
	margin: 0px 5px 0px 25px;
}

#menu_premio_flexo h4 {
	color:#FFF
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 11pt;
	font-size:12pt;
	margin: 20px 10px 15px 15px;
}

 /* --- gallery configuration ---------------------------------------------------------- */
 		.gallery {
            float: left;
            margin: 0px;
			padding: 0px;
			list-style:none;
        }

 /* --- viewport configuration ---------------------------------------------------------- */
        .viewport {
            border: 3px solid #F4A134;
            float: left;
            height: 250px;
            margin: 0 9px 9px 0;
            overflow: hidden;
            position: relative;
            width: 250px;
        }

        /* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
           class to the last thumbnail in each row to get rid of the margin-right. */
        .no-margin {
            margin-right: 0;
        }

        /* --- Link configuration that contains the image and label ----------------------------- */
        .viewport a {
            display: block;
            position: relative;
        }

        .viewport a img {
			text-align:center;
            
            position: relative;
            
            
        }

        /* --- Label configuration -------------------------------------------------------------- */
        .viewport a span {
            display: none;
            font-size: 15px;
            font-weight: bold;
            height: 100%;
            padding-top: 120px;
            position: absolute;
            text-align: center;
            text-decoration: none;
            width: 100%;
            z-index: 100;
        }
            .viewport a span em {
                display: block;
                font-size: 0.45em;
                font-weight: normal;
            }

        /* --- Dark hover background ------------------------------------------------------------ */
        .dark-background {
            background-color: rgba(15, 15, 15, 0.6);
            color: #fff;
            text-shadow: #000 0px 0px 20px;
        }
            .dark-background em {
                color: #ccc;
            }

        /* --- Light hover background ----------------------------------------------------------- */
        .light-background {
            background-color: rgba(255, 255, 255, 0.6);
            color: #333;
            text-shadow: #fff 0px 0px 20px;
        }
            .light-background em {
                color: #707070;
            }




/* +++++++++++++++++++ Conferencia Flexo +++++++++++++++++++ */
#menu_conferencia {
	background-image: url(../img/conteudo/conferencia/menu_conferencia.gif);
	width: 160px;
	height: 202px;
	float: left; 
	margin: 0px;
	padding:0px;
}

#menu_conferencia li {
	margin: 0px 5px 0px 25px;
}


#menu_conferencia h4 {
	color:#FFF
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 11pt;
	font-size:12pt;
	margin: 20px 10px 15px 15px;
}


#conteudo_left2_evento {
	width: 330px;
	float: left;
	display: inline;
	margin: 10px;
}
#conteudo_right2_evento {
	width: 430px;
	float: left;
	display: inline;
	margin: 10px;
}


-->