@charset "UTF-8";
/* CSS Document */

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;}
	
body {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	width:100%;
	max-width:640px;
	height:auto;
	text-decoration:none;
	background: url(../img/PORTA%20CONTENEDORES,%20CASABLANCA.jpg) center no-repeat #333;
}

#cuerpo {
	width:100%;
	max-width:640px;
	height:100%;
	text-decoration:none;
}
    
hr {
	width:95%;
	margin-top:-5%;
	margin-bottom:5%;
	border-color:#CCC;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); 
}

#head {
    margin-top:10%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	width:100%;
	max-width:350px;
	height:auto;
}

#intro {
	opacity:.4; 
	cursor:pointer;
	margin-left:5px;
	margin-right:5px;
	-moz-transition: opacity .40s ease .1s;
    -webkit-transition: opacity .40s ease .1s;
    -o-transition: opacity .40s ease .1s;
    -ms-transition: opacity .40s ease .1s;
    transition: opacity .40s ease .1s;}
#intro:hover {
    opacity:1;
}

#menu1 {
	width:100%;
	display:inline-block;
	margin-top:7%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto}
	

#menu2 {
	width:100%;
	display:inline-block;
	margin-top:2%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:01%}


footer {
	padding:5%;
	color:#fff;
    margin-top:5%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;	
	width:100%;
}

#legal { 
	cursor:pointer;
	text-decoration:none;
	color:rgb(255, 255, 255);
		}
	
#legal:hover {color:#F7C1CF;}