/* CSS Document para DXIMAGE */
/*---------------------------------------------------
	Fecha		: 10/01/08
	Autor		: DXIMAGE
	Descripcion	: css.css
----------------------------------------------------*/
/*-----------------Inicializacion-------------------*/
html, body,									
	h1, h2, h3, h4,								
	ul, li,										
	div, p, blockquote, address,				
	span, code, a, img, strong, em,				
	form, textarea {							
		font-style: normal;						
		font-weight: normal;					
		text-align:justify;						
		margin: 0;								
		padding: 0;								
		border: none;							
		list-style-type: circle;					
		text-decoration: none;					
		}					

/*-------------------------------------------------*/
/*-------- Por defecto-----------------------------*/
body{ background:#000000;}
html{ 
	font-family:"Trebuchet MS"; 
	font-size:13px;
	color:#666;
	}
h1, h2 {font-family:"Trebuchet MS"; color:#FFFFFF;}
h1{ font-size:200%;}
h2{ font-size:150%; color:#666666;}
small{ font-size:11px; font-weight:bold}
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
#clean {clear:both;}
a.linknormal, a.linknormal:active, a.linknormal:active  {
	text-align: left;
	background: none;
	padding: 0;
	display: block;
	color: #CCCCCC;
	text-decoration: none;
}
a.linknormal:hover { text-decoration: underline; }

/*-------- Formateo -----------------------------*/
#wrap { margin:0 auto; width:830px; padding-top:30px;}
#wrap #logo 	{ background-image:url(../images/logo.jpg); width:210px; height:96px; float:left;}
#wrap #telefono { background-image:url(../images/telefono.jpg); width:74%; height:50px; float:left; background-repeat:no-repeat; background-position:right; margin-bottom:21px;}
#wrap #menu 	{ height:28px; float:left; width:74%;}
#wrap #menu img	{ float:left;}
#wrap #medio 	{ height:406px; background-image:url(../images/fondomedio.jpg); background-repeat:no-repeat;}
#wrap #medio #col1 { float:left; width:220px;}
#wrap #medio #col1 .titulo 		{ padding:55px 0px 0px 19px;}
#wrap #medio #col1 .descripcion { padding:45px 0px 0px 30px; color:#FFFFFF; font-size:15px; }
#wrap #medio #col1 .descripciondos { padding:45px 0px 0px 30px; color:#FFFFFF; font-size:11px; }
#wrap #medio #col2 { float:left; width:535px;}
#wrap #medio #col3 { float:left; width:50px; padding-top: 150px;}
#wrap #creative { background-image:url(../images/creatividad.gif); background-repeat:no-repeat; height:61px;}
#wrap #dximage img 	{ float:right;}

#wrap #interna #desarrollo { padding:20px;}
#wrap #desarrollo .titulo 		{ padding:25px 0px 0px 19px;}
#wrap #desarrollo .descripcion { padding:45px 0px 45px 30px; color:#FFFFFF; font-size:16px; }

/*-------- Formato del Portafolio -----------------------------*/

#portafolio { text-align: center; color:#FFFFFF; font-size:11px;}
#portafolio div { margin-left: auto; margin-right: auto; }
#portafolio div a.img img { border: 0; }
#portafolio div a.img, #portafolio div a.img:active, #portafolio div a.img:visited {
	text-align: center;
	background: #333333;
	padding: 10px;
	display: block;
}
#portafolio div a.img:hover {
	background: #555555;
}
#portafolio div div {
	float: left;
	widows: 200px;
	margin: 5px;
}

/*-------- Slides de Portafolio -----------------------------*/

		#heading {
			display: block;
			text-align: center;
			margin-bottom: 1em;
		}
		#heading * {
			display: inline;
			padding: 4px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
		#heading li.active {
			background-color: #333;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
			color:#FFFFFF;
		}
		#panes {
			text-align: justify;
			border-style: none;
			width: 501px;
			margin: 40px 1em 0 1em;
			margin-right: 0px;
			height: 301px;
		}
		
		#panes div div { overflow: hidden; }
		
		#previous { float: none; cursor: pointer; }
		#next { float: none; cursor: pointer; }
#clean .direccion{ color:#FFFFFF; text-align:right; padding-right:30px;}