/*esta parte es para la imagen a explorador completo*/
html,body {
	font-family:"Helvetica";
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #ffffff;
	line-height:15px;
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#fff;

}
h1{
	font-size:24px;
	line-height:23px;
	}
h3{
	margin-top:-13px;
	font-weight:normal;
}
img {
	border:none;
}

#footer #sls {
	margin-left:0px;
	cursor:default;
}
#footer img{
	margin-top:3px;
}

#bgimg {
	position:absolute;
	z-index: -5;
}
#largeImg{
	position:absolute;
	z-index: -5;
}
/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*ESTILO GENERAL TODAS LAS PAGINAS DEL SITIO*/

#contenedor {  
	margin: 0 auto;
	text-align: left;
	position:relative;
	width:1000px;


	
}
/*Header*/
#header ul{
	text-align:left;
	position:absolute;
	right:100px;
	top:0;
}
#header {
	margin:auto;
	height:120px;
	margin-top:27px;
	position:relative;
} 
#header a{
	text-decoration:none;
    color:#000000;
	margin-top:
}
#header a:hover{
		color:#333;
}

#firma{
	font-size:10px;
	text-align:right;
	position:relative;
}

#bg{
	background: transparent url(img/trans.png);
	width:12000px;
	margin-left:-5000px;
	position:absolute;
	top:180px;
}


.staff #bg{
	position:absolute;
	top:200px;
}

#contenido {
	font-size:12px;
	width:900px;

}
/*para las secciones que requieren de un fondo, hay que hacer un contenidor distinto para el contenido.*/
/*.produccion #contenido{
	font-size:12px;
	margin-left:5100px;
	margin-right:100px;
	width:800px;
}*/
#footer {
	padding:0;
	position:absolute;
	bottom:40px;
	margin-left:100px;
	width:800px;
    overflow:hidden;
	background-color:#000;
	height:24px;
}
#footer p {
	margin: 0; 
	padding: 0;
    text-align:right;
	font-size:11px;
}
#footer a{
	text-decoration:none;
    color:#FFFFFF;
}
#footer a:hover{
    color:#666;
}

#footer img{
	border:none;
}

/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*ESPECIFICOS CADA PAGINA*/
/*ABOUT*/
.about #parrafo {
	margin-top:-30px;
}
.about #contenido {
	margin-top:0px;
}
/*difusion*/
.difusion #parrafo{
		padding-bottom:40px;
		margin-top:20px;
		
	}
.difusion #parrafo a{
	text-decoration:none;
	color:#FFF;

}
.difusion #parrafo a:hover{
	color:#333;
}
/*ADVERTISING FASHION AGENCY*/
 .afa #titulo {
	/* margin-top:70px;*/
	 margin-left:0px;
	 padding-bottom:25px;
	 margin-top:35px;
}
.afa #parrafo{
	text-align:left;
	width:300px;
	margin-left:0px;
	float:left;
	}
.afa #foto{
	float:left;
	margin-top:-266px;
	text-align: right;
	}
.afa #foto a{
	margin-left:356px;
	color:#FFF;
	}
.afa #foto a:hover{
	color:#333;
	}
.afa #parrafo a {
	text-decoration:underline;
	color:#FFFFFF;
	font-size:14px;
}
.afa #parrafo a:hover {
	text-decoration:underline;
	color:#666;
}

.afa #contenedor #header #firstpane .debo {
	color:#333;
}
.arte #contenedor #header #firstpane .debo {
	color:#333;
}
.staff #contenedor #header #firstpane .debo {
	color:#333;
}


/*CUENTAS
*/
.cuentas #parrafo{
	padding-top:0px;
	width:800px;
	margin-top:-10px;
}
.cuentas .accounts h1{
	width:250px;
	float:left;
}
.cuentas .accounts div{
	margin-left:365px;
}
.cuentas .accounts div div{
	margin-left:5px;
}
.cuentas .accounts{
	margin-top:40px;}
.cuentas #parrafo a{
	text-decoration:underline;
	color:#FFF;
}
.cuentas #parrafo a:hover{
	color:#333;
}
/*
Espacios
*/
.espacios a{
	color:#FFF;
	text-decoration:underline;

}
.espacios a:hover{
	color:#333;
	text-decoration:underline;
}
.espacios #parrafo{
	margin-top:-40px;
	width:800px;
	overflow:hidden;
}

