/* CSS Document */

body{
background:url(../img/bg-02.jpg) no-repeat #000;
background-position:center 0px;
margin:0px auto;}

img{
border:0px;}

a:focus{
outline:0px;}

#principal{
width:960px;
height:620px;
top:50%;
left:50%;
position:absolute;
margin-top:-310px;
margin-left:-480px;
z-index:970;}

.cabecera{
width:770px;
height:50px;
margin:0px auto;
}

.menu{
width:70px;
height:45px;
background:url(../img/menu.png) no-repeat;
position:absolute;
top:50%;
left:50%;
margin-top:90px;
margin-left:-350px;
z-index:9992;
}

.gallery li {
	float: left;
	margin: 10px;
	list-style-type: none;
	display: block;
	height: 36px;
	width: 80px;
	position: relative;
}

img.grey {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99999;
}
 
img.color {
	position: absolute;
	left: 0; top: 0;
	z-index:99998;
}


.content-expand{
width:300px;
height:130px;
position:absolute;
top:50%;
left:50%;
margin-top:-250px;
margin-left:-400px;
z-index:990;}

.facebook{
width: 374px;
height: 207px;
position: absolute;
top: 80px;
right: -1px;
z-index: 99997;
background: url(../img/monitor-b.png) no-repeat;}
.luz{
width: 15px;
height: 15px;
position: absolute;
top: 255px;
right: 351px;
background: url(../img/4.gif) no-repeat;
z-index: 999999;}

.soporte{
width: 54px;
height: 45px;
position: absolute;
top: 270px;
right: 120px;
background: url(../img/soporte.png) no-repeat;
z-index: 999999;}



.cable{
width: 138px;
height: 235px;
position: absolute;
top: 70px;
right: 1px;
background: url(../img/cable.png) no-repeat;
z-index: 999998;}

.audio{overflow:hidden}

.facebook-content{
	width: 320px;
	height: 155px;
	font-size:0.8em;
	margin: 20px;
	color: #333;
	overflow:hidden}
	
	
#divRss {
  width: 315px;
padding: 0px 3px 3px 5px;
font-size: 0.9em;
display: block;
color: #fff;
text-transform: lowercase;
line-height: 13px;
margin-top: -2px;
}

#divRss img{
	max-height:42px;
	margin:-5px 0px 5px 0px;
	padding:2px;
	border:1px solid #4761a3;
	}
	
.ItemTitle{
	display:none}
	
.ItemDate{
	margin-bottom:18px;
	color:#fff;
	}
	
.ItemDate a{
	text-decoration:none;
	color:#fff}
	
.ItemContent a{
	text-decoration:none;
	color:#333;
	}
	


.follow{
	width:102px;
	height:72px;
	background: url(http://www.agustinlocutor.com/img/follow-me.png) no-repeat;
	position:absolute;
    top:145px;
    right:375px;
	z-index:999999;
  	}

.expand{
width:120px;
height:30px;
float: right;
margin-right:20px;
margin-top:20px;
overflow: hidden;
background-color:#00FF00;
z-index:99999;
}

.cabecera-izq{
width:300px;
height:40px;
float:left;}

.cabecera-izq img{
margin:8px 0px 0px 0px;}

.cabecera-der{
width:440px;
height:40px;
float: right;
}

.cabecera-der img{
margin:30px 0px 0px 10px;}

.descargar-demo{
width:51px;
height:28px;
position:absolute;
top:16px;
left:10px;}

.cuerpo{
width:790px;
height:506px;
background:url(../img/bg-cuerpo.png) no-repeat;
margin:15px auto;
z-index:975;}

@font-face{ 
	font-family: 'MyWebFont';
	src: url('../throwmyhandsupintheair-webfont.eot');
	src: url('../throwmyhandsupintheair-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../throwmyhandsupintheair-webfont.woff') format('woff'),
	     url('../throwmyhandsupintheair-webfont.ttf') format('truetype'),
	     url('../throwmyhandsupintheair-webfont.svg#webfont') format('svg');
}




#easyTooltip{
	margin-top:-16px;
	margin-left:-100px;
	padding:5px 10px;
	font-family: 'MyWebFont', sans-serif;
	letter-spacing:1px;
	font-weight: bold;
	color: #FF9900;
	z-index:99999;
	font-size:0.9em;
	display:block;
	}

.sombra-cuerpo{
width:952px;
height:54px;
background:url(../img/sombra-cuerpo.png) no-repeat;
position:absolute;
top:50%;
left:50%;
margin-top:250px;
margin-left:-476px;}

.demo-cont{
width:362px;
height:140px;
background:url(../img/demo.png) no-repeat;
top:50%;
left:50%;
position:absolute;
margin-top:-223px;
margin-left:-360px;
z-index:999999;}

.boton1{
width:195px;
height:225px;
position:absolute;
top:50%;
left:50%;
margin-left:-500px;
margin-top:60px;
z-index:990;}

.boton2{
width:200px;
height:180px;
position:absolute;
top:50%;
left:50%;
margin-left:-460px;
margin-top:145px;
z-index:991;}

.boton3{
width:170px;
height:160px;
position:absolute;
top:50%;
left:50%;
margin-left:-355px;
margin-top:160px;
z-index:992;}

.boton4{
width:106px;
height:100px;
position:absolute;
top:50%;
left:50%;
margin-left:-270px;
margin-top:218px;
z-index:993;}

.boton5{
width:140px;
height:100px;
position:absolute;
top:50%;
left:50%;
margin-left:-220px;
margin-top:220px;
z-index:993;}

.boton6{
width:110px;
height:270px;
position:absolute;
top:50%;
left:50%;
margin-left:365px;
margin-top:20px;
z-index:990;}

.boton7{
width:120px;
height:170px;
position:absolute;
top:50%;
left:50%;
margin-left:300px;
margin-top:140px;
z-index:991;}

.boton8{
width:110px;
height:160px;
position:absolute;
top:50%;
left:50%;
margin-left:240px;
margin-top:160px;
z-index:992;}

.boton9{
width:100px;
height:95px;
position:absolute;
top:50%;
left:50%;
margin-left:190px;
margin-top:220px;
z-index:993;}

.boton10{
width:140px;
height:100px;
position:absolute;
top:50%;
left:50%;
margin-left:80px;
margin-top:220px;
z-index:993;}

.contentbox-wrapper{			
position:relative; 
left:0;
margin-top:160px; 
width:4000px; 
height:250px;
}
		
.contentbox{
width:660px; 
height:100%; 
float:left; 
padding:10px;
}

#wrapper {
	width: 670px;
	margin: 10px auto;
	padding: 10px 0px 0px 0px;
	position:relative;
}

#wrap{			
			width:670px;
			margin:0 auto;
		}
		

				
#content{		
			overflow:hidden;
			position:relative;
			z-index:991;	
		}
		
		
.boton-next{
width:28px;
height:41px;
position:absolute;
margin-top:30px;
margin-left:345px;
top:50%;
left:50%;
vertical-align: middle;
z-index:9992;
}

.boton-prev{
width:28px;
height:41px;
position:absolute;
margin-top:30px;
margin-left:-375px;
top:50%;
left:50%;
vertical-align: middle;
z-index:9992;
}