/* COLOR OSCURO CUADROS 12 16 18 
COLOR FONDO WEB 2E 36 39
COLOR FONDO MUSEO 16 1B 1D

*/

body
{
	width: 100%;
	background-color: #777777;
	margin: 0;
	padding: 0;
	top: 0;
	left:0;
	color: #FFFFFF;
	font-family: Times;
	font-size: 15px;
}

a
{
	color: #FFFFFF;
}
span
{
	color: #FFFFFF
	font-weight: bold;	
}

#museovietnam
{
	background-color: #555555;
	width: 900px;
	margin: auto;
	border: 2px solid #000000;
}

#header
{
	width: 100%;
	height: 150px;
	background-color: black;
}

#menu_top
{
	background-color: #000000;
	z-index: 2;
	position: relative;
	border-bottom: 2px solid white;
	border-top: 2px solid white;
	font-size: 17px;
	padding: 0;
	margin: 0;
	padding-left: 10px;
	//padding-left: 40px;
}

#menu_top img
{
	margin-left: 4px;
	margin-right: 4px;
	display: inline;
}

#menu_top a
{
	text-decoration: none;
	color: #FFFFFF;
}

#menu_top a:hover
{
	text-decoration: underline;
}

.menu
{
	display: inline;
	position: relative;
	line-height: 25px;
}

.menu div a
{
	line-height: 20px;
}

.menu div
{
	-moz-opacity: 0.92;
	position: absolute;
	z-index: 1000;
	visibility: hidden;
	background-color: #000000;
	border: 2px solid white;
	border-top: 2px solid #000000;
	z-index: 3;
	font-size: 15px;
	padding: 0 10px 5px 10px;
	top: 20px;
	left: -10px;
}

#menu_museo
{
	top: 20px;
	left: -10px;
}


#contenido
{
	position: relative;
	padding: 0px;
}


/*CONTENIDO INDEX*/

#index_presentacion
{
	width: 650px;
	margin: 0;
	padding: 10px;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000;
}

#index_museo
{
	float: left;
	width: 465px;
	//width : 455px;
	height: 250px;
	background-color: #000000;
	margin: 0;
	padding: 10px;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000; 
}

#index_museo img
{
	float: left;
	margin: 2px 10px 5px 0;
	border: 5px solid #FFFFFF;
}

#index_historia
{
	float: left;
	width: 160px;
	height: 250px;
	padding: 10px;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000; 
}

#index_historia img
{
	margin: 2px 10px 5px 0;
	border: 5px solid #FFFFFF;
}

.cuarteto
{
	float: left;
	width: 143.5px;
	padding: 10px;
	height: 200px;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000; 
}

.cuarteto img
{
	margin: 4px 10px 5px 5px;
	border: 5px solid #FFFFFF;	
	width: 100px;
}

/* CONTENIDO MUSEO SALAS */

#central
{
	padding-top: 100px;
	min-height: 300px;
	text-align: justify;
	width: 650px;
	margin: 0;
	padding: 10px;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000;
	float: left;
}

#central_map
{
	position: relative;
	float: left;
	width: 650px;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000;
	//width: 620px;
	//border: 0px
}

#map
{
	position: absolute;
	top:25px;
	left: 0px;
	margin: 25px;
	float: left;
	width: 600px; 
	//width: 600px;
	height: 300px;
}

#datos_map
{
	float: left;
	width: 650px;
	background-color: #000000;
}
.foto-desc
{
	margin: 0;
	padding: 0;
}

.foto-desc img
{
	float: left;
	margin-right: 10px;
}

.foto_report
{
	border: 2px solid white;
	float: left;
	margin: 3px 10px 0 0;
}

/* CRONO BATALLAS */

#crono_batallas
{
	float: left;
	width: 669px;
	margin: 0;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000;
}

#crono_batallas h2
{
	background-color: #000000;
	text-align: center;
	width: 669px;
	margin: 0;
	font-size: 17px;
	padding: 5px 0 0 0;
	color: #798879;
}

#crono_batallas img
{
	margin: 5px 15px 5px 35px;
	border: 0;
	float: left;
	height: 50px;
}

#tabla_cronobatallas
{
	width: 669px;
	margin: 0;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000;
}

/* galeria fotos */
.subcategoria
{
	width: 200px;
	text-align: center;
	margin: 10px 0;
	float: left;
}

.subcategoria a
{
	color: white;
	text-decoration: none;
}

.subcategoria a:hover
{
	text-decoration: underline;
}

