/* - - - - - - - - - - - - - - - - - - - - -

Title : olharesmil.com Style
Author : Vitor M. Costa
URL : http://designcriativo.com/

- - - - - - - - - - - - - - - - - - - - - */

/* ------------------------------------------------------------

	css

------------------------------------------------------------ */

*{
	margin: 0;
	padding: 0;
}	
html{
	background: #090909 url("images/bg.jpg") no-repeat center center;
}
body{
	color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 62.5%; /* http://www.clagnut.com/blog/348/ */
	text-align: center;
}

/* links  */

a{
	color: #333;
}
a:hover{
	text-decoration: underline;
}

/* headings */

h1 {font-size:2em}  /* displayed at 24px */
h2 {font-size:1.5em}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

h1{
	position: absolute;
	top: -180px;
	left: -120px;
	height: 324px;
	width: 567px;
	z-index: -1;
}
h1 a{
	text-indent: -10000px;
	background: url("images/logo_1.png") no-repeat;
	height: 37px;
	width: 286px;
	position: absolute;
	top: 100px;
	left: 120px;
}

/* tables & forms */

input, select, th, td {font-size:1em}

/* ------------------------------------------------------------

	page structure

------------------------------------------------------------ */

#wrap{
	position: relative;
	border: 1px solid #555;
	margin: 100px auto 0 auto;
	text-align: left;
	width: 960px;
	height: 440px;
}
#navigation{	
	list-style: circle;
	font-size: 1.3em;
	position: absolute;
	top: -60px;
	right: 20px;
	z-index: 1000;
}
#content{
	overflow: hidden;
	text-align: left;
	width: 960px;
	height: 440px;
	font-size: 1.1em;
	line-height: 18px;
	letter-spacing: normal;
}
#advert{
	border: 1px solid #555;
	height: 125px;
	margin: 10px auto;
	width: 955px;
	padding: 10px 0 10px 5px;
	text-align: left;
}
#footer{
	margin: 0 auto;
	width: 920px;
	text-align: center;
	color: #999;
	font-size: 1.1em;
	padding: 20px 20px 40px 20px;
}


/* ------------------------------------------------------------

	navigation

------------------------------------------------------------ */

#navigation ul{
	width: 380px;
	margin: 0 auto;
	float: right;
	border-bottom: 1px solid #222;
}
#navigation li{
	float: left;
	list-style: none;
	position: relative;
	z-index: 1000;
}
#navigation li a{
	float: left;
	text-decoration: none;
	padding: 6px 14px;
	color: #555;
}
#navigation li a:hover{
	color: #999;
}
#navigation li.current, #navigation li a.current{
	color: #999;
	background: #222;
}

/* child - level */

#navigation ul ul {position: absolute;top: 27px;left: 0;right: 0;display: none;z-index: 500;width: 184px;margin: 0;font-size: 12px;border-bottom: none !important;}
#navigation ul ul li {margin: 0 0 0 0;border-bottom: 1px solid #111;}
#navigation ul ul a {width: 153px;background: #222;padding: 6px 14px;color: #999}
#navigation ul ul a:hover {width: 153px;color: #555;background: #999;}

/* child - level 2 */

#navigation ul ul ul {position: absolute;left: 163px;top: 0;font-size: 1em;width: 163px;}

/* --- */

div#navigation ul ul, div#navigation ul ul ul, div#navigation ul li:hover ul ul, div#navigation ul li:hover ul ul ul, div#navigation ul li:hover ul ul ul ul, div#navigation ul li:hover ul ul ul ul ul{display:none;}
div#navigation ul li:hover ul, div#navigation ul ul li:hover ul, div#navigation ul ul ul li:hover ul, div#navigation ul ul ul ul li:hover ul, div#navigation ul ul ul ul ul li:hover ul{display:block;}

/* ------------------------------------------------------------

	content

------------------------------------------------------------ */

#content h2{
	font-size: 1.8em;
	color: #D5A314;
	font-family: "Times New Roman";
	font-style: italic;
}
#content a{color: #6A4D14;}

/* Screens */

#intro{
	width: 400px;
	height: 400px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 20px 40px;
	overflow: auto;
	overflow-x: hidden;
}
#slide_nav{
	position: absolute;
	right: 5px;
	bottom: 5px;
	padding: 5px 15px;
	text-align: right;
}
#slide_nav a{
	color: #fff;
	position: relative;
}

/* opacity */

#intro, #slide_nav{
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	background: #000;
}

/* forms */

.notification_error{
	width: 100%;
	padding: 10px;
	background: red;
	text-align: left;
	-moz-border-radius: 5px;
	color: #fff;
	line-height: 14px;
	position: absolute;
	top: 0;
	left: 0;
}
.notification_ok{
	width: 95%
	padding: 10px;
	background: #000;
	-moz-border-radius: 5px;
	text-align: left;
}
.info_fieldset { border: none !important; }
.button{
	background: #fff;
	color: #333;
	padding: 7px;
	width: 80px !important;
	cursor: pointer;
	float: right;
	margin-right: 40px;
	font-size: 11px;
	overflow: hidden;
}
.button:hover{
	background: #333;
	color: #fff;
}

/* label */
label { width: 70px; padding-right: 20px; float: left; text-align: right; }

/* input, textarea */
input, textarea{
	margin-top: 8px;
	padding: 5px; 
	float: left;
	border: 1px solid #fff;
	background: #333;	
	color: #fff;
	width: 250px;
	font-size: 14px;
}

/* br */
br { clear: left; }

/* ------------------------------------------------------------

	advert

------------------------------------------------------------ */

#advert img{
	margin: 0 4px;
}
#advert img.last{
	margin-right: 0 !important;
}

/* ------------------------------------------------------------

	global

------------------------------------------------------------ */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
a img{ border:none; }
hr, .hide {display: none;}
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
.left{ float:left; }
.right{ float:right; }

/* ------------------------------------------------------------

	browser issues

------------------------------------------------------------ */

.floatclear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.floatclear {display: inline-table;}

/* hides from IE-mac \*/
* html .floatclear {height: 1%;}
.floatclear {display: block;}
/* end hide from IE-mac */

/* end */