body {
background-color:#333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-image:url(iconos/fondo.png);
	background-image:url(iconos/fondo1.png);
	background-image:url(iconos/fondo2.png);
	background-image:url(iconos/fondo3.png);
		background-image:url(iconos/fondo4.png);*/
			background-image:url(iconos/fondo5.png);
	/*background-repeat:repeat-x;*/
	
}
a{
color:#333;
text-decoration:none;
}

a:hover img{
filter: alpha(opacity=90); opacity: .9;

}

#principal{
position:relative;
background-color:#000000;
background-image:url(iconos/flor5.png);
border:1px solid #666;
margin-top:25px;
margin-left:auto;
margin-right:auto;
width:900px;
height:600px;
padding:0px;


}

#contenido{
width:900px;
height:530px;
/*background-color:#000066;*/
position:absolute;
bottom:0px;
right:0px;
z-index:0;
}

#noticias{
width:700px;
height:400px;
position:absolute;
top:50px;
right:0px;

}
#not{
width:700px;
height:400px;
background-image:url(iconos/bocadillo.png);
background-repeat:no-repeat;
color:#FFFFFF;
overflow:hidden;
}

#cont{
width:700px;
height:400px;
background-image:url(iconos/diag.png);
color:#FFFFFF;
}
.date{
font-size:14px;
color:#999999;
display:block;
width:100%;

}
.new{
font-size:12px;
display:block;
width:100%;}
.cont1{
background-color:#CCCCCC;}

#titulo{
display:none;}

#principal h1, h2{
color:#CCCCCC;}

#too_menu{
background-color:#999;
height:10px;
padding:0px;
margin:0px;
}

#too_menu:hover{
background-color:#bbb;
}

#menu{
width:590px;
position:absolute;
bottom:5px;
right:20px;
z-index:2;
margin:0px;}

#too_menu_lateral{
float:left;
height:600px;
width:10px;
padding:0px;
margin:0px;
/*overflow:hidden;*/
}
#menuestilo{
position:relative;
top:5px;
left:15px;
/*float:left;*/
width:100px;
color:#990000;


}
#menu_lateral{
background-image:url(iconos/pixel2.png);
background-position:left;
height:600px;
/*width:200px;*/
margin:0px;
position:absolute;
left:0px;
top:0px;
z-index:1;
overflow:hidden;
}
#sub_menu_lateral{
padding:0px;
padding-left:0px;
/*overflow:hidden;*/
}


#foot{
text-align:center;
width:200px;
margin:auto;
margin-top:20px;
color:#999999;}
#botones{
position:absolute;
bottom:0px;
right:-30px;
width:18px;
height:50px;
}

ul{
color:#FFFFFF;
list-style:none;
padding:0px;
margin:0px;}
#menu_lateral li{
font-size:20px;

}


#content {
color:#000;
padding:10px;
padding-left:20px;
background-image:url(iconos/diag.png);
height:510px;}

#catalogo {
color:#000;
padding:10px;
padding-left:20px;
/*background-image:url(iconos/diag.png);*/
height:510px;}

#descripcion{
padding:20px;
width:200px;

}
#desc{
padding:10px;
width:400px;
position:absolute;
bottom:0px;
right:0px;
}
#galeria{
position:absolute;
top:0px;
right:0px;
width:660px;
height:480px;
text-align:right;
}

#miniaturas{
width:100px;
border:1px solid #999;
height:400px;
position:absolute;
top:50px;
left:50px;
overflow:hidden;
}

#subir{
height:8px;
background-color:#000000;
background-image:url(iconos/up.png);
position:relative;
z-index:10;
top:0px;
}
#bajar{
height:8px;
background-color:#000000;
background-image:url(iconos/down.png);
position:relative;
top:384px;
}
#contenedorlista{
height:400px;
position:absolute;
top:0px;
overflow:hidden;
width:100px;
padding:8px 0 8px 0;
}
#lista{

background-color:#FFFFFF;
position:absolute;
width:100px;

}
#lista img{
margin-bottom:2px;
}


