* { margin:0; padding:0; }

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address { margin: 0.5em 0; } 

li,dd { margin-left:1em;} 

fieldset { padding:.5em; } 

img {border: 0;}

a img {border: 0;}

table {
    font-size: 1em;
}
/*end global resets*/

/* CSS Document */

html {
	height: 100%;

}
body  {
	margin: 0;
	padding: 0;
	color: #333333;
	height: 100%;
	font-size: 10px;
	background-image: url(../images/fndNewFaces_01.gif);
	background-repeat: no-repeat;
	background-position: left top;

}


p {
}


h1 {
	font: 2 em/1.0em normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;
}

h2 {
	color: #333333;
	font: 1.3em/1.0em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h3 {
	color: #333333;
	font: 1.2em/1.0em normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h4 {
	color: #333333;
	font: 1.1em/1.0em normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h5 {
	color: #333333;
	font: 1.1em/1.0em normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h6 {
	color: #333333;
	font: 0.7em normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}


/*General link Styling*/
a:link, a:visited {
	color: #333333; 
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

a:hover, a:active {
	color: #333333;	
	text-decoration: underline;
}

/*//////////////////////////////////////////////////////////////////////////////////////////  //////////////////////////////////////////////////////////////////////////////////////////*/



#contenedor {
	width: 100%;
	height: 100%;	
}


/*///////////////////////////////// COLUMNA //////////////////////////////////////////////////  //////////////////////////////////////////////////////////////////////////////////////////*/


#columna1 {
	position: absolute;
	margin: 0; 
	left: 30px;
	top: 0;
	width: 255px;
	height: 100%;
	background: url(../images/fndMenu_02.jpg) top center no-repeat #FFFFFF;
	border-left:  #CCCCCC solid 1px;
	border-right:  #CCCCCC solid 2px;
	z-index:10 !important;
}




/******************************* MENU **/


.menu {
	position: relative;
	top: 165px;
	height: auto;	
	width: 255px;
	padding: 0;
	margin: 0;


}
.menu ul {
	padding: 0;
	margin: 0;
}	

.menu li {  
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;		
  	text-align: left;
	font-family:verdana;
	width: 240px;

}

.menu li a, .menu li a:visited {
	color: #FFFFFF;
	text-decoration:none;
	background-color: #999999;
	padding: 4px 0 0 15px;
	height: 17px;
	width: 100%;
	display: block;
	margin: 0;
	font-size: 11px;
	border-bottom: 1px #CCCCCC solid;
	filter: alpha(opacity=70); 
	opacity: .7;

}


.menu li a:hover {
	color: #FFFFFF;
	background-color: #7E7E7E;
}
.menu li a:active {
	color: #FFFFFF;
	background-color: #666666;
}


.activado a{
	font-size: 26px !important;
	color: #CCCCCC;
	width: 100%;
	height: 100px!important;
	background-image: url(../images/menuChicas_01.gif);
	color: #FFFFFF;
	filter: alpha(opacity=100) !important; 
	opacity: 1 !important;


}

.activado a:hover{
	color: #FFFFFF;
	filter: alpha(opacity=60)!important; 
	opacity: .6!important;
}

/******************************* MENU TOP**/

#columna2 {
	position: absolute;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	right: 40px;
	top: 0;
	height: 305px;
	width: 200px;
	z-index:1;
	background: url(../images/fndMenu_03.jpg) repeat-x #FFFFFF;
}


.menu_top {
	position: relative;
	top: 5px;
	height: auto;	
	padding: 0;
	margin: 0;


}
.menu_top ul {
	padding: 0;
	margin: 0;
}	

.menu_top li {  
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;		
  	text-align: left;
	font-family:verdana;

}

.menu_top li a, .menu_top li a:visited {
	color: #FFFFFF;
	text-decoration:none;
	background-color: #999999;
	padding: 4px 0 0 10px;
	height: 17px;
	display: block;
	margin: 0;
	font-size: 11px;
	border-bottom: 1px #CCCCCC solid;
}


.menu_top li a:hover {
	color: #FFFFFF;
	background-color: #7E7E7E;
}
.menu_top li a:active {
	color: #FFFFFF;
	background-color: #666666;
}



/********************************************* Gallery Styles */
#motioncontainer {
	position:absolute;
	left:258px;
	top:215px; 
	width:200px; 
	height:185px; 
	overflow:hidden;
	z-index:2;
	border:  #CCCCCC solid 1px;
	background-color: #FFFFFF;
}

/** html body #motioncontainer{

	left: 285px;
	top:105px; 
	width:600px; 
	height:390px;
	border:  #CCCCCC solid 1px;
	background-color: #FFFFFF;

}
*/
#trueContainer{
	padding: 0;
}

