/* INICIALIZADORES ======================================== */

* {margin:0;padding:0}
body {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#7B7D73;background:#FFFFFF url(backgrounds/bg37.jpg) left top no-repeat}
a {color:#0066FF;text-decoration:none;outline:none}


/* CONTENEDORES PRINCIPALES ============================ */

/* wrapper -------------------------------------- */
#wrapper {}

/* header -------------------------------------- */
#header {height:78px;background:transparent url(logos/logo20.gif) left bottom no-repeat}
#header a {display:block;width:550px;height:78px;background:transparent url(logos/logo20.gif) left bottom no-repeat}
#header a:hover {background:transparent url(logos/logo21.gif) left bottom no-repeat}
#header span {display:none}

/* c3columns -------------------------------------- */
#c3columns {width:1100px/*width:1100px*/;height:564px/*height:564px*/}

/* left -------------------------------------- */ 
#left {float:left;display:inline;margin:17px 0 0 190px;padding:15px 10px 15px 4px;width:97px/*width:111px*/;height:534px/*height:564px*/;background:"TRANSPARENT"}
#lContent {height:518px;overflow:hidden}

/* center -------------------------------------- */
#center {float:left;display:inline;margin:17px 0 0 2px;padding:10px 0px 10px 8px;width:235px/*width:243px*/;height:544px/*height:564px*/;background:#FFFFFF} 
#center h3 {display:none}

/* content -------------------------------------- */
#content {position:relative;float:left;display:inline;margin:17px 0 0 2px;padding:10px 0 0 25px;width:525px/*width:550px*/;height:554px/*height:564px*/;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;background:#E6E9D8}



/* ELEMENTOS INTERNOS UNICOS ============================ */

/* mainnav -------------------------------------- */
ul#mainnav {list-style:none;font-family:Arial, Helvetica, sans-serif;font-size:17px;font-weight:bold;letter-spacing:-1px;line-height:1em}
#mainnav li {float:right;text-align:right}
#mainnav li a {display:block;float:right;width:92px;color:#FFFFFF;outline:none;}
#mainnav li a:hover {color:#000000}
#mainnav li.current a {color:#000000!important}
#mainnav li.small {font-size:12px;line-height:1.2em}
#mainnav li.smallcurrent a {color:#000000!important;font-size:12px;line-height:1.2em}

/* search -------------------------------------- */
#search {clear:both;padding-top:10px;text-align:right}
#search input#key {width:85px;font-size:10px;background:#F8F9F5;border-top:solid 1px #D8D9D7;border-right:solid 1px #D8D9D7;border-bottom:solid 1px #EAEBE8;border-left:solid 1px #EAEBE8}
#search input#button {margin-top:5px;font-size:10px;background:#F8F9F5;border:solid 1px #929487;}

/* categories -------------------------------------- */
#categories ul {clear:both;margin-top:10px;list-style:none;color:#818375;}
#categories ul li {float:left;font-size:10px;font-weight:bold;text-transform:uppercase}
#categories ul li a {display:block;width:92px;color:#818375;text-align:right;outline:none}
#categories ul li a.current {color:#000}
#categories ul li ul {margin:0}
#categories ul li ul li {font-size:10px;font-weight:100;text-transform:lowercase}
#categories a:hover {color:#000}

#categories #theYears {display:none;height:150px;}
#categories #theClients {display:none;height:265px;overflow:hidden;}
#categories #theCatgs {display:none;height:250px;}

/* langMenu -------------------------------------- */
#langMenu ul {margin-left:57px;list-style:none}
#langMenu ul li {float:left;display:inline;width:20px;height:16px;}
#langMenu ul li#lmSP {background:url(images/btn_sp.gif) left top no-repeat}
#langMenu ul li#lmEN {background:url(images/btn_en.gif) left top no-repeat}
#langMenu ul li a {display:block;float:left;display:inline;width:20px;height:16px;}
#langMenu ul li a span {display:none}

#langMenu div {float:right}
#textES, #textEN {display:none}

/* pList -------------------------------------- */
#pList {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#7B7D73;text-transform:uppercase;height:540px;overflow:auto}
#pList ul {list-style:none}
#pList li {margin-bottom:5px;line-height:12px;_line-height:11px}
#pList a {color:#7B7D73;text-decoration:none}
#pList a:hover {color:#000000}
#pList a.current {color:#000000}
#pList img {display:inline;margin:0px;}

/* cList -------------------------------------- */
#cList {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#7B7D73;text-transform:uppercase;height:540px;overflow:auto}
#cList h3 {display:none}
#cList ul {list-style:none}
#cList li {margin-bottom:4px;}
#cList a {color:#7B7D73;text-decoration:none}
#cList a:hover {color:#000000}
#cList a.current {color:#000000}

/* clList -------------------------------------- */
#clList {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#7B7D73;text-transform:uppercase;height:540px;overflow:auto}
#clList h3 {display:none}
#clList h4 {height:22px;font-size:18px;color:#FFF;border-bottom:solid 1px #FFF;text-transform:uppercase;}
#clList h5 {height:16px;font-size:12px;color:#FFF;font-weight:bold;border-bottom:solid 1px #FFF;text-transform:uppercase;}
#clList h6 {height:17px;font-size:12px;color:#FFF;font-weight:100;border-bottom:solid 1px #FFF;text-transform:uppercase;}
#clList ul {margin-bottom:5px;padding:7px 0;height:338px;list-style:none;text-transform:uppercase;border-bottom:solid 1px #848677;overflow:auto}
#clList li {margin-bottom:1px;font-weight:bold;}
#clList p {margin-bottom:15px;color:#FFF}
#clList p.desc {margin-bottom:0;height:56px;border-bottom:solid 1px #FFF;}
#clList a {color:#7B7D73;text-decoration:none}
#clList a#logout {padding:1px 4px;font-size:10px;text-transform:uppercase;background:#FFF;border:solid 1px #848677;}
#clList a#logout:hover {color:#999}
#clList a:hover {color:#000000}
#clList a.current {color:#000000}
#clList form {padding-top:2px;padding-bottom:7px;}

/* frmLogin -------------------------------------- */
#frmLogin .fieldBlock {width:110px;margin-bottom:7px;}
#frmLogin .fieldBlock label {font-size:11px;font-weight:bold}
#frmLogin .fieldBlock .textField {width:110px;border:solid 1px #CCC}
#frmLogin .fieldBlock2 {width:110px;margin-bottom:7px;text-align:right}
#frmLogin input#button {font-family:Verdana;padding:0px;margin-top:5px;font-size:10px;color:#929487;background:#BDC0AF;border:solid 1px #929487;}

/* #reelPost -------------------------------------- */
#reelPost {position:absolute;left:0px;top:0px;width:550px;height:564px}

/* cPost -------------------------------------- */
#cPost {padding-right:25px;width:499px;height:540px;font-size:10px;overflow:auto}
#cPost h2 {font-size:20px;text-transform:uppercase;font-size:26px;margin-bottom:10px}
#cPost h1, .cPost h3, .cPost h4,
#cPost h5, .cPost h6 {font-size:11px;text-transform:uppercase;color:#262626;margin-bottom:5px}
#cPost p {margin-bottom:5px}

/* pPost -------------------------------------- */
#pPost {width:376px;font-size:10px}
#pPost h2 {font-size:20px;text-transform:uppercase;font-size:26px;margin-bottom:10px}
#pPost h2 span.title {display:block;font-size:20px;font-weight:100}
#pPost #pContent {margin-bottom:20px;height:165px;overflow:auto;color:#262626}
#pPost #pContent h1, #pPost #pContent h2, #pPost #pContent h3, #pPost #pContent h4,
#pPost #pContent h5, #pPost #pContent h6 {font-size:11px;text-transform:uppercase;color:#262626;margin-bottom:5px}  
#pPost p {margin-bottom:5px}
#pPost img {margin-right:2px;margin-bottom:2px}
#pPost ul#pLinks{list-style:none}
#pLinks li {float:left;margin-right:10px;text-transform:uppercase;}
#pLinks a {display:block;float:left;padding:1px 3px;width:75px;color:#7B7D73;text-decoration:none;border:solid 1px #7B7D73;}
#pLinks a:hover {color:#262626;border-color:#262626}

/* clPost -------------------------------------- */
#clPost {padding-right:25px;width:499px;height:540px;font-family:Arial, Helvetica, sans-serif;font-size:12px;overflow:auto}
#clPost h2 {font-size:20px;text-transform:uppercase;font-size:26px;margin-bottom:10px}
#clPost h1, #clPost h3, #clPost h4,
#clPost h5, #clPost h6 {font-size:11px;text-transform:uppercase;color:#262626;margin-bottom:5px}
#clPost p {margin-bottom:5px;color:#FFF}
#clPost li {padding:0!important;}
#clPost a {color:#FFF;text-decoration:none}
#clPost a:hover {color:#000}

/* pAwards -------------------------------------- */
#pAwards {display:none;position:absolute;left:420px;top:0px;width:120px;height:564px;padding-left:10px;font-size:10px;color:#646464;background:#B8BBA9}
#pAwards .closeButton {height:12px}
#pAwards .closeButton a {display:block;float:right;width:12px;height:12px;background:url(images/btn_close.gif)}
#pAwards .closeButton a span {display:none}
#pAwards h1, #pAwards h2, #pAwards h3, #pAwards h4,
#pAwards h5, #pAwards h6 {clear:both;margin-top:10px;font-size:10px;color:#FFF;font-weight:100}

/* pCredits -------------------------------------- */
#pCredits {display:none;position:absolute;left:420px;top:0px;width:120px;height:564px;padding-left:10px;text-align:right;font-size:10px;color:#646464;background:#B8BBA9}
#pCredits .closeButton {height:12px}
#pCredits .closeButton a {display:block;float:right;width:12px;height:12px;background:url(images/btn_close.gif)}
#pCredits .closeButton a span {display:none}
#pCredits h1, #pCredits h2, #pCredits h3, #pCredits h4,
#pCredits h5, #pCredits h6 {clear:both;margin-top:10px;padding-right:10px;font-size:10px;color:#FFF;font-weight:100}
#pCredits p {padding-right:10px}

/* #moviesPost -------------------------------------- */
#moviesPost {display:none;position:absolute;left:548px;top:95px;width:550px;height:564px;background:#B8BBA9;z-index:1000}
#moviesPost .closeButton {height:12px}
#moviesPost .closeButton a {display:block;float:right;width:12px;height:12px;background:url(images/btn_close.gif)}
#moviesPost .closeButton a span {display:none}
#movieFrame {width:550px;height:552px}

/* #imagesPost -------------------------------------- */
#imagesPost {display:none;position:absolute;left:548px;top:95px;width:550px;height:564px;background:#FFF;z-index:99}

#imagesPost .closeButton {height:12px}
#imagesPost .closeButton a {display:block;float:right;width:12px;height:12px;background:url(images/btn_close2.gif)}
#imagesPost .closeButton a span {display:none}

#imageSpace {margin:0 12px 12px 12px;height:414px;}

#image-box {position:absolute;left:12px;top:12px;height:402px;width:526px;background:#EAEAEA;z-index:900;}
#gallery-image {float:left;display:none;}
#gallery-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#gallery-nav a { outline: none;}
#gallery-nav-btnPrev, #gallery-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#gallery-nav-btnPrev {left: 0;float: left;}
#gallery-nav-btnNext {right: 0;float: right;}

#gallery-loading {
	display:none;
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#imagesPost h3 {padding:2px 14px 1px 14px;font-family:Arial, Helvetica, sans-serif;font-size:15px;text-transform:uppercase;color:#FFF;background:#ACAE9D}
#imagesPost h3 span {font-weight:100}

#galleryList {margin:17px 0 0 16px;}
#galleryList div {height:18px;}
#galleryList h4 {clear:left;float:left;display:inline;width:105px;height:18px;font-size:10px;color:#000;text-transform:uppercase}
#galleryList h4 a {color:#ACAE9D}
#galleryList h4 a:hover {color:#000}
#galleryList h4 a.current {color:#000}
#galleryList ul {width:425px;list-style:none}
#galleryList ul li {float:left;display:inline;margin:0 9px 0 0;padding:4px 0 0 0;}
#galleryList ul li a {float:left;display:block;width:5px;height:5px;background:url(images/ico_image.gif) left top no-repeat}
#galleryList ul li a.current {background:url(images/ico_image_current.gif) left top no-repeat}
#galleryList ul li a span {display:none}

/* #loading-display -------------------------------------- */
#loading-display {display:none;width:510px;height:552px;text-align:center;font-size:11px;color:#FFF}

/* #post-overlay -------------------------------------- */
#post-overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:50px;
}

#post-overlay div {
  width:100%;
  background:#000;
  z-index:90;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;

}