/*----------css reset------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

/*ol, ul {
     list-style: none
}*/

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/*----------estructura del sitio------------*/

html{
	width:100%; 
	height:100%; 
	background:#000;
}

body {
	height:100%; 
	margin:0px; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size:12px; 
	color:#FFF;
}

*	{
	margin:0; 
	padding:0; 
	border:0;
}

.page	{
	float:left;
}

div#wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	width: 11543px;
	
}
h1 {
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	font-family: Helvetica,Arial,sans-serif;
}

p {
	color:#FFFFFF;
	font-size:14px;
	line-height:20px;
	font-family: Helvetica,Arial,sans-serif;
}

/*----------navegación superior------------*/
#top_nav {
	position:absolute; 
	display:block; 
	width:7581px; 
	height:23px; 
	top:10px; 
	left:275px; 
	z-index:5;
}

.top_nav_box {
	position:absolute; 
	display:block; 
	width:30px; 
	height:33px; 
	top:0px; 
	left:0px; 
	z-index:6;
}

		.top_nav_box a {
			display:block; 
			width:30px; 
			height:23px;
			position:relative;
			text-decoration:none;
		}
		
			.top_nav_box a:hover {
				background: none;
			}

.forward {
	background:url(../images/sig.gif) top left no-repeat;
}

.back {
	background:url(../images/at.gif) top left no-repeat;
}

.home {
	background:url(../images/inicio.gif) top left no-repeat;
}

/*----------paginación------------*/
/*----------INDEX------------*/
#index_pholder {
	position:relative; 
	display:block; 
	width:1665px; 
	background: url(../images/header.jpg) top right no-repeat;
}

div.index {
	position:relative; 
	display:block; 
	width:1600px;	
}

#index_left	{
	position:relative; 
	display:block; 
	width:200px; 
	float:left; 
	z-index:2;
}	
		
#index_right {
	position:relative; 
	/*display:block;*/ 
	width:400px;
	height:325px;
	top:123px;
	left:379px;
	float:left; 
	z-index:1;
} 

#index_right h1 {
	padding-top:24px;
	padding-left:24px;
} 

#index_right p {
	padding-top:27px;
	padding-left:23px;
	padding-right:23px;
} 

/*#expansor {
height:500px;
width: 600px;
border: 3px #000;
}*/
/*----------PORTFOLIO------------*/
#portfolio_pholder {
	position:relative; 
	display:block; 
	width:1665px; 
	background:url(../images/portfolio.jpg) top left no-repeat;
	/*padding-left:60px; */
}

#portfolio_cont {
		position:relative; 
		display:block; 
		/*width:800px;*/
		width:1100px;		
		/*padding-left:15px;*/ 
		padding-bottom:229px;
	}

#portfolio {
position:relative;
top:64px;
width:801px; 
height:270 px;
left:76px; 
}

#portfolio  h1{
padding-left:24px;
padding-top:20px;
}

#portfolio p{
padding-left:24px;
padding-right:12px;
padding-top:20px;
padding-bottom:20px;
}	

#portfolio img {
width:100px;
height:79px;
margin: 12px 2px 17px 2px;
border: solid 3px #333;
}

#portfolio a {
text-decoration:none;
}

/*----------PERFIL------------*/
#perfil_pholder {
	position:relative; 
	display:block; 
	width:1665px; 
	background:url(../images/perfil.jpg) top left no-repeat;
	/*padding-left:60px;*/ 
}

#perfil_cont {
		position:relative; 
		display:block; 
		width:1100px;		
		padding-bottom:120px; 
	}

#perfil {
position:relative;
top:95px;
width:400px; 
height:300 px; 
left:421px;
margin-bottom:80px;
}

#perfil  h1{
padding:20px 0px 0px 24px;
}

#perfil p{
padding:20px 12px 20px 24px;
}	

/*----------CLIENTES------------*/
#clientes_pholder {
	position:relative; 
	display:block; 
	width:1637px; 
	background:url(../images/clientes.jpg) top left no-repeat;
	/*padding-left:25px;*/ 
}
#clientes_cont {		
	position:relative; 
	display:block; 
	width:1165px;
	padding-top:75px;  
}

#clientes {
padding-top:20px;
width:350px; 
height:200 px; 
margin-left:37px;
margin-bottom:206px;
}

#clientes  h1{
padding-left:24px;
padding-top:20px;
}

#clientes  p{
padding-left:24px;
padding-right:12px;
padding-top:20px;
padding-bottom:20px;
}

#clientes_logos {
position:absolute;
width:450px; 
height:300 px; 
left:428px;
top:95px;
background-color:#FFFFFF;
font-family:Helvetica,Arial,sans-serif;
float:left;
}

#clientes_logos img{
float:left;
padding-top:0px;
}
/*----------BLOG------------*/
#blog_pholder {
	position:relative; 
	display:block; 
	width:1637px; 
	background:url(../images/blog.jpg) top left no-repeat;
	/*padding-left:60px; */
}