#trueContainer td a{
	border: 1px solid #CCCCCC;
	padding: 1px;
	margin: 0px;
	width: 60px;
	height: 85px;
	display:block;
	background-color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

#trueContainer td a:hover{
	background-color: #CCCCCC;
	text-decoration: none;
}



/*.titulofoto { 
	width: 110px;
	text-align:center;
	margin: 2px;
	font-size: 14px;
	

}	*/

#trueContainer td img { 
	
	width: 60px;
	height: 85px;

}	


 
/*////////////////////////////////////// FICHA /////////////////////////////////////////////  //////////////////////////////////////////////////////////////////////////////////////////*/


#ficha_2{
	position: relative;
	left: 350px;
	top:30px; 
	width:475px; 
	height:470px;
		background: url(../images/fndFicha_02.jpg) no-repeat top left;

/*	border: 1px solid #CCCCCC;
*/}

#ficha_2 h1{
	position: relative;
	color: #999999;
	left: 5px;
	top:0px;
	font-weight: bold;
	font-size: 24px;
	font-family:"Courier New", Courier, monospace;	
}


#fotoFicha2{
	height:270px;
	left:114px;
	overflow:hidden;
	position:relative;
	top:49px;
	width:180px;
}


#fotoFicha2 img {
	height: 270px;
}	

#datosFicha2{
	position: absolute;
	padding: 15px 4px 4px 25px;
	left: 260px;
	top:35px; 
	width:205px; 
	height:180px;
	background: url(../images/fndDatosFicha_01.gif) no-repeat top left;
	background-color:#FFFFFF;


}#vermasFicha2{
	top:85px;
	position: relative;
	width: 70px;
	height: 8px;
	left: 165px;
	padding: 4px;
	text-align: center;



}#vermasFicha2 a:link,  #vermasFicha2 a:visited {
font-family: "Courier New", Courier, monospace;
font-size: 12px;
color:#CC0000;
	text-decoration: underline;
}

#vermasFicha2 a:hover, #vermasFicha2 a:active{
color:#990000;
	}

/*////////////////////////////////////// MAS MENU///////////////////////////////////////////  //////////////////////////////////////////////////////////////////////////////////////////*/

.volver a:link, .volver a:visited {
	position: relative;
	width: 75px;
	top: 50px;
	left: 15px;
	height: 37px;
	margin: 0;
	padding: 4px 10px 0 40px;
	color: #666666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	background: url(../images/fndVolver.gif) no-repeat #EEEEEE 3%;
	font-size: 11px;
	border: 1px #CCCCCC solid;
	display: block;
	text-align: left;
	line-height: 95%;
}

.volver a:hover, .volver a:active {
	color: #333333;
	text-decoration: underline;
	background-color: #EAEAEA;
	background: url(../images/fndVolver.gif) no-repeat #EEEEEE left;

	}

/*////////////////////////////////////// MAS MENU///////////////////////////////////////////  //////////////////////////////////////////////////////////////////////////////////////////*/

