html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }

html {margin: 0 auto; 
padding: 0;
background-color: #E7E7E7;
}
body {
margin: 0 auto;
padding: 0;
background: url(../imgs/sombra.gif) #E7E7E7 repeat-y;
background-position: top center;
font-family: trebuchet, Arial, Verdana, Helvetica, sans-serif;
line-height: 1.4em;
font-size: small; }
div#header {
padding: 0%;
text-align: center;
color: #000000; }
#banner {
height: 112px;
background: url(../imgs/ban.gif) #ffffff no-repeat;
background-position: right;
text-align: left;
padding-left: 0px;
margin-right: 0px;
color: #003333; }
#banner h4 {
float: left;
margin: 36px 0 0 700px;
background: none;
font-size: 0.9em;
color: #ffffff;
}
#nav-main {
width: 940px;
height:1000px;
margin:10px 0px 0px 0px;
background:#fff url(../imgs/ciudad_noche.jpg) no-repeat;
position:relative;
 }
div#footer {padding: %;
width: 940px;
margin-top: 6px;
text-align: center;
clear: both;
overflow: hidden;
 }

#info-company {
padding:6px 0 0 0px;
margin:16px 0 0 0px;
font-size: 11px;
font-family:arial, verdana, sans-serif;
font-weight:bold;
 height:35px; 
background:#fff url(prodrop2/button1a.gif); 
 list-style:none;
position:relative; border:1px solid #000; 
border-width:0 1px; border-bottom:1px solid #444;
width:100%;
text-align: center;
color: #ffffff; }
#info-company a,#info-company a:visited {color: #ffffff; }
#info-company a:hover,#info-company a:visited:hover {color: #000000; }
.info-standards {font-size: 10px;
padding: 0;
text-align: center;
margin: 5px !important; }
div#maincontent {padding: 0%;
width: 100%;
height: 160px;
overflow: hidden;
text-align: justify;
background-color: #E8E4E4;
color: #000000;
 }



/*EXTRAS -------------------------------------------------------------*/
	/* Aplicar para ver la grilla */
	.verGrilla { background: #fff url(Ggrid.gif) repeat-y; }
	
	/*Usar para dar alto 100% a una columna*/
	.col100alto { padding-bottom: 30000px; margin-bottom: -30000px; } 		
	/*--------------------------------------------------------- FIN EXTRAS*/
	/*Contenedor de todos los elementos del sitio - Controla la posicion del sitio: derecha, centro o izquierda */
	#contenedor { margin: 0 auto; padding: 0 10px; width: 940px; _width: 960px; text-align: left; overflow: hidden; background-color: #ffffff;}	
	
	/*Unidad contenedora generica, aplicar siempre que existen 2 o mas columnas paralelas o como contenedor basico.*/
	.caja { width: 100%; overflow: hidden; margin: 0 0 1em 0; display: block; overflow: hidden; }


	/* COLUMNAS */
	/* Control del flotado y margen */
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col50  { float: left; margin: 0 20px 0 0; overflow: hidden;
}
	
	/* Importante: quita el margen extra a la ultima columna de cada fila para encajar */
	.final { margin-right: 0; }


	
	/* Usar estas clases para determinar los anchos y cantidad de columnas. Siempre en relacion al class .contenedor */
	.col1  { width: 40px; }
	.col2  { width: 100px; }
	.col3  { width: 160px; }
	.col4  { width: 220px; }
	.col5  { width: 280px; }
	.col6  { width: 340px; }
	.col7  { width: 400px; }
	.col8  { width: 460px; }
	.col9  { width: 520px; }
	.col10 { width: 580px; }
	.col11 { width: 640px; }
.col12 { width: 700px; }
.col13 { width: 760px; }
.col14 { width: 820px; }
.col15 { width: 880px; }
	.col16 { width: 940px; margin: 0; }
	.col50 { width: 48.15%;  }
	/*--------------------------------------------------------- FIN COLUMNAS*/
	

.preload2 {background: url(prodrop2/button4.gif);}
.menu2 {padding:0 0 0 10px; margin:0; list-style:none; height:35px;  font-family:arial, verdana, sans-serif;
 }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li.top2 {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(prodrop2/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(prodrop2/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(prodrop2/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(prodrop2/button4a.gif) no-repeat right top;}
.menu2 li:hover > a.top_link {color:#fff; background: url(prodrop2/button4.gif) no-repeat;}
.menu2 li.current a.top_link {
color:#fff; 
background: 
url(prodrop2/fondobot.jpg) no-repeat;
margin: 0px 0 0 0px;
}
.menu2 li:hover > a.top_link span {background:url(prodrop2/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(prodrop2/button4a.gif) no-repeat right top;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:108px; height:auto;
 }
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:103px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:100px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;text-align: left; }
.menu2 :hover ul.sub li a.fly {background:#fff url(prodrop2/arrow.gif) 94px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(prodrop2/arrow_over.gif) 94px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(prodrop2/arrow_over.gif) 94px 7px no-repeat; color:#fff;} 
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:100px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:108px; z-index:200; height:auto;}
#nav-section {
margin: 0px;
padding-top: 5px;
width: 100%;
padding-bottom:2px;
background-color: #469409;
overflow: hidden;
font-size: 0.9em;
color: #ffffff;
height: 20px; }
#nav-section ul {
margin: 0;
}
#nav-section li {
list-style-type: none;
float: left;
margin: 0px 4px 0 4px;
padding:3px 0 0 12px; 
background-color: transparent;
font-size: 0.9em;
color: #ffffff;
}
#nav-section a:link, #nav-section a:visited {
text-decoration: none;
}
#nav-section 2{
margin: 0;
width: 100%;
background-color: black;
overflow: hidden;
color: #ffffff;
height: 25px; }
#nav-section2 ul {
margin: 0;
}
#nav-section2 li {
list-style-type: disc;
margin: 0px 0px 0 0px;
padding:3px 0 0 0px; 
background-color: black;
font-size: 0.9em;
color: #ffffff;
float: left;
text-align: left; }
#nav-section2 a:link, #nav-section2 a:visited {
text-decoration: none;
}

	
	a {
color: #4D4D4D;
}
h1{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #0000FF;
margin: 10px 0 5px 0;
padding-left: 10px;
 }
