body{background: url(../imagenes/bgSky.jpg) repeat-x top;}

html, body {
  width: 100%;
  height: 100%;
}
#middle {
	.padding-top:20px;	
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	width:577px;
	height:auto;
	}
.vtop {width:auto;display:block; margin-top:-5px; text-align:center; background:transparent; font-size:12px;}
.vbottom {width:auto;display:block; margin-top:0px; text-align:center; background:transparent; font-size:12px;}
.vb1, .vb2, .vb3, .vb4 {display:block; overflow:hidden; background-color:#FFFFFF;}
.vb1, .vb2, .vb3 {height:1px;}
.vb2, .vb3, .vb4 {border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.vb1 {margin:0 5px; background:#FFFFFF;}
.vb2 {margin:0 3px; border-width:0 2px;}
.vb3 {margin:0 2px;}
.vb4 {height:2px; margin:0 1px;
}


	
html>body #right {
	width: 250px; 
	}
.bannerTop{
	width:577px;
	height:113px;
	.height:230px;		
	padding:1px;
	background-image:url(../imagenes/logo.png);
	background-position:center;
	background-repeat: no-repeat;	
}
.bannerTop:hover{
	width:577px;
	height:113px;
	.height:230px;		
	padding:1px;
	background-image:url(../imagenes/logo2.png);
	background-position:center;
	background-repeat: no-repeat;	
}
.logo{
	position:absolute;
	margin-left:175px;
	margin-top:5px;
	width:313px;
	height:68px;
	/*background-image:url(../imagenes/prototipoTamarindo.jpg);
	background-repeat:no-repeat;
	border:1px solid #FFF;*/
}



	.right {
	position: absolute;
	top: 150px;
	left: 300px; 
	text-align:center;		
	width:364px;
	height:207px;
	background-image:url(../imagenes/tv.gif);
	background-repeat:no-repeat;
}
.h2content{
	margin-left:5px;
	position:absolute;
	width:auto;
	height:200px;	
}
h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:250%;
	color:#FFF;
	font-weight:normal;
	letter-spacing:-.04em;
	position:relative;
	margin:150px 0px;
	.margin:150px -90px;
	padding-top:0px; /* usa top padding para adjustar el principio de el degradado  */
	width:100%;	
	.width:auto;	
	height:54px;
	.height:47px;	
	
}
h2 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(../imagenes/gradient-trans.png) repeat-x;
	background-position:bottom;
	
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#777777;
	text-align: inherit;
	.margin-left:-250px;
	margin-top:205px;
	margin-left:110px;
	
}
.fuente{
	font-size:11px;
	color:#aaa;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

/* Required CSS classes: must be included in all pages using this script */

/* Apply the element you want to drag/resize */
.drsElement {
	margin-top:30px;
	.margin-top:20px;
 	position: absolute;
	width:auto; 
	left:50px;
	.left:50px;
	height: auto;
	padding:0;
	padding-left:12px;
	padding-right:10px;	
}

.mifoto{
	width:203px;
	height:165px;
	background-image:url(../imagenes/yo1.jpeg);
	background-repeat:no-repeat;
}
.cuadroFotos{		
	width:498px;
	height:100px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	background-image:url(../imagenes/galleryBW1.jpg);
}
.cuadroFotos:hover{	
	width:498px;
	height:100px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	background-image:url(../imagenes/galleryColor1.jpg);			
}
.cuadroFotos1{		
	width:498px;
	height:100px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	background-image:url(../imagenes/galleryBW2.jpg);
}
.cuadroFotos1:hover{	
	width:498px;
	height:100px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	background-image:url(../imagenes/galleryColor2.jpg);			
}
.ascii{
	font-family:"Courier New";
	font-size:7.95px;
	text-align: left;	
	width:432px;
}
.textoXl2{
	margin-left:150px;	
	text-align:left;
	font-family:Arial;
	font-weight:bolder;
	font-size:30px;
	font-style:italic;
}
.canonxl2foto{
	width:150px;
	height:150px;
	border:1px solid #CCCCCC;
	background-image:url(../imagenes/canon_xl2.jpg);}
	
.canonxl2foto2{
	width:150px;
	height:112px;
	border:1px solid #CCCCCC;
	background-image:url(../imagenes/canon2_xl2.jpg);}

.canonLogo{
	width:150px;
	height:37px;	
	background-image:url(../imagenes/canon-logo.gif);
}
	
.lW { float: left; clear: left; height: 15px; }
.rW { float: right; clear: right; height: 15px; }

.GlideCamLogo{
	width:200px;
	height:66px;	
	background-image:url(../imagenes/glidecam_logo.jpg);
}
.textoGlidecam{
	text-align:center;
	font-family:Arial;
	font-weight:bolder;
	font-size:25px;	
	color:#ffff99;
}
.x10Foto{
	width:200px;
	height:257px;
	border:1px solid #ffff99;
	background-image:url(../imagenes/x-10.jpg);}
	
.ManfrottoLogo{
	width:220px;
	height:66px;	
	background-image:url(../imagenes/glidecam_logo.jpg);
}	
	

a{
	text-decoration: none;
	color:#777777;
        border:0px;
}
a:hover
{
	color: #000000;
}
.link{
	color:#FFFFFF;
}
/*Motools SlideBox*/

#test2 {
	height: auto;
	width: 100%;	
	margin-left:-300px;
	padding:10px;
}
.mooSlide {
	background-color: #000000;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #FFFFFF;
	font-size: 11px;
	border:2px solid #CC0000;	
}
.nob{text-decoration: none;
	color:#fff;
        border:0px;}
.nob:hover{text-decoration: none;
	color:#fff;
        border:0px;}
.gris,.amarillo,.azul,.magenta,.cian,.rojo,.verde{
	display:inline-block;
	margin-right:10px;
	width:10px;
	height:10px;
}
.gris{background-color:#999999;}
.amarillo{background-color:#FFFF00;}
.cian{background-color:#33CCFF;}
.verde{ background-color:#33CC00;}
.magenta{ background-color:#FF3399;}
.rojo{ background-color:#FF0000;}

.rif{
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	margin-bottom:5px;
}
.copy{
	position:absolute;
	
	bottom:auto;
	color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	text-align:right;
	margin-bottom:5px;
}
.m2font{
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#007CC2;
	font-weight:bold;
}
.manfont{
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CC0000;
	font-weight:bold;
}
.lowel{
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
}
.borde{border:1px solid #CCCCCC;}

.tarjeta{
	width:auto;
	height:auto;
	padding:5px;
	text-align:center;
	color:#333333;
	background-color:#EEEEEE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.corchete1{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120px;
	color:#FFF;
}
.corchete2{
	position:absolute;
	margin-top:35px;
	margin-left:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80px;
	color:#FFF;
}
.web{font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#FFF;
}
.anima{font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
}
.audio{font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
}
.pro{
	position:absolute;
	margin-top:75px;
	margin-left:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
}
dt{margin-left:45px;}
dl{margin-top:25px;}