@font-face {
 font-family: regular;
 src: url("../font/mrs_eaves.ttf") 
}

 



span, div, a, h1, h2, h3, h4, p, html, form, body, dl,ul, img, object {margin: 0; border: 0; padding: 0; text-decoration: none; color: #fff; list-style-type: none; font-family:regular; font-size:22px; font-weight:normal;  }

h1 {font-size:30px; margin: 20px 0 0 0; }
 

li {   font-size:18px; color:#1e3163; font-weight: bold; margin:0 0 0 20px; list-style-type: circle; }

body { background:url(../img/bcg.jpg) repeat-x #060c12; margin: 0; padding: 0; }

 
#top { background: #060c12; padding: 15px 0 0 0;  width: 100%;  }


a.logo { position:relative; margin:0 auto;  width:393px; height:311px;  display:block;   background:url(../img/logo.png) no-repeat ; text-indent:-9999px; z-index:1;  }
p.slogan { font-size:36px; font-style: italic; text-align: center; padding: 40px 0; }

#wrap {max-width: 1440px;   margin: 0 auto; text-align: center;}
img.fotos { margin: 25px; -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.91);
-moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.91);
box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.91); }


#bg_div {background:url(../img/bg_div.png); padding: 25px 10%;  
	
	-webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.91);
-moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.91);
box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.91); }


#bg_div p { font-size: 22px;}

.bord { background: #000; height: 2px; width: 100%; display: block; margin: 10px;}


#footer { background:url(../img/bg_foot.png) repeat-x #060c12;  padding: 25px 10%; overflow:hidden;}
.wrap4 {  width:25%; position: relative; display: block; overflow: hidden; float: left; height: 250px; }

input {font-family:regular; }

@media only screen and (max-width: 1500px) { 
	.wrap4	{  width:50%;}  

}


@media only screen and (max-width: 900px) { 
	
	.wrap4	{ margin: 0 auto; float: none; width:300px;}
}
@media only screen and (max-width: 500px) { 
	img {width: 90%;}

}