/* @override 
	http://mail.gerardojusta.com/stylesheets/gerardo.css
	http://www.gerardojusta.com/stylesheets/gerardo.css
*/

body {
	padding: 0;
	background: #7f7fcc url(../images/body.gif) repeat-x left top;
	color: #000099;
	font: 75%/2em Georgia, Times New Roman, Times, serif;
	margin: 0;
	width: 100%;
	height: 100%;
}

img {
	margin: 0;
	padding: 0;
	border-style: none;
}

h1 {
	margin: 10px 0 10px 40px;
	padding: 0;
	font-size: 2.2em;
}

h2 {
	margin: 0 20px 0 80px;
	padding: 5px 0 5px 10px;
	border-left: 1px dashed #0099cc;
	font-size: 1.8em;
	color: #ff9900;
	font-style: italic;
	font-weight: bold;
}

h3 {
	font-style: italic;
	font-size: 1.5em;
	border-top: 1px dashed #0099cc;
	clear: both;
	margin: 20px 40px 10px;
	background: url(../images/fondo-titular.gif) repeat-x;
	padding-left: 5px;
}

h4 {
	font-size: 1.2em;
	margin: 10px 40px;
}

h5 {
	margin: 0;
	padding: 0;
}

#derecha p {
	margin-left: 40px;
	margin-right: 40px;
	font-size: 1em;
}

#derecha ul {
	margin-left: 40px;
	margin-right: 40px;
}

#derecha ol {
	margin-left: 40px;
	margin-right: 40px;
}

#derecha img {
	margin-left: 40px;
	margin-top: 10px;
}

a:link {
	color: #ff9900;
	text-decoration: none;
	background: #000099;
	font-weight: bold;
}

a:visited {
	text-decoration: underline;
	color: #000099;
	border-color: #ff9900;
	font-weight: bold;
}

a:hover {
	color: #fff;
	font-weight: bold;
	background: #ff9900;
	text-decoration: none;
}

/* @group estructura */

.presion

#cabecera.presion {
	background: url(../images/cabeceras/cabecera-presion.jpg) no-repeat center top #0099cc;
}

.incendios {
	background: url(../images/cabeceras/cabecera-incendio.jpg) no-repeat center top #0099cc;
}

.climatizacion {
	background: url(../images/cabeceras/cabecera-climatizacion.jpg) no-repeat center top #0099cc;
}

.gas {
	background: url(../images/cabeceras/cabecera-gas.jpg) no-repeat center top #0099cc;
}

.calefaccion {
	background: url(../images/cabeceras/cabecera-calefaccion.jpg) no-repeat center top #0099cc;
}

.fontaneria {
	background: url(../images/cabeceras/cabecera-fontaneria.jpg) no-repeat center top #0099cc;
}

#cabecera.fontaneria {
	background: url(../images/cabeceras/cabecera-fontaneria.jpg) no-repeat center top #0099cc;
}

#cabecera.calefaccion {
	background: url(../images/cabeceras/cabecera-calefaccion.jpg) no-repeat center top #0099cc;
}

#cabecera.gas {
	background: url(../images/cabeceras/cabecera-gas.jpg) no-repeat center top #0099cc;
}

#cabecera.climatizacion {
	background: url(../images/cabeceras/cabecera-climatizacion.jpg) no-repeat center top #0099cc;
}

#cabecera.incendios {
	background: url(../images/cabeceras/cabecera-incendio.jpg) no-repeat center top #0099cc;
}

#cabecera.presion {
	background: url(../images/cabeceras/cabecera-presion.jpg) no-repeat center top #0099cc;
}

#cabecera {
	height: 250px;
	background: #0099cc url(../images/cabecera.jpg) no-repeat center top;
	padding: 0;
	margin: 0 60px;
	width: auto;
}

#cabecera ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 80px;
	left: 300px;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
}

#cabecera img {
	margin-left: 30px;
	margin-top: 30px;
}

#menu {
	background: #000099 url(../images/menu_fondo.gif) repeat-x;
	height: 40px;
	margin: 0 60px;
}

