/****************************************************************************************/
/******************* Hoja de estilos principal de mixFotos.com **************************/
/****************************************************************************************/
body
{
	margin:0px;
	padding:0px;
	background:#000000;
	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;
	text-align:justify;
	font-family:Arial,Calibri,Verdana,"Arial Rounded MT Bold","Comic Sans MS";
}
p{margin:0px;padding:0px;}
a{text-decoration:none;}
/************************* LOS 2 BLOQUES PRINCIPALES *****************************/
#AreaTrabajo
{
	width:1003px;
	height:auto;
	padding:0px;
	margin:0px;
	overflow:visible;
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;
}
#AreaContenido
{
	display:block;
	float:right;
	width:800px;
	height:auto;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
/************************* ZONA MAIN DE CABECERA FLASH ***************************/
.Cabecera
{
	display:block;
	float:right;
	margin:0px;
	padding:0px;
	margin-bottom:3px;
	background-repeat:no-repeat;
	width:800px;
	height:150px;
}
/************************* BOTONES HOTIZONTALES *********************************/
#botonesHorizontales
{
	display:block;
	float:right;
	clear:none;
	width:800px;
	height:40px;
	padding:0px;
	overflow:visible;
	margin:0px;
	margin-bottom:3px;
	margin-left:0px;
}
.botonHorizontal,a.botonHorizontal:link,a.botonHorizontal:visited,a.botonHorizontal:focus
{
	display:block;
	float:right;
	width:140px;
	height:40px;
	padding:0px;
	padding-right:20px;
	margin:0px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:right;
	font-size:15px;
	font-style:italic;
	line-height:40px;
	vertical-align:middle;
	background-image:url(../graficos/bothorzoff2.gif);
}
a.botonHorizontal:hover,a.botonHorizontal:active
{
	display:block;
	float:right;
	width:140px;
	height:40px;
	padding:0px;
	padding-right:20px;
	margin:0px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:right;
	font-size:15px;
	font-style:italic;
	line-height:40px;
	vertical-align:middle;
	background-image:url(../graficos/bothorzon2.gif);
}
.iconoBoton
{
	float:left;
	clear:none;
	border:0px;
	margin:0px;
	margin-left:10px;
	margin-top:8px;
}
/************************* BARRA ANCHA DE TÍTULOS *******************************/
.titulo
{
	display:block;
	float:right;
	clear:none;
	margin:0px;
	margin-bottom:3px;
	padding:0px;
	background-color:#666;
	width:800px;
	height:30px;
	overflow:hidden;
	color:#FFFFBB;
	font-size:20px;
	font-variant:small-caps;
	font-style:italic;
	font-weight:bold;
	line-height:30px;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
}
.iconoBarra
{
	float:left;
	clear:none;
	margin:0px;
	margin-left:3px;
	margin-top:3px;
}
/**************************** DEFINICIONES DEL PIE DE PAGINA ***********************************/
.logoFin,.logoFin:hover
{
	display:block;
	float:right;
	height:0px;
	width:0px;
	padding:0px;
	margin:3px;
	margin-left:325px;
	margin-right:325px;;
}
.logoFin:hover {}
.textoPie
{
	display:block;
	width:800px;
	height:auto;
	float:right;
	color:#CCCCCC;
	font-size:12px;
	line-height:20px;
	text-align:center;
	margin-bottom:5px;
}
.barraLogos
{
	display:block;
	float:right;
	padding:0px;
	margin:0px;
	margin-left:195px;
	margin-right:195px;
	height:40px;
	width:403px;
}
.logoPie
{
	display:block;
	padding:0px;
	margin:3px;
	float:left;
	height:31px;
}
.contador
{
	display:block;
	float:right;
	clear:none;
	margin:0px;
	margin-top:5px;
	padding:0px;
	width:800px;
	height:20px;
	overflow:hidden;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
}
/************************************ FOTOS **********************************************/
.fotoTextoDer,.fotoTextoDerLink
{
	float:left;
	margin:5px;
	background:url(../graficos/cargando.gif) no-repeat center center;
}
.fotoTextoDer {border:3px #000000 solid;}
.fotoTextoDerLink {border:1px #FFFFFF solid;}
.fotoTextoDerLink:hover {border:1px #f47f0b solid;}

.fotoTextoIzq,.fotoTextoIzqLink
{
	float:right;
	margin:5px;
	background:url(../graficos/cargando.gif) no-repeat center center;
}
.fotoTextoIzq {border:3px #000000 solid;}
.fotoTextoIzqLink {border:1px #FFFFFF solid;}
.fotoTextoIzqLink:hover {border:1px #f47f0b solid;}

.fotoCentrada,
.fotoCentradaLink,.fotoCentradaNL,
.fotoCentradaLink4C,.fotoCentradaNL4C,
.fotoCentradaLink3C,.fotoCentradaNL3C,
.fotoCentradaLink2C,.fotoCentradaNL2C,
.fotoCentradaSinBorde,
.fotoCentradaGalLink,.fotoCentradaGalLinkL,
.fotoCentradaGal,.fotoCentradaGalL
{
	display:block;
	margin:5px;
	margin-left:auto;
	margin-right:auto;
	background:url(../graficos/cargando.gif) no-repeat center center;
}
.fotoCentrada {border:4px #000000 solid;}
.fotoCentradaLink,.fotoCentradaNL {border:4px #FFFFFF solid;}
.fotoCentradaLink:hover {border:4px #f47f0b solid;}
.fotoCentradaLink4C,.fotoCentradaNL4C {border:1px #FFFFFF solid;}
.fotoCentradaLink4C:hover {border:1px #f47f0b solid;}
.fotoCentradaLink3C,.fotoCentradaNL3C {border:2px #FFFFFF solid;}
.fotoCentradaLink3C:hover {border:2px #f47f0b solid;}
.fotoCentradaLink2C,.fotoCentradaNL2C {border:3px #FFFFFF solid;}
.fotoCentradaLink2C:hover {border:3px #f47f0b solid;}
.fotoCentradaSinBorde {border:0px #000000 solid;}
/************************************ GALERIAS **********************************************/
.contenedorFotoGal
{
	display:block;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	overflow:hidden;
}
.bordeFotoGalDer
{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width:8px;
	overflow:hidden;
	background:url(../graficos/galderecha.png);
}
.bordeFotoGalInf
{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	height:8px;
	background:url(../graficos/galinferior.png);
}
.bordeFotoGalEsq
{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	height:8px;
	width:8px;
	background:url(../graficos/galesquina.png);
}
.fotoCentradaGalLink,.fotoCentradaGalLinkL,
.fotoCentradaGal,.fotoCentradaGalL
{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	background:url(../graficos/cargando.gif) no-repeat center center;
}
.fotoCentradaGalLink {border:1px #FFCC66 solid;}
.fotoCentradaGalLink:hover {border:1px #f47f0b solid;}
.fotoCentradaGalLinkL {border:1px #FFCC66 solid;}
.fotoCentradaGalLinkL:hover {border:1px #f47f0b solid;}
.fotoCentradaGal {border:1px #FFFFFF solid;}
.fotoCentradaGalL {border:1px #FFFFFF solid;}
/******************************** TIPOS DE LETRA *****************************************/
.email {color:#FFCC33;}
.email:hover {color:#FF6600;}
.linkLow:hover {text-decoration:underline;}
.aviso {color:#F7E199;}
.aviso:hover {color:#FCA21B;}
.navegacion {color:#0099FF; font-weight:bold;}
.navegacion:hover {color:#00FFFF; font-weight:bold;}
.linkGaleria {color:#FFFFCC; font-style:italic; font-variant:small-caps; font-weight:bold;}
.linkGaleria:hover {color:#FF9900;}
.error {color:#FF9191;}
.correcto {color:#9BFFAC;}
.resaltado {color:#FFD297;}
.tituloFoto {color:#FFFFFF; text-align:center; margin-top:10px; margin-bottom:3px;}
.tituloGaleria {color:#FFCC66; text-align:center; margin-top:10px; margin-bottom:3px; font-style:italic; font-weight:bold;}
.estadisticasFoto {color:#777777; text-align:center;}
.estadisticasGaleria {color:#DDDDDD; text-align:center; font-style:italic;}
.textoBuscado {background:#FFFF00; color:#000000;}
/******************************* VARIOS ***************************************************/
.precargaImagen
{
	width:0px;
	height:0px;
	margin:0px;
	padding:0px;
	border:none;
}
/************************* ESTILOS DE FORMULARIO *******************************/
.formulario,.formularioCheck
{
	font-size:14px;
	color:#E8BD66;
	height:20px;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	margin-bottom:4px;
	border: 0px #424242 solid;
	background-color:#111111;
}
.formularioCheck {background-image:none; background-color:#333333;}
.formularioError
{
	font-size:14px;
	color:#FFFFFF;
	height:20px;
	margin:0px;
	padding:0px;
	margin-bottom:4px;
	border: 0px #FF0000 solid;
	background-color:#6C0000;
}
.listaDesplegable,.listaDesplegableError
{
	line-height:16px;
	font-size:13px;
	color:#E8BD66;
	font-weight:lighter;
	background-color:#111111;
	border: 1px #444444 solid;
}
.listaDesplegableError {color:#FFFFFF; background-color:#FF3333;}
/************************* BOTONES DE FORMULARIOS *******************************/
.menuBotones
{
	text-align:center;
	margin:0px;
	padding:0px;
}
.cantoBoton
{
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:middle;
}
.botonFormulario,.botonFormularioBig
{
	margin:0px;
	padding:0px;
	background-color:#FFCC33;
	color: #000000;
	font-weight:bold;
	height:24px;
	vertical-align:middle;
	border-width:0px;
	background-image:url(../graficos/botonfc.gif);
	background-repeat:repeat;
}
.botonFormularioBig {font-size:16px;}
.botonFormPeque,.botonFormPequeBorrar,.botonFormPequeEditar,.botonFormPequeComent
{
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	background-color:#666666;
	vertical-align:middle;
	border: 1px #444444 solid;
	height:15px;
	font-size:10px;
}
.botonFormPequeBorrar {color:#FF6666;}
.botonFormPequeEditar {color:#66CC33;}
.botonFormPequeComent {color:#FFFF99;}
.botonPeque,.botonPequeAuto
{
	display:block;
	float:left;
	height:20px;
	width:auto;
	margin:0px;
	margin-right:3px;
	padding:0px;
	vertical-align:middle;
}
.botonPequeAuto {height:auto;}
/************************* LISTADOS *******************************/
.elementoTablaFotos
{
	display:block;
	float:left;
	height:55px;
	width:auto;
	margin:0px;
	margin-right:5px;
	padding:0px;
	vertical-align:middle;
	overflow:hidden;
}
.iconosImagen
{
	display:block;
	clear:both;
	margin:0px;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}
.iconoImagen
{
	display:block;
	float:left;
	text-align:center;
	margin:0px;
	margin-left:5px;
	padding:0px;
	vertical-align:middle;
	color:#39F;
	font-size:10px;
}
.iconoImagen:hover {color:#FFF;}
.textoEstructuraGalerias
{
	display:block;
	float:left;
	height:20px;
	width:auto;
	margin:0px;
	margin-left:0px;
	margin-right:3px;
	padding:0px;
	vertical-align:middle;
	color:#FFCC66;
	font-style:italic;
}
.textoEstructuraGalerias:hover {color:#FFFFFF;}
/*************************** BARRA DE COMPRA ************************/
.barraCompraPaso1,.barraCompraPaso2,.barraCompraPaso3,.barraCompraPaso4,.barraCompraPaso5
{
	display:block;
	width:800px;
	height:99px;
	float:right;
	padding:0px;
	margin:0px;
	margin-bottom:3px;
	overflow:hidden;
	background-repeat:no-repeat;
}
.barraCompraPaso1 {background-image:url(../graficos/paso1.gif);}
.barraCompraPaso2 {background-image:url(../graficos/paso2.gif);}
.barraCompraPaso3 {background-image:url(../graficos/paso3.gif);}
.barraCompraPaso4 {background-image:url(../graficos/paso4.gif);}
.barraCompraPaso5 {background-image:url(../graficos/paso5.gif);}
.cPaso
{
	display:block;
	clear:none;
	float:left;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:74px;
	margin:0px;
	height:25px;
	width:140px;
}
.numeracion
{
	font-size:36px;
	color:#FF3333;
	margin:5px;
}
.explicacion
{
	display:block;
	clear:none;
	float:left;
	text-align:left;
	color:#CCCCCC;
	padding:0px;
	margin:25px;
	height:auto;
	width:750px;
	font-size:12px;
}
/************************* BARRA DE NAVEGACION **********************/
.navTexto
{
	float:left;
	margin:0px;
	margin-right:5px;
	padding:0px;
	border:0px;
	height:22px;
	vertical-align:middle;
}
.navPrimero,.navAnterior,.navSiguiente,.navUltimo,
.navPrimeroOFF,.navAnteriorOFF,.navSiguienteOFF,.navUltimoOFF,
.navSuperior
{
	float:left;
	margin:0px;
	margin-right:5px;
	padding:0px;
	border:0px;
	width:22px;
	height:22px;
	vertical-align:middle;
}
.navPrimero {background-image:url(../graficos/primero.gif);}
.navAnterior {background-image:url(../graficos/anterior.gif);}
.navSiguiente {background-image:url(../graficos/siguiente.gif);}
.navUltimo {background-image:url(../graficos/ultimo.gif);}
.navPrimero:hover {background-image:url(../graficos/primeroON.gif);}
.navAnterior:hover {background-image:url(../graficos/anteriorON.gif);}
.navSiguiente:hover {background-image:url(../graficos/siguienteON.gif);}
.navUltimo:hover {background-image:url(../graficos/ultimoON.gif);}
.navPrimeroOFF {background-image:url(../graficos/primeroOFF.gif);}
.navAnteriorOFF {background-image:url(../graficos/anteriorOFF.gif);}
.navSiguienteOFF {background-image:url(../graficos/siguienteOFF.gif);}
.navUltimoOFF {background-image:url(../graficos/ultimoOFF.gif);}
.navSuperior {background-image:url(../graficos/superior.gif);}
.navSuperior:hover {background-image:url(../graficos/superiorON.gif);}
/**************************** PUBLICIDAD **************************/
.publicidad
{
	display:block;
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#FC6;
	width:377px;
	padding:3px;
	background-color:#039;
	margin-right:5px;
	border-width:1px;
	border-style:solid;
	border-color:#CCC;
}
.publicidadL
{
	display:block;
	float:none;
	font-size:12px;
	font-weight:bold;
	color:#FC6;
	width:180px;
	padding:0px;
	margin:0px;
	margin-bottom:3px;
	border-width:1px;
	border-style:solid;
	border-color:#666;
}
.publicidadL:hover {border-color:#CCC;background-color:#039;}
.explPublic
{
	display:block;
	float:none;
	margin-left:15px;
	font-size:12px;
	font-weight:normal;
	color:#CCC;
}
.explPublicL
{
	display:block;
	float:none;
	margin-left:5px;
	font-size:11px;
	font-weight:normal;
	color:#CCC;
}