* {
    padding: 0;
    margin: 0;
}
html, body {
	height: 100%;
	overflow:hidden;
}
body {
    font-family: "lucida sans", verdana, arial, helvetica, sans-serif;
    font-size: 75%;
	background:#f5f5f5;
	
}
h1 {
	font-size: 1.4em;
	padding: 10px 10px 0;
}
p {
    padding: 0 10px 1em;    
}












#contenedor { background:#f5f5f5; width: auto; float:left; min-height: 100%; width:70%;}

a, a:visited {
outline:none;
}
a img {
border:none;
}

.clear {
clear:both;
}

#wrapper {
	width:247px;
	margin:auto;
	min-height: 100%;
	background-color: #f5f5f5;
	
	
	margin: 0 auto;
	float:right;
	
	overflow:hidden;
}






#wrapper_menu {
	width:247px;
	
	min-height: 100%;
	background-color: #f5f5f5;
	
	
	
	
	overflow:hidden;
}









ul.photo-list {
	list-style:none;
}

ul.photo-list li {
	width:49px;
	height:49px;
	float:left;
}

ul.photo-list li a {
	display:block;
	position:relative;
}

ul.photo-list li a img {
	position:absolute;
	z-index:1;
	width:49px;
	height:49px;
}

ul.photo-list li span {
	display:block;
	height: 49px;
	width: 49px;
	position:absolute;
	z-index:2;
}


#scroll-pane{width:714px; height:100%;}

/*MENU TRABAJOS*/

.imagen{display:block;}

#menu_trabajos { 
width:200px; height:100%; background:#333; float:left;}
#menu_secciones {
	margin-left:260px;
	_margin-left:-5px;
	font-size:100%;
	top:0;
	left:0;
	text-align: left;
	width: 100%;
	display:block;
	background:url(http://www.inoffcomunicacion.com/images/fondomenu.gif) repeat-x;
	height: 49px;
	position: fixed;
	z-index: 20;
}

/*
#menu_secciones a { 
font-size:0px;
top:0;
left:0;
margin:0 0 0 0;
text-align: left;
zoom:1;
padding:0;
margin:0;
}

#menu_secciones a img{ 
font-size:0px;
top:0;
left:0;
margin:0 0 0 0;
text-align: left;
float:left;
vertical-align:bottom;
list-style:none;
list-style-type:none;
}*/

#contenedor_trabajo { width:100%; height:100%; margin-left:233px; background-color:#F5F5F5;}
#contenido_trabajo { width:714px; height:100%; margin-left:30px; padding-top:80px; _padding-top:40px;}


/*TRABAJOS*/

#nombre_cliente { width:714px; font-family:LubalinGraphStd-Book, Helvetica, Arial, Verdana, sans-serif;
	font-size:35px; color:#333; padding-left:10px;}


#columnastextos { width:714px; margin-top:15px; margin-bottom:20px; line-height:18px;}	

#columnastxt12 { width:476px; float:left; display:table;}

#columnatxt1 { width:238px; font-family:Helvetica Neue, sans-serif;Arial; font-size:12px; color:#B4B4B4; float:left; display:table; line-height:15px;}
#columnatxt1 p { padding-right:20px; line-height:20px;}
#columnatxt1 h3 { font-size:14px; color:#CC0000; font-weight:bold; padding-left:10px; line-height:15px;}




#columnatxt1 p a{ font-family:Helvetica Neue, sans-serif;Arial; font-size:12px; color:#B4B4B4; text-decoration: underline;}

#columnatxt1 p a:hover{ color:#CC0000; text-decoration: underline; line-height:15px;}





#columnatxt1 h3 a{ font-size:14px; color:#333; font-weight:bold; line-height:30px; text-decoration:none; line-height:15px;}
#columnatxt1 h3 a:hover{ font-size:14px; color:#CC0000; font-weight:bold; line-height:30px; text-decoration:none; line-height:15px;}

#columnatxt2 { width:238px; font-family:Helvetica Neue, sans-serif;Arial; font-size:12px; color:#B4B4B4; float:right; display:table; line-height:15px;}
#columnatxt2 p { padding-right:20px; line-height:20px;}
#columnatxt2 h3 { font-size:14px; color:#CC0000; font-weight:bold; padding-left:10px; line-height:15px; line-height:15px;}



#columnatxt2 p a{ font-family:Helvetica Neue, sans-serif;Arial; font-size:12px; color:#B4B4B4; text-decoration: underline; line-height:15px;}

#columnatxt2 p a:hover{ color:#CC0000; text-decoration: underline; line-height:15px;}


#columnatxt2 h3 a{ font-size:14px; color:#333; font-weight:bold;line-height:30px; text-decoration:none; line-height:15px;}
#columnatxt2 h3 a:hover{ font-size:14px; color:#CC0000; font-weight:bold;line-height:30px; text-decoration:none; line-height:15px;}



#columnatxt3 { width:238px; font-family:Helvetica Neue, sans-serif;Arial; font-size:12px; color:#B4B4B4; float:right; display:table; line-height:15px;}
#columnatxt3 p { padding-right:20px; line-height:20px;}
#columnatxt3 h3 { font-size:14px; color:#CC0000; font-weight:bold; padding-left:10px; line-height:15px;}




#columnatxt3 p a{ font-family:Helvetica Neue, sans-serif;Arial; font-size:12px; color:#B4B4B4; text-decoration: underline; line-height:15px;}

#columnatxt3 p a:hover{ color:#CC0000; text-decoration: underline; line-height:15px;}





#columnatxt3 h3 a{ font-size:14px; color:#333; font-weight:bold;line-height:30px; text-decoration:none; line-height:15px;}
#columnatxt3 h3 a:hover{ font-size:14px; color:#CC0000; font-weight:bold;line-height:30px; text-decoration:none; line-height:15px;}



#img_contenedor { width:687px; float:left; margin-left:10px; margin-top:20px;}
#img_marco { width:687px; height:390px; background-color:#FFF;}
#img_marco2 { width:687px; height:200px; background-color:#F5F5F5;}
#img_marco2 { width:687px; height:100px; background-color:#F5F5F5;}
#img_trabajo { width:681px; height:384px; margin-left:3px; margin-right:3px; padding-top:3px;}


#pieza_radio { width:400px; height:100px;}


#img_marcovideo { width:687px; height:436px; background-color:#FFF;}

#img_video { width:681px; height:430px; margin-left:3px; margin-right:3px; padding-top:3px;}




#img_marcovideo2 { width:687px; height:500px; background-color:#FFF;}

#img_video2 { width:600px; height:494px; margin-left:3px; margin-right:3px; padding-top:3px;}



/*SUBMENU CLIENTES*/

#submenu


#fondo { width:100%; height:100%; background:#F5F5F5;}




#contacto { width:100%; height:319px; background:url(images/fondo_contacto.gif) no-repeat; background:#F5F5F5;}


#contacto img { margin-top:49px;}

#direccion { width:683px; height:176px;}



#ra { width:981px; height:780px; margin-top:49px;}

#ra_img1 { width:981px; height:300px;}

#ra_cam { width:640px; height:480px; background:#000; margin-left:28px; float:left;}

#ra_pasos { width:313px; height:248px; float:right;}