/* CSS Document */

@import url("lightbox.css");
@import url("catalogo.css");
@import url("contacto.css");

html * {
	margin:0;
	padding:0;
}

body {
	background:url(../images/bg_body.jpg) repeat-x left top;
	font-family:Arial, Helvetica, sans-serif;
}

hr {
	float:left;
	clear:both;
	width:882px;	
	visibility:hidden;
}

iframe {
	width:550px;
	height:400px;
	margin:20px auto 0 auto;
	display:block;
	clear:both;
	border:1px solid #CCC;
	background:white;
	padding:3px;
}
	
	

#contenedor {
	width:882px;
	margin:0 auto;
}

#contenedor h1 {
	float:left;
	margin:23px 0 0 0px;
	background:url(../images/h1.jpg);
	width:311px;
	height:67px;
}

#contenedor h1 a {
	float:left;
	display:block;
	width:311px;
	height:67px;
}

#contenedor h1 a span {
	display:none;
}

#contenedor h2 span {
	display:none;
}

#contenedor #menu_superior {
	float:right;
	margin:36px 0 0 0;
	font-family:"Myriad Pro", Helvetica, Lucida Grande, Arial, Verdana;		
}

#contenedor #menu_superior li{
	float:left;
	display:inline;
	/*background:url(../images/bg_li_menu.gif) no-repeat center top;*/
}

#contenedor #menu_superior li a{
	font-size:17px;
	display:block;
	float:left;
	padding:0px 8px;
	margin:0px 1px 10px 0;
	text-decoration:none;
	color:#000;
	border-left: solid 1px #CCC;
	text-transform:capitalize;
}

#contenedor #menu_superior li a span{	
	font-size:25px;
	color:#2174C5;
	letter-spacing:-1px;
}

#contenedor #menu_superior li a:hover {
	color:#2174C5;
	/*background:#EFEFEF;*/
}

#contenedor #menu_principal {
	float:left;
	width:881px;
	height:191px;
	padding:0;
	margin:10px 0 0 0;
	background:url(../images/bg_menu_portada.jpg) no-repeat left top;

}

#contenedor #menu_principal.empresa {
	background:url(../images/bg_menu_empresa.jpg) no-repeat left top;
}

#contenedor #menu_principal.portfolio {
	background:url(../images/bg_menu_catalogo.jpg) no-repeat left top;
}

#contenedor #menu_principal.web {
	background:url(../images/bg_menu_catalogo.jpg) no-repeat left top;
}

#contenedor #menu_principal.software-erp {
	background:url(../images/bg_menu_software.jpg) no-repeat left top;
}

#contenedor #menu_principal.ingenieria, #contenedor #menu_principal.redes_de_datos, #contenedor #menu_principal.proyectos{
	background:url(../images/bg_menu_ingenieria.jpg) no-repeat left top;
}

#contenedor #menu_principal.servicios {
	background:url(../images/bg_menu_servicios.jpg) no-repeat left top;
}

#contenedor #menu_principal.contacto {
	background:url(../images/bg_menu_contacto.jpg) no-repeat left top;
}

#contenedor #menu_principal.presupuestos {
	background:url(../images/bg_menu_contacto.jpg) no-repeat left top;
}

#contenedor #menu_principal.mision {
	background:url(../images/bg_menu_mision.jpg) no-repeat left top;
}


#contenedor #menu_principal ul{
	float:left;
	list-style:none;
	font-size:13px;
	text-transform:capitalize;
	margin:0 0 0 10px;
}

#contenedor #menu_principal ul li{
	float:left;
	display:inline;
	/*background:url(../images/bg_li_menu.gif) no-repeat center top;*/
}

#contenedor #menu_principal ul li a{
	display:block;
	float:left;
	padding:6px 8px 1px 8px;
	margin:0 1px 0 0;
	text-decoration:none;
	color:white;
	height:15px;
	border-left: solid 1px #FFF;
	/*background:#fff url(../images/menu.gif) no-repeat 0 100%;*/
}




#contenedor #menu_principal ul li a.primera{
	border-left:none;
}

