@import url("content.css");
@import url("galeria.css");

body{
	margin:0;
	padding:0;
	background: #1476b3 url(../img/degralogo.jpg) repeat-x top;
	font-size:1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1, h2{margin:0;padding:0;}
ul{margin:0;padding:0;}
.end{	display: none;}
	
.contenedor{
	width: 784px;
	margin: auto;
}

.sombra_izquierda{
	width:846px;
	position:relative;
	margin-left:-31px;
	background: url(../img/sombra_izquierda.gif) repeat-y top left;
}

.sombra_izquierda_cabecera{
	background: url('../img/sombra_izquierda_cabecera.jpg') no-repeat top left;
	padding-left:31px;
}

.sombra_derecha{
	width: 815px;
	position:relative;
	margin-right:-31px;
	background: url('../img/sombra_derecha.gif') repeat-y top right;
}

.sombra_derecha_cabecera{
	background: url('../img/sombra_derecha_cabecera.jpg') no-repeat top right;
	padding-right:31px;
}

.cabecera{
	height: 212px;
}

.contenido{
	background: #6296b6;
	position:relative;
	width: 784px;
}

.menu{
	width: 155px;
	margin: 5px;
	float: left;
	margin-left: -35px;
	z-index:1;
	position:relative;
}

.menu ul{
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-weight: bold;
	font-size: 1em;
}

.menu ul li{
	position:relative;
	background: url(../img/botonMenu.gif) no-repeat left;
	vertical-align: middle;
}

.menu ul li a{
	height: 32px;
	text-decoration: none;
	display:block;
	color:white;
	padding-left: 40px;
	padding-top:12px;
	margin-bottom:5px;
}

.menu .optVenta{
	font-size: 0.7em;
	color: #ffcf6b;
	display: block;
	margin-left: 2px;
}

.menu .optContenedores{
	display: block;
	margin-top:-6px;
	background: url(../img/punto.gif) no-repeat left;
	padding-left: 30px;
	margin-left: -30px;
}

.menu .optContenedores img{
	position: absolute;
	top: 121px;
	left: 10px;;
}

.pie {
	position:relative;
	margin-left: -32px;
	margin-right: -32px;
	padding-left: 32px;
	padding-right: 32px;
	height: 98px;
	width: 784px;
	background: url(../img/pieazul.png) no-repeat bottom left;
}

.pie p{
 color:#631;
 margin:0;
 font-size:0.7em;
}

.pie img{
	vertical-align:baseline;
}

.box h2{
	padding: 10px;
	color: #f7a700;
	font-size: 2.5em;
	letter-spacing: -1px;
	text-align: right;
	background: url(../img/top_box.jpg) no-repeat top left;
	width:604px;
}

.box{
	margin: 0;
	padding:10px;
	padding-left:140px;
}

.top_box{
	background: url(../img/dregraContenido.jpg) repeat-y left;	
	margin:0;
	padding:0 20px 0 0;
	width:604px;
}

.main_box{
	background: url(../img/dregraContenido.jpg) repeat-y left;
	width:584px;
	padding: 20px;
	font-size: 0.8em;
}

.main_box ul{
	padding-left: 40px;
}

.foot_box{
	background: url(../img/pie.jpg) no-repeat bottom left;
	height: 70px;
	width:624px;
}

.animacion{
	padding: 15px;
	padding-left: 180px;
}

.contacto, .imagen{
	text-align: center;
}

p.imagen img{
	border:1px solid #1476b3;
	background: #f7a700;
	margin: 5px;
	padding: 5px;
	float: none;
}

#map_canvas{
	height: 400px;
	width: 600px;
	margin: 0 auto;
	margin-bottom: 1em;
}