* {
font-family:Arial !important;
}

html{
background-color:#000000;
margin:10px;
padding:10px;
}

body{
background-color:#FFFFFF;
border: 2px solid #ff0000;
width:980px;
height:3000px;
margin:auto;

}

/*
Barra Encabezado-Header
*/

header {

width:980px;
height:200px;
}

section#HeadDer{
width:200px;
height:200px;
float:left;
}


section#HeadCnt{
font-size:30px;
width:580px;
height:200px;
float:left;
}

section#HeadIzq{

width:200px;
height:200px;
float:left;
}

/*
Barra de Navegación-Nav
*/

nav{

width:980px;
height:50px;
text-aling:left;
}

section#DivDer{

width:200px;
height:50px;
float:left;
}

section#DivCnt{

width:580px;
height:50px;
float:left;
}

section#DivIzq{

width:200px;
height:50px;
float:left;
}


/*
Barra principal-Main
*/

main{

width:980px;
height:2700px;
}



aside#AsdDer{

width:200px;
height:2700px;
float:left;}


article{

width:580px;
height:2700px;
float:left;
}

aside#AsdIzq{
width:200px;
height:2700px;
float:left;
}


/*
Barra de pie de pagina-footer
*/


footer{
background-color:#ff0000;
/*
background-color:#993300;
*/
width:980px;
height:50px;
}


section#PieDer{

width:200px;
height:50px;
float:left;
}

section#PieCnt{

width:580px;
height:50px;
float:left;
}


section#PieIzq{

width:200px;
height:50px;
float:left;
}
/*
Manejo de texto
*/



/*
Enlaces
*/
a {
    color: Black;
    text-decoration:none;
}


/*
Menú de Navegación Horizontal
*/

.nav{


    font-weight:bolder;
    border:1px solid #000000;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}

.nav li
{
    display:inline;
}

.nav a:link, a:visited, a:active, a:hover
 {
   color: black;
    text-decoration: none;
    display:inline-block;
    padding:10px;
}




/*
Menú de navegación vertical
*/

.menu {
height:750;
width:180px;

}

.menu ul{
list-style:none;
margin:0px;
}

.menu ul li{
padding:10px;
position:relative;
width:130px;
background-color:#333333;
border-right:3px solid #ececef;
border-top:1px solid #ececef;
border-radius: 15px 15px 15px 15px;


/*
border: 2px solid #ff0000
*/
}

.menu ul ul{
transition:all 0.3s;
opacity: 0;
position:absolute;
visibility:hidden;
left:80%;
top:-2%;
}

.menu ul li:hover > ul{
opacity:1;
visibility: visible;
}

.menu ul li a{
color:#fff;
text-decoration:none;
}

p{
text-align:justify;
margin:5px 5px 5px 5px;
padding:5px 5px 5px 5px;
}

img{

margin:5px 5px 5px 5px;
padding:5px 5px 5px 5px;
}


#video
{
border-line:5px solid #ffffff ;
margin:5px 5px 5px 5px;
padding:5px 5px 5px 5px;
}