.subcategoria img
{
	width: 150px;
	height: 150px;
	border: 2px solid black;
	-moz-opacity: 0.82;
}

.subcategoria img:hover
{
	width: 150px;
	height: 150px;
	border: 2px solid black;
	-moz-opacity: 1.00;
}

.centrado
{
	width: 600px;
	margin: auto;
}


/* FOTOS */

.ver_foto
{
	width: 150px;
	text-align: center;
	margin: 15px 0;
	float: left;
}

#foto_principal img
{
	border: 2px solid black;
	float: left;
	margin-right: 15px;
}

.ver_foto a
{
	color: white;
	text-decoration: none;
}

.ver_foto a:hover
{
	color: white;
	text-decoration: underline;
}

.ver_foto img
{
	border: 1px solid black;
	width: 75px;
	height: 75px;
}


/* MENU DERECHO */

#menu_right
{
	float: left;
	//float: right;
	margin: 0;
	//margin-right: -10px;
	width: 200px;
	//width: 180px;
}

#menu_right a
{
	text-decoration: none;
	color: #FFFFFF;
	line-height: 20px;
}

#menu_right a.actual
{
	color: #798879;
}

.menu-r
{
	padding: 10px;
	background-color: #000000;
	//margin-top: -10px;
	//margin-left: -10px;
	width: 205px;
	//width: 225px;
}

/* contactar */

#contactar .form
{
	float: left;
	width: 100px;
}

#contactar input
{
	float: left;
	width: 150px;
	border: 1px solid black;
}

#contactar textarea
{
	width: 350px;
	height: 200px;
	border: 1px solid black;
}

#contactar .mensaje
{
	margin:0px;
	background-color: #000000;
	height: 25px;
	padding: 10px 10px 0 10px;
	border: 1px solid black;
	margin-bottom: 10px;
}

.mapa
{
	width: 200px;
	text-align: center;
	float: left;
	margin: 15px 35px 15px 35px;
	
}

.mapa img
{
	cursor: pointer;
}


/* TIENDA */

.tienda_producto
{
	padding: 0;
	background-color: #000000;
	border: 1px solid black;
	border-bottom: 1px dotted black;
	text-align: left;
}

.tienda_producto img
{
	margin: 10px 10px 10px 10px;
	border: 2px solid white;
	float: left;
}

.tienda_producto h1
{
	color: #798879;
	margin: 0;
	font-size: 17px;
	text-transform: capitalize;
	padding: 4px;
	background-color: #000000;
}

.tienda_producto h1 span
{
	color: #FFFFFF;
	font-size: 13px;
	margin-left: 5px;
}

.tienda_producto h2
{
	color: #FFFFFF;
	margin: 0px 10px 10px 10px;
	font-size: 15px;
}

.tienda_producto h3
{
	font-size: 15px;
	margin: 5px 0 0 0;
	font-weight: bold;
	color: #798879;
}

.tienda_producto .carrito
{
	border: 0;
	float: none;
	cursor: pointer;
	margin: 0 0 -6px 3px;
	//margin-bottom: -4px;
}

h3 span
{
	color: #FFFFFF;
}

h3 select
{
	font-size: 10px;
	height: 15px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}


fieldset input
{
	width: 100px;
	float: left;
}

fieldset .etiqueta
{
	float: left;
	width:50px;
}

.etiqueta
{
	float: left;
	width: 150px;
}


#footer
{
	width: 800px;
	background-color: #555555;
	color: #798879;
	text-align: center;
	padding: 4px;
	color: #000000;
}

#footer a
{
	text-decoration: none;
	color: #000000;
	
}

br.min
{
	line-height: 5px;
}

.ul_main
{
	list-style-type: none;
	margin-left: -35px;
	//margin-left: 0;
}

.ul_main li
{
	//padding-left: 10px;
}

ul .sub
{
	list-style-type: none;
	padding-left: 10px;
	
}

.wall
{
	background-color: red;
	margin-top: 7px;
	float: left;
	padding: 0 4px;
}

ul.paginador
{
	text-align: center;
	border-bottom: 1px solid #798879;
	margin: 0;
}

ul.paginador li
{
	display: inline;
	line-height: 25px;
	margin: 0 2px;
}

.paginador a
{
	text-decoration: none;
	color: #798879;
}

.paginador a:hover
{
	text-decoration: underline;
	color: #FFFFFF;
}

h1
{
	font-size: 20px;
	color: #798879;
	margin-bottom: 5px;
}

hr.delimitador
{
	visibility: hidden;
	display: none;
}

br.clear
{
	clear: both;
}