/**
 *
 * PHP versions 4 and 5
 *
 * CakePHP(tm) :  Rapid Development Framework (http://www.cakephp.org)
 * Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright     Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 * @link          http://www.cakefoundation.org/projects/info/cakephp CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @version       $Revision: 7945 $
 * @modifiedby    $LastChangedBy: gwoo $
 * @lastmodified  $Date: 2008-12-18 18:16:01 -0800 (Thu, 18 Dec 2008) $
 * @license       http://www.opensource.org/licenses/mit-license.php The MIT License
 */

* {
	margin:0;
	padding:0;
}

/* General Style Info */
@font-face {
  font-family: "AvantGarde";src: url('avg.ttf') format("truetype");
  /*src: url('AVGARDN.TTF') format("truetype");*/
}
@font-face {
  font-family: "AvantGarde2";
  src: url('AVGARDN.TTF') format("truetype");
}

body {

	color: #999999;
	font-family:"AvantGarde",Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	letter-spacing:1px;
	margin: 0;
	background-color:#3a3a3a;
}
a {
	background:#fff;
	color:#999999;
	text-decoration: underline;
}
a:hover {
	background:#fff;
	color:#ff6666;
	text-decoration:none;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: normal;
}

ul, li {
	margin: 0 12px;
}


/* Layout */
#container {
	text-align: left;
	width:100%;
	height:100%;
	background-color:#3a3a3a;
	background-repeat:no-repeat;
	position:fixed;
}
#client_login{
	position:absolute;
	top:20px;
	right:20px;
	
}

#client_login a{
	background:none;
}
#container .rayas{
	background-image:url('../img/patron.png');
	width:100%;
	height:100%;
	border:0;
	margin:0;
}
.Tituloabout{
	margin-bottom:20px;
	font-size:32px;
	color: #ff3d4e;
	
}
#menu{
	position:absolute;
	left:0;
	top:0;
	background-image:url('../img/menu.png');
	width:502px;
	height:502px;
	z-index:3;
}
#opcionesmenu{
	position:absolute;
	left:0;
	top:130px;
	background:transparent;
	width:200px;
	height:200px;
	z-index:4;	
}
#logo{
	margin-top:20px;
	margin-left:20px;
	
}
#opciones{
	margin-top:20px;
	width: 200px;	
}
#opciones li{

	list-style:none;
}
#opciones a{
	text-decoration:none;
	font-size:14px;
	font-weight:lighter; 
	color:#0f0f0f;
	line-height: 22px;
	
	
}
#header h1 {
	background: #003d4c url('../img/cake.icon.gif') no-repeat left;
	color: #fff;
	padding: 0px 30px;
}
#header h1 a {
	color: #fff;
	background: #003d4c;
	font-weight: normal;
	text-decoration: none;
}
#header h1 a:hover {
	color: #fff;
	background: #003d4c;
	text-decoration: underline;
}
#content{
	
	width:1024px;
	height:1024px;
	height:100%;
	
	left:0;
	clear: both;
	color: #333;
	
position:fixed;

	
	overflow:hidden;
	z-index:3;

}
#contenidocortoup{
	background-image:url('../img/teamup.png');
	background-position:left;
	background-repeat:no-repeat;
	width:1024px;
	position:fixed;
	left:0;
	height:611px;
	z-index:1;
	top:143px;
	display:none;

	
}
#contenidocorto{
	background-image:url('../img/teammiddle.png');
	background-position:left;
	background-repeat:no-repeat;
	width:1240px;
	position:fixed;
	left:0;
	height:1000px;
	z-index:2;
	top:142px;

	
}
#contenidocortobottom{
	background-image:url('../img/teambottom.png');
	background-position:left;
	background-repeat:no-repeat;
	width:1205px;
	position:fixed;
	left:-349px;
	height:932px;
	z-index:1;
	top:130px;
	display:none;
	
}
.contenidocortoabout{
	background-image:url('../img/about.png');
	background-position:left;
	background-repeat:no-repeat; 
	width:1024px;
	position:fixed;
	left:0;
	height:500px;
	z-index:2;
	top:240px;
	display:none;
	
}
.diagonalabout, #textodiagonal, .info{
	letter-spacing:1px;
	margin-left:40px;
	clear: left;
	margin-top:10px;
	color: #000;
}
.info{
	margin-top:4px;	
	letter-spacing:1.8px;
	font-size:11px;
}
#contactname{
	margin-left:475px;
	font-size:22px;
}
#contactjob{
	margin-left:452px;
	font-size:14px;
	color:#666;
}
.separator{
	width:56%;
	border-top:#000;
	border-top-width:thin;
	border-top-style:solid;
	margin-left:435px;
	margin-top:1em;
	margin-bottom:1em;
}
#contactemail span, #contactfax span, #contacttel span, #contactmobile span, #contactaddress span{
	font-weight: normal;
}

#contactemail{
	margin-left:430px;
	font-size:14px;
	margin-top:10px;
	float:left;
	font-weight:bold;
	width:400px;
	
}
#contactfax{
	margin-left:380px;
	font-size:14px;
	float:left;
	clear: left;
	font-weight:bold;
	width:400px;
}
#contacttel{
	margin-left:420px;
	font-size:14px;
	float:left;
	font-weight:bold;
	clear: left;
	width:400px;
}
#contactmobile{
	margin-left:400px;
	font-size:14px;
	clear: left;
	float:left;
	font-weight:bold;
	width:400px;
}
#overlay{
	width:100%;
	height:100%;
	position:absolute;
	display:none;
	background: url('../img/overlay_open.png') no-repeat top left;
	z-index:5;
	width:100%;
}
.separator2{
	width:56%;
	border-top:#000;
	border-top-width:thin;
	border-top-style:solid;
	margin-left:351px;
	margin-top:1em;
	margin-bottom:1em;
}
#contactaddress{
	margin-left:360px;
	font-size:14px;
	clear: left;
	float:left;
	font-weight:bold;
	margin-bottom:10px;
	width:600px;
}