#contenedor #menu_superior li a.primera{
	border-left:none;
}


#contenedor #menu_principal ul li a:hover{
	color:#CCC;
	padding:8px 8px 1px 8px;
}




/************************* CONTENIDO ******************************/

#contenedor #contenido {
	float:left;
	clear:both;
	width:882px;
	background:url(../images/bg_contenido.jpg) no-repeat left bottom;
	margin:0 0 40px 0;
	padding:0 0 20px 0;
	min-height:350px;
	height:auto !important;
	height:350px;
}

#contenedor #contenido #derecha_secciones {
	float:right;
	width:230px;
	border-left:1px dotted #CCC;
	padding:0 20px 0 10px !important;
	padding:0 10px 0 5px;
	margin:-30px 0 0 0;
}

#contenedor #contenido #derecha_secciones ul{
	list-style:none;
	min-height:300px;
	height:auto !important;
	height:300px;
}

#contenedor #contenido #derecha_secciones ul li{
	color:black; /* el tamano del h3 está en SIFR/sIFR-screen.css */	
	font-size:11px;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	float:left;
	width:250px;
}

#contenedor #contenido #derecha_secciones .secc_web li{
	margin:0;
	padding:0;
}

#contenedor #contenido #derecha_secciones .secc_web li img{
	margin:0 10px 25px 0;
}

#contenedor #contenido #derecha_secciones ul li strong {
	color:#06C; /* el tamano del h3 está en SIFR/sIFR-screen.css */	
	font-weight:normal;
	font-size:13px;
}

#contenedor #contenido #derecha_secciones ul li strong a{
	color:#06C; /* el tamano del h3 está en SIFR/sIFR-screen.css */	
}

#contenedor #contenido #derecha_secciones ul li img {
	float:left;
	padding:3px;
	border:1px solid #DDD;
	background:white;
	margin:0 10px 65px 0;
}

#contenedor #contenido #derecha_secciones ul#logos_sage li img {
	float:left;
	padding:3px;
	border:1px solid #EEE;
	background:white;
	margin:0 60px 5px 0;
	clear:right;
}


#contenedor #contenido #izquierda_secciones {
	float:right;
	width:600px;
	padding:0 20px 0 0 !important;
	padding:0 10px 0 0;	
}


#contenedor #contenido #migas_pan {
	float:left;
	clear:both;
	width:852px;
	padding:15px 15px 5px 15px;
	font-size:11px;
	border-bottom:2px solid #EEE;
}

#contenedor #contenido #migas_pan a {
	color:#06C;
	text-decoration:none;
}

#contenedor #contenido #migas_pan a:hover {
	text-decoration:underline;
}

#contenedor #contenido h3{
	float:left;
	margin:10px 0 !important;
	margin:0px 0;
	width:90%;
	padding:0 40px;
	letter-spacing:-2px;
	color:#06C; /* el tamano del h3 está en SIFR/sIFR-screen.css */
	font-weight:normal;
	font-size:23px;
}

#contenedor #contenido h4{
	float:left;
	margin:10px 40px !important;
	margin:0 10px 10px 10px;
	width:90%;
	padding:0;
	font-size:21px;	
	font-weight:normal;
	color:#06C;
	border-bottom:1px dotted #CCC;
	font-weight:normal;	
	font-family:"Myriad Pro", Helvetica, Lucida Grande, Arial, Verdana;	
}

#contenedor #contenido h5{
	float:left;
	width:90%;	
	margin:10px 40px;
	padding:3px ;
	font-size:13px;	
	font-weight:normal;
	/*letter-spacing:-1px;*/
	color:#000;
	clear:both;
	background:#06C url(../images/bg_h5.jpg) repeat-x left top;
	font-family:"Myriad Pro", Helvetica, Lucida Grande, Arial, Verdana;	
}
	
#contenedor #contenido p{
	float:left;
	clear:left;
	margin:10px 0;
	width:90%;
	padding:0 40px;
	color:#333;
	font-size:13px;
	text-align:justify;
}

#contenedor #contenido p.texto_portada,#contenedor #contenido h4.texto_portada{
	clear:none;
	width:400px;	
}