.espacios .thumbs{
	float:left;
	margin-right:65px;
	margin-top:70px;
	position:relative;
	height:350px;
	width:222px;
}

.espacios .thumbs div{
	position:absolute;
	bottom:40px;
/*	color:#1F9C97;*/

}
.espacios .thumbs p{
	text-align:left;
}
/*
STAFF
*/
.staff #titulo{
	float:left;
	margin-top:-15px;
}
.staff #parrafo{
	width:438px;
	text-align:left;
	margin-left:356px;
	margin-top:20px;
	padding-bottom:40px;
	padding-top:20px;
}
.staff #parrafo a{
	text-decoration:underline;
	color:#FFF;
}

.staff #parrafo a:hover{
	text-decoration:underline;
		
}
.staff #titulo{
	text-align:left;
	padding-top:20px;
	}
	.staff table {
		margin-left:-5px;
		margin-top:10px;
}


/*
PRENSA
*/
.press #titulo{
	text-align:left;
	padding-top:20px;
	}
.press img{
	border:none;
}
.press #parrafo{
	margin-left:0px;
	margin-top:-10px;
	}
.press #titulo{
	margin-top:0px;
	}
.press #media{
	margin-left:445px;
	margin-top:-279px;
	padding-bottom:40px;
}
.press #video{
	margin-left:0px;
	margin-top:-250px;
}
.press #media #slideshow {
	width:360px;
	height:275px;
	position:relative;
}
.press #media #slideshow #slidesContainer {
	margin:0px;
  width:360px;
  height:275px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
.press #media #slideshow #slidesContainer .slide {
  margin:0 auto;

  width:340px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:275px;
}

/** 
 * Slideshow style rules.
 */
.press #slideshow {
	margin:0 auto;
	width:360px;
	height:275px;
	position:relative;
}
.press #slideshow #slidesContainer {
  margin:0 auto;
  width:360px;
  height:275px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
.press #slideshow #slidesContainer .slide {
  margin:0 auto;
  width:340px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:275px;
}

/** 
 * Slideshow controls style rules.
 */
.press .control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
.press #leftControl {
  top:25px;
  left:0px;
  background:transparent url(img/control_right.png) no-repeat 0 0;
}
.press #rightControl {
  top:25px;
  right:0;
  background:transparent url(img/control_left.png) no-repeat 0 0;
}
/*
PRODUCCION
*/
.produccion #contenedor{
	height:680px;}
.produccion h1{
	margin-top:3px;}
.produccion img{
	border:none;
}
.produccion #parrafo{
	margin-top:15px;
	}
.produccion #parrafo div{
	width:465px;
	margin-left:335px;
	margin-top:35px;
	}
.produccion #pics{
	margin-top:30px;

	}
.produccion #titulo{
	width:300px;
	margin-left:0px;
	float:left;
	}

/*ARTE*/
/*.arte #contenedor{
	height:1200px;
}*/
.arte #contenido{
	position:absolute;
	top:190px;
	left:0px;
	}
.arte #parrafo a{
	text-decoration:none;
	color:#FFF;
	margin-left:15px;
	}
.arte #parrafo a:hover{
	text-decoration:underline;
	color:#333;
	
	}
.arte #men a{
	text-decoration:none;
	color:#FFF;
	margin-left:15px;
	}
.arte #men a:hover{
	text-decoration:underline;
	color:#333;
	}
.arte #media{
	margin-left:200px;
	margin-top:-60px;
}
.arte #media #slideshow {
	margin:20px;
	width:500px;
	height:375px;
	position:relative;
}
.arte #media #slideshow #slidesContainer {
  margin:0 auto;
  width:500px;
  height:375px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
.arte #media #slideshow #slidesContainer .slide {
  margin:0 auto;
  width:480px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:375px;
}

/** 
 * Slideshow style rules.
 */
.arte #slideshow {
	margin:0 auto;
	width:500px;
	height:375px;
	position:relative;
}
.arte #slideshow #slidesContainer {
  margin:0 auto;
  width:500px;
 height:375px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
.arte #slideshow #slidesContainer .slide {
  margin:0 auto;
  width:480px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
