/* reset whitespace */
* {
	padding:0;
	margin:0;
}

body        { color: #333; font: 11px/1.6em "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif; background-color: black; background-image: url(../media/fondo03.jpg); background-position: center top; margin: 0; padding: 0; min-width: 900px      }
#sillas { background-color: black; background-image: url(../media/sillas.gif); background-repeat: no-repeat; background-position: center bottom; }
/* resizable values for IE */
* html body {
	font: 76%/1.6em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}

#wrapper       { margin: 0 auto; padding-top: 185px; position: relative; width: 900px; height: auto }
#abrego1 { text-align: center; }
#abrego2 { margin-left: 100px; }
#com { float: right; }
#com p { color: white; text-align: left; position: absolute; top: 30px; left: 700px; float: right; }
#ny { background-color: #ff9; padding: 5px 10px; border: solid 1px #808080; outline-color: #696969; outline-width: 1px; }
#ba { background-color: #ff9; padding: 5px 10px; border: solid 1px #808080; outline-width: 1px; outline-color: #696969; }
#mvidal { background-color: #f0fff0; padding: 5px 10px; border: solid 1px #808080; outline-width: 1px; outline-color: #696969; opacity:0.8; filter:alpha(opacity=80)}
#crny { margin-top: 10px; padding: 5px 10px; }
crny   { color: white; text-align: center; width: 100% ; margin-top: 20px; }
#com a { color: white; }
#com a:hover { color: #525252; }
#abrego2 a { color: white; }
#abrego2 a:hover { color: #525252; }
#botones { background-color: #f60; text-align: center; width: 100%; float: none; display: block; }
#botones a { margin-right: 30px; }
#meninas { position: fixed; top: 20%; left: 10%; float: none; }
#antigona { position: fixed; top: 20%; right: 10%; float: none; }
.margen1 { margin-left: 10px; }
#wrapper2 { background-color: transparent; margin: 0 auto; padding-top: 20px; position: relative; width: 100%; height: auto; }
#header        { position: absolute; top: 35px; width: 900px; height: 150px   }
#abrego2 p { color: white; text-align: left; position: absolute; top: 30px; left: 400px; float: right; padding-left: 15px; border-left: 2px solid white; border-top-color: white; border-right-color: white; border-bottom-color: white; }
#header2 { background-color: #999; background-repeat: no-repeat; position: fixed; top: 20%; width: 100%; height: 150px; }
#content      { background-color: #f90; padding-right: 0; padding-bottom: 0; }
meninasfotos { text-align: center; width: 650px; }
meninasfotos a { color: white; background-color: #525252; width: 650px; margin-right: 5px; padding: 5px; }
#meninasfotos a { color: #fff; background-color: #525252; margin-top: 5px; margin-right: 5px; padding: 3px 5px; }
#meninasfotos a:hover { color: #fff; background-color: #600; margin-top: 5px; margin-right: 5px; padding: 3px 5px; }
#meninasfotos a:active { color: #fff; background-color: #600; margin-top: 5px; margin-right: 5px; padding: 3px 5px; }
meninafotos a:link { color: #fff; background-color: #600; margin-top: 5px; margin-right: 5px; padding: 3px 5px; }
#meninasfotos a:visited { color: #fff; background-color: #600; margin-top: 5px; margin-right: 5px; padding: 3px 5px; }
#meninasfotos p { text-align: center; }
#meninasfotos img { text-align: center; }
#content2 { background-color: #fcc; padding-right: 0; padding-bottom: 0; }
#content3 { background-color: #ffc; padding-right: 0; padding-bottom: 0; }
#content4 { background-color: #deb887; padding-right: 0; padding-bottom: 0; }
#content5 { background-color: #ffe4e1; padding-right: 0; padding-bottom: 0; }
#content6 { background-color: #c0c0c0; padding-right: 0; padding-bottom: 0; }
#content7 { background-color: #fff5ee; padding-right: 0; padding-bottom: 0; }
#content8 { background-color: #cf6; padding-right: 0; padding-bottom: 0; }
#content9 { background-color: #f4a460; padding-right: 0; padding-bottom: 0; }
#content10 { background-color: #fff; padding-right: 0; padding-bottom: 0; }
#maincol,
.maincol     { float: right; padding: 0 0px; width: 440px }
#maincol2, .maincol2 { text-align: center; position: fixed; top: 95%; width: 100%; float: none; }
#maincol3, .maincol3 { color: #333; float: right; width: 650px ; height: 100%; padding: 10px 30px 0 0; }
#maincol3 img { padding-bottom: 0; padding-left: 0; }
#maincol3 p {  }
.izquierda { float: left; }
#margenizd { float: right; margin-bottom: 10px; margin-left: 15px; border: solid 5px #333; }
#margenizd1 { margin-bottom: 10px; margin-left: 15px; float: right; border: solid 5px #333; }
#margenizd2 { margin-bottom: 10px; margin-left: 15px; float: right; border: solid 5px #333; }
#margenizd3 { margin-bottom: 10px; margin-left: 15px; float: right; border: solid 5px #333; }
#margenizd4 { margin-bottom: 10px; margin-left: 15px; float: right; }
#margenizd5 { margin-bottom: 10px; float: left; }
#content>#maincol,
#content>.maincol {
	margin: 0 20px 0 0;
}

.maincol   { margin: 0; padding: 0; width: 500px }

#sidebox,
.sidebox         { background-image: url(../media/sidebox.gif); background-repeat: no-repeat; background-position: 0 150px; bottom: 0; width: 200px; height: 730px; margin-top: 0; margin-bottom: 0; padding-bottom: 20px; }
#ficha { float: right; margin-left: 15px; }
#ficha tirar { color: white; font-size: 10px; line-height: 15px; background-color: #600; margin-top: 0; margin-bottom: 0; margin-left: 15px; padding: 10px 10px 20px; bottom: 0; width: 200px; height: 100%; float: right; }
#ficha p { color: white; font-size: 10px; line-height: 15px; background-color: #600; margin-bottom: 5px; bottom: 0; width: 200px; height: 100%; padding: 0 10px 10px; }
#fichacab { margin-bottom: 1px; }
#ficha1 { float: right; margin-left: 15px; }
#ficha2 { float: right; margin-left: 15px; }
#ficha3 { float: right; margin-left: 15px; }
#ficha1 p { color: white; font-size: 10px; line-height: 15px; background-color: #600; margin-bottom: 5px; bottom: 0; width: 200px; height: 100%; padding: 0 10px 10px; }
#ficha2 p { color: white; font-size: 10px; line-height: 15px; background-color: #600; margin-bottom: 5px; bottom: 0; width: 200px; height: 100%; padding: 0 10px 10px; }
#ficha3 p { color: white; font-size: 10px; line-height: 15px; background-color: #600; margin-bottom: 5px; bottom: 0; width: 200px; height: 100%; padding: 0 10px 10px; }
#editorial { color: #333; font-size: 12px; line-height: 14px; margin-bottom: 10px; }
#editorial a:hover { color: #600; font-size: 10px; line-height: 14px; }
#editorial li { margin-bottom: 5px; }
#editorial a:active { color: #600; font-size: 10px; line-height: 14px; }
#editorial current { color: #600; font-size: 10px; line-height: 14px; }
#espectaculos { color: #333; font-size: 12px; line-height: 14px; margin-bottom: 10px; }
#espectaculos a:hover { color: #600; font-size: 10px; line-height: 14px; }
#espectaculos a:active { color: #600; font-size: 10px; line-height: 14px; }
#espectaculos current { color: #600; font-size: 10px; line-height: 14px; }
#current { color: maroon; font-size: 10px; font-weight: bold; line-height: 14px; }
#espectaculos li current { color: maroon; }
#espectaculos li { margin-bottom: 5px; }
#espectaculos a { color: #333; font-size: 10px; line-height: 14px; }
sidebox img { position: absolute; top: 0; margin-bottom: 30px   }
sidebox a { margin-bottom: 10px }
.sidebox     { padding: 5px 0 0; border-top: medium solid #ddd }

.section {
	margin-bottom: 1.3em;
	border-bottom: 1px #ccc dashed;
}

.maincol .section {
	border-bottom: 0;
}
#WebandCDROM .section,
#Printdesign .section,
#IconsandBranding .section {
	border-top: 1px solid #ddd;
	padding: 5px 2em 0 2em;
	margin-bottom: 5px;
}

.row {
	clear: both;
}

#others {
	position: absolute;
	right: 0;
	width: 66px;
	top: 340px;
	height: 300px;
/* 	background: url(/images/feedme.gif) no-repeat;
 */}

#footer       { text-align: center; width: 100%; float: none; margin-top: 10px; }
#footer2       { background-color: #999; text-align: center; clear: both; padding-right: 0; padding-left: 0; width: 900px; height: 25px   ; float: none; }
#navegador { text-align: right; margin-top: 20px; padding-right: 8px; }
#fondo { background-image: url(../media/fondo04.jpg); background-repeat: no-repeat; background-position: center 0; }
#footer p    { color: gray; font-size: 9px; font-weight: lighter; text-align: center; position: relative; padding-right: 0; padding-bottom: 0; property: value; }
#footer2 p { color: #333; font-size: 9px; font-weight: lighter; text-align: center; padding-right: 0; padding-bottom: 0; position: relative; property: value; }
#logo1 { margin-left: 10px; }
#credits span {
	display: none;
}
a#x  { background-position: 0 -3px; width: 64px }
a#c {background-position: -64px -3px;width: 45px;}
a#s {background-position: -109px -3px;width: 34px;}
a#t {background-position: -143px -3px;width: 36px;}		

