/*===========================================*/

/*
 * ESTRUCTURA
 *
 */
 
/*
 * BODY
 */

body {
	color:#B0B0B0;
	font-family:Arial,Verdana,Sans-Serif;
	margin: 12px auto 12px auto;
	width: 822px;	
	height: auto;
	background-color: #242424;
	text-align: center;
	padding-right: 22px;
	#padding-right: 0px; /* Para IE */
}

/*
 * PÁGINA
 */

.tablaPagina{
	width: auto;
	height: auto;
	background-color: #252525;
	border: 11px solid #30302e;
}

/*
 * HEADER
 */
 
.filaContenedorHeader{
	height: 178px;
}

.tablaHeader{
	border-bottom: 1px solid #252525;
	background-color: #0e0e0e;
	width: 822px;
}

.celdaLogoHeader{
	/* COMENTARIO POSIBLEMENTE INNECESARIO*/
	/* Este width está ligado al width de .tablaContenidoHeader */
	width: 192px;
	text-align: right;
}

.imagenLogoHeader{
	width: 140px; 
	height: 135px; 
	padding-right:28px; 
	#margin-right:28px;
	border: 0;
}

.tablaContenidoHeader{
	/* Este width está ligado al width de .celdaLogoHeader : 822px - 192px : 630px*/
	width: 100%;
}

.margenArribaHeader{
	/*ATENCION: Pixel que se agrega aquí, se resta en .margenAbajoHeader*/
	height: 57px;
	#height: 55px; /* Para IE */
}

.margenAbajoHeader{
	/*ATENCION: Pixel que se agrega aquí, se resta en .margenArribaHeader*/
	height: 71px;
}

.margenDerechoHeader{
	/* Lo único que hay que modificar aquí es el width*/
	width: 42px;
	height: 178px;
}

.margenEntreTextoYBotonesHeader{
	height: 10px;
}

.tablaTextoHeader{
	height: 20px;
	text-align: right;
}

.margenDerechoTextoHeader{
	width: 10px;
}

.tablaBotonesHeader{
/*	width: 502px; */
	width:531px;
	height: 20px;
	background-color: #ca8408;
}

.distanciaEntreBotonesHeader{
	/*width: 20px;*/
	width:25px;
}

.margenIzquierdoBotonesHeader{
	/*width: 62px;*/
	width:25px;
}

.margenDerechoBotonesHeader{
	/*width: 20px;*/
	width:25px;
}

.botonAudiovisualesHeader{
	width:119px;
	border: 0;
}

.botonFotografosHeader{
	width:114px;
	border: 0;
}

.botonBlogHeader{
	width:53px;
	border: 0;
}

.botonFotoensayosHeader{
	width: 120px;
	/*border:none;*/
	border: 0;
}

.franjaHorizontal{
    width: 100%;
    height: 2px;
    background-color: #1A1A1A;
}

/*
 * CUERPO PÁGINA
 */


.tablaCuerpoPagina{
	width: 100%;
	height: 100%;
}

.margenSuperiorCuerpoPagina{
	height: 40px;
}

.margenInferiorCuerpoPagina{
	height: 25px;
}

/*
 * CUERPO PÁGINA - BARRA LATERAL
 */ 

.tablaBarraLateral{
	/* Este width está ligado al width de .tablaContenidoPrincipal, de modo que ambos sumen 822px*/
	width: 230px;
	text-align: justify;
}

.tablaBarraLateralPaginaFotografos{
	/* Este width está ligado al width de .tablaContenidoPrincipal, de modo que ambos sumen 822px*/
	width: 230px;
	text-align: justify;
	border-right: #505050 1px solid;
}

.margenArribaBarraLateral{
	height: 5px;
}

.margenAbajoBarraLateral{
	height: 10px;
}

.margenIzquierdaBarraLateral, .margenDerechaBarraLateral{
	width: 23px;
}

.tituloBarraLateral{
	width: auto;
}

.margenEntreTitulosBarraLateral{
	height: 35px;
}

.margenEntreTituloYTextoBarraLateral{
	height: 13px;
}

.autorTextoBarraLateral{
	margin-top: 5px;
	text-align: right;
}

.tablaSuscripcionBarraLateral{
	text-align: center;
	width: 170px;
}

.ingresoSuscripcion{	
	text-align: left;
}

/*
 * CUERPO PÁGINA - BARRA LATERAL - PÁGINA [F O T O G R A F O S]
 */ 

.margenIzquierdaBarraLateralPaginaFotografos, .margenDerechaBarraLateralaginaFotografos{
	width: 38px;
}