#tit{
position:absolute;
top:50px;
left:170px
}


#imagen{
border:2px solid #555;
position:absolute;
top:50px;
right:20px;
width:600px;
height:400px;
}
#contacto{
position:absolute;
top:50px;
right:0px;
width:320px;
height:300px;
}

textarea{
width:250px;
}

#mapa{
position:absolute;
top:50px;
right:0px;
}
#galeria h2{
color:#333333;
padding:0px;
margin:-5px;
}

#imgGallery{
				position: absolute;
				top: 40px;
				left: 0;
				width: 100%;
				z-index: 100;
				text-align: center;
				line-height: 0;
			}
	
			#overlay
			{
				position: absolute;
				top: 0;
				left: 0;
				z-index: 90;
				width: 100%;
				height: 100%;
				background-color: #000;
				filter:alpha(opacity=60);
				-moz-opacity: 0.6;
				opacity: 0.6;
			}
			
			#imageContainer{
				position: relative;
				background-color: #fff;
				width: 250px;
				height: 250px;
				margin: 0 auto;
				padding:10px;
			}
			
			img{
				border:none;
			}
			
			
			
#navcontainer
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
}

#navlist
{
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{
padding: 0;
margin: 0;
display:block;
height:40px;
float:left;
}

#li_catalogo {
background-image:url(iconos/catalogo.png);
background-repeat:no-repeat;
width:144px;
}
#li_catalogo:hover {
background-image:url(iconos/catalogo-over.png);
}
#li_ubicacion {
background-image:url(iconos/ubicacion.png);
background-repeat:no-repeat;
width:155px;
}
#li_ubicacion:hover {
background-image:url(iconos/ubicacion-over.png);
}
#li_contacto {
background-image:url(iconos/contacto.png);
background-repeat:no-repeat;
width:147px;
}
#li_contacto:hover {
background-image:url(iconos/contacto-over.png);
}
#li_noticias{
background-image:url(iconos/noticias.png);
background-repeat:no-repeat;
width:137px;
}
#li_noticias:hover {
background-image:url(iconos/noticias-over.png);
}

#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #ccc;
font-size: 1.8em;
padding: 0 2px;
}

#navlist li a:hover
{
color: #fff;
border-top: none;
font-size: 2em;
}
#tabla{
z-index:0;
}
#tabla {
	/*position:relative;
	left:0px;
	top:0px;*/
	width:210px;
	height:500px;
}

#clasico {
background-image:url(iconos/clasico.png);
background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:77px;
	width:100%;
	height:51px;
}
#clasico:hover {
background-position: 3px 0px;
/*background-image:url(iconos/vanguardiaover.png);*/

}

#neoclasico {
background-image:url(iconos/neoclasico.png);
background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:51px;
	width:100%;
	height:39px;
}
#moderno:hover {
background-position: 3px 0px; 
/*background-image:url(iconos/modernoover.png); */
}

#moderno {
background-image:url(iconos/moderno.png);
background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:14px;
	width:100%;
	height:37px;
}

#rustico:hover{
background-position: 3px 0px;
/*background-image:url(iconos/rusticoover.png);*/
}

#rustico {

background-image:url(iconos/rustico.png);
background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:127px;
	width:100%;
	height:39px;
}
#neoclasico:hover{
background-position: 3px 0px; /*
background-image:url(iconos/neoclasicoover.png);*/}

#nuevosestilos {

background-image:url(iconos/nuevosestilos.png);
background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:166px;
	width:100%;
	height:39px;
}
#nuevosestilos:hover{
background-position: 3px 0px;
/*background-image:url(iconos/provenzalover.png);*/}

#projo {

background-image:url(iconos/projo.png);
background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:205px;
	width:100%;
	height:37px;
}
#projo:hover{
background-position: 3px 0px;
/*background-image:url(iconos/projoover.png);*/
}

#inicio {

background-image:url(iconos/inicio.png);
background-repeat:no-repeat;
	position:absolute;
	left:0px;
	bottom:50px;
	width:100%;
	height:37px;
}
#inicio:hover{
background-position: 3px 0px;
}