a#x:hover, a#c:hover, a#s:hover, a#t:hover {
	background-image: none;
}



div.float p,  
div.float a {
	line-height: 1.3em;
	margin-top: 3px;
	margin-bottom: 0;
   }
   
div.float a:before {
content: ":: ";
}

#archivelist li {
	margin: 0 0 0.6em 0;
}
maincol img  { margin-right: 5px; margin-bottom: 5px }

table th#info,
		table th#values  { width: 250px }
		
		table, th, tr, td   { text-align: left; }
		
		table th   {  }
		
		table td    { order-right-style: solid; }
 table tr {  }

#webmail{ font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 10px; background-color: #fff; color: #666;
	/*filter: alpha(opacity=80); 
	opacity: .8;*/
	width: 260px; position: absolute; top: 120%; left: 60%; z-index: 1; border: solid 1px #696969; margin-left: 104px; }
#webmail a:hover { color: #600; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; }
#webmail a { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; }
#margenimagen { border: solid 10px #525252; }
ul    { color: #333; font-size: 12px; text-align: right; position: relative; list-style-type: none; }
li    { margin-right: 20px; }
#acepae { text-align: right; position: relative; right: 10px; bottom: 10px; z-index: 10; }
#iati { text-align: right; position: absolute; left: 10px; z-index: 20; }