* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E0E2D4;
	overflow: auto;
	margin-top: 130px;
}

#wrapper { 
 margin: 0 auto; 
 width: 1024px; /* tendriq que quedar en un acho de 1001px */
 height: auto; 
 position: relative;
}

/* ----------- NAV SOCIAL -------------------- */ 
#iconos-sociales {
	overflow: hidden;
	margin-top: 360px;
	margin-left: 106px;
	position:absolute;
	height: 16px;
	
	}
ul a {
	text-decoration: none;
	list-style: none;
}	
#iconos-sociales li {
		float: left;
		width: 12px;
		margin-right: 7px;
		list-style: none;
		height: 16px;
		}
		#iconos-sociales li a {
			display: block;
			height: 16px;
			text-indent: -99999px;
			list-style: none;
			
			}
		.fb {
			background: url('../img/iconos-sociales1.png') no-repeat 4px top; 
			}
			.fb:hover {
				background: url('../img/iconos-sociales1.png') no-repeat 4px bottom;
				}
		.tw {
			background: url('../img/iconos-sociales1.png') no-repeat -12px top;
			}
			.tw:hover {
				background: url('../img/iconos-sociales1.png') no-repeat -12px bottom;
				}
		.vm {
			background: url('../img/iconos-sociales1.png') no-repeat -29px top;
			}
			.vm:hover {
				background: url('../img/iconos-sociales1.png') no-repeat -29px bottom;
				}
		.wp {
			background: url('../img/iconos-sociales1.png') no-repeat -48px top;
			}
			.wp:hover {
				background: url('../img/iconos-sociales1.png') no-repeat -48px bottom;
				}
		
				
#navsocial {
 width: 97px;
 height: 14px;
 float: left;
 position:absolute;
 margin-top: 360px;
 margin-left: 80px; /* esto no va mas */

}





/* -----------  NAVIGATION -------------------- */ 

#navigation {
 width: auto;
 height: 340px;
 float: left;
 position: absolute;
 margin-left: 12px; /* esto no va mas */
 z-index: 500;
}
#navigation .main-menu { margin-top: 20px;}
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation ul li { margin: 0; padding: 0; }

#navigation .main-menu a {
	width: 175px;
	display: block;
	background: url(../img/nav.png) no-repeat;
	text-indent: -1024px;
}
#navigation .home a { background-position: 0px 5px; height: 33px; /* altura de botones principales */}
#navigation .home a:hover, #navigation .home a.active { background-position: 0 -29px; }

#navigation .we a { background-position: 0px -63px; height: 33px; /* altura de botones principales */ }
#navigation .we a:hover, #navigation .we a.active { background-position: 0px -97px; }

#navigation .news a { background-position: 0px -131px; height: 33px; /* altura de botones principales */}
#navigation .news a:hover, #navigation .news a.active { background-position: 0 -165px; }

#navigation .motion a { background-position: 0px -199px; height: 33px; /* altura de botones principales */ }
#navigation .motion a:hover, #navigation .motion a.active { background-position: 0 -233px; }

#navigation .print a { background-position: 0px -267px; height: 33px; /* altura de botones principales */}
#navigation .print a:hover, #navigation .print a.active { background-position: 0 -301px; }

#navigation .web a { background-position: 0px -335px; height: 33px; /* altura de botones principales */}
#navigation .web a:hover, #navigation .web a.active { background-position: 0 -369px; }

#navigation .logos a { background-position: 0px -403px; height: 33px; /* altura de botones principales */}
#navigation .logos a:hover, #navigation .logos a.active { background-position: 0 -437px; }

#navigation .downloads a { background-position: 0px -471px; height: 33px; /* altura de botones principales */ }
#navigation .downloads a:hover, #navigation .downloads a.active { background-position: 0 -505px; }

#navigation .awards a { background-position: 0px -539px; height: 33px; /* altura de botones principales */}
#navigation .awards a:hover, #navigation .awards a.active { background-position: 0 -573px; }

#navigation .contact a { background-position: 0px -606px; height: 33px; /* altura de botones principales */}
#navigation .contact a:hover, #navigation .contact a.active { background-position: 0 -640px; }


.main-menu { float: left; display: inline; width: 175px;}

/* -----------  NAVIGATION -------------------- */ 

#menunews {
	overflow: hidden;
	margin-top: 30px;
	zoom:1;
	
	}
	#menunews li {
		float: left;
		width: 78px;
		margin-right: 8px;
		list-style: none;
		}
		#menunews li a {
			display: block;
			height: 41px;
			text-indent: -99999px;
			}
		.news2011 {
			background: url('../img/nav2.png') no-repeat left top;
			}
			.news2011:hover {
				background: url('../img/nav2.png') no-repeat left bottom;
				}
		.news2010 {
			background: url('../img/nav2.png') no-repeat -80px top;
			}
			.news2010:hover {
				background: url('../img/nav2.png') no-repeat -80px bottom;
				}
		.news2009 {
			background: url('../img/nav2.png') no-repeat -160px top;
			}
			.news2009:hover {
				background: url('../img/nav2.png') no-repeat -160px bottom;
				}
		.news2008 {
			background: url('../img/nav2.png') no-repeat -240px top;
			}
			.news2008 {
				background: url('../img/nav2.png') no-repeat -240px bottom;
				}
		.news2007 {
			background: url('../img/nav2.png') no-repeat -320px top;
			}
			.news2007:hover {
				background: url('../img/nav2.png') no-repeat -320px bottom;
				}
