/* GENERAL RULES - WWW.7ingeniosIT.COM - SPIN THE WEB */

/* HTML DEFINITIONS */

*, html, body {
	margin: 0px;
	padding: 0px;
}

body {
	background: transparent url("../images/backgrounds/body_background.jpg");
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D5D5D;
	text-align: center;
}

a {
	text-decoration: none;
}


/* SPECIALIZED PNG SUPORT */

img, #main_ad img {
	behavior: url("../scripts/iepngfix.htc");
}


/* SITE WRAPPERS */

div#container {
	background: transparent url("../images/backgrounds/main_background.jpg");
	background-repeat: repeat-x;
}

div#ingenios_plate {
		background: transparent url("../images/backgrounds/site_background.jpg");
		background-repeat: repeat-y;
		background-position: top center;
	}
	
		div#container, div#ingenios_plate, div#site_background {
			background-position: top center;
		}
		
		div#site_background {
			background: transparent url("../images/backgrounds/7ingenios_plate_background.jpg");
			background-repeat: no-repeat;
			background-position: top center;
		}
		
		
		
			div#site_container {
				position: relative;
				margin: 0px auto;
				width: 700px;
				background: transparent url("../images/backgrounds/footer_background.jpg");
				background-repeat: no-repeat;
				background-position: center bottom;
				text-align: left;
			}

/* HEADER */

div#header {
	width: 700px;
	height: 150px;
}

	#header h1 {
		width: 700px;
		height: 150px;
		background: transparent url("../images/logotipos/header.gif");
		background-repeat: no-repeat;
	}
	
	#header img, #header h1 span {
		display: none;
	}

/* MAIN NAVIGATION */

ul#navigation {
	position: absolute;
	top: 0px;
	right: 0px;
	list-style: none;
	width: 500px;
}

	#navigation li {
		float: right;
	}

		li#inicio_link a {
			width: 70px;
			background: transparent url("../images/navigation/main_navigation/inicio.jpg");
		}
		
		li#comenzando_link a {
			width: 210px;
			background: transparent url("../images/navigation/main_navigation/comenzando.jpg");
		}
		
		li#yatengo_link a {
			width: 205px;
			background: transparent url("../images/navigation/main_navigation/yatengo.jpg");
		}
		
		li#clientes_link a {
			width: 80px;
			background: transparent url("../images/navigation/main_navigation/clientes.jpg");
		}
		
		li#publicidad_link a {
			width: 155px;
			background: transparent url("../images/navigation/main_navigation/publicidad.jpg");
		}
		
		
		li#contacto_link a {
			width: 85px;
			background: transparent url("../images/navigation/main_navigation/contacto.jpg");
		}
		
		#navigation li a {   /*al parecer aca bloquea el boton a maximo 60px de alto*/
			display: block;
			height: 48px;
			background-position: 0px 0px;
		}
	
		#navigation li a:hover {
			background-position: 0px -60px; /*al parecer aca le dice al jpg que muestre desde el eje y desde -60pixels, es decir muestra la parte de abajo*/
		}
	
			#navigation li a span {
				display: none;
			}	


/* 7ingenios DESCRIPTION - HELPS FOR IE NAV BUG */

div#ingenios_description {
		display: none;
	}

	#7ingenios_description span {
		display: none;
	}


/* MAIN AD */
	
div#main_ad {
	position: relative;
	top: -60px;
	float: right;
	margin: 10px 0px -60px 0px;
}

	#main_ad img {
		width: 470px;
		height: 290px;
	}

	/* VOLUME FLAG */

	div#volume_number {
		position: absolute;
		top: 20px;
		right: 20px;
	}
	
		#volume_number p {
			display: none;
		}
		
		#volume_number img {
			width: 100px;
			height: 70px;
		}
		

/* FEATURED LARGE AD */

div#featured_large_ad, div#justas_ad, div#featured_large_ad_articles {
	float: right;
	clear: right;
	margin: 30px 2px 0px 0px;
	width: 295px;
}

div#featured_large_ad, div#justas_ad {
	height: 290px;
}

div#featured_large_ad {
	background: transparent url("../images/ads/large_featured_ads/dashboard_large_ad.jpg");
	background-repeat: no-repeat;
}

