html, body {
    height: 100%;
    border: 0 none;
    margin: 0;
    padding: 0;
}

h1, h2{
	margin: 0;
	padding: 0;
	height: 95px;
}

@font-face{
	font-family: 'MyriadPro';
	scr:url(MyriadPro-BoldSemiExt.otf) format('truetype');
}

a{
	border: 0px;
	cursor: pointer;
	text-decoration: none;
}

img{
	border: 0px;
}


/* ------------------------ SITE ------------------------ */



.wrapper {
    margin: auto;
    height: auto;
    width: 990px;
    min-height: 100%;
}

header{
    height: 120px;
}

.cuerpo{
    height: 200px;
    
}
footer{
	height: 120px;
}

#video {
    background: url("../images/300x250.jpg") no-repeat scroll left top transparent;
    float: left;
   	height: 300px;
    width: 300px;
}

#video #flash {
   	float: left;
    height: 300px;
    width: 300px;
}

#video #flash div{
    float: left;
    margin: 63px 50px 4px 27px;
    width: 200px;
}

#video #flash embed{
	border: 4px solid #9900ff;
	border-radius: 5px 5px 5px 5px;
}

#video #flash div + div{
   	margin: 9px 8px;
}

#video #flash div + div + div{
   	margin: 5px 8px;
}

#video #flash div img{
	margin-top: 2px;
}

#video #flash .main{
	left: 174px;
    position: absolute;
    top: 58px;
}

#video #flash .mName{
	color: #000000;
    font-family: lucida Grande;
    font-size: 12px;
    left: 173px;
    position: absolute;
    text-align: right;
    top: 181px;
    width: 162px;
}

#video span{
	background: url("../images/webcam.png") no-repeat scroll 0 4px transparent;
    color: #FFFFFF;
    display: block;
    font-family: lucida Grande;
    font-size: 11px;
    height: 30px;
    padding: 3px 0 0 30px;
    width: 103px;
    font-weight: bold;
}

#video #flash span p{
	line-height: 0;
    margin-top: 7px;
    color: #99cc00;
}

#video #flash2 {
   	float: left;
    width: 300px;
}

#video #flash2 span{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    display: block;
    font-family: lucida Grande;
    font-size: 11px;
    height: 29px;
    margin: -29px 11px 0 0;
    padding-left: 36px;
    width: 154px;
}

#video #flash2 span p{
	line-height: 0;
    margin-top: 7px;
    color: #ffcc00;
}

#video #flash2 div{
	float: left;
    margin: -29px 0 0 7px;
    position: absolute;
    z-index: 1;
}

#video #peli {
    color: #FFFFFF;
    float: left;
    width: 360px;
    height: 270px;    
}

#video #text-video {
    float: left;
    text-align: left;
    width: 555px;
    height: 100%;
}


#video #text-video p {
    margin: 0 27px;
    text-align: left;
}

#video #text-video p + p {
    margin: 0 30px;
    text-align: left;
}

#video #text-video p + p + p {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: right;
    font-family: "Myriad pro";
    font-size: 20px;
    height: 74px;
    margin: 30px 0 0;
    padding: 5px;
    text-align: right;
    text-shadow: 2px 2px 1px #000000;
    width: 361px;
    font-size: 20px;
}

#video #text-video p span{
	font-size: 20px;
	text-decoration: underline;
}

#video #text-video p .big{
	font-size: 28px;
	text-decoration: none;
}

.capa-trans{
<<<<<<< .mine
	background:url(../images/pix.png) top left repeat;
	height:300px;
	width:300px;
	position: absolute;
	display:block;
	margin:0px;
	float:left;
	z-index:4;
=======
	height: 300px;
    position: absolute;
    width: 300px;
>>>>>>> .r55
}