@media screen and (orientation: portrait) { 
body{
-webkit-transform: rotate(+90deg); /* Chrome y Safari */
 -moz-transform: rotate(+90deg); /* Firefox */ 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */ 
-o-transform: rotate(+90deg); /* Opera */
}
}

body{
	background: url(img/bg.png) repeat;
	font-family:'Garamond';
}
#room {
    line-height:0px;
    background: url(img/rooms/room.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%; 
    left: 50%; margin: -211px 0 0 -282px;
    width: 563px;
    height: 422px;
    border: 3px solid brown;
    border-radius: 10px;
}
#boys, #girls{
position:absolute; 
top:20%; 
left:2%; 
}
#garderob {
visibility:hidden; 
position:absolute; 
padding: 10px;
top:20%; 
left:2%; 
height:280px; 
width:96%; 
color: white;
background: rgba(38,71,80,0.5); 
z-index:51;
}
#massage2{
   padding: 10px;
	color: black;
	border: 1px #BEBEBE solid;
	font-size: 14px;
   line-height:0.8;
  	font-family: Verdana, Helvetica;
	text-decoration: none;
    position: absolute;
    height: 120px;    
    right: 5px;
    width: 170px;
    bottom: 5%;
    border-radius: 5px;
}
.net{
    color: white;
    border: 0px white solid;
    height: 50px;  
    width: 75px;
    display: inline-block;
}
#block2{
    position: absolute;
    visibility:hidden; 
    height: 250px;  
    color: red;
    background: rgba(38,17,0,0.2);
	margin:0px;
    display:block;
    height: 250px;  
    width: 180px;
    top:10px;
    left:10px;
    border: 3px solid rgba(38,17,0,0.1);
 }
#block{
    position: absolute;
    top:10px;
    color: white;
    text-align: center;
    background: rgba(38,17,0,0.3);
	margin:0px;
    display:block;
    height: 180px;  
    width: 180px;
}
#block2 input, #block input{
    padding:5px;
	width:170px;
	height:30px;
    margin:5px 5px;
	border:0;
	border-radius:2px;
	outline:0;
	display:block;
	font-size:18px;
}
#block2 input[type=radio]{
	width:20px;
	height:20px;
	margin:0 1px;
	display:inline-block;
}
#block input[type=submit], #block2 input[type=submit]{
    color: white;
	border:1px solid grey;
	background:#de6cac;
	font-size:18px;
	margin-top:10px;
    display:inline-block;
}
#err{
    position: absolute;
    height: 50px;  
    color: red;
    width: 180px;
    top:250px;
    left:10px;
}
.soc{
   position: relative;
   display:inline-block;
   background: rgba(38,17,0,0.3);
   top:185px;
   left:5px;
   margin:0px;
   z-index:51;
}