html,body {
margin: 0;
background-color: black;
}

#contenedor {
position: absolute;
left: 50%;
top: 50%;
width: 695px;
height: 309px;
margin-top: -155px;
margin-left: -348px;
background-color: black;
color: black;
border: 0px;
padding: 0px;
}

#galeria {
position: absolute;
left: 50%;
top: 50%;
width: 900px;
height: 564px;
margin-top: -282px;
margin-left: -450px;
background-color: black;
color: black;
border: 0px;
padding: 0px;
}

#galtop {
float: left;
width: 140px;
height: 69px;
padding: 0;
margin: 0;
background-color: black;
border: 0px;
}

#galtop1 {
float: right;
width: 760px;
height: 69px;
padding: 0;
margin: 0;
background-color: black;
border: 0px;
}

#top {
width: 695px;
height: 69px;
padding: 0;
margin: 0;
background-color: black;
border: 0px;
}

#leftnav {
float: left;
width: 139px;
margin: 0;
padding: 0;
border: 0px;
}

#content {
margin-left: 139px;
border: 0px;
width:516px;
height:200px;
background-color:#cccccc;
padding:20px;
}

#contentserv {
margin-left: 139px;
border: 0px;
width:516px;
height:200px;
background-color:#cccccc;
padding:20px;
}

#contacto {
margin-left: 179px;
border: 0px;
width:516px;
height:240px;
background-color:#000000;
padding:0px 0px;
}

#content p {
	font-family:Verdana;
	text-align:justify;
  color:#333;
	font-size:11px;
	line-height:14px;
}

ul li{
	font-family:Verdana;
	text-align:left;
  color:#333;
	font-size:11px;
	line-height:16px;
}

#servicios {
	position:relative;
  margin-left:320px;
}

#servicios img{
	vertical-align:middle;
}

/* servicios */

#serv1 {
	float: left;
  width: 240px;
  height:133px;
  margin: 0;
  padding: 20px 0px;
  border: 0px;
  background-color:#cccccc;
}

#serv2 {
	position:relative;
  width:260px;
  height:133px;
  margin-left:248px;
  padding: 20px 0px;
  border: 0px;
  background-color:#cccccc;
}

/* locais */

#loc1 {
	float: left;
  width: 275px;
  height:240px;
  margin: 0;
  padding: 0;
  border: 0px;
  background-color:#cccccc;
}

#loc2 {
	position:relative;
  width:275px;
  height:240px;
  margin-left:420px;
  padding: 0;
  border: 0px;
  background-color:#cccccc;
}

