/* CSS Document */

*{
margin:0;
padding:0;}

html, body {
text-align:center;
font-size:12px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
background-color:#000000;}

body {
text-align:center}

.line {
background-color:#CCCCCC;
height:2px;
font-size:2px;
/* este font size igual al height sino ie6 se pone denso */
margin-top:10px;
margin-bottom:10px;}

#contendor {
width:100%}

#head {
width:100%;
height:50px
padding-left:10px;
color:#FFFFFF;
background-color:#333333;
}

#media {
margin-top:20px;
background-color: #0F0F0F;
width:100%;
margin-left: auto;
margin-right: auto;
padding:10px 0 10px 0;
overflow: hidden;
}

#yt {
display:inline;
width:510px;
float:left;
margin-left:1%;
}

#visual {
display:inline;
margin-right:15px;
width:450px;
float:right
}

#texto {
display:inline;
line-height:17px;
float:left;
text-align:justify;
letter-spacing:1px;
width:480px;
margin-left:10px;
margin-top:40px;}

.clear {
clear:both}


.fecha {
margin-top:10px;
color:#CCCCCC}

h1 {
margin-bottom:10px;
margin-top:10px;
font-size:14px;
color:#FFFFFF}

a:link, a:active, a:visited {
text-decoration:none;
color:#999999;}

a:hover {
text-decoration:underline;
color: #FFFF00;}