#contenidocorto p{
	position:relative;
	width:650px;
	margin-left:260px;
	
}
#contenidocorto .titulo{
	vertical-align:text-bottom;
	position:relative;
	margin-top:136px;
	width:650px;
	margin-left:535px;
	font-size:52px;
	color:#ffff00;
	list-style-image:url('../img/personli.png'); 
	list-style-position:outside;
	
}
#contenidocorto .noselected{
	vertical-align:top;
	font-size:30px;
	cursor:pointer;
}
#contenidocorto div.person{
	position:relative;
	margin-top:-10px;
	width:650px;
	margin-left:460px;
	background-image:url('../img/personli.png'); 
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:50px;
	z-index:500;
	height:60px;
	text-transform:lowercase;
	
	
}
#fondocontenidocorto{
	background-image:url('../img/fondorosa.png');
	background-position:left;
	background-repeat:no-repeat;
	width:1024px;
	position:fixed;
	left:0;
	height:565px;
	z-index:1;
	top:269px;		
}
.trianguloamarilloizquierda{
position:relative;
left:98px;
top:822px;
z-index:2;
display:none;	
}
.trianguloamarilloizquierdatriple{
position:relative;
top:437px;  
left:-77px;
z-index:2;
display:none;

}
.triangulorosaderecha{
position:relative;
left:346px;
top:822px;
z-index:100;
display:none;
}
#profile{
	background-image:url('../img/profile.png');	
	background-repeat:no-repeat;
	background-position:left;
	position:relative;
	width:914px;
	height:auto;
	left:716px;	
	display:none;
	top:-510px;
	z-index:200;
	overflow:hidden;
	color:#000;
	padding-top:5px;
	padding-bottom:5px;
	min-height:200px;
	font-size: 11px;
	font-family: "AvantGarde2" !important;
	
	
}

#profile div{
	margin-left:350px;	
}

#works{
	background-image:url('../img/works.png');	
	background-repeat:no-repeat;
	background-position:left;
	position:relative;
	width:860px;
	height:auto;
	left:958px;	
	display:none;
	top:-241px;
	z-index:200;
	overflow:hidden;
	color:#000;
	padding-top:5px;
	padding-bottom:5px;
	min-height:200px;
}
#works div.info{
	margin-left:420px;	
}
#works div.work{
	 margin-left:6px;
	 margin-bottom:6px;
	 background-repeat:no-repeat; 
	 width:99px;
	 height:99px;
	 cursor:pointer;
	 float:left;
	 margin-right:50px;
	 
	
	
	 
}
#works div.work div{
	 top:40px;
	 margin-left:60px;
	 margin-top:1px;
	
	 position:relative; 
	 padding-left:4px;
	 width:80px;
	 background-color:#ff0;
}
.fila{
	 margin-bottom:4px;
}
#work{
	background-image:url('../img/work.png');	
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	width:1052px;
	height:355px;
	left:509px;	
	top:-398px;
	z-index:301;
	overflow:hidden;
	color:#000;
	padding-top:5px;
	padding-bottom:5px;
	display:none;
}
#work div.info{
	position:absolute;
	bottom:20px;
	right:66%;
	width:300px;
	height:130px;
	text-align:right;
}
.reelname{
	color:#fff;
	padding-right:40px;
	font-size:20px;
	font-weight:bold;
}
.reelyear{
	color:#fff;
	padding-right:40px;
	font-size:20px;
}
.cerrar_video{
	cursor:pointer;
	width:150px;
	right:5px;
	background-color:#ff0;
	font-size: 9px;
	position:absolute;
	bottom:0px;
	right:140px;

}
.content_player{
	width: 500px;left:345px;top:5px;position:relative;
}
#work_loading{
	left:550px;
	position:absolute;
	top:150px;
	z-index:310;
}

#work2{
	background-image:url('../img/work2.png');	
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	width:950px;
	height:375px;
	left:637px;	
	top:-797px;
	z-index:300;
	overflow:hidden;
	color:#000;
	padding-top:5px;
	padding-bottom:5px;
	display:none;
}
.reproductor{
	margin-left:345px;
	margin-top:20px;
}
div.inline{
	display:inline;
}
.nombre{
	color:#ff6666;
	font-size:37px;
}
.job{
	font-size:18px;
		color:#333330;
}
.cerrar{
	cursor:pointer;
	left:250px;
	position:absolute;
	bottom:10px;
	
}
.link{
	cursor:pointer;
	color:#ff6666;
	font-size:14px;
	height:15px;
	overflow-y:hidden;
	font-weight:lighter;
	display:inline;
}
.line .effect{
	color:#333330;
}
.line {
	color:#ff6666;
}

.triangulorosaizquierda{
position:relative;
left:248px;
top:986px;
z-index:100;
display:none;
	
}
#footer {
	clear: both;
	padding: 6px 10px;
	text-align: right;
}


/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}