/**
* Tipografia
*
* Itens da tipografia 
* definidos no website
*
* @section tipografia
* @see http://www.example.com
*/


@font-face {font-family: 'Myriad Pro Light'; src: url('../fonts/MyriadPro-Light.eot');}
@font-face {font-family: 'Adobe Garamond Pro'; src: url('../fonts/agaramondpro-regular-webfont.eot');}
@font-face {font-family: 'Myriad Pro Light'; src: url('../fonts/MyriadPro-Light.otf');}
@font-face {font-family: 'Adobe Garamond Pro'; src: url('../fonts/AGaramondPro-Regular.otf');}


/**
* www.mywebsite.com
*
* Standard layout for My Website
*
* This style sheet describes the
* structure and the main components
* about My Website interface
*
* @project www.mywebsite.com
* @version 1.0
* @package layout
* @author Jusley Smaly
* @copyright 2011 92dpi - Tecnologia da Informação.
*
* @colordef #069; standard blue
* @colordef #333; standard dark
* @colordef #666; standard gray
*/


/**
* Reset
*
* CSS Reset
* by Eric Meye
* 
* 
*
* @section reset
* @see http://www.example.com
*/


html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/*END: RESET*/



/**
* Ajustes no Reset do css
*
* Definição de valores 
* globais resetados
* no início do css
* 
*
* @section reset-adjust
* @see http://www.example.com
*/


body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	background: #f1f1f1 url(../images/base/m-bg.png) repeat center top;
}

ol, ul {
	margin-left: 20px;
	}
	
a {
	color: #186A98;
	font-size: 12px;
	line-height: 130%;
}
a:link {
	text-decoration: none;
	}
a:visited {text-decoration: none}
a:hover {
	text-decoration: underline; 
	color: #2296D8;
}
a:active {text-decoration: none}


hr{
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top: 1px solid #57ac29;
}

h1, h2, h3, h4, h5, h6{
	color: #2a6eaa;
	margin: 5px 0;
	line-height: 110%;
	font-weight: bold;
}

h1{
	font-size: 35px;
}

h2{
	font-size: 25px;
}

h3{
	font-size: 20px;
}

h4{
	font-size: 15px;
}

h5{
	font-size: 10px;
}

h6{
	font-size: 8px;
}



/**
* Estrutura da página
*
* Itens da estrutura 
* principal do website
* Por exemplo Wrapper, Navbar, Header and
* Footer
*
* @section estrutura
* @see http://www.example.com
*/

#container{
	margin: 0 auto;
	width: 960px;
}

#header{
	width: 940px;
	height: 154px;
	float: left;
	margin: 10px 10px 20px 10px;
	background: url(../images/base/m-header.png) no-repeat;
}

#content{
	width: 940px;
	height: 100%;
	float: left;
	margin: 0 10px 0 10px;
}

#footer{
	width: 940px;
	height: 57px;
	float: left;
	margin: 10px 10px 20px 10px;
	background: url(../images/base/m-footer.png) no-repeat center center;
}

#novedois-cpr {
	 width: 960px;
	 height: 30px;
	 margin: 0 auto;
	 text-align: right;
	 margin-bottom: 20px;
}


/**
* Newsticker
*
* Itens de layout 
* definidos no website
*
* @section layout
* @see http://www.example.com
*/

#listticker{
	height:200px;
	width:630px;
	overflow:hidden;
	border:solid 1px #DEDEDE;
	padding:6px 10px 14px 10px;
}
#listticker li{
	border:0; margin:0; padding:0; list-style:none;
}

#listticker li{
	height:60px;
	padding:5px;
	list-style:none;
}
#listticker a{
	color:#000000;
	margin-bottom:
}
#listticker .news-title{
	display:block;
	font-weight:bold;
	margin-bottom:4px;
	font-size:11px;
}
#listticker .news-text{
	display:block;
	font-size:11px;
	color:#666666;
}
#listticker img{
	float:left;
	margin-right:14px;
	padding:4px;
	border:solid 1px #DEDEDE;
}


/**
* Nivo Slider
*
* Itens de layout 
* definidos no website
*
* @section layout
* @see http://www.example.com
*/



#slider-wrapper {
    background:url(../images/slider.png) no-repeat;
    width:998px;
    height:392px;
    margin:0 auto;
    padding-top:74px;
    margin-top:50px;
}