div#justas_ad {
	background: transparent url("/images/avisos/justas_ad.gif");
	background-repeat: no-repeat;
}

div#featured_large_ad_articles {
	height: 510px;
	background: transparent url("../images/ads/large_featured_ads/refresh_large_ad.jpg");
	background-repeat: no-repeat;
}

	#featured_large_ad h3, #justas_ad h3, #featured_large_ad_articles h3, 
	#featured_large_ad p, #justas_ad p, #featured_large_ad_articles p {
		display: none;
	}

/* MAIN ARTICLE - HOME CONFIGURATION */

div#main_article {
	position: relative;
	padding: 30px 0px 0px 20px;
}

	img.verbiage_intro_pic {
		float: left;
	}
	
	img.verbiage_pull_quote {
		float: right;
		margin: 10px 0px;
	}

/* post_rojo */

div#post_rojo {
	float: left;
	width: 215px;
	height: 140px;
	background: transparent url("../images/complementos/post_rojo.gif");
	background-repeat: no-repeat;
}

	#post_rojo h3 {
		display: none;
	}
	
	#post_rojo p {
		padding: 60px 25px 0px 30px;
		font-size: 11px;
		color: #FFFFFF;
	}
	
	#post_rojo a {
		text-decoration: none;
		color: #FFF6D3;
	}
	
	#post_rojo p.additional_bits {
		display: none;
	}
	
/* clientes */

div#clientes {
	float: left;
	clear: left;
	width: 215px;
	height: 165px;
	background: transparent url("../images/clientes/clientes.gif");
	background-repeat: no-repeat;
}

	#clientes h3 {
		display: none;
	}
	
	#clientes p {
		padding: 50px 23px 0px 87px;
		font-size: 11px;
		text-align: right;
		color: #787878;
	}

/* SUPPLEMENTAL ARTICLE */

div#supplemental_article {
	padding: 15px 20px 0px 15px; /*arriba, derecha, abajo, izq = Sentido horario*/
}
	

	/* JOINED ARTICLE RULES */

	#main_article h2, #supplemental_article h2, 
	#main_article h3, #supplemental_article h3 {
		margin: 0px 0px 20px 0px;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-weight: 100;
		color: #E07044;
	}

	#main_article h2, #supplemental_article h2 {
		font-size: 18px;
	}

	#main_article h3, #supplemental_article h3 {
		font-size: 16px;
	}

	#main_article p, #supplemental_article p {
		margin: 20px 0px;
	}

	#main_article ul, #supplemental_article ul {
		margin: 20px 0px 20px 20px;
		list-style: url("../images/site_elements/universal/7ingenios_bullet.gif");
		list-style-position: inside;
	}	
	
	#main_article a, #supplemental_article a, #main_article2 a {
		text-decoration: none;
		font-weight: bold;
		color: #06F;
	}
	
	#main_article a:hover, #supplemental_article a:hover {
		color: #808000;
	}

/* HANDY SEARCH - BOTTOM CONFIGURAION */
	
div#handy_search {
	position: relative;
	top: -20px;
	float: left;
	clear: left;
	width: 245px;
	height: 121px;
}

	/* CUSTOM SEARCH BACKGROUND */

	#handy_search fieldset {
		border: 0px;
		height: 121px;
		background: transparent url("../images/site_elements/universal/search_box.gif");
		background-repeat: no-repeat;
	}

	#handy_search label {
		display: none;
	}
		
		/* SEARCH BOX */
		
		input#handy_search_box {
			float: left;
			margin: 61px 0px 0px 25px;
			border: 0px;
			background-color: transparent;
			width: 110px;
		}
		
		/* SEARCH BUTTON */
		
		input#handy_search_submit {
			float: left;
			height: 121px;
			width: 75px;
		}


/* SUB NAVIGATION */