#contenedor #contenido p a {
	color:black;
}

#contenedor #contenido p a:hover {
	text-decoration:none;
}

#contenido p a:hover {
	text-decoration:underline;
}

#contenedor #contenido #listas ul, #contenedor #contenido #listas ol, #contenedor #contenido #listas dl {
	width:90%;
	margin:0 auto;
	padding:0;
	color:gray;
	font-size:13px;	
	color:#333;	
	clear:both;
}

#contenedor #contenido #listas ul {
	list-style: none;
}

#contenedor #contenido #listas ol {
	padding:0 0 0 20px;
}

#contenedor #contenido #listas ul li, #contenedor #contenido #listas ol li, #contenedor #contenido #listas dl dd {
	margin: 2px 0;
	/*border-bottom: 1px dotted #CCC;*/
	padding: 0 0 10px 0;
	float:left;
	clear:both;
	width:100%;
}

#contenedor #contenido #listas ul li{
	margin: 2px 0;
	float:left;
	clear:both;
	width:100%;
	background:url(../images/bullet.gif) no-repeat left top;
	padding:3px 0 3px 25px;
}

#contenedor #contenido #listas ul li.nobullet {
	background:none;
}

#contenedor #contenido #listas ul#logotipos {
	list-style:none;
	margin:0 auto;
	padding:30px 0 0 0;
	width:640px;
	float:none;
}

#contenedor #contenido #listas ul#logotipos li{
	background:none;
	float:left;
	width:170px;
	height:80px;
	clear:none;
	display:block;
	padding:0;
	margin:0 0 0 15px;
	border-left:1px solid #CCC;
}

#contenedor #contenido #listas ul#logotipos li.primer_logotipo{
	width:234px;
	border-left:none;
	padding:15px 0 0 0;
}

#contenedor #contenido #listas ul#logotipos li img{
	border:none;
}


#contenedor #contenido #listas ul li a {
	color:#000;
	text-decoration:none;
	height:16px;
}

#contenedor #contenido #listas dl dt {
	margin:0 0 5px 0;
	color:#C90;
	width:100%;
	font-size:16px;
	float:left;
	clear:left;
	padding:2px 5px 0 0;
	font-weight:bold;
}

#contenedor #contenido #listas dl dt a{
	color:#C90;
	text-decoration:none;
	background:url(../images/bullet.gif) no-repeat left top;
	padding:3px 0 3px 25px;
}

#contenedor #contenido #listas dl dt a:hover{
	color:#C90;
	text-decoration:underline;
}

#contenedor #contenido #listas dl dt span{
	font-size:.7em;
	color:#999;
}

#contenedor #contenido #listas dl dt strong {
	color:#000;
	font-weight:normal;
}

#contenedor #contenido #listas dl dd {
	margin:0 0 20px 0;
	text-align:justify;
	padding:0;
}

#contenedor #contenido #listas dl dd img{
	vertical-align:middle;
}

#contenedor #contenido #listas dl dd p,#contenedor #contenido #listas dl dd h3{
	clear:none;
	float:none;
}



#contenedor #contenido #listas dl dd a {
	color:black;
	text-decoration:underline;
}

#contenedor #contenido #listas dl dd ul{
	width:63%;
	margin:20px 0;
	float:left;
	clear:none;
	display:inline;
}

#contenedor #contenido #listas dl dd a:hover {
	text-decoration:none;
}


#contenedor #contenido #listas ul li a:hover {
	text-decoration:underline;
}


#contenedor #contenido #listas p.mas_noticias {
	text-align:center;
}

#contenedor #contenido #listas p.mas_noticias a{
	text-decoration:none;
	font-size:11px;
	color:#06C;
}

#contenedor #contenido #derecha_noticias {
	float:right;
	width:200px;
	height:400px;
	border-left:1px dotted #06C;
	margin:0 0 0 40px !important;
	margin:0 0 0 20px;	
	padding:0 0 0 40px;
}


#contenedor #contenido #listas #tabla_descargas {
	border: 1px solid #D4E0EE;
	color: #555;
	width:90%;
	margin:5px auto;
	clear:both;
}