.margenAbajoBarraLateralPaginaFotografos{
	height: 17px;
	#height: 10px; /* Para IE */
}
 
.textoFotografosBarraLateralPaginaFotografos{
	
	margin: 22px 0 5px 15px;
	#margin: 18px 0 15px 15px;
	
	/*
	margin: 17px 0 0 10px;
	#margin: 13px 0 0 10px; 
	*/
}

.tituloBarraLateralPaginaFotografos{
	margin-bottom: 4px;
}

/*
 * CUERPO PÁGINA - CONTENIDO PRINCIPAL
 */ 

.tablaContenidoPrincipal{
	/* Este width está ligado al width de .tablaBarraLateral de modo que ambos sumen 822px*/
	width: 592px;
	text-align: center;
	border-left: #505050 1px solid;
}

.tablaContenidoPrincipalPaginaFotografos{
	/* Este width está ligado al width de .tablaBarraLateral de modo que ambos sumen 822px*/
	width: 592px;
	text-align: center;
}

.margenArribaContenidoPrincipal{
	height: 15px;
}

.margenAbajoContenidoPrincipal{
	height: 20px;
}

.margenIzquierdaContenidoPrincipal, .margenDerechaContenidoPrincipal{
	width: 50px;
}

.textoContenidoPrincipal{
	width: 480px;
	text-align: justify;
}

/*
 * CUERPO PÁGINA - CONTENIDO PRINCIPAL - PÁGINA INICIO
 */ 

#presentacionContenidoPrincipal{
	width: 480px;
	height: 320px;
}
#presentacionContenidoPrincipal img{
	width: 480px;
	height: 320px;
	border: none;
	margin: 0;
	display: none;
}

.errordiv{
	width: 480px;
	height: 320px;
}

.errorimg{
	width: 480px;
	height: 320px;
	border: none;
	margin: 0;
	display: none;

}
 
/* Esta propiedad pertenece a index.html, es el marco que rodea el slideshow.*/
.contenedorPresentacionContenidoPrincipal{
	padding: 9px;
	text-align: center;
	background-color: black;
	width: 480px;
	height: 320px;
	margin-bottom: 20px;
}

.textohome{
	height: auto;
	padding: 10px 17px 10px 17px;
	/*border: #505050 1px solid;*/
	border: solid 1px #30302e;
}

.textohome2{
	color:#ca8408; font:11px Arial, Helvetica, sans-serif; 
}

/*
 * CUERPO PÁGINA - CONTENIDO PRINCIPAL - PÁGINA [ N O M A D A]  
 */
 
.imagenNomada{
	width: 496px;
	height: 247px;
	margin-top: 15px;
	margin-bottom: 3px;
}

.creditoFoto{
	margin-bottom: 22px;
}

.margenAbajoBarraLateralPaginaNomada{
	height: 160px;
	#height: 210px; /* Para IE */
}

/*
 * CUERPO PÁGINA - CONTENIDO PRINCIPAL - PÁGINA [ L I N K S ]
 */

#links{
	height: 400px;
	margin-top: 12px;
	margin-bottom:15px;
	#margin-bottom: 0px;
}

#links ul{
	list-style: none;
	margin-left:0px;
	padding: 0;
}

#links li{
	margin-top:10px;
}

/*
 * CUERPO PÁGINA - CONTENIDO PRINCIPAL - PÁGINA CONTÁCTENOS  
 */

.nombreContacto{
	margin-bottom: 2px;
	margin-top: 20px; 
	text-decoration:none; 
}

.divisionContacto{
	border-bottom: #505050 1px solid;
	width:215px;
	margin-top: 14px;
	#margin-top: 0px;
}

/*
 * CUERPO PÁGINA - CONTENIDO PRINCIPAL - PÁGINA [F O T O G R A F O S]
 */
 
.imagenPortafolioPaginaFotografos{
	width: 480px;
	height: 320px;
	border: none;
	margin-top: 25px;
	margin-bottom: 10px;
}

.datosPortafolio{
	margin-top: 5px;
}

.margenInferiorCuerpoPaginaPaginaFotografos{
	height: 5px;
	#height: 1px;
}

/*
 * CUERPO PÁGINA - CONTENIDO PRINCIPAL - PÁGINA PORTAFOLIO (para cada fotógrafo)
 */
 
.margenIzquierdaContenidoPaginaPortafolio, .margenDerechaContenidoPaginaPortafolio{
	width: 41px;
}

.nombreFotografoPaginaPortafolio{
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 740px;
}

/* Este es el margen entre la foto y el pie de foto, el nombre de esta clase no se debe cambiar */
.replaced{
	padding-bottom: 15px;
}

