BODY { margin: 0px; background: #434343 url(../images/fondobody.jpg) repeat-x top; color: black; font-family:"Trebuchet MS", sans-serif; }
.cb { clear: both }
.espaciadorhorizontal { clear: both; height: 20px; }
.pad10 { padding: 10px }
.titulogeneral { padding-bottom: 4px; }

.fl { float: left }

a img {border: 0px none;}

h1.tituloseccion {text-align: left; margin: 0px }
h1.tituloseccion span { display: none }

a.linkregular { color: #19548e; text-decoration: none; }
a.linkregular:hover { color: #c38f00; text-decoration: none; }

a.linkregularinv { color: #f8d08a; text-decoration: none; }
a.linkregularinv:hover { color: #fff; text-decoration: none; }

a.linksmall { font-size: 8pt; color: #19548e; text-decoration: none; }
a.linksmall:hover { color: #c38f00; text-decoration: none; }

a.linkbig { color: #19548e; text-decoration: none; }
a.linkbig:hover { color: #c38f00; text-decoration: none; }

a.nohover { text-decoration: none; }
a.nohover:hover { }
a.nohover:visited { color: black; }

.txtsmall { border: 1px solid #ddd; font-family:"Trebuchet MS", sans-serif; font-size: 8pt; }
.botgenerico { font-size: 9pt; border: 1px solid #555; background: #3c5482; color: white; padding: 2px 5px; margin: 5px 0px; }

.textomedio { font-size: 10pt }

#fondotoplogo { height: 100px; background: url(../images/fondobrillotop.jpg) no-repeat top center; text-align: center; }
#fondotoplogo #logoylema { text-align: left; width: 900px; margin: auto; }
#fondotoplogo #logoylema #logotipotop { float: left;  }
#fondotoplogo #logoylema #lematop { float: left;  }

#canvas { width: 900px; }

#seccion-colizq { width: 660px; float: left; }
#seccion-colizq #contenedorizq { padding: 20px; background: #fff; border-bottom: 1px solid #aaa }
#seccion-colder { width: 210px; float: left;  }


#breadcrumbs { padding: 10px 0px;  }
#breadcrumbs a, #breadcrumbs span { display: block; float: left }
#breadcrumbs .primero { padding-left: 13px; height: 25px; background: url(../images/bread-izq-off.gif) no-repeat }
#breadcrumbs .centraloff { text-decoration: none; font-family: Arial, sans-serif; font-size: 10px; color: #eee; padding: 6px 0px 6px 0px; background: #808080 }
#breadcrumbs .centralon { text-decoration: none; font-family: Arial, sans-serif; font-size: 10px; color: #eee; padding: 6px 0px 6px 0px; background: #3c5482 }
#breadcrumbs .medio { padding-right: 20px; height: 25px; background: url(../images/bread-mediador-off.gif) no-repeat }
#breadcrumbs .penultimo { padding-right: 20px; height: 25px; background: url(../images/bread-penultimo.gif) no-repeat }
#breadcrumbs .ultimo { padding-right: 14px; height: 25px; background: url(../images/bread-ultimo.gif) no-repeat }




#botonera { width: 900px; height: 40px; background: url(../images/fondobotoneracentro.jpg) no-repeat top center; text-align: left; }
#botonera #botinicio { float: left; display: block; width: 85px; height: 30px; background-image: url(../images/bot-inicio.jpg); background-position: 0px 0px;  }
#botonera #botinicio:hover { background-position: 0px -30px; }
#botonera #botsistemastop { float: left; display: block; width: 183px; height: 30px; background-image: url(../images/bot-sistemastop.jpg); background-position: 0px 0px;  }
#botonera #botsistemastop:hover { background-position: 0px -30px; }
#botonera #botsitiostop { float: left; display: block; width: 117px; height: 30px; background-image: url(../images/bot-sitiostop.jpg); background-position: 0px 0px;  }
#botonera #botsitiostop:hover { background-position: 0px -30px; }
#botonera #separadorbotonera { float: left; width: 406px; height: 30px; }
#botonera #botcontactotop { float: left; display: block; width: 109px; height: 30px; background-image: url(../images/bot-contactotop.jpg); background-position: 0px 0px;  }
#botonera #botcontactotop:hover { background-position: 0px -30px; }


#placaprincipales { width: 900px; height: 320px; }
#placaprincipales #botonesprincipales { width: 340px; height: 320px; float: left; }
#placaprincipales #botonesprincipales #botsistemas { display: block; width: 340px; height: 80px; background-image: url(../images/bot-sistemas.jpg); background-position: 0px 0px; text-indent:-9000px; }
#placaprincipales #botonesprincipales #botsistemas:hover { background-position: 0px -80px; }
#placaprincipales #botonesprincipales #botsitiosweb { display: block; width: 340px; height: 80px; background-image: url(../images/bot-sitiosweb.jpg); background-position: 0px 0px; text-indent:-9000px; }
#placaprincipales #botonesprincipales #botsitiosweb:hover { background-position: 0px -80px; }
#placaprincipales #botonesprincipales #botproductos { display: block; width: 340px; height: 80px; background-image: url(../images/bot-productos.jpg); background-position: 0px 0px; text-indent:-9000px; }
#placaprincipales #botonesprincipales #botproductos:hover { background-position: 0px -80px; }
#placaprincipales #botonesprincipales #botservicios { display: block; width: 340px; height: 80px; background-image: url(../images/bot-servicios.jpg); background-position: 0px 0px; text-indent:-9000px;  }
#placaprincipales #botonesprincipales #botservicios:hover { background-position: 0px -80px; }



/*
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position: 20px 120px; 
*/
#placaprincipales .contprincipal { width: 560px; height: 320px; float: left;  }
#placaprincipales .c1{ background: url(../images/placahome1.jpg) no-repeat; }
#placaprincipales .c2{ background: url(../images/placahome2.jpg) no-repeat; }
#placaprincipales .c3{ background: url(../images/placahome3.jpg) no-repeat; }
#placaprincipales .c4{ background: url(../images/placahome4.jpg) no-repeat; }
#placaprincipales .contprincipal .holder-links { padding: 230px 15px 20px 12px; text-align: left }
#placaprincipales .contprincipal .holder-links .columna { float: left; width: 49%; margin-right: 5px; }
#placaprincipales .contprincipal .holder-links a { font-size: 8pt; color: #f3bf00;  text-decoration: none; display: block; padding: 3px; }
#placaprincipales .contprincipal .holder-links a  b { color: #ffdf88 }
#placaprincipales .contprincipal .holder-links a:hover { color: white; background: #133354  }

#mask-principales {	position:relative;	width:560px;	height:320px;	overflow:hidden; }
#mask-principales #contenedor {	display:block;	border:none; min-height: 0px; }


#placaredondeada #contenidoplaca { background: url(../images/placaredondeada-seccion.gif) repeat-y; padding: 10px 10px 0px 10px; }


#placaredondeada #contenidoplaca #slidercasos { background: url(../images/placaredondeada-seccion.gif) repeat-y; }

/* VIEWERS */

.mask-noticiadetalle {	position:relative;	width:250px;	height:120px;	overflow:hidden;}
.mask-noticiadetalle img{	position:absolute;	display:block;	border:none;}

.mask-casodetalle {	position:relative;	width:618px;	height:190px;	overflow:hidden;}
.mask-casodetalle img{	position:absolute;	display:block;	border:none;}


#maskcasos {
	width:579px;
	height:230px;
	overflow:hidden;
	position:relative;
	background-color:#999;
	float: left;
	}
#portfoliocasos {
	position:absolute;
	top:0;
	left:0;
	width:3535px;
	float:left;
}
.col {
	display:block;
	width:579px;
	height:230px;
	float:left;
	}
.padcaso { float: left; padding: 10px 5px; background: #333 url(../images/fondoslider.jpg) repeat-x; }
	
.caso { 
	width:183px;
	height:210px;
	float:left;
	background-color:#FFF;
	font-size:11px;
	font-family:"Trebuchet MS", sans-serif;
	}
	
.caso a { color: black; text-decoration: none }
.caso span.ampliar { color: #19548e; text-decoration: none }
	
.caso h5 { font-size: 12pt; font-weight: bold; margin: 0px; padding: 0px 5px; }
.caso p { font-size: 9pt; margin: 0px; padding: 0px 5px; }

#slidercasos{ float: left; width: 660px; }
#slidercasos #slideizquierda { float: left; display: block; width: 30px; height: 230px; background-image: url(../images/bot-sliderizquierda.jpg); background-position: 0px 0px;  }
#slidercasos #slideizquierda:hover { background-position: 0px -230px; }
#slidercasos #slidederecha { float: left; display: block; width: 30px; height: 230px; background-image: url(../images/bot-sliderderecha.jpg); background-position: 0px 0px;  }
#slidercasos #slidederecha:hover { background-position: 0px -230px; }

#redessociales { background: #fafafb url(../images/fondoconectate.jpg); float: left; width: 220px; height: 230px; }
#redessociales .espaciador { float: left; width: 230px; height: 5px; margin: 0px; padding: 0px; font-size: 5px; }
#redessociales a img.icono { margin-right: 5px; }
#redessociales a { float: left; width: 200px; text-decoration: none; display: block; color: black; font-size: 8pt; }
#redessociales a b { color: #19548e; font-weight: normal }
#redessociales #facebookespaciador { width: 200px; height: 40px; padding: 6px 0px 0px 4px }
#redessociales #facebookespaciador span { font-size: 7pt; }

#noticiashome { width: 640px; float: left; }
#noticiaslistado { width: 660px; float: left; }
.noticia { border-bottom: 1px solid #ccc; background: #fff; padding: 7px 10px;  }
.noticia .foto { float: left; margin-right: 10px; height: 150px; }
.noticia .foto img { border: 4px solid #ccc }
.noticia .fecha { font-family: Verdana, sans-serif; font-size: 7pt; color: #444; text-transform: uppercase }
.noticia a.titulo { font-weight: bold; font-size: 12pt; color: black; text-decoration: none; }
.noticia a.titulo:hover { color: #19548e; text-decoration: none; }
.noticia a.vermas { clear: both; margin-top: 5px;  text-align: right; font-size: 8pt; color: #19548e; text-decoration: none; display: block; }
.noticia a.vermas:hover { color: #c38f00; text-decoration: none; }
.noticia p.copete { color: black; font-size: 10pt; }
.separanoticias { clear: both; height: 10px; }

.noticia .tags { font-family: Verdana, sans-serif; font-size: 7pt; color: #444; text-transform: uppercase }
.noticia .tags a { color: #19548e; text-decoration: none; }
.noticia .tags a:hover { color: #c38f00; text-decoration: none; }

#separanube { float: left;width: 20px; height: 250px; }
#nube { float: left; width: 217px; background: url(../images/fondonubes.jpg) no-repeat center center }

#valores { }
#valores p a { color: black }
#valores #contienevalores { border-top: 1px solid #ccc; margin: 5px 0px 0px 0px; padding: 5px 0px; }
#valores #contienevalores .valor { float: left; width: 33% }
#valores #contienevalores .valor p { font-size: 9pt; }
#valores #contienevalores img { float: left; margin-right: 10px; }

#pie #panelespie { height: 280px; }
#pie #panelespie #izquierdo { float: left; background: #12171f; width: 300px; height: 280px; text-align: left; }
#pie #panelespie #separador { float: left; width: 25px; height: 280px; background: url(../images/separadorpie.jpg) no-repeat }
#pie #panelespie #derecho { float: left; width: 575px; height: 280px; background: #181818; text-align: left }

#pie #panelespie .padpie { padding: 0px 10px; }
#pie #panelespie .columnas { padding: 10px 1px 1px 1px; }
#pie #panelespie .columnas b { color: #ddd }
#pie #panelespie .columnas .ultima { padding-left: 10px; width: 30% }
#pie #panelespie .columnasitemap { color: #ddd; float: left; width: 33%; font-size: 8pt; }
#pie #panelespie .columnasitemap a { display: block; color: #9aa8b6; text-decoration: none; margin: 0px 0px 8px 0px }
#pie #panelespie .columnasitemap a:hover { color: #c38f00; text-decoration: none; }

#pie a { margin: 3px 5px 0px 0px }
#pie #piequienes { font-size: 1px; float: left; display: block; width: 75px; height: 15px; background-image: url(../images/bot-piequienes.jpg); background-position: 0px 0px; text-indent: -9000px; }
#pie #piequienes:hover { background-position: 0px -15px; }
#pie #pieoficinas { font-size: 1px; float: left; display: block; width: 46px; height: 15px; background-image: url(../images/bot-pieoficinas.jpg); background-position: 0px 0px; text-indent: -9000px; }
#pie #pieoficinas:hover { background-position: 0px -15px; }
#pie #piehistoria { font-size: 1px; float: left; display: block; width: 46px; height: 15px; background-image: url(../images/bot-piehistoria.jpg); background-position: 0px 0px; text-indent: -9000px; }
#pie #piehistoria:hover { background-position: 0px -15px; }

#noticiadetalle { width: 640px; float: left; background: #fff; font-size: 10pt }
#noticiadetalle h2 { text-transform: uppercase; font-size: 16pt; text-align: left; margin: 0px; display: block; clear: both;}
#noticiadetalle h3 { font-size: 12pt; margin: 0px; }

#noticiadetalle .holdercopete {  }
#noticiadetalle #cuerpo { font-size: 10pt; }
/*#noticiadetalle p.copete { font-size: 8pt; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #eee; padding: 5px; }*/
#noticiadetalle p.copete { color: #666; font-size: 10pt;  background: #fff; padding: 5px 0px; }

#galerianoticia { float: right; border: 1px solid #aaa; margin: 0px 0px 10px 10px; }
#galerianoticia #contfotos img { border: 5px solid #fff; }
#galerianoticia p { background: #ddd; padding: 5px;  }

.separadorsimple { border-top: 1px solid #ddd; margin-top: 5px; padding-bottom: 5px; }
.separadorsimplesubespecial { border-top: 1px solid #aaa; margin-top: 7px; padding-bottom: 1px; }
.separadordoble { background: url(../images/bordedoble.gif) repeat-x; margin-top: 5px; padding-bottom: 5px; margin-bottom: 5px;  }

#compartircontenido { font-size: 9pt; border: 1px solid #ccc; margin-left: 10px; padding: 10px; background: #fff }

#botonesimagenes { height: 20px; }
#botonesimagenes span { cursor: pointer; display: block; float: left; font-size: 7pt; padding: 2px 5px; margin-right: 4px; background: #19548e; color: white }
#botonesimagenes span.activo { background: #be6e22 }

.placavalor { text-align: left; }
.placavalor .icono { padding-left: 15px; text-align: center; float: left; width: 170px; height: 180px; }
.placavalor h1 { text-align: left; font-size: 14pt; margin: 0px; }
.placavalor p.destacado { font-size: 12pt; font-weight: bold; padding: 5px; }
.placavalor p.texto { font-size: 10pt; padding: 90px 5px 10px 5px; }


#galeriacaso { border: 1px solid #aaa; }
#galeriacaso #contfotos img { }
#galeriacaso p { background: #ddd; padding: 5px;  }

.loginfacebook { background: #133354; padding: 0px 10px 10px 10px; }

.bienvenido { width: 30%; float: left; }
.bienvenido .titulo { padding-bottom: 10px }
.usuariologueado { float: left; font-size: 8pt; color: #eee }
.usuariologueado a:hover { font-size: 8pt; color: #fff; text-decoration: none; }
.usuariologueado a { color: #c38f00; text-decoration: none; }
.usuariologueado .usuario { float: left; }
.usuariologueado .usuario b { color: #fff }
.usuariologueado .fotoperfil { float: left; border: 1px solid #ccc; margin-right: 10px; }

.amigos { width: 69%; float: left; }
.amigos .titulo { padding-bottom: 10px }
.amigofb { float: left; width: 120px; }
.amigofb .fotoperfil { float: left; border: 1px solid #ccc; margin-right: 10px; }
.amigofb .usuario { float: left; font-size: 8pt; color: #eee }

.subtituloespecial { font-size: 10pt; width: 680px; float: left; margin-left: 20px;  }

#paginador { font-size: 10pt; color: #888 }
#paginador a.linksmall { font-size: 10pt; }
#paginador #izq { float: left; width: 33%; text-align: left; }
#paginador #cen { float: left;width: 33%; text-align: center; }
#paginador #der { float: left;width: 33%; text-align: right; }

#ultimoscasos { font-size: 9pt; border: 1px solid #ccc; margin-left: 10px; padding: 8px; background: #fff }
#ultimoscasos .caso { 	width:183px; feight:210px;	background-color:#FFF;	font-size:11px;	font-family:"Trebuchet MS", sans-serif;	}

#seccionestatica { padding: 20px; background: #fff; }
#seccionestatica h1 { text-transform: uppercase; font-size: 14pt; margin: 0px 0px 0px 0px; text-align: left; border-bottom: 1px solid #ddd }
#seccionestatica h2 { text-transform: uppercase; font-size: 12pt; margin: 10px 0px 10px 0px; }
#seccionestatica img.titular { margin-bottom: 20px }
#seccionestatica p.contenidoflotante { font-size: 10pt; }
#seccionestatica .reproductormp3 { font-size: 8pt; color: #666; padding: 4px; border-top: 1px solid #ccc; }

#masinfo a { font-size: 8pt; color: #133354;  text-decoration: none; display: block; padding: 3px 5px; float: left; margin-right: 10px; }
#masinfo a:hover { color: white; background: #133354  }

.textoanotado .notas { width: 20%; float: left; font-size: 7pt; display: block;  }
.textoanotado .notas p { padding: 3px 5px; margin: 0px 10px 5px 0px; background: #ddd; text-transform: uppercase; }
.textoanotado .texto { width: 79%; float: left; font-size: 10pt; display: block; border-left: 1px solid #eee }
.textoanotado .texto p { padding-left: 10px }

#listadoprodserv { width: 660px; float: left; }
#listadoprodserv a img { border: 0px; margin: 0px; padding: 0px; float: left }

.prodserv { border-bottom: 1px solid #ccc;  padding: 7px 10px 7px 0px;  }
.prodserv .foto { float: left; margin-right: 10px; border: 4px solid #ccc }
.prodserv .fecha { font-family: Verdana, sans-serif; font-size: 7pt; color: #444 }
.prodserv a.titulo { font-weight: bold; font-size: 12pt; color: black; text-decoration: none; text-transform: uppercase }
.prodserv a.titulo:hover { color: #19548e; text-decoration: none; }
.prodserv a.vermas { clear: both; margin-top: 5px;  text-align: right; font-size: 8pt; color: #19548e; text-decoration: none; display: block; }
.prodserv a.vermas:hover { color: #c38f00; text-decoration: none; }
.prodserv p.copete { color: black; font-size: 10pt; }
.prodserv .tags { font-family: Verdana, sans-serif; font-size: 7pt; color: #444; text-transform: uppercase }
.prodserv .tags a { color: #19548e; text-decoration: none; }
.prodserv .tags a:hover { color: #c38f00; text-decoration: none; }
.separaprodserv { clear: both; height: 10px; }

#pie #contenidospie { padding: 6px 3px 3px 3px; font-size: 8pt; color: #ddd }
#pie #contenidospie #oficinas { display: none }
#pie #contenidospie #historia { display: none }

#pie #izquierdo a { color: #c38f00; text-decoration: none; }
#pie #izquierdo a:hover { color: #fff; text-decoration: none; }

#pieimpresiones { display: none }

#otrasvias { font-size: 9pt; border: 1px solid #ccc; margin-left: 10px; padding: 8px; background: #fff }
#otrasvias a { color: #19548e; text-decoration: none; }
#otrasvias a:hover { color: #c38f00; text-decoration: none; }



#introseccion { background: white; padding: 15px 15px 15px 15px }
#introseccion h1 { text-transform: uppercase; margin: 0px 0px 10px 0px; text-align: left }
#introseccion p { font-size: 10pt; margin: 0px }

#solicitarpresupuesto { font-size: 9pt; border: 1px solid #ccc; background: #133354; margin-left: 10px; margin-bottom: 10px; padding: 8px; }
#solicitarpresupuesto img { margin-bottom: 10px;	 }

table#tablacontacto input {width: 240px; padding: 1px; font-size: 10pt; }
table#tablacontacto button { border: 0px; background: #22304a; color: white; padding: 4px; cursor: pointer; font-size: 8pt; }
table#tablacontacto .nohover { border: 1px solid #aaa; border-bottom: 2px solid #aaa; background: white }
table#tablacontacto .hover { border: 1px solid #3c5482; border-bottom: 2px solid #3c5482; background: #fafafb }
table#tablacontacto textarea { width: 240px; border: 1px solid #aaa; border-bottom: 2px solid #aaa; font-family: Trebuchet MS, sans-serif; font-size: 10pt; padding: 2px; }
table#tablacontacto td { font-size: 8pt; vertical-align: top; color: white }
table#tablacontacto i { font-size: 8pt; color: #aaa }

.formymapa { float: left; width: 630px }
.formulariocontacto { float: left; background: #666; padding: 10px; }
.mapaydatos { float: left; padding-left: 4px; }
.mapaydatos img { border: 1px solid #ddd }
.mapaydatos p { font-size: 8pt; padding: 10px; }

#error_consulta, #error_nombre, #error_email { display: none; font-size: 8pt; color: #ffa; margin-top: 4px }


.aclaracionform { font-size: 10pt; }

.graciascontacto { font-size: 8pt }

#filtro { font-size: 8pt; padding: 4px; }

.teltitulo { font-size: 8pt }
.telnumero { font-size: 9pt; color: #19548e; text-decoration: none; width: 150px }

@media print {

	#seccion-colder { display: none }
	#botonera { display: none }
	#bordesuperior { display: none }
	#bordeinferior { display: none }
	.loginfacebook { display: none }
	#pie { display:none }
	#lematop { display:none }
	#breadcrumbs { display: none }
	
	#seccionestatica { padding-left: 0px; }
	.textoanotado .texto { margin-top: -11px; }
	#noticiadetalle { padding-left: 0px; }
	.noticia { padding-left: 0px; }
	.pad10 { padding-left: 0px; }
	.subtituloespecial { display: none; }
	
	#masinfo { display: none }
	
	#pieimpresiones { display: block; font-size: 9pt; padding-top: 10px; border-top: 1px solid #ddd; text-align: left }
	
}