#camara{
   position: absolute;
   top:100px;
   left:800px;
   background-color: #cccccc;
   width: 400px;
   height:300px;
   z-index:20;
}

#luces{
   position: absolute;
   top:100px;
   left:800px;
   background-color: #cccccc;
   width: 400px;
   height:300px;
}

#action{
   position: absolute;
   top:100px;
   left:800px;
   background-color: #cccccc;
   width: 400px;
   height:300px;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	 margin-right: 0px;
     margin-left: 0px;
}

h1 {
    color: white;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(255, 190, 116, 0.65);
}

h2 {
    color: white;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(255, 190, 116, 0.65);
}


#curso{
position:absolute;
width: 770px;
height:400px;
    top: 50px;
    margin-right: 0px;
    margin-left: 0px;
	/* border: solid 2px red; */
z-index: 10;
}

#curso img{
 margin:0px auto;
}


#init{
position:absolute;
background-image: url("../img/init.jpg");
width: 1370px;
height:400px;
    top: 20px;
    margin-right: 0px;
    margin-left: 0px;
z-index: -10;
}


/* ======================================================     */

.menumainCamara{
 padding-top: 5px;
 width: 100px;
 height:20px;
 background-color: red;
 color:white;
 text-align: center;
 float: left;
}

.menumainCamara a{
 color:white;
}

.menumainCamara a:hover{
 background: black;
}

/*   ===================================================        */

/* ======================================================     */

.menumainLuces{
 padding-top: 5px;
 width: 100px;
 height:20px;
 background-color: red;
 color:white;
 text-align: center;
 float: left;
}

.menumainLuces a{
 color:white;
}

.menumainLuces a:hover{
 background: black;
}

/*   ===================================================        */


/* ======================================================     */

.menumainAction{
 padding-top: 5px;
 width: 100px;
 height:20px;
 background-color: red;
 color:white;
 text-align: center;
 float: left;

}

.menumainAction a{
 color:white;
}

.menumainAction a:hover{
 background: black;
}

/*   ===================================================        */





.boxred{
 background-color: red;
 height: 18px;
}

.boxred a{
   color: white;
   font-size: 12px;
}

.complemento{
	position: relative;
	top:10px;
    background-image: url("../img/ddi.png");
    background-position: center;
    /* background-attachment: fixed; */
	width: auto;
	height:400px;
	z-index:100;
	

}

.fondoddi{
	position: absolute;
	top:-20px;
    background-image: url("../img/ddi.png");
    background-repeat: repeat-y; */
    background-position: center;
	width: 770px;
	height:500px;
	/* border: 2px solid red; */
	z-index:-2;
}

/*
#contenedor {
    position: absolute;
    right: 0px;
    width: 200px;
    border: 3px solid #73AD21;
    padding: 10px;
}
*/

#caja{
	 position: relative;
	 width: 150px;
	 float:left;
	 background-color: #EE4C50;
	 border: 1px solid red;
	 height: 28px;
	 padding-top: 5px;
 	 padding-left:15px;
}

#caja p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: white;
}

#caja a{
 color: white;
 font-size: 12px;

}



.docente{
    color: white;
    font-size: 24px;
    margin: auto;
    width: 679px;
    border: 3px solid gold;
    padding: 10px;
	text-align: center;
	background-color: black;
	border: solid 8px orange;
}

.delfin{
	position: absolute;
	top:103px;
	margin-left: 480px;
	
}

.delfin img{
	margin: auto;
    width: 380px;
	height: auto;
}