body { margin:0; padding:0; }
fieldset,img { border:0; }
body {
  background: url(bg_main.jpg) repeat-x top #e8e5c0;
  color: #565b58;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
}

a {
  color: #565b58;
  text-decoration: underline;
}
a:hover { color: #000; }

/* strong em */
strong { font-weight: bolder; }
em { font-style: italic; }

/* tables & forms */

input, select, th, td {font-size:1em}

/* classes */

.error { color: red; }

/* page structure & layout */

#page {
  margin: 0 auto;
  text-align: left;
  width: 950px;
  background: url(bg_header_1.jpg) top center no-repeat
}
#header {	
  
  height: 170px;
  position: relative;
}
#nav {
	top: 26px;
	font-size: 1.1em;
	position: absolute;
	left: 660px;
}
#content_index {
  float: left;
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 0 40px 30px 0;
  width: 870px;
}

.logo {
	bottom: 82px;
	position: absolute;
	left: 14px;
}

.slogan {
  bottom: 20px;
  position: absolute;
  left: 330px;
}

/* header */

#header h1 {
  font-size: 4.0em;
  position: absolute;
  margin: 30px 0 0 45px;
}
#header h1 a {
  color: #9ca9b7;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: -1px;
  text-decoration: none;
}
#header h1 a:hover {color: #fff;}
#header h1 span {
  color: #fff;
  font-size: 18px;
}

/* navigation */

#nav ul {
  display: inline;
}
#nav li {
  display: block;
  float: left;
  list-style: none;
}
#nav li a {
  color: #fff;
  display: block;
  margin: 0 1px 0 1px;
  line-height: 1.6em;
  padding: 2px 15px 2px 15px;
  text-align: center;
/*  text-decoration: underline;*/
}
#nav li a:hover,
#nav li a.current { background: #3C6787; text-decoration: none; }


/* footer */
#footer {
  border-top: 1px solid #cfcca5;
  padding-top: 5px;
  clear: both;
  color: #565b58;
  font-size: 1.1em;
  height: 100px;
  text-align: center;
  text-decoration: none;
}


#footer p {
  text-align: center;
}
#footer a {
  color: #3985a3;
  text-decoration: none;
}

/* misc */

a img { border: none; }
acronym { cursor: help; }

hr, .hide { display: none; }
.show { display: inline; }

