@charset "utf-8";

.general {
	text-align: center;
	background-color: #808080;
	height: 850px;
	margin: 0;
	
}

#back_img {width: 100%; height: 100%; z-index: -1; float:left; margin: 0;overflow: hidden;  }

#wrap { 
	margin: 17px auto 0 auto;
	width: 799px;
	height: 830px;
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	text-align: justify;
	z-index: 100;
	position: absolute;
	left: 50%;
	margin-left: -400px;
}

#codigo {
	padding: 2px 150px;
	color: #3366FF;
}

#topframe {
	width:799px;
	height: 91px;
	float: left;
	}
	
#top {
	width: 520px;
	height: 91px;
	float:left;
	background-image: url(../images/top.png);
}

#logo {
	width: 279px;
	height: 91px;
	float:left;
	background-image: url(../images/logo.png);
}

#centro {
	width: 799px;
	height: 623px;
	float: left;
}

#izq {
	width: 126px;
	height: 532px;
	float:left;
	background-image: url(../images/izq.png);
}

#central {
	width: 544px;
	height: 532px;
	float:left;
	background-image: url(../images/center.jpg);
}

#dcha {
	width: 128px;
	height: 532px;
	float: left;
	background-image: url(../images/dcha.png);
}

#ayuntamiento {
    width: 132px;
    height: 74px;
    float: left;
    background-image: url(../images/ayuntamiento.png);
    }
    
#idj {
    width:132px;
    height: 99px;
    float: left;
    background-image: url(../images/idj.png);
    }
 
 #contacto {
    width: 129px;
    height: 36px;
    float:left;
    background-image: url(../images/calentacto.png);
    }
 
 #calendario  {
    width: 129px;
    height: 230px;
    float: left;
    background-image: url(../images/calendario.png);
    }

#metereologia {
width: 129px;
height: 196px;
float:left;
background-image: url(../images/metereologia.png);
}