/*-----------------------------------------
    Change here for main background style
-----------------------------------------*/
body {
    margin: 0px 0px 0px 0px;
    padding:0px;
    background: url(background.gif);
    font: #000000 normal 11px/15px  verdana, arial;
    text-align: center;
    }

/*-----------------------------------------
    Change here for header
-----------------------------------------*/
table.header {
    width: 1000;
    margin-bottom:0
}
td.header {
    padding:30;
}

.headercolor_top {
    /* If you want to change the background color of the top menu, add this line ...
       background-color: #FFFFFF;
       ... below this comment and substitute #FFFFFF with your preferred color. */

}

.headercolor_menu {
    /* If you want to change the background color of the menu, add this line ...
       background-color: #FFFFFF;
       ... below this comment and substitute #FFFFFF with your preferred color. */
	color: #FFFFFF;

}

td.pagessubmenu {
    padding-left:15;
    padding-top:5;
}

select.pagessubmenu {
    color: #000000;
    margin-bottom:5;
}

table.getpixel {
    margin-top:10;
    width: 1000;
}
td.getpixel {
    padding:10;
    color: #D1FF9B;
}
font.getpixelinfo {
    color: #FFFFFF;
    font-weight: bold;
}
font.getpixelerror {
    color: #FF6262;
    font-weight: bold;
}
select.language {
    font-family:verdana, arial;
    font-size:7pt;
    margin-left:10;
    color: #444444;
}