pre, code { font-size: 1.1em; line-height: normal; background: #eee; color: #444; }

.index_container {
	/*overflow: hidden;*/
	width: 947px;
	margin-top: 15px;
}

.index_content {
	margin: 25px;
}

a.link_big {
	font-size: 26px;
	line-height: 24px;
	display: block;
	margin-bottom: 24px;
}


/*nuevo*/

	#contenido .blk_producto {
	width: 295px;
	height: 225px;
	float: left;
	margin-right: 10px;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	background-color:#FFF;
	background-image: url(fondo-contenido2.png);		

	}

	#contenido .blk_producto h2,
	#contenido .blk_producto h3 {
		margin-top: 0px;
	}

	#contenido .blk_producto strong {
		color: #555;
	}

	/* --- Formularios ---------------------------------------------------- */

	#contenido fieldset {
		border: none;
		margin: 20px 0px;
		padding: 0px 20px;
	}

	#contenido legend {
		font-size: 1.5em;
		color: #888;
	}

	#contenido .formfield {
		float: left;
		width: 225px;
		padding: 2px;
		margin: 2px;
	}

	#contenido .error {
		background: #fed3ae;
	}

	#contenido .error input,
	#contenido .error textarea,
	#contenido .error select {
	}

	#contenido div.full {
		width: 453px;
	}

	#contenido .formfield label {
		color: #666;
	}

	#contenido .formfield label span {
		color: #aaa;
		font-style: italic;
		font-size: 0.8em;
		padding-left: 10px;
	}

	#contenido .formfield input.txt {
		width: 215px;
		font-size: 1.1em;
	}

	#contenido .checkbox input {
		margin: 0px 10px 3px 0px
	}


	#contenido .formfield select {
		width: 215px;
		font-size: 1.1em;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

	#contenido .formfield textarea.txt {
		width: 440px;
		font-size: 1.1em;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		padding: 5px;
	}


	/* --- Corporativo ---------------------------------------------------- */

	#direccion_contacto {
		padding: 0px;
		float: left;
		margin: 15px 0px;
	}


	#datos_contacto {
		padding: 0px 0px 0px 20px;
		margin: 15px 0px;
		float: right;
		width: 200px;
		border-left: 1px solid #ccc;
	}

	#datos_contacto h2 {
		margin: 0px;
	}

	#datos_contacto p.telefono {
		font-size: 2em;
		font-weight: bold;
		color: #444;
		margin: 0px;
	}

	#blk_contactanos {
		height: 180px;
	}

	a.form_go {
		float: right;
		margin-top: 20px;
		background: url(icon-mail.gif) no-repeat left center;
		padding-left: 20px;
	}


	#googleMap {
		float: left;
		background: #f0f0f0;
		width: 508px;
		height: 198px;
		border: 1px solid #888;
	}

	#main_header.interior #blk_banner_contactanos {
		background: #f0f0f0 url(fondo-cabint-contacta.jpg) no-repeat;
	}
	#main_header.interior #blk_banner_contactanos h1 {
		padding-top: 120px;
	}
	#main_header.interior #blk_banner_contactanos p {
		color: #333;
	}

	#main_header.interior #blk_error404 {
		background: #f0f0f0 url(fondo-cabint-002.jpg) no-repeat;
	}
	#main_header.interior #blk_error404 h1 {
		padding-top: 120px;
		font-size: 2.8em;
	}

	/* --- Contenido extra para banners, etc ------------------------------ */

	#header_flash_content h1 {
		font-weight: normal;
		font-size: 2em;
		color: white;
	}

	#header_flash_content p {
		color: white;
	}

	#header_flash_content a {
		color: #FE7500;
	}

	/* --- Elementos relacionados, efectos, etc --------------------------- */

	.tool-tip {
		color: #fff;
		width: 150px;
		z-index: 13000;
		text-align: left;
	}

	.tool-title {
		font-weight: bold;
		margin: 0px;
		color: #FE7500;
		padding: 8px 8px 4px 19px;
		background: url(bubble.png) top left;
	}

	.tool-text {
		font-size: 11px;
		padding: 4px 8px 8px 19px;
		background: url(bubble.png) bottom right;
		text-align: left;
	}

	a.float {
		float: left;
		margin-right: 20px;
	}

	/* --- ClearFix Hack---------------------------------------------------- */
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.clearfix {display: inline-table;}

	/* Hides from IE-mac \*/
	* html .clearfix {
	}

	.clearfix {
		display: block;
	}
	
	/* */
	blockquote {
		padding: 5px 20px;
		background: #eee;
	}

	blockquote p {
		font-size: 1.2em;
		font-weight: bold;
		font-style: italic;
		color: #333;
		margin: 0px;
	}

	a {
		color: #FE7500;
		text-decoration: none;
	}

	a:hover {
		text-decoration: none;
		border-bottom: 1px solid #FE7500;
	}

	a.contratar {
		display: block;
		width: 90px;
		height: 24px;
		background: url(boton-contratar1.gif) no-repeat top left;
		color: #fff;
		font-size: 0.9em;
		font-weight: normal;
		line-height: 24px;
		text-decoration: none;
		padding-left: 10px;
		border: none;
	}

	a.contratar:hover {
		background-position: bottom left;
		color: #fe7500;
		text-decoration: none;
	}


	a.informacion {
		display: block;
		width: 118px;
		height: 24px;
		background: url(boton-masinfo1.gif) no-repeat top left;
		color: #fff;
		font-size: 0.9em;
		font-weight: normal;
		line-height: 24px;
		text-decoration: none;
		padding-left: 10px;
		border: none;
	}

	a.informacion:hover {
		background-position: bottom left;
		color: #fe7500;
		text-decoration: none;
	}

	a.masinfo {
		background: url(bullet2.gif) no-repeat left center;
		padding-left: 8px;
		font-size: 0.9em;
	}


	h1 {
		font-size: 2em;
		font-weight: normal;
		line-height: 1.1em;
		color: #FE7500;
		margin: 15px 0px 5px;
	}

	h2 {
		font-size: 1.5em;
		font-weight: normal;
		line-height: 1.2em;
		color: #444;
		margin: 25px 0px 5px;
/*		letter-spacing: -1px; */
	}

	h3 {
		font-size: 1.3em;
		font-weight: normal;
		line-height: 1.2em;
		color: #000;
		margin: 15px 0px 5px;
	}

	big {
		font-size: 1.2em;
	}

	em {
		font-style: italic;
	}

 #c	ul {
		list-style-type: none;
		margin: 10px 0px;
	}

