/* ------------------------------------------------------------ */
/* IMPORT ----------------------------------------------------- */
/* ------------------------------------------------------------ */

	@import url("resets.css");

/* ------------------------------------------------------------ */
/* BASE ------------------------------------------------------- */
/* ------------------------------------------------------------ */

		body {
			font-size: 11px;
			font-family:Tahoma, Arial, Helvetica, sans-serif;
			color: #484848;
			background:url(../images/varios/bg.jpg) top left repeat #c80003;
			}
	
		#content {
			width: 100%;
			margin: 100px auto;
			}
			
		p {
			text-align: center;
			}

/* ------------------------------------------------------------ */
/* NAVEGACION EFECTO ------------------------------------------ */
/* ------------------------------------------------------------ */
		
		#nav-shadow {
			margin: 0 auto 10px auto;
			padding: 50px 0 0 0px;
			width: 100%;
			min-height: 200px;
			margin-top:30px;
			padding-top:190px;
			text-align: center;
			list-style: none;
			}
			
		#nav-shadow li {
			margin-right: 0px;
			margin-left:20px;
			width: 200px;
			height: 150px;
			position: relative;
			float: left;
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
	margin: 0 auto;
	width: 170px;
	height: 150px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/trabajos/trabajos.png) no-repeat;
	display: block;
	position: relative;
	z-index: 300;
	background-image: url(../images/trabajos/trabajos.png);
			}
			
/* ------------------------------------------------------------ */
/* PORTFOLIO IMAGENES ----------------------------------------- */
/* ------------------------------------------------------------ */

		#nav-shadow li.button-color-1 a {
			background-position: 0px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-2 a {
			background-position: -198px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-3 a {
			background-position: -398px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-4 a {
			background-position: -598px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-5 a {
			background-position: -798px 0px; z-index:10;
			}
		#nav-shadow li.button-color-6 a {
			background-position: -998px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-7 a {
			background-position: -1198px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-8 a {
			background-position: -1398px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-9 a {
			background-position: -1598px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-10 a {
			background-position: -1798px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-11 a {
			background-position: -1998px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-12 a {
			background-position: -2198px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-13 a {
			background-position: -2398px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-14 a {
			background-position: -2598px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-15 a {
			background-position: -2798px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-16 a {
			background-position: -2998px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-17 a {
			background-position: -3198px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-18 a {
			background-position: -3398px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-19 a {
			background-position: -3598px 0px; z-index:10;
			}
		#nav-shadow li.button-color-20 a {
			background-position: -3798px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-21 a {
			background-position: -3998px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-22 a {
			background-position: -4198px 0px; z-index:10;
			}
		#nav-shadow li.button-color-23 a {
			background-position: -4398px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-24 a {
			background-position: -4598px 0px; z-index:10;
			}
			
		#nav-shadow li.button-color-25 a {
			background-position: -4798px 0px; z-index:10;
			}	
			
		#nav-shadow li.button-color-26 a {
			background-position: -4998px 0px; z-index:10;
			}			
/* ------------------------------------------------------------ */
/* PORTFOLIO SOMBRAS ------------------------------------------ */
/* ------------------------------------------------------------ */

		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			}
			
/* ------------------------------------------------------------ */
/* BODY ------------------------------------------------------- */
/* ------------------------------------------------------------ */
			
		.container {
	width:100%;
	height:505px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
			}
		.slides div { 
			position:absolute; 
			top:0; 
			width:100%; 
			display:none; 
			}	
		body { 
			line-height: 1; 
			}
		ol, ul { 
			list-style: none; 
			}
		blockquote, q { 
			quotes: none; 
			}
		:focus { 
			outline: 0; 
			}
		ins { 
			text-decoration: none; 
			}
		del { 
			text-decoration: 
			line-through; 
			}
		table { 
			border-collapse: collapse; 
			border-spacing: 0; 
			}
		#loopedSlider { 
			margin:18px auto; 
			width:100%; 
			position:relative; 
			clear:both; 
			}
		ul.pagination { 
			list-style-type:none; 
			margin:0; 
			padding:0; 
			width:100%;
			left:0;
			}
		ul.pagination li { 
			float:left; 
			margin:0px; 
			}	
		ul.pagination a { 
			display:block; width:13px; 
			padding-top:12px; 
			height:0; 
			overflow:hidden; 
			background-image:url(../images/varios/pagination.png); 
			background-position:0 0; 
			background-repeat:no-repeat;
			}
					ul.pagination a:hover { 
			background-position:0 -24px
			}
		ul.pagination li.active a {
			background-position:0 -12px
			}
		a.previous { 
			position:absolute; 
			bottom:0; 
			left:20px; 
			background:url(../images/varios/previous.png);
			height:14px;
			width:26px;
			}
		a:hover.previous { 
			position:absolute; 
			bottom:0; 
			background:url(../images/varios/previous-hover.png)
			}
		a.next { 
			position:absolute; 
			bottom:0; 
			left:50px; 
			background:url(../images/varios/next.png);
			height:14px;
			width:25px;
			}
		a:hover.next { 
			position:absolute; 
			bottom:0; 
			background:url(../images/varios/next-hover.png)
			}
				
		.slides {
	padding: 0;
	list-style: none;
	position:absolute;
	left:0px;
	width:100%;
	clear:left;
	text-align:left;
	top: -90px;
	
		}
		.slides li {
			padding: 0;
			margin: 0 2px;
			float: left;
			position: relative;
			text-align: center;
			}
		.slides a {
			padding: 14px 10px;
			display: block;
			color: #000000;
			width: 144px;
			text-decoration: none;
			font-weight: bold;
			background: url(../images/button.gif) no-repeat center center;
			}
		.slides li em {
			background: url(../images/varios/hover.png) no-repeat;
			width: 266px;
			height: 90px;
			position: absolute;
			top: -140px;
			left: -20px;
			color:#e39a44;
			text-align:left;
			line-height:17px;
			padding-left:17px;
			padding-top:9px;
			font-style: normal;
			display: none;		
			z-index:9999;
			float:inherit;
			}
		#main_footer {
			clear:left;
			width:100%;
			position:fixed;
			bottom:0px;
			height:70px;
			text-align:left;
			background:url(../images/varios/footer-bg-bottom.png) center top repeat-x;
			z-index:10000;
			}
		#main_footer a {
			color:#e39a44;
			text-decoration:none;
		}
		#main_footer a:hover {
			color:#e81403;
			text-decoration:none;
		}
		.text_naranja {
			color:#e39a44;
		}
		.text_crema {
		color:#d7c18b	;
		display:block;
		float:left;
		}
		.text_naranja_hover {
		color:#e39a44	;
		display:block;
		float:left;
		width:60px;
		}
		.text_link_hover {
		color:#e81403	;
		display:block;
		float:left;
		padding-left:60px;
		font-size:10px;
		}
		
		#mancha {
	position:absolute;
	width:330px;
	height:679px;
	top:0px;
	margin-top:-250px;
	background:url(../images/varios/mancha.png) left top no-repeat;
	z-index:9999;
	left: -50px;
			}
			
		#logo {
			position:absolute;
			width:301px;
			height:144px;
			z-index:4;
			top:20px;
			}



#thecssawards {
	position:absolute;
	top:0px;
	right:0px;
	z-index:99999;
	
}
#thecssawards a{
	width:115px;
	height:115px;
	text-indent:-8000px;
	display:block;
	background:url(../images/varios/honormention_white.png) no-repeat;
}