#contenedor #contenido #listas #tabla_descargas, th, td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-size:11px;
	color: #555;
}

#contenedor #contenido #listas #tabla_descargas tr td {
	vertical-align:middle;
	padding:3px 2px;
}
#contenedor #contenido #listas #tabla_descargas caption {
	font-size: 1.1em;
	text-align:left;
	margin: 20px 5px 5px 5px;
	text-transform:uppercase;	
}

#contenedor #contenido #listas #tabla_descargas thead th {
	text-align: center;
	background:#333;
	color: white;
	font-size: 100% !important;
	font-weight:normal;
	text-transform:uppercase;
	padding:0 2px;
}


#contenedor #contenido #listas #tabla_descargas tbody th {
	font-weight: bold;
}

#contenedor #contenido #listas #tabla_descargas tbody tr { 
	background: white; 
}

#contenedor #contenido  #listas #tabla_descargas tbody tr td.descarga_archivo { 
	text-align:center;
}

#contenedor #contenido #listas #tabla_descargas tbody tr:hover {
		background:#EEE;
}

#contenedor #contenido #listas #tabla_descargas a {
	color: #333;
	text-decoration: none;
	font-size:11px;
	margin:0 auto;
}

#contenedor #contenido #listas #tabla_descargas a img {
	vertical-align:middle;
	border:none;
	margin:0 3px 0 0;
}

#contenedor #contenido #listas #tabla_descargas a:hover {
	color: #718ABE;
	background:white;
}

#contenedor #contenido #listas #tabla_descargas thead span {
	display: none;
}



/* ************************* PORTADA******************************/

#contenedor #contenido #titulares {
	margin: 2px 0 2px 0px;
	padding: 0 0 10px 0;
	float:left;
	width:400px;
}

#contenedor #contenido #titulares h4, #contenedor #contenido #titulares h5 {
	margin: 0 0 0 10px!important;
	padding: 0;
	float:left;
	width:400px;
}

#contenedor #contenido #titulares h4 {
	border-bottom:0;	
	margin:0 0 20px 10px !important;
	color:#333;
}

#contenedor #contenido #titulares h5 {
	background:none;
	font-size:1.2em;
	letter-spacing:-1px;
	border-bottom:1px solid #DDD;	

}

#contenedor #contenido #titulares h5 a{
	color:#06C;
	text-decoration:none;
}

#contenedor #contenido #titulares h5 span{
	color:#999;
	font-size:.7em;
}

#contenedor #contenido #titulares div.subtitulo {
	margin: 0 0 0 10px!important;
	padding: 5px 0;
	font-weight:normal;
	font-size:.8em;	
	float:left;
	width:400px;	
}

#contenedor #contenido #titulares div.titular {
	margin: 0 0 0 10px!important;
	float:left;
	width:400px;	
	padding: 0;
	font-weight:normal;
	font-size:.8em;
	margin:0 0 35px 0;
	padding:0 0 25px 0;
}



#contenedor #contenido #listas #lista_portada {
	float:right;
	width:389px;
	padding:10px 0;
	list-style:none;
	margin:0;
}

#contenedor #contenido #listas #lista_portada li{
	background:none;
	padding:0;
	margin:0 0 10px 5px;
	float:left;
	clear:none;
	width:182px;	
}

#contenedor #contenido #listas #lista_portada img {
	border:none;
}




/* PIE DE PÁGINA ***********************************************************************/

#pie {
	width:100%;
	float:left;
	clear:both;
	height:auto;
	padding:0;
	margin:30px 0 0 0;
	color:#000;
	font-size:11px;
	background:url(../images/bg_pie.jpg) repeat-x;
}

#pie p {
	width:882px;
	margin:3px auto;
	padding:50px 0;	
	text-align:left;
	background:url(../images/bg_pie_neo.jpg) no-repeat center top;
}

#pie p a {
	color:#000;
}

#pie p a:hover {
	color:#666;
}

#pie p img {
	margin:-10px 0 0 20px;
	border:none;
	float:right;
	display:block;
}