Imagenes y divs

[jmb0286]

INDEX.CSS


@charset "utf-8";
@import url("barmenu.css");
/* CSS Document */


#main{
height: 1091px;
width: 1000px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #1C7474;

}

#contenedor1 {
background-color: #006666;
height: 290px;
width: 1000px;
float: left;
}


#logo {
height: 245px;
width: 1000px;
float: left;
background-color: #999999;
background-image: url(../imagenes/logo.png);
}
#mainmenu {
background-color: #CCCCCC;
float: left;
width: 1000px;
height: 45px;
}
#contenedor2 {
float: left;
height: 750px;
width: 1000px;
position: relative;
}
#noticiasindex {
float: left;
width: 500px;
height: 500px;
background-image: url(../imagenes/noticasindex.png);
position: relative;
}

#videosindex {
float: right;
width: 500px;
height: 500px;
background-image: url(../imagenes/videosindex.png);
position: relative;
}

#fotosindex {
background-color: #CCCCCC;
float: left;
width: 1000px;
height: 250px;
background-image: url(../imagenes/fotosindex.png);
}

#contenedor3 {
float: left;
width: 1000px;
height: 50px;
}

#copyright {
float: left;
width: 1000px;
height: 50px;
background-image: url(../imagenes/copyright.png);
}


.textoleft{
float: left;
width: 365px;
height: 100px;
font-family: Tahoma;
font-size: 12px;
line-height: 15px;
color: #FFFFFF;
background-color: #1B7676;
margin-top: 101px;
margin-right: 10px;
margin-left: 124px;
clear: left;
margin-bottom: -80px;
position: static;

}

.textoright{
float: right;
width: 365px;
height: 100px;
font-family: Tahoma;
font-size: 12px;
line-height: 15px;
color: #000000;
background-color: #00CCCC;
margin-top: 101px;
margin-bottom: -80px;
margin-left: 123px;
margin-right: 10px;

}

.pictureleft{
float: left;
margin-top: 100px;


margin-left:: 5px;
margin-right: 10px;
margin-left: 10px;
height: 100px;
width: 100px;
background-repeat: no-repeat;
position: absolute;
left: 10px;
top: 0px;
right: 10px;
}