html, body {
	height: 100%;
	margin: 0;

}

body {
	position: relative;
	min-width: 980px;
	min-height: 760px;
	padding: 0;
	font-family: "Trebuchet","Trebuchet MS",arial,Helvetica,sans-serif;
	
	color: #000;
	background: #FFF;

}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a.selected {
    color: #E43817;
}
a:active {
    color: #E43817;
}


a:hover {
    color: #656354;
}


a {
	color: #000000;
	outline: none;
	text-decoration: none;
}

br.clear {
	clear: both;
}


#wrapper {
	
        padding-left: 10px;
        height: 575px; 
	width: 980px;
        background-color: #D4D0C8;
	position: absolute;
	top: 50%;
	left:50%;
	margin-top: -330px;
	margin-left: -490px;

}

#logo {
		
		position: relative
		float; left;
		position: relative;
		font-weight: normal;
		font-size: 25px;
		letter-spacing: -1px;
		color: #000;
		
		text-decoration: none;
		height: 40px;
		margin-top: -40px;
		
}

	
#logo span {
		color: #685D5D;
		font-style: italic;
	}

#idioma {

		position: relative;
		float: right;
		font-size: 12px;
		letter-spacing: -1px;
		color: #000;
		text-decoration: none;
		height: 20px;
		margin-top: -15px;
		
		

		}







#left_container {

		float: left;
    		height: 62px;
    		position: relative;
    		width: 980px;
		
	}


#right_container {

		float: right;
   		height: 510px;
    		position: relative;
		text-align: left;
    		width: 980px;
	}
#bottom_container {
		float: left;
   	 	height: auto;
		position: relative;
    		
   	 	width: 980px;
		font-weight: normal;
		font-size: 14px;
		bottom: 0px;
	
	
		
}


#categories {
	margin-top: 25px;
	
	position: relative;
	
	

}
#categories p {
    	color: #000000;
    	display: inline;
	font-size: 18px;
    
    	margin-bottom: 2px;
    	margin-right: 65px;
	
}

#wan_award {
    	
    	margin-bottom: 0px;
    	margin-left: -10px;
	
}   
  
}
#categories a {
    color: #000000;
    font-size: 18px;
   
}

#categories span {
    color: #000000;
    font-size: 18px;
    padding-bottom: 2px;
	
	
    
}

	
	
	#categories .titleselected {
		color: #E43817;
		border-bottom: 2px solid #E43817;
		
	}


	
#left_column {
	float: left;
   		height: 510px;
       		position: relative;
		text-align: left;
    		width: 380px;
		color: #000;
		font-size: 13px;
		text-decoration: none;
		
	
	}

#left_column  ul h1 {

	color: #000000;
   	font-size: 20px;
    	font-weight: normal;
    	letter-spacing: -1px;
    	
    	text-decoration: none;
    	
	}

#left_column h1 span {

		color: #685D5D;
		font-style: italic;
		
	}

#right_column {

		float: right;
   		height: 510px;
    		position: relative;
		bottom: 0px;
		text-align: right;
    		width: 600px;
		color: #000;
		font-size: 13px;
		text-decoration: none;
	}
#right_column h1{

   		color: #E43817;
   		font-size: 20px;
    		font-weight: normal;
    		letter-spacing: 0px;
    		text-decoration: none;
	}
#right_column h2{

   		color: #000000;
   		font-size: 15px;
    		font-weight: normal;
    		letter-spacing: 0px;
    		text-decoration: none;

	}

div.caja {
	border-bottom: 2px solid #E43817;
	

	}
div.experiencia {
		color: #2E2E2E;
		font-size: 15px;
		font-style: italic;
}

#mosaicoseleccion td  {
	
	
	
	height: 230px;
	font-size: 10px;
	
	vertical-align: bottom;

		
}

#mosaicoseleccion td .selection { 
	
	border-right: 2px solid #E43817;
	
	padding: 0px 13px ;
	margin: 0px 0px;
	
	font-size: 10px;
	
	vertical-align: bottom;
}

#mosaicoseleccion td .lastselection { 
	
	padding: 0px 13px ;
	margin: 0px 0px;
	
	font-size: 10px;
	
	vertical-align: bottom;
	
	
}
		



#mosaicoseleccion tr img{
	

	width: 130px;
	height: auto;
	hspace: 10px;
	
	position: relative;
	

		
}


#menu {
    float: left;
    width: 234px;
}
#menu ul {
    list-style: none outside none;
    margin: 0;
    padding-bottom: 5px;
    position: absolute;
	
}
#menu ul ul {
    	left: 147px;
    	top: 0;
	width: 230px;
}


#menu li {
    margin-bottom: 0px;
width: 145px;
}
#menu li a {
    width: 240px;
}

#menu ul ul li {
    margin-top: 0px;
width: 230px;
	font-weight: bold;
}

#menu ul span{
    	margin-bottom: 5px;
	margin-top: -2px;
	font-size: 11px;
	display: table;
	font-weight: none;
}


