body { background: #0d3189 url(../img/fondo.png) top left repeat-x; }

/* LAYOUT */
#contenedor	{ width: 790px; margin: 40px auto; }
#cabecera	{ padding-bottom: 15px; height: 70px; position: relative; }
#contenido	{ border: 1px solid #abaeae; background: url(../img/fondo-seccion.png) top left repeat-y; }
#lateral	{ width: 170px; float: left; }
#central	{ width: 615px; float: right; }
#footer		{ padding: 15px; position: relative; }
#menu1		{ position: absolute; right: 0px; top: 0px; }
#menu2		{ position: absolute; right: 0px; bottom: 15px; }
#menu3		{ position: absolute; right: 15px; top: 15px; }

/* MENU 1 */
#menu1 ul		{ list-style: none; }
#menu1 li		{ float: left; margin-left: 20px; }
#menu1 a		{ font-family: "verdana", sans-serif; font-size: 11px; color: #9e9e9e; text-decoration: none; padding-left: 8px; background: url(../img/back_off.png) left 3px no-repeat; }
#menu1 a.act,
#menu1 a:hover	{ background: url(../img/back_on.png) left 3px no-repeat; }

/* MENU 2 */
#menu2 ul		{ list-style: none; }
#menu2 li		{ float: left; margin-left: 15px; }
#menu2 a		{ font-family: "verdana", sans-serif; font-size: 11px; color: #727272; text-decoration: none; }
#menu2 a.act,
#menu2 a:hover 	{ color: #FFF; }

/* BUSCADOR */
#buscador-fondo	{ background: url(../img/fondo-buscador.png) top left repeat-y; }
#buscador		{ background: url(../img/separador.png) bottom left repeat-x; padding-bottom: 2px; }
#buscador input	{ border: 1px solid #9e9e9e; width: 125px; font-size: 15px; color: #555; height: 20px; line-height: 20px; background: #FFF url(../img/fondo-busqueda.png) center left no-repeat; padding-left: 20px; }

/* SUBMENUS LATERALES */
div.cont-submenu			{ background: url(../img/separador.png) bottom left repeat-x; padding-bottom: 2px; }
div.cont-submenu p.tit		{ font-family: "verdana", sans-serif; font-size: 10px; color: #000; margin-bottom: 10px; }
div.cont-submenu a			{ font-family: "verdana", sans-serif; font-size: 10px; color: #8b8f8f; margin-bottom: 9px; text-decoration: none; display: block; }
div.cont-submenu a.act,
div.cont-submenu a:hover	{ color: #0e328a; }
div.cont-submenu a.ult		{ margin-bottom: 0;  }

/* BREADCUMB */
#breadcumb			{ font-family: "verdana", sans-serif; font-size: 10px; color: #c5c5c5; padding-left: 25px; background: #FFF url(../img/fondo-bread.gif) top left no-repeat; line-height: 15px; margin-bottom: 40px; width: 90%; }
#breadcumb a		{ font-family: "verdana", sans-serif; font-size: 10px; color: #0d3189; line-height: 15px; text-decoration: none; }
#breadcumb a:hover	{ text-decoration: underline; }
#breadcumb strong	{ color: #3f3f3f; font-weight: normal; }

/* MENU 3 */
#menu3			{ font-family: "verdana", sans-serif; font-size: 10px; color: #FFF; }
#menu3 a		{ text-decoration: none; font-family: "verdana", sans-serif; font-size: 10px; color: #FFF; }
#menu3 a:hover	{ text-decoration: underline; }

/* FOOTER */
#footer img		{ float: left; margin-right: 15px; }
#footer p		{ font-family: "arial", "helvetica", sans-serif; color: #FFF; font-size: 12px; line-height: 17px; }
#footer strong	{ color: #fee101; }

/* PRODUCTOS SOFTWARE */
#cont-software 						{ margin-bottom: 30px; }
#cont-software p					{ font-family: "arial", "helvetica", sans-serif; color: #555; font-size: 14px; line-height: 25px; text-align: justify; margin-bottom: 30px; }
#cont-software ul					{ font-family: "arial", "helvetica", sans-serif; color: #555; font-size: 13px; line-height: 22px; margin: 0 0 30px 30px; list-style-image: url(../img/bullet.gif); }
#cont-software li					{ margin-bottom: 10px; }
#cont-software h2					{ font-family: "verdana", sanserif; color: #0d3189; font-size: 15px; margin-bottom: 30px; text-transform: uppercase; line-height: 40px; letter-spacing: -1px; }
#cont-software strong				{ font-weight: bolder; color: #000; }
#cont-software #img-software		{ float: right; margin: 0 0 10px 30px ; width: 200px; text-align: center; }
#img-software img.imagen-software 	{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #0d3189; }
#img-software a 					{ background: url(../img/pdf-document.png) 5px center no-repeat; padding-left: 25px; text-decoration: none; font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #d51e0f; }
#img-software a:hover				{ color: #FFF; background-color: #d51e0f; padding: 5px 5px 5px 25px; }

/* CONTENIDOS POR DEFECTO */
#cont-default						{ margin-bottom: 30px; }
#cont-default p						{ font-family: "arial", "helvetica", sans-serif; color: #555; font-size: 14px; line-height: 20px; margin-bottom: 30px; }
#cont-default ul					{ font-family: "arial", "helvetica", sans-serif; color: #555; font-size: 13px; line-height: 22px; margin: 0 0 30px 30px; list-style-image: url(../img/bullet.gif); }
#cont-default li					{ margin-bottom: 10px; }
#cont-default h2					{ font-family: "verdana", sanserif; color: #0d3189; font-size: 15px; margin-bottom: 30px; text-transform: uppercase; line-height: 40px; letter-spacing: -1px; }
#cont-default strong				{ font-weight: bolder; color: #000; }
#cont-default span.fuente			{ font-size: 11px; color: #000; }
#cont-default a						{ font-family: "arial", "helvetica", sans-serif; color: #555; font-size: 14px; line-height: 20px; text-decoration: none; color: #0D3189; }
#cont-default a:hover				{ text-decoration: underline; }
#cont-default a.pdf 				{ background: url(../img/pdf-document.png) 5px center no-repeat; padding-left: 25px; text-decoration: none; font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #d51e0f; }
#cont-default a.pdf:hover			{ color: #FFF; background-color: #d51e0f; padding: 5px 5px 5px 25px; }

/* CONTENIDOS INICIO */
#cont-inicio					{ margin-bottom: 30px; }
#cont-inicio p					{ font-family: "arial", "helvetica", sans-serif; color: #555; font-size: 12px; line-height: 20px; margin-bottom: 0; }
#cont-inicio ul					{ font-family: "arial", "helvetica", sans-serif; color: #555; font-size: 13px; line-height: 22px; margin: 0 0 30px 30px; list-style-image: url(../img/bullet.gif); }
#cont-inicio li					{ margin-bottom: 10px; }
#cont-inicio h2					{ font-family: "verdana", sanserif; color: #0d3189; font-size: 15px; margin: 0; text-transform: uppercase;letter-spacing: 0; margin-bottom: 5px; font-weight: bolder; }
#cont-inicio strong				{ font-weight: bolder; color: #000; }
#cont-inicio span.fuente		{ font-size: 11px; color: #000; }
#cont-inicio a					{ font-family: "arial", "helvetica", sans-serif; font-size: 12px; text-decoration: none; color: #d51e0f; padding: 3px 5px; }
#cont-inicio a:hover			{ color: #FFF; background-color: #d51e0f; }
#cont-inicio div.seccion		{ width: 215px; float: left; border-bottom: 1px solid #DBDBDB; padding-bottom: 25px; height: 150px; margin: 10px 30px 30px 0; text-align:justify; }
#cont-inicio div.der			{ margin-right:0px; }

/* CONTENIDOS NOTICIAS */
#cont-noticias					{ margin-bottom: 30px; width:100%;}
#cont-noticias .noticia			{ margin-top: 20px;}
#cont-noticias p				{ font-family: "arial", "helvetica", sans-serif; color: #555; font-size: 12px; line-height: 20px; margin-bottom: 0; margin-bottom:5px; text-align:justify;}
#cont-noticias .titulo			{ font-family: "arial", "helvetica", sans-serif; color: #555; font-size: 13px; line-height: 20px; margin-bottom: 0; margin-bottom:5px;}
#cont-noticias ul				{ font-family: "arial", "helvetica", sans-serif; color: #555; font-size: 13px; line-height: 22px; margin: 0 0 30px 30px; list-style-image: url(../img/bullet.gif); }
#cont-noticias li				{ margin-bottom: 10px; }
#cont-noticias h2				{ font-family: "verdana", sanserif; color: #0d3189; font-size: 15px; margin: 0; text-transform: uppercase;letter-spacing: 0; margin-bottom: 5px; font-weight: bolder; }
#cont-noticias strong			{ font-weight: bolder; color: #000; }
#cont-noticias span.fuente		{ font-size: 11px; color: #000; }
#cont-noticias div.seccion		{ width: 215px; float: left; border-bottom: 1px solid #DBDBDB; padding-bottom: 25px; height: 150px; margin: 30px 30px 30px 0; text-align:justify; }
#cont-noticias div.der			{ padding-left: 20px; float:left; width:565px;  }
#cont-noticias a				{ font-family: "arial", "helvetica", sans-serif; font-size: 12px; text-decoration: none; color: #d51e0f;  }
#cont-noticias .doc a			{ background: url(../img/pdf-document.png) 5px center no-repeat; padding-left: 25px; text-decoration: none; font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #d51e0f; }
#cont-noticias .doc a:hover 	{ color: #FFF; background-color: #d51e0f; padding: 5px 5px 5px 25px; }

.paginacion { width: 100%; text-align: center; color:#000; font-family: "arial", "helvetica", sans-serif; font-size: 12px;}
a.aPaginacion {  text-decoration: none; padding: 0 4px; margin: 2px;  }
a:hover.aPaginacion { text-decoration: underline; }
.activo { border: 1px solid #CCC; }

#banner			{ text-align:center; padding-bottom:20px; }

.software 		{  background: url(../img/fondo-h1-software.jpg) bottom right no-repeat; }
.servicios		{  background: url(../img/fondo-h1-servicios.jpg) bottom right no-repeat; }
.lopd			{  background: url(../img/fondo-h1-lopd.jpg) bottom right no-repeat; }
.comunicaciones	{  background: url(../img/fondo-h1-comunicaciones.jpg) bottom right no-repeat; }
.hardware		{  background: url(../img/fondo-h1-hardware.jpg) bottom right no-repeat; }
.internet		{  background: url(../img/fondo-h1-internet.jpg) bottom right no-repeat; }
.empresa		{  background: url(../img/fondo-h1-empresa.jpg) bottom right no-repeat; }
.inicio			{  background: url(../img/fondo-h1-inicio.jpg) bottom right no-repeat; }
.contacto		{  background: url(../img/fondo-h1-contacto.jpg) bottom right no-repeat; }
.clientes		{  background: url(../img/fondo-h1-clientes.jpg) bottom right no-repeat; }
.privacidad		{  background: url(../img/fondo-h1-privacidad.jpg) bottom right no-repeat; }

/* RESULTADOS BUSQUEDA */
div.resultado			{ padding: 20px; margin-bottom: 10px; border-bottom: 1px solid #999; }
div.resultado img		{ vertical-align: middle; }
#cont-busqueda h2		{ font-family: "Verdana", sans-serif; color: #000; font-size: 14px; margin: 20px 0; }
#cont-busqueda strong	{ font-weight: bolder; }
#cont-busqueda p.tit	{ font-family: "verdana", sans-serif; color: #0d3189; font-size: 12px; font-weight:bolder; margin: 0; letter-spacing: 0; margin-bottom: 10px; line-height: 15px; }
#cont-busqueda a		{ font-family: "verdana", sans-serif; color: #0d3189; font-size: 12px; font-weight: bolder; text-decoration: none; line-height: 15px; }
#cont-busqueda a:hover	{ text-decoration: underline; }
#cont-busqueda p		{ font-family: "arial", "helvetica", sans-serif; font-size: 11px; color: #555; line-height: 15px; }
#cont-busqueda span		{ padding: 2px 4px; color: #000; font-weight: bolder; background-color: #FEE101; }
#cont-busqueda p.fecha	{ font-family: "verdana", sans-serif; color: #0d3189; font-size: 10px; margin-top: 5px; font-style: italic; }

/* LOGIN */
#cont-login				{ width: 428px; height: 275px; margin: 50px auto; background: url(../img/fondo-login.jpg) top left no-repeat; }
#cont-login fieldset	{ width: 220px; padding: 55px 0 0 35px; }
#cont-login input		{ width: 98%; padding: 2px; border: 1px solid #003399; background-color: #f9f8cc; margin-bottom: 20px; color: #666; }
#cont-login input.boton	{ width: 80px; padding: 3px 5px; border: 1px solid #003399; background-color: #f9f8cc; color: #003399; font-weight: bolder; float: right; cursor: pointer; margin-top: 20px;}
#cont-login label		{ font-family: "arial", "helvetica", sans-serif; color: #003399; font-size: 12px; font-weight: bolder; margin-bottom: 5px; }

/* TABLA HARDWARE */
#tabla-servidores			{ border: 1px solid #003399; border-collapse: collapse; font-family: "arial", "helvetica", sans-serif; font-size: 11px; vertical-align: top; }
#tabla-servidores th		{ background-color: #003399; color: #FFF; text-align: right; font-weight: bolder; padding: 3px; border: 1px solid #2255BB; }
#tabla-servidores td		{ padding: 5px; color: #555; border: 1px solid #003399; }
#tabla-servidores .center 	{ text-align: center; }

#tabla-equipos			{ border: 1px solid #003399; border-collapse: collapse; font-family: "arial", "helvetica", sans-serif; font-size: 11px; vertical-align: top; }
#tabla-equipos th		{ background-color: #003399; color: #FFF; text-align: right; font-weight: bolder; padding: 3px; border: 1px solid #2255BB; }
#tabla-equipos td		{ padding: 5px; color: #555; border: 1px solid #003399; }
#tabla-equipos .center 	{ text-align: center; }

/* FORMULARIO CONTACTO */
#formData				{ width: 428px; margin: 0 auto; background: url(../img/fondo-form-contacto.jpg) top left no-repeat; }
#formData fieldset 	{ padding: 20px; }
#formData ul			{ list-style: none; margin: 0;}
#formData li			{ display: block; }
#formData label		{ font-family: "arial", "helvetica", sans-serif; color: #003399; font-weight: bolder; font-size: 12px; margin-right: 10px; width: 150px; display: block; float: left; line-height: 20px; cursor: pointer; }
#formData label.check	{ width: 300px;}
#formData p			{ font-family: "arial", "helvetica", sans-serif; color: #003399; font-weight: bolder; font-size: 12px; }
#formData input		{ border: 1px solid #003399; padding: 1px 2px; height: 14px; font-family: "arial", "helvetica", sans-serif; font-size: 11px; color: #555; width: 216px; }
#formData input.corto1	{ width: 100px; text-align: center; }
#formData input.corto2	{ width: 50px; text-align: center;  }
#formData input.check	{ float: left; width: auto; height: auto; margin: 5px 10px 4px 4px; cursor: pointer; border: none;}
#formData input.boton	{ width: 100px; margin: 0; background-color: #DDD; padding: 2px 5px; font-weight: bolder; font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #003399; height: auto; float: none; }

/* GENERAL */
div.padd-10		{ padding: 10px; }
div.padd-20		{ padding: 20px; }
div.padd-40		{ padding: 40px; }
div.cont-img	{ width: 80%; padding: 20px; text-align: center; margin: 0 auto; }
img.img-izq		{ float: left; margin: 0 20px 20px 0; border: 1px solid #0d3189; }
.col3			{ width: 32%; float: left; }
.col2			{ width: 44%; float: left; }
.flot-der		{ float: right; }
.flot-izq		{ float: left; }

/* CLEARFIX */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

* html .clearfix {height:1px;}