#contenidos {
	background: #000099 url(../images/nino.jpg) no-repeat -100px 0px;
	border-bottom: 20px solid #ff9900;
	margin-right: 60px;
	margin-left: 60px;
}

#izq {
	width: 20%;
	float: left;
	margin: 0;
	padding: 0;
	background: transparent none center top;
}

#derecha {
	float: right;
	background: #e5f5fa url(../images/sombra-submenu.gif) repeat-y left top;
	width: 80%;
}

#sombra {
	background: url(../images/sombra-contenido.gif) no-repeat left top;
	height: 11px;
}

p#pie {
	font-size: 0.9em;
	color: #0099cc;
	padding-left: 30px;
	border-top: 1px dashed #0099cc;
}
	
/* @end */

/* @group menu */

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu a span {
	display: none;
}

#menu li {
	display: inline;
}

#menu a {
	text-decoration: none;
	float: left;
	display: block;
}

#inicio a {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu.gif);
}

#inicio a:hover {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu2.gif);
}

body#xinicio #inicio a {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu3.gif);
}

#empresa a {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu.gif) 0px -40px;
}

#empresa a:hover {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu2.gif) 0px -40px;
}

body#xempresa #empresa a {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu3.gif) 0px -40px;
}

#servicios a {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu.gif) 0px -80px;
}

#servicios a:hover {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu2.gif) 0px -80px;
}

body#xservicios #servicios a {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu3.gif) 0px -80px;
}

#noticias a {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu.gif) 0px -120px;
}

#noticias a:hover {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu2.gif) 0px -120px;
}

body#xnoticias #noticias a {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu3.gif) 0px -120px;
}

#contacto a {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu.gif) 0px -160px;
}

#contacto a:hover {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu2.gif) 0px -160px;
}

body#xcontacto #contacto a {
	width: 20%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/menu3.gif) 0px -160px;
}

#menu a em {
	display: block;
	position: relative;
	top: 14px;
	left: 11px;
	width: 15px;
	height: 15px;
	z-index: 10;
	background: transparent;
}
	
/* @end */

/* @group clases */

a.galeria:link {
	background: transparent;
	padding: 0;
	margin: 0;
}

a.galeria:visited {
	background: transparent;
	padding: 0;
	margin: 0;
}

a.galeria:hover {
	background: transparent;
	padding: 0;
	margin: 0;
	border-bottom-style: none;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.naranja {
	color: #ff9900;
}

.clearboth {
	clear: both;
}

.capitular {
	font-size: 2em;
	color: #ff9900;
	margin-right: 2px;
}
	
/* @end */

/* @group submenus */

#izq a span {
	display: none;
}

#izq ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: transparent;
	overflow: hidden;
}

#historia a {
	background: url(../images/submenu-empresa.gif) no-repeat 0px 0px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#historia a:hover {
	background: url(../images/submenu-empresa2.gif) no-repeat 0px 0px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#galeria a {
	background: url(../images/submenu-empresa.gif) no-repeat 0px -20px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#galeria a:hover {
	background: url(../images/submenu-empresa2.gif) no-repeat 0px -20px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#fontaneria a {
	background: url(../images/submenu-servicios.gif) no-repeat 0px 0px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#fontaneria a:hover {
	background: url(../images/submenu-servicios2.gif) no-repeat 0px 0px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#calefaccion a {
	background: url(../images/submenu-servicios.gif) no-repeat 0px -20px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#calefaccion a:hover {
	background: url(../images/submenu-servicios2.gif) no-repeat 0px -20px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#gas a {
	background: url(../images/submenu-servicios.gif) no-repeat 0px -40px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#gas a:hover {
	background: url(../images/submenu-servicios2.gif) no-repeat 0px -40px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#climatizacion a {
	background: url(../images/submenu-servicios.gif) no-repeat 0px -60px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#climatizacion a:hover {
	background: url(../images/submenu-servicios2.gif) no-repeat 0px -60px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#aparatos a {
	background: url(../images/submenu-servicios.gif) no-repeat 0px -80px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#aparatos a:hover {
	background: url(../images/submenu-servicios2.gif) no-repeat 0px -80px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#incendio a {
	background: url(../images/submenu-servicios.gif) no-repeat 0px -100px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#incendio a:hover {
	background: url(../images/submenu-servicios2.gif) no-repeat 0px -100px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#trabajos a {
	background: url(../images/submenu-servicios.gif) no-repeat 0px -120px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#trabajos a:hover {
	background: url(../images/submenu-servicios2.gif) no-repeat 0px -120px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#titulares a {
	background: url(../images/submenu-noticias.gif) no-repeat 0px 0px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#titulares a:hover {
	background: url(../images/submenu-noticias2.gif) no-repeat 0px 0px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#noticiasanteriores a {
	background: url(../images/submenu-noticias.gif) no-repeat 0px -20px;
	height: 20px;
	margin: 0;
	padding: 0;
}