/*-----------------------------------------
    Linkstyle of the Mainmenu
-----------------------------------------*/
a.m:link    {    color: #FFFFFF; font-weight: bold; text-decoration: none;    }
a.m:visited {    color: #FFFFFF; font-weight: bold; text-decoration: none;    }
a.m:hover   {    color: #D1FF9B; font-weight: bold; text-decoration: underline;    }

/*-----------------------------------------
    Linkstyle of the Premenu
-----------------------------------------*/
a.l:link    {    color: #FFFFFF; font-weight: normal; font-size:8pt; text-decoration: none;    }
a.l:visited {    color: #FFFFFF; font-weight: normal; font-size:8pt; text-decoration: none;    }
a.l:hover   {    color: #D1FF9B; font-weight: normal; font-size:8pt; text-decoration: underline;    }

/*-----------------------------------------
    Linkstyle / Linkstyle highlighted of the Submenu (gridpages)
-----------------------------------------*/
a.pages:link    {    color: #C8C8C8; font-weight: normal; text-decoration: none; padding:0 7;   }
a.pages:visited {    color: #C8C8C8; font-weight: normal; text-decoration: none; padding:0 7;    }
a.pages:hover   {    color: #FFFFFF; font-weight: normal; text-decoration: underline; padding:0 7;    }

a.pages_highlight:link    {    color: #D1FF9B; font-weight: normal; text-decoration: none; padding:0 7;   }
a.pages_highlight:visited {    color: #D1FF9B; font-weight: normal; text-decoration: none; padding:0 7;    }
a.pages_highlight:hover   {    color: #FFFFFF; font-weight: normal; text-decoration: underline; padding:0 7;    }

/*-----------------------------------------
    Linkstyle of the Footermenu
-----------------------------------------*/
a.f:link    {    color: #FFFFFF; font-weight: bold; text-decoration: none;    }
a.f:visited {    color: #FFFFFF; font-weight: bold; text-decoration: none;    }
a.f:hover   {    color: #D1FF9B; font-weight: bold; text-decoration: underline;    }

/*-----------------------------------------
    Change here for footer tables
-----------------------------------------*/
table.footer {
    width: 1000;
    margin:10;
}

td.footer {
    text-align: right;
    color:#999999;
}

/*-----------------------------------------
    Change here for Headlines style
------------------------------------------*/

h3,h4,h5 {
    margin: 0px 0px 5px 0px;
    }
h1 {
    font-size:13pt;
    margin: 0px 0px 10px 0px;
   }
h2 {
    font-size:10pt;
    margin: 0px 0px 5px 0px;
   }

/*-----------------------------------------
    Change here for main content tables
-----------------------------------------*/

table.content {
    background-color: #E6F7FF;
    width: 1000;
    
}

td.content {
    padding:30;
}

td.rightcontent {
    width:150;
    background-color: #C4EDFF;
    padding:30;
}

/*-----------------------------------------
    Change here for Blog and Faq Style
------------------------------------------*/

h2.blog_title {
    margin-top:3;
    color:#5F76AF;
}

font.blog_date {
    font-size:10px;
    font-weight: bold;
}
hr.blog_line {
    height:1px;
    color:#C8C8C8;
}

h2.faq_question {
    margin-top:3;
    color:#5F76AF;
}
hr.faq_line {
    height:1px;
    color:#8AAE56;
}
ul.faq_line {
    list-style-type: square;
    margin-top:3;
    margin-left:20;
    margin-bottom:3;
    color:#5F76AF;
}

/*-----------------------------------------
    Other general
------------------------------------------*/
table {  border-collapse: collapse;  }
td {
    padding:0;
    font: normal 11px/15px   verdana, arial;
   }
img { border: 0 }
input,select,textarea {
    font-family:verdana, arial;
    font-size:8pt;
    color: #666666;
}

/*-----------------------------------------
    Linkstyles general
-----------------------------------------*/
a:link    {    color: #5672B0; font-weight: bold; text-decoration: underline;    }
a:visited {    color: #5672B0; font-weight: bold; text-decoration: underline;    }
a:hover   {    color: #7399EB; font-weight: bold; text-decoration: none;    }

a.black:link    {    color: #000000; font-weight: bold; font-size:8pt; text-decoration: underline;    }
a.black:visited {    color: #000000; font-weight: bold; font-size:8pt; text-decoration: underline;    }
a.black:hover   {    color: #FFFFFF; font-weight: bold; font-size:8pt; text-decoration: none;    }

/*-----------------------------------------
    Get Pixel - Logo images
------------------------------------------*/
td.logos {
    color: #FF6262;
    background-color: #415383;
}
td.logos_highlighted {
    color: #FF6262;
    background-color: #778ABB;
}

a.logos:link    {    color: #D1FF9B; font-weight: bold; font-size:8pt; text-decoration: none;    }
a.logos:visited {    color: #D1FF9B; font-weight: bold; font-size:8pt; text-decoration: none;    }
a.logos:hover   {    color: #FFFFFF; font-weight: bold; font-size:8pt; text-decoration: underline;    }

/*-----------------------------------------
    Get Pixel Process / Edit Pixel
------------------------------------------*/
.linkpixel_button {
    height:25;
    width:150;
    margin-left:25;
    color:#000000;
    margin-right:60;
}
.savepixel_fileupload {
    width:420;
    height:19;
    margin-left:5
}

.savepixel_fileupload_button {
    width:140;
    margin-left:3;
    height:25;
    color:#000000
}
.savepixel_http {
    color:#000000;
    width:70;
}
.savepixel_url {
    width:240;
    height:19;
    color:#000000;

}
.savepixel_inputs {
    width:310;
    height:19;
    color:#000000;

}
.savepixel_password {
    width:160;
    height:19;
    color:#000000;

}
.savepixel_submitbutton {
    width:160;
    height:25;
    color:#000000
}

/*-----------------------------------------
    Global Search Button
------------------------------------------*/
.globalsearch_input {
    width:150;
    color:#000000;
}
.globalsearch_submit {

}

@charset "utf-8";
/*------------------------------------------------------------------------------------
    Estilos globales
------------------------------------------------------------------------------------*/
    * {padding:0;margin:0; }
    .logo a, .comprapixeles a { behavior: url(iepngfix.htc) }
    body {
    font:normal 12px Verdana, Arial, Helvetica;
    background:#000000 url(bk.jpg) repeat-x; }

    h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
    fieldset { padding: .5em; }
    select option{ padding:0 5px; }

    .hide, .print-logo, .close-button{ display:none; }
    .left{ float:left; }
    .right{ float:right; }
    .clear { clear: both; width: 0; height: 0; font-size: 0; overflow: hidden; }
    a img{ border:none; }

/*------------------------------------------------------------------------------------
    Layout
------------------------------------------------------------------------------------*/
.wrap { width: 900px; margin: 0 auto; }
#header {  background: url(bk-header.jpg) no-repeat;}

.logo a { float: left; width: 167px; height: 110px; background: url(logo.png); }
.logo h1 {
  margin: 0;
}

.logo span { display: none; }

.comprapixeles a { float:right; width:161px; height:110px; background: url(compra-pixeles.png); display: block; }
.comprapixeles span { display: none; }

ul#nav { clear: both;  list-style: none; margin: 0; padding: 0; widows: 1000px; height: 32px; }
ul#nav li {  float: left;  }
ul#nav li a, ul#nav li a:visited { text-decoration: none; color: #93847c; padding:0 12px; float: left;  height: 32px; line-height: 32px; background: url(separador.png) no-repeat top right;  }
ul#nav li a:hover { color: #FFF;}
ul#nav li.inicio {background: url(separador.png) no-repeat top left;}
ul#nav li.disponible {padding:9 5px;}

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

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#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: transparent url(blank.gif) no-repeat; /* 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.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#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: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}