/*
*
*	Name:	main.css
*
*	Author:	Paolo Dodet
*
*	Date:	April, 2nd, 2010
*
*	email:	paolo.dodet@gmail.com
*
*	site:	http://www.napontadalingua.pro.br
*
*/

* {margin:0;padding:0;}
a {text-decoration:none;}
img {border:none;}
ul {list-style:none;}

html {overflow-y:scroll;color:#0B2035;}
body {text-align:center;font:normal 400 100.01%/1.2 Arial, "Lucida Sans", Helvetica, Tahoma, Verdana, Sans-serif;background:#0B2035 url('../images/icons/rotariaMarcadAgua.png');}

h1, h2, h3, h4, h5, h6 {font-family:Georgia, Times, Serif;}
h1, h2, h3, h4, h5, h6, p {padding:0 0 .5em;}

h1 {font:normal 900 300%/3.6em;}
h2 {font:normal 900 180%/3.2em;}
h3 {font:normal 700 170%/3em;}
h4 {font:normal 700 160%/2.8em;}
h5 {font:normal 400 150%/2.6em;}
h6 {font:normal 400 140%/2.4em;}
p {font:normal 400 100%/1.2em;}

ul, ol {list-style-position:inside;margin:1em;}

/* Ids e Classes para jQuery */

.hide {display:none;}
.show {display:block;}

.mailto {background:url('../images/icons/mail.png') no-repeat right top;padding-right:20px;}
.pdf {background:url('../images/icons/pdf.png') no-repeat right top;padding-right:20px;margin-right:5px;}
.external {background:url('../images/icons/external.gif') no-repeat right 50%;padding-right:16px;}
.new {background:url('../images/icons/window.png') no-repeat right top;padding-right:20px;margin-right:5px;}
.image {background:url('../images/icons/image.png') no-repeat right top;padding-right:20px;margin-right:5px;}

/* Div recipiente */

#wrap {text-align:left;background:#E7E7E7;}

/* Banner */

#banner {text-align:center;background:#1F497D;padding-bottom:.5%;overflow:hidden;}
	#banner img {width:8%;float:left;margin:1.6% 0 0 1.6%;background:#1F497D;}
	#banner h1 {width:50%;float:left;font:oblique 400 2em/1.8 "Arial Black";padding:.5em 0 0;color:#FFF;background:#1F497D;}
		#banner h1 span {display:block;font-size:.4em;background:#1F497D;}
	#banner ul {margin:0 0 0 60.5%;width:38%;background:#1F497D;}
		#banner ul li{width:400px;height:103px;}
			#banner ul li img {width:100%;margin:0;background:#1F497D;}

/* Navegação */

#nav {width:200px;float:left;font-weight:700;font-size:.8em;clear:both;margin:0;margin-top:2em;}
		#nav li a {display:block;padding:3%;}
		#nav li a, #nav li a:visited {color:#424242;background:#E7E7E7;}
		#nav li a:hover {color:#FFF;background:#9A9A9A;}
		#nav li a#sel {color:#6E0000;background:#FFF;}

/* Conteúdo */

#content {margin:0 150px 0 200px;padding:2em;background:#FFF;min-height:28em;min-height:30em;}
	#content a {text-decoration:underline;}
	#content h3 a {color:#0B2035;}
	#content h2, #content h3 a {text-shadow:2px 2px 2px #B5BCC2;}
	#content #opt {margin:0;margin:1em 0;padding:0;list-style-position:inside;}
		#content #opt li {padding:.2em 0 .2em 1em;}

/* Galerias */

	#content .head {float:left;display:block;width:100%;margin-bottom:10px;}
	#content div .thumb  {float:left;margin:0 0 20px 0;width:100%;}
	#content div .thumb a {
		float:left;
		margin:0 10px 10px 0;
		width:80px;
		height:60px;
		background:#EBEEED;
		border:2px solid #0B2035;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:3px 3px 3px rgba(0,0,0,.35);
		-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.35);
		box-shadow:3px 3px 3px rgba(0,0,0,.35);
	}
		#content div .thumb a img {
			width:70px;
			height:50px;
			margin:5px;
			float:left;
			border:1px solid #B5BCC2;
		}


	#content .img {margin:1em 0 0;}
		#content .img img {width:30%;float:left;margin-right:1%;}
	#content .only {margin:1em 0;}
		#content .only img {width:100%;float:left;margin-right:1%;}
	#content .down {width:31%;float:left;margin:5% 1%;}
	#content .down p a img {width:9em;height:9em;text-decoration:none;}
	#content #pdf {font-size:.7em;}
		#content #pdf li {margin:.5em 0;}
	#content #map {float:left;width:90%;height:300px;border:1px solid #786;margin:2%;position:relative;z-index:1;}

	#content .team {width:80%;margin:0 auto 1em;}
		#content .team p {float:left;width:21%;margin:2%;font-size:12px;}
			#content .team p img {
				width:100%;
				float:left;
				padding:2%;
				margin-bottom:8%;
				background:#EBEEED;
				border:1px solid #0B2035;
				-moz-box-shadow:3px 3px 3px rgba(0,0,0,.35);
				-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.35);
				box-shadow:3px 3px 3px rgba(0,0,0,.35);
			}

/* Fundo do conteúdo */

		#content #bottom ul {float:left;margin:0;margin-right:1%;padding-top:2%;border:3px solid #0B2035;}
		#content #bottom ul.two {width:47%;}
		#content #bottom ul.three {width:30%;}
		#content #bottom ul.four {width:22%;}
			#content #bottom ul li {text-align:center;margin:0;font-size:1em;}
			#content #bottom ul li.random {padding:1em .3em 0;}
					#content #bottom ul li a img {width:90%;}

/* Clearing floats */

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Coluna de direita */

#right {width:150px;float:right;padding-top:1.5em;}
	#right ul {
		width:90%;
		height:6em;
		margin:5% 2% 0;
		border:2px solid #FFF;
	}
		#right ul li {width:100%;position:relative;}
			#right ul li div {
							width:360px;
							position:absolute;
							top:-15px;
							right:120px;
						}
			#right ul li div span {
							width:300px;
							background:#1F497D;
							display:block;
							padding:5%;
							margin-right:60px;
							-moz-border-radius:10px;
							-webkit-border-radius:10px;
							border-radius:10px;
							-moz-box-shadow:3px 3px 3px rgba(0,0,0,.35);
							-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.35);
							box-shadow:3px 3px 3px rgba(0,0,0,.35);
							color:#FFF;
							font-weight:800;
						}
			#right ul li img {width:100%;height:6em;}
		#right dl {font-size:.8em;margin:0 0 0 .5em;}
			#right dl dt {font-weight:800;margin:.5em 0;}

		#right p.head-cousin {font-size:12px;font-weight:700;font-family:Georgia, serif;margin-left:5px;}

/* Rodapé */

#footer {clear:both;text-align:center;font-weight:400;font-size:100%;color:#FFF;background:#546271;line-height:1.5em;padding:0;}