#noticiasanteriores a:hover {
	background: url(../images/submenu-noticias2.gif) no-repeat 0px -20px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#formulario a {
	background: url(../images/submenu-contacto.gif) no-repeat 0px 0px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#formulario a:hover {
	background: url(../images/submenu-contacto2.gif) no-repeat 0px 0px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#localizacion a {
	background: url(../images/submenu-contacto.gif) no-repeat 0px -20px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

#localizacion a:hover {
	background: url(../images/submenu-contacto2.gif) no-repeat 0px -20px;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}

/* Para ocultar los submenus */

#submenuempresa {
	display: none;
}

#submenuservicios {
	display: none;
}

#submenunoticias {
	display: none;
}

#submenucontacto {
	display: none;
}

/* para mostrar los submenus por secciones */

body#xempresa #submenuempresa  {
	display: block;
}

body#xservicios #submenuservicios  {
	display: block;
}

body#xnoticias #submenunoticias  {
	display: block;
}

body#xcontacto #submenucontacto  {
	display: block;
}
	
/* @end */

/* @group noticias */

.resumen_noticia a:link {
	color: #000099;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dashed #ff9900;
	font-size: 1.1em;
}

.resumen_noticia a:visited {
	color: #0099cc;
	background: transparent;
	text-decoration: none;
	font-size: 1.1em;
}

.resumen_noticia a:hover {
	color: #ff9900;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dashed #0099cc;
	font-size: 1.1em;
}

.resumen_noticia span {
	color: #0099cc;
	font-style: italic;
}

.resumen,.detalle {
	color: #ff9900;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	border-top: 1px dashed #0099cc;
}

.titulo {
	margin-top: 10px;
}

#presentacion .titulo {
	margin-top: 10px;
	margin-right: 40px;
	margin-left: 40px;
}

.titulo a:link {
	color: #000099;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dashed #ff9900;
	font-size: 1.1em;
}

.titulo a:visited {
	color: #0099cc;
	background: transparent;
	text-decoration: none;
	font-size: 1.1em;
}

.titulo a:hover {
	color: #ff9900;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dashed #0099cc;
	font-size: 1.1em;
}

.noticias h4 a:link {
	color: #000099;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dashed #ff9900;
}

.noticias h4 a:visited {
	color: #0099cc;
	background: transparent;
	text-decoration: none;
}

.noticias h4 a:hover {
	color: #ff9900;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dashed #0099cc;
}

#derecha .noticias p {
	border-left: 1px dashed #0099cc;
	padding-left: 10px;
	margin: 0 40px 0 60px;
}
	
/* @end */

/* @group formulario */

fieldset {
	border-style: none;
	background: #b2e0f0;
}

form {
	clear: both;
	padding: 0;
	margin-right: 40px;
	margin-left: 40px;
}

form label {
	color: #000099;
}

form dd {
	margin: 0 0 5px;
	padding: 0;
	background: transparent;
}

form dt {
	background: transparent;
	padding-right: 10px;
	float: left;
	width: 100px;
	text-align: right;
}

textarea {
	width: 280px;
	height: 50px;
	color: #0099cc;
}

legend {
	color: #ff9900;
	font-weight: bold;
	background: #e5f5fa;
}

.input {
	width: 280px;
	color: #0099cc;
}
	
/* @end */

/* @group administracion */

.form {
	margin-right: 40px;
	margin-left: 40px;
}

/* @end */