a.local1 { 
     display: block; 
     width: 275px; 
     height: 240px; 
     background-image: url(http://www.fotonovoa.com/imagenes/locales/pregun.jpg); 
     background-repeat: no-repeat;
     }
	 
a.local1:hover { 
     background-image: url(http://www.fotonovoa.com/imagenes/locales/pregun2.jpg); 
     }
     
a.local2 { 
     display: block; 
     width: 275px; 
     height: 240px; 
     background-image: url(http://www.fotonovoa.com/imagenes/locales/repsal.jpg); 
     background-repeat: no-repeat;
     }
	 
a.local2:hover { 
     background-image: url(http://www.fotonovoa.com/imagenes/locales/repsal2.jpg); 
     }

/* fin locais */

/* botóns navegación */

a.presentacion { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 139px; /* width of reactive image */
     height: 60px; /* height of reactive image */
     background-image: url(http://www.fotonovoa.com/imagenes/botones/presentacion1.gif); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.presentacion:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://www.fotonovoa.com/imagenes/botones/presentacion2.gif); /* source for target image */
     }

a.presentacion1 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 139px; /* width of reactive image */
     height: 60px; /* height of reactive image */
     background-image: url(http://www.fotonovoa.com/imagenes/botones/presentacion1.gif); /* source for start image */
     background-repeat: no-repeat;
     }

a.locales { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 139px; /* width of reactive image */
     height: 60px; /* height of reactive image */
     background-image: url(http://www.fotonovoa.com/imagenes/botones/locales1.gif); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.locales:hover  { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://www.fotonovoa.com/imagenes/botones/locales2.gif); /* source for target image */
     }
     
a.locales1 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 139px; /* width of reactive image */
     height: 60px; /* height of reactive image */
     background-image: url(http://www.fotonovoa.com/imagenes/botones/locales1.gif); /* source for start image */
     background-repeat: no-repeat;
     }
     
a.galeria { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 139px; /* width of reactive image */
     height: 60px; /* height of reactive image */
     background-image: url(http://www.fotonovoa.com/imagenes/botones/galeria1.gif); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.galeria:hover  { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://www.fotonovoa.com/imagenes/botones/galeria2.gif); /* source for target image */
     }
     
a.galeria1 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 139px; /* width of reactive image */
     height: 60px; /* height of reactive image */
     background-image: url(http://www.fotonovoa.com/imagenes/botones/galeria1.gif); /* source for start image */
     background-repeat: no-repeat;
     }
     
a.contacto { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 139px; /* width of reactive image */
     height: 60px; /* height of reactive image */
     background-image: url(http://www.fotonovoa.com/imagenes/botones/contacto1.gif); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.contacto:hover  { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://www.fotonovoa.com/imagenes/botones/contacto2.gif); /* source for target image */
     }

a.contacto1 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 139px; /* width of reactive image */
     height: 60px; /* height of reactive image */
     background-image: url(http://www.fotonovoa.com/imagenes/botones/contacto1.gif); /* source for start image */
     background-repeat: no-repeat;
     }

/* fin botóns navegación */

/* contacto */

#boxA1 {
border: 0px;
width:516px;
height:40px;
background-color:black;
padding:0px;
margin:0px;
}

#boxA2 {
border: 0px;
width:516px;
height:40px;
background-color:black;
padding:0px;
margin:0px;
}

#boxB1 {
border: 0px;
width:516px;
height:40px;
background-color:black;
padding:0px;
margin:0px;
}

#boxB2 {
border: 0px;
width:516px;
height:40px;
background-color:black;
padding:0px;
margin:0px;
}

#boxB3 {
border: 0px;
width:516px;
height:40px;
background-color:black;
padding:0px;
margin:0px;
}

#boxB4 {
border: 0px;
width:516px;
height:40px;
background-color:black;
padding:0px;
margin:0px;
}

#miniboxB1A {
float: left;
width: 25px;
height: 25px;
padding: 7px 0px;
margin: 0px;
background-color:black;
border: 0px;
}

#miniboxB2A {
float: left;
width: 25px;
height: 25px;
padding: 7px 0px;
margin: 0px;
background-color:black;
border: 0px;
}

#miniboxB3A {
float: left;
width: 25px;
height: 25px;
padding: 7px 0px;
margin: 0px;
background-color:black;
border: 0px;
}

#miniboxB4A {
float: left;
width: 25px;
height: 25px;
padding: 7px 0px;
margin: 0px;
background-color:black;
border: 0px;
}

#miniboxB1B {
float: right;
width: 467px;
height: 38px;
padding: 0px 4px;
margin: 0px;
background-color:#333333;
border: 1px solid black;
}

#miniboxB2B {
float: right;
width: 467px;
height: 38px;
padding: 0px 4px;
margin: 0px;
background-color:#333333;
border: 1px solid black;
}

#miniboxB3B {
float: right;
width: 467px;
height: 38px;
padding: 0px 4px;
margin: 0px;
background-color:#333333;
border: 1px solid black;
}

#miniboxB4B {
float: right;
width: 467px;
height: 38px;
padding: 0px 4px;
margin: 0px;
background-color:#333333;
border: 1px solid black;
}
/* fin contacto */

/* control modal */

#modal_container {
		padding:5px;
		background-color:#fff;
		border:1px solid #666;
		overflow:auto;
		font-family: Verdana;
		font-size:12px;
		color:#333;
		text-align:left;
	}

#modal_container.test {
		background-color:#900;
		color:#fff;
		padding:30px;
		text-align:center
	}

#modal_overlay {
		background-color:#000;
	}

#modal_overlay.test {
		background-color:#fff;
	}
/* fin control modal */