.siguiente a:link,  .siguiente a:visited {
	position: relative;
	width: 80px;
	top: 50px;
	left: 15px;
	height: 115px;
	margin: 10px 0 0 0;
	padding: 4px 10px 0 35px;
	text-decoration: underline;
	background: url(../images/fndSiguiente.gif) no-repeat #EEEEEE 50%;
	border: 1px #CCCCCC solid;
	display: block;
}

.siguiente a:hover, .siguiente a:active{
	background-color: #EAEAEA;
	}	

.anterior a:link, .anterior a:visited{
	position: relative;
	width: 80px;
	top: 50px;
	left: 15px;
	height: 105px;
	margin: 10px 0 0 0;
	padding: 4px 10px 0 35px;
	text-decoration: underline;
	background: url(../images/fndAtras_01.gif) no-repeat #EEEEEE 50%;
	border: 1px #CCCCCC solid;
	display: block;
}

.anterior a:hover, .anterior a:active {
	background-color: #EAEAEA;
	}
	
	
	
	
	
	
	
	
	
	
	

    /* Data Viewer */
#Viewer { 
left:105px;
padding:0px;
position:relative;
text-align:center;
top:55px;
width:195px;
 
}

#Viewer .caption{color: #999999;

font-weight: bold;	font-size: 16px; font-family:"Courier New", Courier, monospace; letter-spacing: -1px;
}
#Viewer .caption a{

color: #999999;
font-weight: bold;	
font-size: 16px; 
font-family:"Courier New", Courier, monospace; 
letter-spacing: -1px;
text-decoration:none;
}

.data{
	font-family:"Courier New", Courier, monospace; 
	font-size: 11px !important; 
	color:#990000; 
	left: 30px;
	padding: 4px;
	text-align: center;



}.data a:link,  .data a:visited {
font-family: "Courier New", Courier, monospace;
font-size: 12px;
color:#CC0000;
	text-decoration: underline;
}

.data a:hover, .data a:active{
color:#990000;
	}
	
	
   




    /* Generic Carousel Properties */
    .carousel {
	position:relative;
	clear:both;
	left:0px;
	margin-top:40px;
    }
    .carousel .navButton {
        cursor:pointer; display:block; text-indent:-9999px; background-repeat:none; z-index:10;
    }
    .carousel .container { position:absolute; overflow:hidden; }
    .carousel .items { position:absolute; }
    .carousel .item { position:relative;
        cursor:pointer;
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
        -moz-opacity:0.7;
        opacity:0.7;
        list-style-type:none; margin:0px; 
    }
    .carousel .item.hover, .carousel .item.selected { 
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity:1.0;
        opacity:1.0;    
    }

    /* Vertical Carousel */
    #Carousel { width:200px; height:180px; }
    #Carousel .container { left:0px; top:15px; width:200px; height:145px; }
        
    #Carousel .items { top:0; left:0px; }
    #Carousel .item { background-color:#ffffff; height:28px; margin-bottom:2px;  width:230px; }
    #Carousel .item.hover { background-color: #CCCCCC; }
    #Carousel .item.selected { background-color:#ffffff; }
    #Carousel .item .caption { position:absolute; left:5px; top:5px; width:135px; font-family:"Courier New", Courier, monospace; font-size: 11px !important; color: #333333; background-color:transparent; }
    #Carousel .item .caption a{ text-decoration:none;}
	#Carousel .item .icon img { position:relative; left:5px; width:12px !important; height:12px;  cursor:default; top:2px;}
    #Carousel .navButton {
	position:absolute;
	bottom:0px;
	width:122px;
	height:28px;
}
    #Carousel .navButton.previous { left:0px; background :url(../images/buttondown.png) #EAEAEA no-repeat ;width: 75px; height: 15px;}
    #Carousel .navButton.next {color: #FFFFFF; right: 0; 
	background: url(../images/buttonup.png)  center; width: 75px; height: 15px;}
    
    /* Hide data items from selector */
    .email {display:none;
	} 


    /* Hide data items from selector */
    #Carousel2 .item .key { display:none;}
    #Carousel2 .item .picture { display:none;}
