@import url("layout.css");

html,body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:olive;
}

.container{
	width:1024px;
	margin:0 auto;
	height:100%
}

.header{
	background-image:url(../images/banner-metal-juegos.jpg);
	cursor:pointer;
	position:relative;
}

.footer{
	padding-left:300px;
	font-size:small;
	height:60px;
	width:auto;
}

#navigation{
	padding:0px;
	height:auto;
	float:left;
	width:300px;
	vertical-align:top;
	text-align:center;
}

#navigation ul{
	list-style:none;
	padding:0px;
}

#navigation li{
	padding:0px;
}

.menuitem{
	}

a{
	padding:0px;
	text-decoration:none;	
}


.content{
	width:100%;
	/*background-color:grey;*/
}

.module{
	float:right;
	height:auto;
	width:100%;
	background-image:url(../images/fondo-metaljuegos-2.jpg);
}



.active {
	display:block;
}

.botoncontenido{
	color:white;
	background-color:transparent;
	background-repeat:no-repeat;
	width:120px;
	height:24px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}

.botoncontenido-verde {

	background-image:url(../images/botones/boton-verde.png);

}

.botoncontenido-verde-dark {
	background-image:url(../images/botones/boton-verde-dark.png);
}

.botoncontenido-rojo {
	background-image:url(../images/botones/boton-rojo.png);
}

.botoncontenido-rojo-dark {
	background-image:url(../images/botones/boton-rojo-dark.png);
}

.botoncontenido-amarillo {
	background-image:url(../images/botones/boton-amarillo.png);
}

.botoncontenido-amarillo-dark {
	background-image:url(../images/botones/boton-amarillo-dark.png);
}

#menu
{
	vertical-align:top;
	width:300px;
	border:0px;
	margin:0px;
	float:left;
}

#secciones{
	vertical-align:top;
}

.seccion{
	border:10px;
	padding:0px 30px;
	min-height:500px;
}

#contact{
	
}

#inicio{	
}

#publicos{	
}

#urbanos{	
}

#tradicionales{	
}

#catalogo
{
}

#ubicacion{}

table {
	width:100%;
	
}

.fixed{
	position:fixed;
	top:0px;
	border:0px;
	margin:0px;
}

#tableribbon
{
	border:0;
	padding:0;
	height:30px;
	background-color:navy;
	display:inline;
	
}

#tableribbon ul
{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}

#tableribbon li
{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}

#tableribbon a
{
	color:white;
}

h1
{
	
}

h4
{
	margin:0px;
	padding:0px;
	font-size:xx-large;
	
}

.imgthumb
{
	width:190px;
	margin:12px;
	border: #B1C903 solid 2px;
	border-radius:15px;
	cursor:pointer;
}

.imgthumb:hover
{
	border: olive solid 2px;
}

.contact_label {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	margin-top:20px;
	letter-spacing:2px;
}

/* Centrar form en la pagina */
form {
    width:100%;
}

/* Style the text boxes */
.contact_input, .contact_textarea {
	font-family:Arial, Helvetica, sans-serif;
	width:439px;
	height:27px;
	background:#efefef;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
}

.contact_textarea {
	height:213px;
}

input:focus, .contact_textarea:focus {
    border:3px solid #97d6eb;
}

#urbanosimg, #tradicionalesimg, #publicosimg{
	border:none;
}

#tablefooter {
	left:300px;
}

#submit_button
{
	border:none;
	color:transparent;
	height:38px;
	width:128px;
	background-image:url(../images/botones/submit.jpg);
}

.photoiniciocontainer
{
	text-align:center;
	width:100%;
	padding-bottom:20px;
}
	
.photoinicio
{
	border-radius:15px;
}

.fondogaleria
{
	width:100%;
	border-radius:15px;
	background-color:#fbd663;
	text-align:center;
	padding:0px;
	padding-bottom:20px;
}

.fondogaleria table
{
	width:1024px;
}


.galleryheader{
	width:500px;
	height:60px;
	margin:0 auto;
	position:relative;
	top:0px;
	background-image:url(../images/botones/RectanguloSuperior%20copia.png);
	color:white;
	font-size:xx-large;
	text-align:center;
}

.gallerycontainer{
	font-size:32px;
	cursor:pointer;
}
.catalogimg{
	cursor:pointer;
}
.headertext
{
	position:absolute;
  	bottom:0px;
	right:0px;
}

.gallerytable
{
	border:0px;
	margin:0px;
	padding:0px;
}

.catalogback
{
	font-size:24px;
	cursor:pointer;
}

.catalogback:hover
{
	color:yellowgreen;
	font-size:24px;
	cursor:pointer;
}