@charset "UTF-8";

/* CSS Document */



body			{ padding: 0; margin: 0; background: url(../img/bg.png) repeat; }

#bg				{ background: url(../img/bg-img2.jpg) no-repeat center top; position: absolute; z-index: -1;top: 0px; bottom: 0; left: 0; right: 0; opacity: .4; width: 100%; height: 100%;}



a:link 			{color:#009ae9; text-decoration:none;}

a:visited 		{color:#37b5f6; text-decoration:none;} 

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

a:active 		{color:#009ae9; text-decoration:none;} 





#content		{ width: 900px; height: 540px; margin: auto; margin-top: 100px; background: url(../img/bg.png) repeat; padding:  20px; border-radius: 10px 10px 0 0;}

#logo			{ float: left; width: 400px; height: 80px; }

#menu			{ float: right; width: 500px; height: 80px; }



#left			{ float: left; width: 560px; color: #ccc; }

#right			{ float: right; width: 340px; height: 540px; color: #ccc; background: url(../img/right.png) repeat; }



nav 				{ color: #333; width:500px; height:40px; text-align:right; font-weight: 700; }

nav a:link		{ display:inline-block; height:30px; padding:5px; letter-spacing:-1px; line-height:30px; font-weight: 700; font-family:'Open Sans', sans-serif; font-size:18px; margin-right:20px; margin-top: 10px; text-decoration:none; }

nav a:last-child 	{ margin-right:0;}

nav a:hover 		{ background:#009ae9; color: #FFF; text-decoration:none; radius:10px; -moz-border-radius:10px; border-radius:10px;}



#text			{ width: 600px; height: 540px; background: url(../img/left.png) repeat; }

#text2			{ padding: 10px 70px 0px 40px; }

.topo			{ font-family: 'Open Sans', sans-serif; font-size: 38px; color: #FFF; font-weight: 800; line-height:95%; letter-spacing:-2px }

.corpo			{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #CCC; }



#footer			{ text-align: center; width: 900px; height: 100%; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #464646; background: url(../img/bg.png) repeat; padding: 0 20px; margin: 0 auto; border-radius: 0 0 10px 10px; padding-bottom:10px;}

#footer p       { padding-bottom: 10px;}

/* Contact Form */



#form 			{ width:300px; height: 260px; padding-left: 20px; padding-top: 5px; background: url(../img/bg_form.png) repeat; margin: 10px; radius:10px; -moz-border-radius:10px; border-radius:10px;}



input	, textarea 	{ margin-top: 2px; padding: 5px; border: solid 0px #FFF; outline: 0; font: normal 12px/100% Verdana, Tahoma, sans-serif; color: #FFF; background: #004160; radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:inset 0 0 10px #002a3e; and -moz-box-shadow:inset 0 0 10px #002a3e}

input				{ width: 235px; }

textarea 			{ float: left; width: 235px; height: 70px; max-width: 235px; max-height: 60px; margin-right: 5px; radius:5px; -moz-border-radius:5px; border-radius:5px; }



input:hover, 

textarea:hover,

input:focus, 

textarea:focus 	{ border-color: #fff; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; }



.form label 		{ margin-left: 10px; color: #999; }

#send			{ background: url(../img/send.png); float: left; width: 30px; height: 70px; radius:5px; -moz-border-radius:5px; border-radius:5px; }

#tittle 			{ padding: 10px 0; font-size:24px; font-family:'Open Sans', sans-serif; color:#006190; letter-spacing:-1px }





/* jQuery lightBox plugin - Gallery style */

 

#gallery 		{ background-color: #fff; padding: 10px; width: 300px; margin: 10px; radius:10px; -moz-border-radius:10px; border-radius:10px; }

#gallery ul 		{ list-style: none; }

#gallery ul li 		{ display: inline; }

#gallery ul img 	{ border: 5px solid #3e3e3e; border-width: 5px 5px 20px; }

#gallery ul a:hover img { border: 5px solid #fff;	border-width: 5px 5px 20px;	color: #fff; }

#gallery ul a:hover { color: #fff; }



#galleria 		{padding: 0px; width: 480px; margin: 0px; radius:10px; -moz-border-radius:10px; border-radius:10px; }

#galleria img 	{ border: 2px solid #3e3e3e; border-width: 2px; radius:10px; -moz-border-radius:10px; border-radius:10px;}

#galleria a:hover img { border: 2px solid #009ae9;	border-width: 2px;	color: #fff; radius:10px; -moz-border-radius:10px; border-radius:10px; }

#galleria a:hover { color: #fff; radius:10px; -moz-border-radius:10px; border-radius:10px;}

#galleria a:hover { color: #fff; radius:10px; -moz-border-radius:10px; border-radius:10px;}

.instagram_logo { width:40px; float:left;margin-left:200px;margin-right:-200px;}