/* CSS RESET ERIC MEYERS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	height:100%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* FIN CSS RESET */
body   {
	font-family: Verdana, sans-serif;
	font-size: 0.75em;
	color: #9A9A9A;
}

img {
	border: 0;
}

a:link,
a:visited {
	color: #9A9A9A;
	text-decoration: none;
}

a:hover,
a:active {
	color: #99cc00;
}

a.activo:link,
a.activo:visited,
a.activo:hover,
a.activo:active {
	color: #99cc00;
}

form {
	margin: 0;
	padding: 0;
}

/* ESTRUCTURA WEB */

#pagina {
	width: 802px;
	margin: 0 auto;
}

#titulo {
	margin: 40px 0 17px 0;
	height: 19px;
	border-left: 2px solid #9ec804;
	padding-left: 18px;
}

#contenido {
	border-top: 1px solid #9a9a9a;
	border-bottom: 1px solid #9a9a9a;
	min-height: 343px;
	height: 343px;/*359*/
	height: auto !important;
	margin-bottom: 16px;
	padding-bottom: 16px;
}

#menu {
	width: 707px;
	float: left;
}

#logo {
	float: right;
	width: 95px;
	height: 105px;
	background: url('../images/logo.png') no-repeat;
}

#logo span {
	display: none;
}

#pie {
	font-size: 11px;
	margin: 0 0 40px;
}

#botones {
	float: right;
	height: 19px;	
}

#botones a {
	float: left;
	display: block;
	margin-right: 3px;
}

#botones a span {
	display: none;
}

#botones a#planosituacion {
	width: 111px;
	height: 15px;
	background: url('../images/boton_planosituacion.png') 0 0 no-repeat;
}

#botones a#planostecnicos {
	width: 111px;
	height: 15px;
	background: url('../images/boton_planostecnicos.png') 0 0 no-repeat;
}

#botones a#galeriafotos {
	width: 110px;
	height: 15px;
	background: url('../images/boton_galeriafotos.png') 0 0 no-repeat;
}

#botones a#planosituacion:hover,#botones a#planostecnicos:hover,#botones a#galeriafotos:hover {
	background-position: 0 -16px;
}
/* FIN ESTRUCTURA WEB */

/* CLASES */
.clear {
	clear: both;
}

.negro {
	color: #000;
}

.verde {
	color: #9ec804;
}

.white {
	color: #fff;
}
/* FIN CLASES */

/* MENU */
#menu ul {
	list-style-type: none;
}

#menu li {
	display: block;
	float: left;
	width: 218px;
	height: 18px;
}

#menu .conborde {
	background: url('../images/sep_menu.gif') left top no-repeat;
	padding-left:16px;	
}

#menu li a span {
	display: none;
}

#menu li a:hover,#menu li a.selected {
	background-position: 0 -17px;
}

#menu a.quienes {
	width: 98px;
	height: 16px;
	background: url('../images/menu/quienes.png') 0 0 no-repeat;
	display: block;
}

#menu a.contacto {
	width: 56px;
	height: 16px;
	background: url('../images/menu/contacto.png') 0 0 no-repeat;
	display: block;
}

#menu a.proyectos {
	width: 68px;
	height: 16px;
	background: url('../images/menu/proyectos.png') 0 0 no-repeat;
	display: block;
}

#menu ul.optproyectos {
	display: none;
	margin: -16px 0 0 67px;
	width: 60px;
}

#menu ul.optproyectos li {
	width: auto;
}

#menu a.navalpino {
	width: 123px;
	height: 16px;
	background: url('../images/menu/navalpino.png') 0 0 no-repeat;
	display: block;
}

#menu a.navalpino2 {
	width: 128px;
	height: 16px;
	background: url('../images/menu/navalpino2.png') 0 0 no-repeat;
	display: block;
}

#menu a.toledo {
	width: 78px;
	height: 16px;
	background: url('../images/menu/toledo.png') 0 0 no-repeat;
	display: block;
}

#menu a.costanillo {
	width: 94px;
	height: 16px;
	background: url('../images/menu/costanillo.png') 0 0 no-repeat;
	display: block;
}

#menu a.naves {
	width: 99px;
	height: 16px;
	background: url('../images/menu/naves.png') 0 0 no-repeat;
	display: block;
}

/* FIN MENU */

/* SECCIONES */
#home {
	margin-top: 16px;
}

#quienes {
	padding:  71px 390px 32px 0;
	background: url(../images/fondo_quienes.jpg) right center no-repeat;
}

#contacto {
	background: #9ec804;
	margin-top: 18px;
}

#contacto #texto {
	margin: 18px 0 0 19px;
	float: left;
	width: 185px;
	color: #484649;
}

#proyecto {
	min-height: 321px;
	height: 321px;
	height: auto !important;
	margin-top: 16px;
	text-align: center;
}

#proyecto #lateral {
	width: 183px;/*217*/
	height: 277px;/*321*/
	min-height: 277px;
	height: auto !important;
	background: #9c0;
	color: #fff;
	padding: 22px 17px;
	float: left;
	text-align: left;
}

#proyecto h2 {
	color: #484649;
	border-bottom: 1px solid #fff;
	padding-bottom: 4px;
	margin-bottom: 8px;
}

#proyecto #lateral a:hover,#proyecto #lateral a.selected {
	color: #f00;
}

#tipoleft {
	float: left;
	width:109px;
}
#tiporight {
	float: right;
	width:74px;
}

#galeria {
	background: #19171a;
	height: 321px;
	margin-top: 16px;
	text-align: center;
}

#lateralgaleria {
	border-right: 1px solid #312f32;
	height: 283px; /*321*/
	width: 199px; /*216*/
	float: left;
	color: #fff;
	padding: 19px 0 19px 17px;
	text-align: left;
}

#lateralgaleria ul {
	margin: 16px 0 0 0;
	padding: 0;
	width: 191px;
	height: 222px;
	display: block;
}

#lateralgaleria ul li {
	float: left;
	list-style-type: none;
	width: 63px;
	height: 45px;
}

#lateralgaleria a:hover {
	border: none;
}

#lateralgaleria a:hover img {
	width: 58px;
	height: 39px;
}

#lateralgaleria a.select img {
	border-bottom: 3px solid #7fa804;
}

#galeriavisor {
	background: url('../images/loading.gif') center center no-repeat;
	width: 582px;
	height: 321px;
	float: right;
}

a.descripcion {
	float: left;
	display: block;
	width: 110px;
	height: 14px;
	background: url('../images/boton_descripcion.jpg') 0px 0px no-repeat;
}

a.descripcion:hover {
	background: url('../images/boton_descripcion.jpg') 0px -15px no-repeat;
}

a.descripcion span {
	display: none;
}

a.ampliar {
	display: block;
	float: right;
	width: 100px;
	height: 13px;
	background: url('../images/boton_ampliar.png') no-repeat;
}

a.ampliar span {
	display: none;
}
/* FIN SECCIONES */

#sit {
	clear: right;
	float: right;
}

#floatbox-box img {
	float: right;
	padding-bottom: 62px;
}

#floatbox-box p.close-floatbox {
	float: right;
	display: none;
}

#floatbox-box p.close-floatbox img {
	padding-bottom: 0;
}

#floatbox-box img.loading {
	float: none;
	padding-bottom: 0;
}