@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/roboto-light.eot');
    src: url('fonts/roboto-light.eot') format('embedded-opentype'), url('fonts/roboto-light.woff') format('woff'), url('fonts/roboto-light.ttf') format('truetype'), url('fonts/roboto-light.svg#RobotoLight') format('svg');
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/roboto-regular.eot');
    src: url('fonts/roboto-regular.eot') format('embedded-opentype'),
         url('fonts/roboto-regular.woff') format('woff'),
         url('fonts/roboto-regular.ttf') format('truetype'),
         url('fonts/roboto-regular.svg#RobotoRegular') format('svg');
}


body {
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-image: url(imagens/bg_oftalmoguia.png);
	background-repeat: no-repeat;
	background-position: center top;
}
h1, h2, h3, h4, h5 { font-weight:normal; }
ul { list-style:none }
.clear { clear:both;}
.logo {
	font-family: 'RobotoLight';
	float:left;
	width:45%;
	background: #7acdc8;
	margin: 12em 0em;
	height:265px;
	border-bottom:13px solid #64a9a5;
}
.logo .inner {
	text-align:right;
	padding: 0px 40px 0px 0px;
}
.logo h1 {
	color:#fff;
	text-transform:uppercase;
	margin:0px;
	font-size:4em;
	font-weight:normal;
	margin-top:80px;
}
.logo span {
	color:#3e3e3e;
}
.logo h3 {
	color:#3e3e3e;
	text-transform:uppercase;
	margin-top:-20px;
	font-size:1.5em;
}
.menu {
	float:right;
	width: 40%;
	margin: 13em 0em;
}
.menu a {
	text-decoration:none;
}
.menu .inner {
	text-align:left;
	font-size:16px;
	font-family: 'RobotoLight';
	text-transform: uppercase;
	
}
.menu .inner ul li a {
	display:block;
	padding:15px 20px;
}
.item1:hover, .item2:hover, .item3:hover, .item4:hover {
	background: #7acdc8;
}
.item1 {
	background:#8dbab6;
	margin:1px 0px;
}

.item2 {
	background:#7cbdca;
	margin:1px 0px;
}
.item3 {
	background:#74b0bd;
	margin:1px 0px;
}
.item4 {
	background:#6da6b2;
	margin:1px 0px;
}

.item1 a, .item2 a, .item3 a, .item4 a {
	color:#fff;
} 
.wv { margin: 0px 30px;}
.barraguia {
	height:50px;
	width:100%;
	font-family: 'RobotoRegular';
	background:#64a9a5;
}
.guia {
	width:990px;
	margin:auto;
}
.oftalmoguia {
	background:#7acdc8;
	font-size:23px;
	color:#fff;
	padding:10px 30px;
	text-transform:uppercase;
	float:left;
	text-align:
}
.oftalmoguia span {
	color:#3e3e3e;
}
.menuguia ul, .menuguia ul li {
	padding:0px;
	margin:0px;
}
.menuguia ul li{
	font-family: 'RobotoLight';
	list-style:none;
	display:inline-block;
	padding: 14px 20px;
	font-size:14px;
	text-transform:uppercase;
}
.menuguia ul li a:hover {
	border-bottom: 3px solid #fff;
}
.menuguia a {
	color:#fff;
	text-decoration: none;
}