#c	li ul {
		list-style-type: none;
		margin: 0px 0px;
	}


#c	li {
		padding-left: 15px;
		background: url(bullet.gif) no-repeat 0px 5px;
		margin: 5px 0px;
	}

	#c li ul li {
		padding-left: 15px;
		background: url(bullet2.gif) no-repeat 0px 6px;
		margin: 0px 0px;
	}


/* --- Footer 44 ------- */

	#extra_pie {
		width: 749px;
		margin: 0px auto;
		text-align: left;
	}

	#foot_menu {
		padding-left: 20px;		
	}

	#foot_menu ul, #foot_menu li {
		margin: 0px;
	}

	#foot_menu dl {
		float: left;
	}

	#foot_menu dt {
		color: #888;
		padding: 0px 0px 2px 10px;
		font-weight: bold;
	}

	#foot_menu dd {
		background: transparent url(bullet6.gif) no-repeat scroll left 4px;
	line-height: 11px;
		margin-left: 5px;
		padding-left: 7px;
	}

	#foot_menu dd.lvl1 {
	}

	#foot_menu a {
		font-size: 0.8em;
		color: #aaa;
		border: 0px;
		line-height: 1em;
	}

	#foot_menu a:hover {
		color: #666;
		border: 0px;
		text-decoration: none;
	}

	#main_footer {
		clear: both;
		font-size: 0.8em;
	}

	#main_footer .enlaces a {
		border: 0px;
		border-left: 1px solid #999;
		color: #666;
		font-size: 1em;
		line-height: 20px;
		padding: 0px 5px;
	}

	#main_footer .enlaces a:hover {
		border-left: 1px solid #999;
		text-decoration: underline;
	}

	#main_footer p {
		margin: 0px;
	}

	#main_footer p.copyright {
	color: #666;
	line-height: 20px;
	margin-right: 5px;
	float: right;
	}

.blk_contacto a,
	.blk_main a {
		color: #fff;
		line-height: 19px;
		border-bottom: none;
	}

	.blk_contacto a:hover,
	.blk_main a:hover {
		text-decoration: underline;
	}

	#contenedor .blk_contacto {
	background: #666;
	padding: 5px;
	text-align: right;
	width: 720px;
	height: 19px;
	position: absolute;
	top: 106px;
	left: 433px;
	}

	#header_contacto {
		float: left;
		margin-left: 10px;
	}

	#header_contacto a {
		padding: 3px 0px;
	}

	.blk_contacto #header_contacto a.telefono {
		background: url(icon-telefono.gif) no-repeat left 30%;
		padding: 3px 10px 3px 15px;
	}

	.blk_contacto #header_contacto span.telefono {
		background: url(icon-telefono.gif) no-repeat left 30%;
		padding: 3px 10px 3px 15px;
		color: white;
	}

	.blk_contacto #header_contacto a.email {
		background: url(icon-email.gif) no-repeat left center;
		padding: 3px 10px 3px 15px;
	}

	.blk_contacto a.quienes {
		padding-right: 5px;
		border-right: 1px solid #828282;
	}

	.blk_contacto a.blog {
		margin-right: 20px;
	}

	.blk_contacto a.pdc {
		background: url(fondo-entrada-pdc.gif) no-repeat right top;
		width: 103px;
		height: 19px;
		display: block;
		float: right;
		padding-right: 28px;
	}

	.blk_contacto a.pdc:hover {
		background-position: right bottom;
		text-decoration: none;
	}


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:257px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}