.highlight
{
background-color:black;
text-align: center; }
.titulos{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 3.0em;
line-height: 1.2em;
color: #ffffff;
background: #000000;
margin: 0;
font-weight: normal;
text-align: center; }
.titulos2{
list-style-type: disc;
float: left;
padding:3px 0 0 12px; 
background-color: black;
font-size: 0.9em;
color: #ffffff;
}

h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #008000;
}
h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #0000ff;
margin: 5px;
border-bottom: 1px #0000ff solid; }
p {
margin: 10px 5px 5px 5px;
}
p2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #ffffff;
background: #000000;
margin: 15px 0 15px 0;
padding-left: 10px;
 }
.babbupi {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #008000;
}
/* main table data cells */
.ewTable td {
	padding: 4px; /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color: #cccccc;  /* table background color */

 }
.ewTable td:hover {
	background-color: #FFCCFF; }


#search {width:260px; float:right; text-align:right; position:absolute; top:4px; right:33px;}

#search form {margin:0; padding:7px 0 0 0;}

#search input {font-size:11px; border:0; background:transparent;}

#search input.search {width:113px; background:#fff; border:0; margin-right:3px;}

.cse-branding-text {color:#fff;}
.cse-branding-form {margin-left:16px;}

#cuadro {
margin: 0;
width: 100%;
background-color: black;
color: #ffffff;
height: 46px;
text-align: left; }
img.floatleft {
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 15px;
}
	li { line-height: 1.22em; list-style: none; margin: 0 0 0.4em 0; padding: 0; line-height: 1.5em; }
strong { font-weight: bold; }
legend {font-style: italic;
font-weight: bold;
letter-spacing: 2px;
font-size: 1.5em; }
fieldset {border-top: 5px #ff4700 double;
border-left: none;
border-bottom: none;
border-right: none;
padding-left: 15px;
padding-bottom: 15px;
padding-top: 15px; }
#google-boton { 
background:#fff url(prodrop2/lupa.gif) no-repeat;
 }
textarea {
width: 80%;
height: 8em;
font-family: Courier, "Courier New", monospace;
border: 2px solid #990000;
}
textarea:focus {
outline: 2px #ff7d00 solid;
}
.cajafb { width: 100%; height:21px; overflow: hidden; margin: 0 0 2px 0px; display: block; overflow: hidden; }
.pagina{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.5em;
line-height: 1.2em;
color: #ffffff;
margin: 0;
font-weight: bold;
text-align: center;
background-color: transparent;
}
.pag_negra {padding-bottom:5px;
margin-top:6px;
margin-bottom: 6px;
width: 700px;
height: 17px;
background-color: #000000;
}
.pag_negra2 {padding-bottom:5px;
margin-top: 6px;
margin-bottom: 6px;
width: 340px;
height: 17px;
background-color: #000000;
}
.titulo{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.2em;
color: #008000;
margin: 0;
font-weight: bold;
text-align: center;
background-color: transparent; }
.subtitulo { 
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
  color: #d78577;
font-size: 18px;
line-height: 18px;
font-weight: bold;
padding-left: 0px;
padding-right: 0px; }
span.fecha { 
  color: #4d4d4d;
font-size: xx-small; }
span.fecha  a,span.fecha  a:visited {color: #4d4d4d; }

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

#lightbox a img{ border: none; }
#outerTextContainer{
	position: relative;
	background-color: #fff;
	width: 400px;
	height: 400px;
	margin: 0 auto;
	line-height:1.5em;
	text-align:left;
	padding:10px;	border:1px solid #000
}

#closeText{text-align:right}
#bottomNav{margin-top:5px;text-align:right}

#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(../images/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:#000000;
	}