height:375px;
}
/** 
 * Slideshow controls style rules.
 */
.arte .control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
.arte #leftControl {
  top:130px;
  left:0px;
  background:transparent url(img/control_right.png) no-repeat 0 0;
}
.arte #rightControl {
  top:130px;
  right:0;
  background:transparent url(img/control_left.png) no-repeat 0 0;
}
/*
SPECIAL PROJECTS
aca va cada pagina segun su ubicacion*/
/*----
Special
---*/
.special #titulo{
margin-top:40px;	
}
.special #parrafo{
	width:245px;
	}
/*----
Cincuentamas
---*/
.cincuenta #parrafo{
	margin-top:-25px;
	text-align:left;
	width:400px;
	}
.cincuenta #parrafo a {
	text-decoration:underline;
	color:#FFFFFF;
	font-size:14px;
}
.cincuenta #parrafo a:hover {
	text-decoration:underline;
	color:#666;
}
	
/*----
EXHIBE
---*/
.exhibe #parrafo{
	text-align:left;
	width:390px;
	margin-top:-5px;
}
.exhibe #slideshow {margin-left:580px; margin-top:-300px;}

.exhibe #ver a{
	margin-left:773px;
	color:#FFF;
}
.exhibe #ver a:hover{
	color:#333;
}
/*----
TAKASHI
---*/
.takashi #parrafo{
	text-align:left;
	width:300px;
	margin-top:20px;
}
.slideshow { width: 333px;   margin-left:455px; margin-top:-240px;}

/*--MENU--*/
#logo{
	float:left;
}
#nav {
	position:absolute;
	right:0px;
	margin-top:10px;
}
.top{
	float:left;
	margin-right:25px;
	font-size:12px;
}


.ref {
	list-style:none;
	display:block;
	font-size:11px;
	margin-right:190px;
	margin-top:63px;
	position:relative;
}
.case {
	list-style:none;
	display:block;
	font-size:10px;
	margin-left:565px;
	margin-top:30px;
	
}

 .menu_list{
	position:absolute;
	top:40px;
	left:558px;
	width: 200px;
	font-size:10px;
}

.menu_list  span  {
    position:absolute;
    top:0;
    left:0px;
    margin-left:-1999px;
    width:100%;
    background:white;
    white-space:nowrap;
}
.menu_list:hover span {
    margin-left:0;
    cursor:pointer;
}
.menu_list1 {
	position:absolute;
	top:40px;
	left:622px;
	width: 200px;
	font-size:10px;
}
.menu_list2 {
	position:absolute;
	top:40px;
	left:710px;
	width: 200px;
	font-size:10px;
}
.menu_head {
	position: relative;
	margin:1px;
}
.menu_head a{
	color:#FFF;
	text-decoration:none;
}
.menu_head a:hover{
	color:#333;
	text-decoration:none;
}
.menu_body {
	display:none;
}
.menu_body a{
  display:block;
  color:#fff;
  font-style:oblique;
  text-decoration:none;
}
.menu_body a:hover{
  color: #333;
  text-decoration:none;
}
#debo{
	margin-left:25px;
	margin-top:5px;
	margin-bottom:5px;
}
#debo a{
	text-decoration:underline;
}
#debo a:hover{
	color:#333;
}

.pdf .foto{
	margin-bottom:15px;
	color:#fff;
}
.pdf .foto a{
	color:#333;
	text-decoration:none;
	font-size:10px;
}
.pdf .foto a:hover{
	color:#111;
	font-size:10px;
}
.pdf .fila{
	float:left;
	margin-left:15px;
}

.pdf #parrafo{
	float:left;
	margin-left:221px;
	margin-top:-50px;
}

.pdf #titulo{
	float:left;
	
}

.areas #parrafo{
  float: right;
    padding-left: 5px;
    padding-right: 21px;
    text-align: justify;
    width: 620px
}

.areas #cont{
	margin-top:20px;
	margin-bottom:40px;
}

.areas h2{
	margin-top:30px;
}

.areas img{
	width:350px;
}

.areas #tops a {
  color: #FFFFFF;
    float: right;
    text-decoration: none;
}

.areas #tops a:hover {
    color: #999;
    text-decoration:underline;
}