html{
background-image: url(../images/bg.png);
background-position: center top;
background-repeat: repeat;
}

#doc2{
height:100%;}

#hd{
background-image: url(../images/header-bg.png);
background-position: center top;
background-repeat: no-repeat;
height:180px;
padding-left:7px;
padding-right:7px;}

#bd{
background-image: url(../images/body-bg.png);
background-position: center top;
background-repeat: repeat-y;
padding-left:15px;
padding-right:15px;}

#ft{
background-image: url(../images/footer-bg.png);
background-position: center top;
background-repeat: no-repeat;
height:80px;
padding-left:7px;
padding-right:7px;}

.giro{
	-webkit-transform: rotateZ(2deg);
    -moz-transform: rotateZ(2deg);
    -o-transform: rotateZ(2deg);
}

.ingiro{
    -webkit-transform: rotateZ(-2.4deg);
    -moz-transform: rotateZ(-2.4deg);
    -o-transform: rotateZ(-2.4deg);
}

.titulo{
	padding-top: 20px;
	padding-left: 10px;
	color: #FFFFFF;
	text-shadow: 0 3px 3px #454545;
	font: 90px/102px 'TangerineBold', Arial, sans-serif;letter-spacing: 0;}
	
.menu{
	padding-top: -30px;
	padding-left: 10px;
	color: #FFFFFF;
	position: absolute;}

.footer{
	padding-top: 33px;
	padding-left: 10px;
	color: #FFFFFF;
	text-shadow: 0 3px 3px #454545;
	font: 30px/34px 'TangerineBold', Arial, sans-serif;letter-spacing: 0;}
	
#contador{
	position: absolute;
	margin-top: 33px;
	margin-left: 800px;
	color: #ffffff;
	font-weight: bold;
}

ul#barra_m li {
float: left;
display: inline-block;
position: relative;
margin: 0;
min-width:70px;
}

ul#barra_m ul {
display: none;
position: absolute;
top: 24;
left:0;
margin:0;
padding:0;
}

ul#barra_m ul li {
display: block !important;
float: none;
}

ul#barra_m li:hover ul{
display: none;
}

ul#barra_m li:hover ul{
display: block;
}