#blog_cont {
		position:relative; 
		display:block; 
		/*width:800px;*/
		width:1165px;		
		/*padding-left:15px;*/
		padding-top:75px;		
	}

#blog {
padding-top:20px;
width:670px; 
height:230 px; 
margin-left:37px;
margin-bottom:256px;
}

#blog  h1{
padding-left:24px;
padding-top:20px;
}

#blog  p{
padding-left:24px;
padding-right:12px;
padding-top:15px;
padding-bottom:10px;
}
#cita a{
	color:#333333;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	font-family: Helvetica,Arial,sans-serif;
	text-decoration:none;

}
/*----------CONTACTO------------*/
#contacto_pholder {
	position:relative; 
	display:block; 
	width:1637px; 
	background:url(../images/contacto1.jpg) top left no-repeat;
	/*padding-left:60px; */
}

#contacto_cont {
		position:relative; 
		display:block; 
		/*width:800px;*/
		width:1165px;		
		/*padding-left:15px;*/ 
		}

#contacto {
position:relative;
top:65px;
left:60px;
width:300px; 
height:290px; 
/*margin-left:37px;*/
margin-bottom:200px;
float:left;
}
#contex {
position:absolute;
top:20px;
left:480px;
width:300px; 
height:290px; 
/*margin-left:37px;*/
float:right;
}

#contacto  h1{
padding-left:15px;
padding-top:20px;
}

#contacto p{
padding-left:15px;
padding-right:12px;
padding-top:20px;
padding-bottom:20px;
}
/*----------EXTRAS------------*/

#extras_pholder {
	position:relative; 
	display:block; 
	width:1637px; 
	background:url(../images/extras.jpg) top left no-repeat;
	/*padding-left:60px; */
}

#extras_cont {
		position:relative; 
		display:block; 
		/*width:800px;*/
		width:1165px;		
		/*padding-left:15px;*/ 
	}

#extras {
padding-top:130px;
width:800px; 
height:270 px; 
padding-left:67px;
padding-bottom:280px;
}

#extras img{
padding:10px 40px 10px 40px;
}

/*----menu principal--*/
#index_left #menu	{
		position: relative; 
		display:block;  
		width:200px; 
		height:/*275*/340px; 
		padding:110px 0px 70px 0px;
		font-family: Helvetica,Arial,sans-serif;
	}
	
		#index_left #menu li {
			position:relative; 
			display:block; 
			font-size:24px;
			line-height:30px;
		}
		
		#index_left	#menu li a {
			position:relative; 
			color:#333333; 
			padding-right:45px;
			padding-left: 16px;
			text-decoration:none;
			/*text-transform: uppercase;*/ 
			font-weight: bold;
		}
		
			#index_left #menu li a:hover {
				background: #FFFFFF;
			}

/*---pie de pagina--*/

		#index_left #menu #footer a{
		background:url(../images/mapa.png) no-repeat;
		margin-top:70px;
		margin-left:10px;
		height:60px;
		width:35px;
		display:block; 
		float:left;
		text-decoration:none;
		}
		#index_left #menu #footer a:hover {
		background:url(../images/mapa1.png) no-repeat;
		}
		#index_left #menu #footer .parrafo {
		padding-top:70px;
		font-size:10px;
		float:right;
		color:#FFFFFF;
		font-family: Arial,sans-serif;
		padding-right:2px;
		}
			
/*----navegación inferior--*/
#menu_inf {
	position:absolute; 
	display:inline; 
	width:550px; 
	height:20px; 
	top:450px; 
	left:250px;
	z-index:5;
	color:#FFFFFF;
}
		#navlist li
		{
		position:relative;
		display: inline;
		list-style-type: none;
		padding-right: 5px;
		font-size:11px;
		font-weight:bold;
		}
				
		#navlist li a {
			color:#FFFFFF; 
			padding-right:10px;
			padding-left: 15px;
			text-decoration:none;
		}
		
			#navlist li a:hover {
				background: #333333;
			}
			
/*----formulario--*/

#formID {
width:466px;
height:250px;
padding-top:5px;
background-color:none;
float:left;
}

#formID p {
padding-top:3px;
padding-bottom:3px;
padding-left:0px;
color:#333;
font-size: 10px;
}

#formID input {
margin-right:31px;
margin-left:3px;
background-color: transparent;
color:#ffffff;
}

#formID textarea {
margin-top:3px;
margin-left:3px;
background-color: transparent;
color:#ffffff;
font-size:14px;
line-height:18px;
font-family: Helvetica,Arial,sans-serif;
width:433px;
height:95px;
overflow: auto;
}
#send{
padding-top:17px;
padding-left:242px;
}
.linei{
float:left;
}
.lined{
float:right;
}