.botonVolverAPortafolios{
	text-align: center;
	margin-bottom: 10px;
}

.imagenCreativeCommons{
	text-align: center;
	margin-bottom: 15px;
}

/*
 * FOOTER
 */

.footer{
	width: 100%;
	text-align: center;
	margin-top: 8px;
}

.cintilloCCFooter{
	margin-top: 7px;
}

/*===========================================*/

/*
 * TIPOGRAFÍA
 *
 */
 
 
/*
 * HEADER
 */

.textoHeader{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif; 
	color:#666666;
}

.textoHeader a:visited, .textoHeader a:link{
	text-decoration:none;
	color:#cccccc;
	font:11px Arial, Helvetica, sans-serif;
}

.textoHeader a:hover{
	text-decoration:none;
	color:#ffffff;
	font:11px Arial, Helvetica, sans-serif;
}

/*
 * CUERPO PÁGINA - BARRA LATERAL
 */ 
 
.tituloBarraLateral{
	text-align: justify;
	/*color:#666666;*/
	color: #dddddd;
	font:13px Arial, Helvetica, sans-serif;
	font-weight: bold;
 }
 
 .subtituloBarraLateral{
	text-align: justify;
	/*color:#666666;*/
	color: #666666;
	font:11px Arial, Helvetica, sans-serif;
	
 }
 
.textoBarraLateral{
	text-align: justify;
	font:8pt Arial, Helvetica, sans-serif; 
	color:#666666;
}

.textoBarraLateral a:visited, .textoBarraLateral a:link{
	color:#E08C13;
	text-decoration:none;
}

.textoBarraLateral a:hover{
	color:#a2a2a2;
	text-decoration:none;
}

.textoSuscripcionBarraLateral{
	text-align: left;
}

.cajaDeTextoSuscripcion{
   background-color:#30302e;
   border:1px #666666 solid;
   color:#FFFFFF;
}

.botonSubmit{
	margin: 5px;
	background-color: #333333;
	color: #B0B0B0;
	border:1px #666666 solid;
}

/*
 * CUERPO PÁGINA - BARRA LATERAL - PÁGINA FOTÓGRAFOS
 */

.tituloBarraLateralPaginaFotografos{
	text-align: left;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
}

.textoFotografosBarraLateralPaginaFotografos{
	text-align: left;
}

.textoFotografosBarraLateralPaginaFotografos a:link, .textoFotografosBarraLateralPaginaFotografos a:visited, .textoFotografosBarraLateralPaginaFotografos a:hover{
	/*-x-system-font:none;*/
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	/*font-size-adjust:none;*/
	/*font-stretch:normal;*/
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	text-decoration:none;
}


.blinks {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#a2a2a2;
	text-decoration:none;
}


/*
 * CUERPO PÁGINA - CONTENIDO PRINCIPAL
 */ 

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ab6b0f;
	font-weight: bold;
	margin-bottom: 0px;
}
 
.textoContenidoPrincipal{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	color: #FFFFFF; text-decoration:none; 
}

.textohome{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	color: #FFFFFF; 
	background-color:#1e1e1e;
	text-align: justify;
}


.creditoFoto, .creditoFoto a:link, .creditoFoto a:visited, .creditoFoto a:hover{
	font:10px Arial, Helvetica, sans-serif; 
	color:#a2a2a2;
	text-decoration: none;
}

/*
 * CUERPO PÁGINA - CONTENIDO PRINCIPAL - PÁGINA CONTÁCTENOS
 */
 
.nombreContacto{
	/* Hereda de .textoContenidoPrincipal */
	font-weight: bold;
	font-size: 107%;
}

/*
 * CUERPO PÁGINA - CONTENIDO PRINCIPAL - PÁGINA FOTÓGRAFOS
 */

.datosPortafolio, .datosPortafolio a:link, .datosPortafolio a:visited, .datosPortafolio a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}

/*
 * CUERPO PÁGINA - CONTENIDO PRINCIPAL - PÁGINA PORTAFOLIO (para cada fotógrafo)
 */
 
.botonesAnteriorSiguiente{
	text-align:center;
	padding-top:0px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	letter-spacing:3px;
	text-transform:uppercase;
	color:#666666;
}

.botonesAnteriorSiguiente a:link, .botonesAnteriorSiguiente a:visited, .botonesAnteriorSiguiente a:hover{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:6pt;
	color:#666666;
	text-decoration:none;
}


.simboloanteriorsiguiente{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	
}