div#sub_navigation {
	clear: right;
	margin: -15px 0px 0px 0px;
	width: 295px;
	background: transparent url("../images/navigation/sub_navigation/sub_navigation_main_backgro.gif");
	background-repeat: repeat-y;
	background-position: bottom center;
}

	/* SUB NAV HEADER */

	#sub_navigation h3 {
		padding: 68px 35px 0px 88px;
		height: 39px;
		background: transparent url("../images/navigation/sub_navigation/sub_navigation_header.gif");
		background-repeat: no-repeat;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: 100;
		color: #FFFFFF;
		text-align: center;
	}
	
	* html #sub_navigation h3 {
		padding: 68px 35px 17px 88px;
	}
	
		#sub_navigation h3 span {
			display: none;
		}

	/* SUB NAV LINKS */

	ul#sub_navigation_links {
		margin: 0px 20px 0px 15px;
		list-style: none;
		background: transparent url("../images/navigation/sub_navigation/sub_nav_main_gradient.gif");
		background-repeat: no-repeat;
		background-position: top center;
	}
	
		#sub_navigation_links li {
			line-height: 0px;
		}
	
		#sub_navigation_links li a {
			padding: 5px 5px 0px 85px;
			width: 170px;
			height: 30px;
			display: block;
			background: transparent url("../images/navigation/sub_navigation/next_page_link_bullet.gif");
			background-repeat: no-repeat;
			background-position: 39px 0px;
			font-size: 15px;
			text-decoration: none;
			color: #06F;
			overflow: hidden;
			line-height: 25px;
		}
		
		* html #sub_navigation_links li a {
			width: 260px;
		}

	/* SUB NAV CURRENT PAGE STATE */

	#sub_navigation_links li.current {
		background: transparent url("../images/navigation/sub_navigation/sub_nav_current_page_gradie.gif");
		background-repeat: repeat-x;
	}

		#sub_navigation_links li.current a {
			background: transparent url("../images/navigation/sub_navigation/current_page_link_bullet.gif");
			background-repeat: no-repeat;
			background-position: 39px 0px;
			color: #FFFFFF;
		}

	/* SUB NAV BACKGROUND SHIFT */
			
		#sub_navigation_links li a:hover {
			background-position: 39px -35px;
		}
		
		#sub_navigation_links li a:active {
			background-position: 39px -70px;
		}

	/* SUB NAV FOOTER */
	
	#sub_navigation p {
		width: 295px;
		height: 28px;
		background: transparent url("../images/navigation/sub_navigation/sub_navigation_footer.gif");
		background-repeat: no-repeat;
	}
	
		#sub_navigation p span {
			display: none;
		}


/* CONTACT FORM RULES */

form#contact_form {
	width: 380px;
	height: 330px;
	background: transparent url("../images/site_elements/contact/contact_form_background.jpg");
	background-repeat: no-repeat;
}

	#contact_form fieldset {
		border: 0px;
	}

	#contact_form label {
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: 100;
		color: #608BCE;
	}

	input.contact_form_textbox {
		margin: 1px 0px 20px 5px;
		height: 21px;
	}
	
	#contact_form label {
		height: 25px;
		margin: 0px 0px 2px 0px;
	}
	
	#contact_form label, input.contact_form_textbox {
		float: left;
		clear: both;
		width: 262px;
	}
	
	#contact_form textarea {
		position: relative;
		top: -5px;
		float: left;
		clear: both;
		margin: 1px 0px 1px 5px;
		width: 262px;
		height: 80px;
	}

	input.contact_form_textbox, #contact_form textarea {
		border: solid 1px #CCC;
		color: #333;
		font-size:14px;
		font-family: Verdana, Geneva, sans-serif;
		font-weight:bold;
		background-color:#fffffe;
	}
	
	input#contact_form_submit {
		margin: 15px 0px 0px 0px;
		float: left;
		clear: both;
	}

/* FOOTER - SHORT CONFIGURATION */

div#footer {
	clear: both;
	width: 700px;
	color: #959595;
}

	#footer a {
		padding: 0px 4px 0px 10px;
		border-left: 1px solid #959595;
		color: #9EB025;
		text-decoration: none;
	}

	#footer a:hover {
		color: #608BCE;
	}

	p.contact_information {
		display: none;
	}
	
	p#copyright {
		clear: left;
		text-align: center;
	}
		
	/* UNUSED FOOTER ELEMENT DEFINITIONS */		

	/*
		span#copyright_mark {}
	
		a#privacy_policy_link {}
		
		a#contact_us_link {}
	*/