#navigation2 {
 width: 470px;
 height: auto;
 float: left;
 position: relative;
 margin-left: 190px; /* esto no va mas */
 z-index: 500;
}
#navigation2 .main-menu2 { margin-top: 20px;}
#navigation2 ul { list-style: none; margin: 0; padding: 0; }
#navigation2 ul li { margin: 0; padding: 0; }

#navigation2 .main-menu2 a {
	width: 470px;
	height: 43px; /* altura de botones principales */
	display: block;
	background: url(../../img/nav2.png) no-repeat;
	text-indent: -1024px;
}

#navigation2 .news2011 a { background-position: 0px 0px; }
#navigation2 .news2011 a:hover, #navigation2 .news2011 a.active { background-position: 0 -29px; }

#navigation2 .news2010 a { background-position: 0px 0px; }
#navigation2 .news2010 a:hover, #navigation2 .news2010 a.active { background-position: 50px -29px; }

#navigation2 .news2009 a { background-position: 0px 0px; }
#navigation2 .news2009 a:hover, #navigation2 .2009 a.active { background-position: 100px -29px; }

#navigation2 .news2008 a { background-position: 0px 0px; }
#navigation2 .news2008 a:hover, #navigation2 .news2008 a.active { background-position: 150px -29px; }

#navigation2 .news2007 a { background-position: 0px 0px; }
#navigation2 .news2007 a:hover, #navigation2 .news2007 a.active { background-position: 200px -29px; }

#navigation2 .news2006 a { background-position: 0px 0px; }
#navigation2 .news2006 a:hover, #navigation2 .news2006 a.active { background-position: 250px -29px; }

.main-menu2 { float: left; display: inline; width: 470px;}

/* SUB MENU GRIS */

#navigation .subnav { float: left; display: inline; width: 130px; height: 376px; background-color: #373629; border-left: 1px solid #E0E2D4;}

.subnav ul { height: 318px; overflow: hidden; width: 130px;}

.subnav li a { display: block; width:130px; text-indent: -1002px; height: 13px; margin: 3px 0;}
.subnav li a:hover, .subnav li a.active { background-position: 0px 13px; }
#sbnvbg li { width: 130px; height: 13px; }

.scroller { width: 130px; display: block; text-indent: -1025px;}
.scroll-up { background: url(../img/btnarrowUP.png) no-repeat 51px 4px #373629; }
.scroll-up:hover { background-position: 51px -14px; }
.scroll-down { background: url(../img/btnarrowDW.png) no-repeat 51px 4px #373629; }
.scroll-down:hover { background-position: 51px -14px; }

/* ----------- CONTENIDO -------------------- */

#news { 
 text-align: right;
 width: 945px;
 height: 376px;
 float: left;
 margin-left: 12px;
/* position: relative;*/
}



/* -----------  FOOTER -------------------- */

#footer{
	width: 1024px; /* esto va a 1001 */
	height: 124px;
	padding: 0px;
	margin: 0px;
}
#paginado {
	float: right;
	width: auto;
	margin: 5px 62px 0px 0px;
	}
#paginas { /*si va a la izquierda habilitar esto y eliminar paginado
	float: left;
	width: 640px;
	margin-left: 305px;	*/
}
#paginas a { margin: 0px 5px 5px 0px; background: url(../img/btnOFF.jpg) no-repeat; width: 10px; height: 10px; font-size: 1px; line-height: 1px; display:block; float:left;}
#paginas a.active, #paginas a:hover { background: url(../img/btnON.jpg) no-repeat; }
#descripcion {
	margin-left: 317px;
	width: 640px;
	height: auto;
	float: left;	
	position: absolute;
	margin-top: 15px;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #38362A;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #38362A;
	}

#premios {
	width: 130px;
	height: 90px;
	position: absolute;
	margin-left: 188px;
}

#logo {
	float: right;
	position: relative;
	z-index: 500;
	width: 54px;
	height: 81px;
	margin-right: 12px; /* esto es prueba */
}
#fb {
	float: right;
	position: relative;
	z-index: 500;
	width: 19px;
	height: 18px;
	margin-right: 6px; 
	margin-top: 12px;/* esto es prueba */
}
#blogger {
	float: right;
	position: relative;
	z-index: 500;
	width: 18px;
	height: 18px;
	margin-right: 12px; /* esto es prueba */
	margin-top: 12px;/* esto es prueba */
}

/* NEWS */
#picnews{
	width: 640px;
	height: 200px;
	background-color: #999;
	}
#ttnews{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #38362A;
	height: auto;
	margin: 20px 20px 0px 20px;
	}	
