/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

html,body{
height: 100%;
}

body{
margin:0;
padding:0;
background: #fcf9f7 url(../images/bg.jpg) center top fixed no-repeat;
background-size: cover;
font-family:"Helvetica Neue",Helvetica, Arial;
font-size: 100%;
}


div#content {
width: 100%;
margin: 0;
float: left;
position: relative;
top: 30%;

}

h1{

background: transparent url(../images/MARCELA_HOME.png) top left;
width:400px;
height: 126px;
text-indent: -100%;
overflow:hidden;
margin: 0 auto 4%;
}

h2{
padding: 0px 3px;
line-height: normal;
background: none;
font-size: 14px;
font-weight: 200;
float: left;
color:white;

}

h2 a{
color:white;
text-decoration: none;
}
h2 a:hover{
border-bottom: 1px dotted white;
}

.boxcontainer{
	width:100%;
	background: transparent url(../images/content_bg.png) repeat top left;
	margin: 0 auto 2%;
}

.boxes{
	max-width: 60%;
	background: transparent url(../images/blackish.png) repeat top left;
	margin: 0 auto;
	overflow: hidden;
	padding: 8px 60px 12px;
	text-align: center;
}

.box{
		display: inline-block;
		margin: 0 20px;
		vertical-align:bottom;
}

.text{vertical-align:middle;
padding-bottom:5px;
}

ul.social{
list-style: none;
height: 24px;
margin-top: 12px;

}

ul.social li{
float: left;
margin-right: 16px;
}

ul.social li a.fb{
width: 24px;
height: 24px;
float: left;
background: url(../images/social.png) 0 0 no-repeat;
}


ul.social li:hover a.fb{
background: url(../images/social.png) 0 -24px no-repeat;
}


ul.social li a.tw{
width: 24px;
height: 24px;
float: left;
background: url(../images/social.png) -24px 0 no-repeat;
}


ul.social li:hover a.tw{
background: url(../images/social.png) -24px -24px no-repeat;
}


ul.social li a.lin{
width: 24px;
height: 24px;
float: left;
background: url(../images/social.png) -48px 0 no-repeat;
}

 
ul.social li:hover a.lin{
background: url(../images/social.png) -48px -24px no-repeat;
}


.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	padding:7px 22px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button:active {
	position:relative;
	top:1px;
}

.tel{
	width:100%;
	text-align: center;
	line-height: normal;
background: none;
font-size: 12px;
color:#555;
margin: 10px;
}

.tel a{

color:#555;
text-decoration: none;
}

.tel a:hover{

color:#aaa;
border-bottom: 1px dashed #aaa;
}