#slider {
	position:relative;
    width:618px;
    height:246px;
    margin-left:190px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/base/nivo-bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/base/nivo-arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}



/**
* Layout
*
* Itens da estrutura 
* principal do website
* Por exemplo Wrapper, Navbar, Header and
* Footer
*
* @section estrutura
* @see http://www.example.com
*/

.c4x{
	width: 220px;
	height: auto;
	float: left;	
}

.c12x{
	width: 700px;
	height: auto;
	float: left;
	margin-left: 20px;
}

.c12x small{
	font-style: italic;
	margin-bottom: 10px;
}

.c12xvideo{
	width:  575px;
	height: 260px;
	float: left;
	margin-left: 125px;
}


/*menu.vertical*/

#menuv{
		position: relative;
		width:220px; 
		height:225px;
		background: url(../images/base/menu.png) no-repeat 0 0;
		float: left;
		}
	
    #menuv ul{ 
	 		list-style:none;
			text-indent:-9999em;
			margin: 0;
		 }
		 
    #menuv li{
      top:0px;
      position: relative;
      width: 220px;
      height:75px;
      float: left;
      /*border:1px solid;*/
    }
    
    #menuv li a{
      display: inline;
	  text-decoration:none;
      width:220px;
      height:75px;
      top:0;
      float: left;
}

	#um{ width:220px; top:0; }
	#dois{ width:220px; top:75px; }
	#tres{ width:220px; top:150px; }


	#um a:hover{
	  background: url(../images/base/menu2.png) no-repeat -220px -0px;
	}

	#dois a:hover{
	  background:url(../images/base/menu2.png) no-repeat -220px -75px;
	}
	
	#tres a:hover{
	  background:url(../images/base/menu2.png) no-repeat -220px -150px;
	}


	

/**
* MailChimp Form
*
* Formulário de inscrição 
* do MailChimp (mailchimp.com)
* Selecionar a Lista > Super Slim Form
* 
*
* @section mailchimp
* @see http://www.mailchimp.com
*/


#mc_embed_signup {
	float: left;
	width: 620px;
	height: 60px;
	font-size: 10px;
	padding-left: 310px;
	padding-bottom: 10px;
	background: url(../images/base/tit-newsletter1.png) no-repeat left center;
}


#mc_embed_signup form { 
	width: 620px;
	padding:0; 
	float:left;  
	}


#mc_embed_signup .mc-field-group {
	float: left;
	width: 400px;
	padding: 5px;
}

#mc_embed_signup .mc-field-group input { 
	width:400px;  
	border:1px solid #999; 
	font-size: 15px; 
	background:#f1f1f1; 
	color:#999; 
	padding: 5px;
	}

#mc_embed_signup .mc-field-group label { 
	width:400px;  
	font-size: 12px; 
	color:#999; 
	padding: 5px;
	}


.button {
	float: left;
	width: 200px;
	height: auto;
	margin-left: 10px;
	padding-top: 20px;
}


#mc_embed_signup .button input { 
	width:200px; 
	border:none; 
	font-size:15px; 
	color:#fff; 
	background:#000; 
	padding:5px; 
	cursor:pointer; 
	float: left;
	}



/**
* Links
*
* Itens da Links 
* definidos no website
*
* @section links
* @see http://www.example.com
*/


.lnk_01 {
	color: #999;
	font-size: 12px;
	line-height: 130%;
}
a.lnk_01:link {
	text-decoration: none;
	}
a.lnk_01:visited {text-decoration: none}
a.lnk_01:hover {
	text-decoration: underline; 
	color: #999;
}
a.lnk_01:active {text-decoration: none}







/**
* Ajustes
*
* Ajustes de classes e ids 
* aplicados para itens específicos
* Por exemplo Margens, Bordas, cores
*
*
* @section ajustes
* @see http://www.example.com
*/

/*CLASSE PARA INSERTS DE FOOTER 100% WIDTH*/

.clear {
	clear:both;
}

.mrg0px {
	margin-left: 0px;
}

.mrg10px-tb{
	margin-top: 10px;
	margin-bottom: 10px;
}

.brd1px-01-tp{
	border-top: 1px solid #b14214;
	border-bottom: 1px solid #b14214;
}