#txnews{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #38362A;
	height: auto;
	margin: 0px 20px 0px 20px;
	}
	
#descnews{
	margin: 10px 20px 0px 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #38362A;
	height: auto;
	}		

#copy{
 width: 510px;
 font-size: 11px;
 padding: 15px 0px 10px 10px;
 float: left;
}
#footernav{
 width: 470px;
 padding: 0px;
 text-align: right;
 float: left;
}
#footernav a:link, #footernav a:visited{
 font-size: 11px;
 color: #000000;
 text-decoration: none;
}
#footernav a:hover {
 color: #FFFFFF;
}

.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
a:active, a:focus { outline: 0;}
.subnav-bg { background-color: #373629; }
.w130 { width: 140px;}

#barraprincipal {
	float: left;
	width: 175px;
	height: 376px;
	background-color: #999;	
	}
	
#subbarra{
	float: left;	
	width: 130px;
	height: 376px;
	background-color: #039;
	position: absolute;
	margin-left: 175px;
	margin-top: 6px;
	}
	
#contenido{
	float:left;
	text-align: right;
	width: 770px;
	height: 376px;
	background-color: #CCC;
	}	
	
	
	
	
	
	.jcarousel-container {
	}

	.jcarousel-direction-rtl {
		direction: rtl;
	}

	.jcarousel-container-horizontal {
	    width: 245px;
	    padding: 20px 40px;
	}

	.jcarousel-container-vertical {
	    width: 130px;
	    height: 326px;
	    padding: 25px 0;
	}

	.jcarousel-clip-horizontal {
	    width:  245px;
	    height: 75px;
	}

	.jcarousel-clip-vertical {
	    width:  130px;
	    height: 326px; /* 326 era INTERLINEADO DE LOS TRABAJOS */
	}

	.jcarousel-item {
	    width: 130px;
	    height: 13px; /* 13 era */
	}

	.jcarousel-item-horizontal {
		margin-left: 0;
	    margin-right: 10px;
	}

	.jcarousel-direction-rtl .jcarousel-item-horizontal {
		margin-left: 10px;
	    margin-right: 0;
	}

	.jcarousel-item-vertical {
	}

	.jcarousel-item-placeholder {
	    background: #fff;
	    color: #000;
	}

	/**
	 *  Horizontal Buttons
	 */
	.jcarousel-next-horizontal {
	    position: absolute;
	    top: 43px;
	    right: 5px;
	    width: 32px;
	    height: 32px;
	    cursor: pointer;
	    background: transparent url(next-horizontal.png) no-repeat 0 0;
	}

	.jcarousel-direction-rtl .jcarousel-next-horizontal {
	    left: 5px;
	    right: auto;
	    background-image: url(prev-horizontal.png);
	}

	.jcarousel-next-horizontal:hover {
	    background-position: -32px 0;
	}

	.jcarousel-next-horizontal:active {
	    background-position: -64px 0;
	}

	.jcarousel-next-disabled-horizontal,
	.jcarousel-next-disabled-horizontal:hover,
	.jcarousel-next-disabled-horizontal:active {
	    cursor: default;
	    background-position: -96px 0;
	}

	.jcarousel-prev-horizontal {
	    position: absolute;
	    top: 43px;
	    left: 5px;
	    width: 32px;
	    height: 32px;
	    cursor: pointer;
	    background: transparent url(prev-horizontal.png) no-repeat 0 0;
	}

	.jcarousel-direction-rtl .jcarousel-prev-horizontal {
	    left: auto;
	    right: 5px;
	    background-image: url(next-horizontal.png);
	}

	.jcarousel-prev-horizontal:hover {
	    background-position: -32px 0;
	}

	.jcarousel-prev-horizontal:active {
	    background-position: -64px 0;
	}

	.jcarousel-prev-disabled-horizontal,
	.jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-prev-disabled-horizontal:active {
	    cursor: default;
	    background-position: -96px 0;
	}

	/**
	 *  Vertical Buttons
	 */
	.jcarousel-next-vertical {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    cursor: pointer;
	}

	.jcarousel-next-disabled-vertical,
	.jcarousel-next-disabled-vertical:hover,
	.jcarousel-next-disabled-vertical:active {
	    cursor: default;
	    background-position: 0 -96px;
	}

	.jcarousel-prev-vertical {
	    position: absolute;
	    top: 0;
	    left: 0;
	    cursor: pointer;
	}

	.jcarousel-prev-disabled-vertical,
	.jcarousel-prev-disabled-vertical:hover,
	.jcarousel-prev-disabled-vertical:active {
	    cursor: default;
	    background-position: 0 -96px;
	}
.opacity0 { opacity: 0 !important; filter: alpha(opacity=0) !important; -ms-filter: "alpha(opacity=0)" !important; -khtml-opacity: 0 !important; -moz-opacity: 0 !important; }

#video{
	z-index:1;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 640px;
	height: 360px;
	margin-top: -180px;
	margin-left: -320px;
}
#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}