
html, body {margin:0; padding:0; width:100%; height:100%; text-align:left;
}
body {
background-color:#D8DFD6;
width:100%;
height:100%;
background-image:url(imag/cuadra.jpg);
background-repeat:repeat;
top:0;
left:0;
margin:0;

z-index:-1000;
}


#content {
	width:90%;
	margin:0 auto;
	padding: 0 60px 30px 60px;
	z-index:1000;
	}



a {
	outline: none;
}

#content a img {
border:none;
	padding: 10px;
	vertical-align: top;
	margin-right:2%;
	background-color:#FFFFFF;
	-moz-box-shadow: 0px 2px 45px #B5B191;
	color: #B5B191;
	width:14%;
	margin-top:3%;
	}



a img.last {
	margin-right: 0;	
}

#fijo1{
width:150px;
height:50px;
background-image: url(imag/body3.png);
background-repeat:repeat;
font-family: 'Josefin Slab', serif;
font-size:34px;
color: #FFFFFF;
position:fixed;
top:55%;
left:0px;
padding-left:25px;
box-shadow: 8px 8px 10px   #333333;
-webkit-box-shadow: 8px 8px  10px #545C5B;
-moz-box-shadow: 8px 8px  10px #545C5B;
text-shadow: 0.1em 0.1em 0.2em black;
}

#fijo2{
width:150px;
height:50px;
background-image: url(imag/body3.png);
background-repeat:repeat;
font-family: 'Josefin Slab', serif;
font-size:34px;
color: #FFFFFF;
position:fixed;
top:70%;
left:0px;
padding-left:25px;
box-shadow: 8px 8px 10px   #333333;
-webkit-box-shadow: 8px 8px  10px #545C5B;
-moz-box-shadow: 8px 8px  10px #545C5B;
text-shadow: 0.1em 0.1em 0.2em black;
}

#ce{
font-family: 'Josefin Slab', serif;
font-size:38px;
color:#FFFFFF;

text-align:right;
position:fixed;
right:20px;
top:0px;
width:120px;
padding-right:3%;
padding-top:20px;
background-color:#EF7B45;
filter: alpha(opacity=75);
opacity: .75;
-moz-opacity:0.75;
	    -moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.4);
	box-shadow:0 1px 5px rgba(0,0,0,0.4);
}