@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background-color:#000; overflow:hidden}
#contenedor { width:1024px; height:600px;position:absolute;top:50%;left:50%;margin-top:-300px;margin-left:-512px;}
#cabecera { height:263px; width:1024px; background-image:url(../img/cabecera.png); position:absolute; top:0; left:0; z-index:99}


/********************    FONDO    ************/
#parallax {position:absolute; margin:0; overflow:hidden; width:1024px; height:600px; }

#fondos DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 700px;
    background-color: #000;
}

#fondos DIV.active {
    z-index:10;
    opacity:1.0;
}
#fondos DIV.last-active {
    z-index:9;
	
}
/********************************/

#menu {
	position:absolute;
	z-index:100;
	left:688px;
	top: 246px;
	width: 233px;
	height: 157px;
	text-align:center;
}

#menu ul{ list-style:none; margin:0; padding:0;}
#menu li{ font-family: Frutiger-Light; font-size:45px;}
#menu ul li a{ color:#000; text-decoration:none;}
#menu ul li a:hover{ color: #FC3; font-weight:700; text-decoration:none;}
#menu li.inter{ letter-spacing:4px;}
#menu li.inter1{ letter-spacing:3px;}
#menu li.inter2{ letter-spacing:1px;}

#txt {
	width:450px;
	height:278px;
	position:absolute;
	z-index:98;
	left:158px;
	top: 255px;
}
#texto { font-family:"Trebuchet MS", Arial, sans-serif; padding:10px 20px 10px 20px; font-size:15px; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;background-color:#FFF; overflow:auto; height:215px;}
#texto span{ font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:17px; letter-spacing:2px; text-align:center; color: #9B895E}

/* CONTACTO */
#contacto {
	width:490px;
	height:295px;
	position:absolute;
	left: 149px;
	top: 241px;
	z-index:110;
}
#formulario {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	position:absolute;
	width: 385px;
	left: 52px;
	top: 37px;
	height: 246px;
	z-index:145;
}
#campo, #campo2 {  background:none;background-image:url(../img/campo.png); background-repeat:no-repeat; width:380px; padding-top:3px; *padding-top:0px; *margin-top:-4px; height:24px; margin-bottom:22px; }
#campo input, #campo2 input{  background:none;border: none; height:24px; width:280px; margin:0; }
#msj { background-image:url(../img/campo2.png); background-repeat:no-repeat; width:380px; height:117px;  padding-top:5px; padding-left:7px; }
#msj textarea{ border:none; background:none; width:345px; height:75px; margin-left:5px; margin-top:5px;}
#phone_error {margin-left:-7px; padding:0;}
.error{
	width:380px;
	display:block;
	font-family:Tahoma, Helvetica, sans-serif;
	height:18px;
	font-size:12px;
	font-style:italic;
	margin-top:-2px;
	background: #fff url(../img/idea.png) no-repeat scroll left;
	color:#333;
	text-align:center;
}
#enviar{ width:380px; height:20px; padding-top:15px}

#message	{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-align:center; width:380px }
#message h2	{ margin-top:75px; text-align:center; color: #CC711E }
#message p	{ color: #FFF; font-size:14px; padding:0; font-style:italic; text-align: center}
#message img { position:absolute; top:-120px; left:-275px;}

#acerca {
	position:absolute;
	z-index:100;
	left:688px;
	top: 405px;
	width: 236px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:18px;
	text-align:center;
	color:#F9F9F5;
}
.acerca1{font-size:10px;}
.acerca3{font-size:22px;}
.acerca5{font-style:italic;font-size:16px;}
.acerca6{font-size:19px;color:#000;background-color:#FDF500;}
.acerca7{font-size:17px;background-color:#9B2575;}
.acerca8{font-size:15px;}
.acerca9{color:#0089E1;background-color:#FAF9F1;}
.acerca10{font-family:Arial, Helvetica, sans-serif;background-color:#3B5998;}
.acerca2,.acerca4{font-size:12px;}


#pie {
	height:59px;
	width:1024px;
	background-image:url(../img/pie.png);
	position:absolute;
	top:545px;
	left:0;
	z-index:99
}
#pie-txt { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; position:relative; text-align:right; left:625px; top:37px; width:350px; }

#sociales {
	position:absolute;
	width: 28px;
	left: 0;
	top: 339px;
	height: 111px;
	z-index:120;
	cursor:url("../img/cur/mas.cur"), pointer;
	
}
#twitter{
	width:95px;
	height:24px;
	position:absolute;
	left:-68px;
	display:block;
	padding-top:5px;
	top: 75px;
}
#twitter .txt{ width:65px; float:left;background-color: #FFF; height:19px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:700;text-align: center;}
#twitter a { color: #39F; text-decoration:none; padding-right:5px;padding-left:5px; display:block;cursor:url("../img/cur/mas.cur"), pointer;}

#facebook{
	width:95px;
	height:24px;
	position:absolute;
	left:-68px;
	display:block;
	padding-top:5px;
	top: 5px;
}
#facebook .txt{  width:65px; float:left;background-color: #FFF; height:19px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:700;text-align: center;}
#facebook a { color: #039; text-decoration:none; padding-right:5px; padding-left:5px; display:block;cursor:url("../img/cur/mas.cur"), pointer;}

#flickr{
	width:95px;
	height:24px;
	position:absolute;
	left:-68px;
	display:block;
	padding-top:5px;
	top: 40px;
}
#flickr .txt{  width:65px; float:left;background-color: #FFF; height:19px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:700;text-align: center; }
#flickr a { color: #F09; text-decoration:none; padding-right:5px;padding-left:5px; display:block;  cursor:url("../img/cur/mas.cur"), pointer;}

#flickr img,#twitter img,#facebook img{ float:left; margin-top:-2px; margin-left:-2px;}

/******* PORTFOLIO *****/

#portfolio{
	position:absolute;
	z-index:110;
	left: 146px;
	top:251px;
	width:456px;
	height: 291px;
}
.hidden{display: none;}
.show{display: block;}

#carousel1 {
	width:400px;
	height:250px;
	overflow:scroll;
	position:absolute;
	z-index:100;
	left: 16px;
	top: 15px;
}
#carousel1 ul{ list-style:none; margin:0; padding:0;}
#borde-folio1  {
	background-image:url(../img/portf/bordeL.png);
	width:34px;
	height:255px;
	position:absolute;
	z-index:110;
	left:-12px;
	top: 18px;
}
#borde-folio2  {
	background-image:url(../img/portf/bordeR.png);
	width:39px;
	height:253px;
	position:absolute;
	z-index:110;
	left:408px;
	top: 16px;
}
#borde-folio3  {
	background-image:url(../img/portf/bordeT.png);
	width:425px;
	height:47px;
	position:absolute;
	z-index:110;
	left:0px;
	top: -17px;
}
#borde-folio4  {
	background-image:url(../img/portf/bordeB.png);
	width:417px;
	height:53px;
	position:absolute;
	z-index:110;
	left:2px;
	top: 240px;
}
.textholder {
	text-align:left;
	font-size:small;
	padding:7px;
	background-color:#000;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
}
.textholder span{ background-color:#FC0; color:#000; font-weight:700;}
.sig { position:absolute; left:375px; top: 240px; width:60px; height:52px; z-index:150}
.prev { position:absolute; left:300px; top: 240px; width:60px; height:52px; z-index:150}


/******* extra ********/
.ctrln {font-family:Tahoma, Geneva, sans-serif; color:#F09; text-decoration:none;}
#texto a{ cursor:url("../img/cur/mas.cur"), pointer;}