body {
color:#000000; margin:0% 10% 0% 10%; min-width: 792px; font-size: 0.9em;
}
h1{margin: 0 0 2% 0; text-align:left
}
h1.logo{ padding:36px 5% 0 5%; text-align:left; color:#FFCC00; font-weight: bold; font-size:2.5em; text-transform:uppercase}

h2 {font:bold 1.4em Arial, Helvetica, sans-serif; background:#FFCC00 url(/detalle/h2_amarillo.gif) repeat-x center center; text-align:center; border:2px solid #FFCC00; border-bottom-color:#C90; padding:2%; margin-bottom:0; margin-top:0; color:#630;
}
h2.seccion{ text-align:left; color:#FFF; border:none; background:none;}
h2.nada{ background:transparent; border:none; color:#FFF}

h3 {
        font-weight: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 2px;
}

td { font-size: 0.9em;
}

p {color: #000000; font-family:"Arial, Helvetica, sans-serif"; text-align:justify;
}

.textinput {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        border: 1px solid #D1D7DC;
        padding-right: 3px;
        padding-left: 3px;
}

.listbox {
        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        border: 1px solid #D1D7DC;
        vertical-align : middle;
}

.button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.9em; color:#FFF;
        border: 1px solid #900; padding:0.5%;
        background:#609 url(/detalle/h2_enano.gif) repeat-x center center;
}

.comment_button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        border: 1px solid #005D8C;
        background:#609 url(/detalle/h2_enano.gif) repeat-x center center;
        padding-left: 3px;
        padding-right: 3px;
}

.radio {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        vertical-align : middle;
}

.checkbox {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        vertical-align : middle;
}

.maintable {
        background-color: #FFFFFF;
        margin: 0;
}

.tableh1 {background:#996600 url(/detalle/h2_hombre.gif) repeat-x center center;
}
.tableh1_b {background:#FC0 url(/detalle/h2_amarillo.gif) repeat-x center center; padding:1%;
}
.tableh1_compact { background:#FFCC00; color:#000; padding:1%;
}

.tableh2_compact {
        background: #FC0 ;
        color : #000000;
        padding: 1%;
}

.tableb { padding:1%; text-align:center; background:#996600 url(/detalle/h2_hombre.gif) repeat-x center center; color:#FFF; 
}
.tableb_fondo { text-align:center; background:#996600;
}
.tableb_text { padding:1%; text-align:justify; background:#C90; color:#000; font-size:0.9em; font-family:Arial, Helvetica, sans-serif;
}

.tableb_compact {
        background: #F7F37B ;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tablef {
        background: #6BBE10;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

.catrow {
        background: #F7F37B ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.catrow_noalb {
        background: #F7F37B ;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.album_stat {
        font-size : 10px;
        margin: 5px 0px;
}

.thumb_filename {
        font-size: 80%;
        display: block;
}

.thumb_title {
        font-weight : bold; text-align:center;
        font-size: 1.0em; margin-top:0; margin-bottom:0;
}

.thumb_caption {
        text-align:center;
        font-size: 0.9em; margin-top:0;
}

.thumb_num_comments {
        font-weight: normal;
        font-size: 9px;
        padding: 2px;
        font-style : italic;
        display : block;
}

.user_thumb_infobox {
        margin-top: 1px;
        margin-bottom: 1px;
}

.user_thumb_infobox th {
        font-weight : bold;
        font-size: 12px;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox td {
        font-size: 10px;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.sortorder_cell {
        background : #6BBE10 ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
}

.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background : #6BBE10 ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 9px;
        white-space: nowrap;
}

.statlink{ color:#FFF; padding:1%; text-align:right;
}

.navmenu {color: #000000; font-family:"Arial, Helvetica, sans-serif";
        font-size: 1.0em;
        font-weight: bold;
        background : #FC0; overflow:hidden;
		padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.admin_menu_thumb {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

td #admin_menu_anim {
        background-image : url(images/button_bg_anim.gif);
}

.comment_date{
        color : #5F5F5F;
        font-size : 10px;
        vertical-align : middle;
}

.image { border:1px solid #C90; margin:2%; 
}
.imageportada { border:1px solid #C90; margin:2%; float:left; 
}

.imageborder {
        border: 2px solid #C90;
        background-color: #FFFFFF;
        margin-top: 3%;
        margin-bottom: 3%;
}

.display_media {
        background: #F7F37B ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.thumbnails {
        background:#EEE url(/detalle/h2_otros.gif) repeat-x center center;
        padding: 1%;
}

.img_caption_table {
        border: none;
        background-color: #FFFFFF;
        width : 100%;
        margin : 0px;
}

.img_caption_table th {
        background: #6BBE10 ;
        font-size : 12px;
        color : #FFFFFF;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
}

.img_caption_table td {
        background: #FFA600 ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
}

.debug_text {
        border: #BDBEBD;
        background-color: #EFEFEF;
        width : 100%;
        margin : 0px;
}

.clickable_option {
        color: #1B2D04;
        font-weight: bold;
}

.listbox_lang {
        color: #000000;
        background-color: #E7F38C;
        border: 1px solid #6BBE10;
        font-size: 80%;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;
        margin-top: 5px;
}

#SELECT_LISTS {
        text-align:center;
}
#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}
#cabecera{
width: auto; text-align:center; background-color:#000000; overflow:hidden; background-image:url(/plantilla/negro_soft.png); background-position:top; background-repeat:repeat-x; border:1px solid #000000; border-bottom:none;
}
#derecha{
	float: right;
	width: 182px;
	padding-bottom: 25px;
	font-size:0.85em;
	text-align:center;
	margin: 0% 0% 0% 0%;
}
#curva{
float: left;
background-color:#000000;
}
#principal{
padding: 1% 2% 1% 0;
width: auto; margin-right:182px; text-align:center;
}
#pie{width: 100%; text-align:center;
font-size: 0.85em; clear:both; padding-top:0; padding-bottom:1%; overflow:hidden; background:#FFFFFF url(/plantilla/marron_soft_pie.png) center bottom repeat-x; border:1px solid #630; border-top:1px solid #C90; margin-top:1%;
}
.N00000 {background-color:#000000} /*Negro*/
.salto{font-size:0.75em; text-align:center; margin:0; font-family:"Arial, Helvetica, sans-serif"; padding:0.3%}
.salto a:link, .salto a:visited {color:#FFFFFF; text-decoration: none}
.salto a:hover, .salto a:active {color:#FFCC00; text-decoration: none}
.fondo_logo {background:transparent url(/plantilla/fondo_logo.png) no-repeat top center; height:148px; margin-bottom:-1%; vertical-align:middle}
a:link, a:visited {color: #995500; text-decoration: none}
a:hover, a:active {color: #FFCC00}
a.amarillolink:link, a.amarillolink:visited {color: #995500; text-decoration: none}
a.amarillolink:hover, a.amarillolink:active {color: #FFFFFF}
img {border-style:none}
.centro{
text-align:center;
}
div.right {text-align: right}
.menu { margin: 0.5% 0 0 0; padding: 0.5%; font: bold 0.7em Verdana, Arial, Helvetica, sans-serif; width: 100%; overflow: hidden; border-top: 1px solid #660000; border-bottom: none; border-width: 1px 0; background:#FFEF6B url(/detalle/h2_amarillo.gif) center center repeat-x;}
.menu li{ display: inline;}
.menu li a, .menu li a:visited	{color: #995500; margin:0; padding:1%; padding-top:0.5%; padding-bottom:0.5%; text-transform:uppercase; text-decoration: none; border-top:1px solid #FFCC00; border-right:1px solid #CC9900; border-bottom:1px solid #663300; margin-left:-3px}
.menu li a:hover, .menu li .actual {color:#CC9900; margin-bottom:0; background:#FFFFFF url(/plantilla/blanco_soft_hover.gif) center center repeat-x}

.menupie { margin:0 0 0.5% 0; padding:0.5%; font: bold 0.65em Verdana, Arial, Helvetica, sans-serif; width:100%; overflow:hidden; border-bottom:1px solid #300; background:#996600 url(/detalle/h2_hombre.gif) repeat-x center center; }
.menupie li{ display: inline}
.menupie li a, .menupie li a:visited {color:#FFF; margin:0; padding:1%; padding-top:0.5%; padding-bottom:0.5%; text-transform:uppercase; text-decoration: none; border-right:1px solid #630; margin-left:-3px}
.menupie li a:hover	{color:#FC0;}

td.albumtd{border:2px solid #FFCC00; background:#FFFFFF url(/plantilla/marron_soft_pie.png) center bottom repeat-x; color:#000000}

/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #FC0; margin: 0 auto; border: solid 2px #C90; border-bottom:none; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:../image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.png) right 15% no-repeat; }

#imageDataContainer{ font: 0.9em Verdana, Helvetica, sans-serif; background-color: #FC0; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; border: solid 2px #C90; border-top:none; }

#imageData{	padding:0 10px; color:#630; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 100px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color:#630; }