#menuvideos {
    float: left;
    width: 500px;

	
}
#menuvideos ul {
    list-style: none outside none;
    margin: 0;
    padding-bottom: 5px;
    position: absolute;
}
#menuvideos ul ul {
    	left: 140px;
    	top: 0;
	width: 820px;
	text-align:justify;
	line-height: 16px;
	font-size: 12px;
}


#menuvideos li {
    margin-bottom: 0px;
width: 500px;
}
#menuvideos li a {
    width: 500px;
}

#menuvideos ul ul li {
    	margin-top: 0px;
	width: 820px;
	height: 15px;
}

#menuvideos ul li ul span{
    	margin-bottom: 15px;
	font-size: 12px;
	display: table;
	
}




#fotospublicaciones {
    	width: 100px;
	height: 200px;
	margin: 0; padding: 0;
	position: absolute;
	right: 0px;
	top: 0px;
}



#menupremios li {
    	margin-bottom: 0px;
	width: 100px;
}

#menupremios ul {
    	list-style: none outside none;
    	margin: 0;
    	padding-bottom: 5px;
    	position: absolute;
}
#menupremios ul ul {
    	left: 140px;
    	top: 0;
	width: 500px;
}



#menupremios dl {


    	position: relative;
   	top: 0px;
   	width: 800px;
}
#menupremios dt {

	font-weight: bold;
    left: 0;
    position: relative;
    top: 18px;
    width: 50px;
}
#menupremios dd {
	margin: 0 0 0 50px;
    	position: relative;
   	
   	width: 750px;
}

#menupremios dd p{
	text-align: justify;
}
#menupremios img {

	position: relative;
	bottom: 0px;
	
}


#menupremios dd span{
	font-weight: bold;
    	
}





/* CAROUSEL */

.carousel{
    margin:  0 0 0 0;
    position: relative;
    height: 510px;
    width: 600px;
    overflow: hidden;    
}

.carousel h2{
	color: #fff;
}	


.carousel .backgrounds{
    height: 461px;
	width: 600px;
    
}
.carousel .backgrounds .item{
	
	float: left;
    	height: 461px;
    	position: relative;
    	width: 600px;
   	z-index: 1;
	top: 0px;
	right: 0px;	
	
}




.carousel .panel{
    color: #fff;
    position: relative;
    right: 0;
    top:0;
    height: 49px;
    width: 600px;
    z-index:10;
}

.carousel .panel .paging{
    position:relative;
    width: 600px;    
    text-align:right;   
}

.carousel .panel .paging a{
    color: #4c4c4c;
    font-size: 12px;
}


.carousel .panel .paging .next{
    position:relative;
    right:0;
    bottom:0;
    display:inline-block;
    width: 18px;
    height: 18px;
    background: transparent url(../images/flechadch.gif)     no-repeat 0 0;
    
}

.carousel .panel .paging .previous{
    position:relative;
    left:0;
    bottom:0;
    display:inline-block;
    width: 18px;
    height: 18px;
    background: transparent url(../images/flechaizq.gif) no-repeat 0 0;
    
}

.carousel .panel .paging #numbers a {
    padding: 0 5px 0 5px;
}

.carousel .panel .paging #numbers a.selected {
    color: #fff;
}



/* END CAROUSEL */

#bottomPanel {
		
		float: right;
   		height: 20px;
    		position: absolute;
		text-align: justify;
    		width: 600px;
		color: #000;
		font-size: 14px;
		text-decoration: none;
		bottom: 15px;
	}

#sliderScrollBar {
	
    background-repeat: no-repeat;
    float: left;
    margin-top: 2px;
    position: relative;
    width: 500px;
	background-color: #D4D0C8;
}	

.leftSlideRangeHolder {
    
    background-position: left bottom;
    background-repeat: no-repeat;
    float: left;
    margin: 0;
    position: relative;
    width: 50px;
}
.rightSlideRangeHolder {
    
    	background-position: right bottom;
    	background-repeat: no-repeat;
    	float: right;
    	position: relative;
	width: 50px;
}

#sliderScrollBar a {
    cursor: pointer;
    margin-top: 4px;
}


#output  {	
	position: relative;
	width: 990px;
	height: auto;
	margin-left: -10px;

}

#output_navigation  {	
	position: center;
}
#output_navigation img {
	width: auto;
	height: autopx;
	margin: 0; padding: 0;
	position: absolute;
	right: 0px;
	top: 0px;
		
}

#output_navigation_2 img {
	width: auto;
	height: autopx;
	margin: 0 0 49px;
	padding: 0;
	position: absolute;
	bottom: 0px;
	width: autopx;
	height: autopx;
		
}


.hidden {
	display: none;
}

.thumbnails
{
	width: 200px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

	.thumbnails li
	{
		margin: 0 0 20px 0;
		padding: 0;
		float: none;
	}
	.thumbnails .first
	{
		margin-left: 0px;
	}
	.thumbnails .last
	{
		margin-right: 0px;
	}
	.thumbnails li img
	{
		width: 100px;
		height: 75px;
		border: solid 5px #FFF;
		cursor: pointer;
	}

	.thumbnails li img.active
	{
		border: solid 5px #56bcf1;
	}
	
.hidden {
	display: none;
}