.botonVolverAPortafolios{
	text-align:center;
	padding-top:30px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	letter-spacing:3px;
	text-transform:uppercase;
	color:#FF9900;
	margin-bottom: 15px;
}

.botonVolverAPortafolios a:link, .botonVolverAPortafolios a:visited , .botonVolverAPortafolios a:hover{
	text-align: right;
	color:white;
	text-decoration:none;
}

/* Este es el texto del pie de foto, el nombre de la clase no se debe cambiar*/
.caption{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	text-align: left;
	#margin-top: 13px; /*Solo para IE*/
	padding-top: 4px;
	padding-bottom: 1px;
	width: 740px;
}

/*
 * FOOTER
 */

.footer, .footer a:link, .footer a:visited, .footer a:hover{
	text-decoration: none;
	font:10px Arial, Helvetica, sans-serif; 
	color:#a2a2a2;
}

/*
 * Para la Galería (portafolios individuales)
 */
.galleria{list-style:block;width:auto;margin-top:0em;}
.galleria li{display:block;width: auto;height:52px;width:64px;
	border-left:1px solid #111;
	border-right:1px solid #111;
	border-top:3px double #111;
	border-bottom:3px double #111;
	margin-right:1px;overflow:hidden;float:left;}
.galleria li a{display:block;}
.galleria li div{position:absolute;display:block;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:0.5em;text-align:center;}
* html .galleria li div span{width: auto;} /* MSIE bug */
#main_image{
/*	background-image: url(img/loading.gif);
	background-repeat: no-repeat;
	background-position:center; */
	width:740px;
	height:528px;
	text-align: center;
	margin-bottom: 10px;
}
.contenedorGaleria{
	height: 607px;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}

/* Progress Bar */
#progressbar{
	display: none;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 275px;
	position: static;
}
.ui-progressbar-bar{
	height: 1px;
	background-color: #a2a2a2;
}
.textoProgressBar{
	padding-top: 5px;
	padding-left: 10px;
	background-color: #a2a2a2;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	text-align:justify;
	color: #252525;
}
.ui-progressbar-wrap{
	height: 1px;
}
.ui-progressbar-text-back{
	margin-top: 8px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	text-align: left;
	color: #a2a2a2;
}
.narrowcolumn .entry p, .narrowcolumn .entrytext p {
margin-bottom:17px;
margin-top:0;
}
.scroll-pane{
	line-height: 2.3;
}

/** Para la info de las publicaciones, agregado por JP 29/abr/2009*/
.scroll-pane {
line-height:2.3;
}

#panelContenedor {
	clear: both;
	margin-top: 25px;
	margin-bottom: 15px;
	position: relative;
}
#spacePanel {
	height: 20px;
	
}

.infoContenedor {
height:310px;
margin-top:0;
font-size:12px;
text-align:justify;

}
.infoTexto {
float:left;
height:280px;
}
.scroll-pane {
background-color:#1D1D1D;
height:266px;
width:494px;
}
.scroll-pane p {
padding:6px 18px 4px;
}
.margenScroll {
background-color:#1D1D1D;
border-right:10px solid #303030;
height:7px;
width:484px;
}
.infoAdjunta {
float:right;
height:280px;
padding-left:0;
padding-right:0;
width:224px;
}
.infoAdjunta p {
margin-top:-8px;
}
.separadorInfoAdjunta {
height:12px;
}
.infoAutor {
background-color:#2D2D2C;
color:#FFFFFF;
font-size:12px;
height:28px;
margin-bottom:6px;
}

.infoAutor a:link, .infoAutor a:visited {
color:#FFFFFF;
text-decoration:underline;
}
.infoAutor a:hover {
color:#FE9500;
text-decoration:underline;
}
.infoAutorNombre {
float:left;
font-size:12px;
margin-left:14px;
margin-top:6px;
}
.infoAutorPortafolio {
float:right;
font-size:11px;
margin-right:20px;
margin-top:6px;
}

.otraPublicacionContenedor{
	background-color:#282927;
}
.otraPublicacionDivision{
	height:2px;
	margin-left:26px;
	margin-right:26px;
	background-color:#303030;
}
.otraPublicacionRecuadro{
	height:133px;
	background-color:#1c1c1b;
	margin-left:5px;
	margin-right:5px;
	padding:3px;
	margin-top:6px;
	margin-bottom:6px;
}
.otraPublicacionImagen{
	width:200px;
	height:133px;
	margin:0;
	border:0;
	padding:0;
}
.otraPublicacionTexto{
	padding-top:8px;
	padding-left:14px;
	color:#ffffff;
	padding-bottom:6px;
}


/*CLEAR*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}