@import url("reset.css");

body {
	background-color: #FFFFFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a {
	color: #198bd3;
}
a:hover {
	color: #0a3754;
	text-decoration: underline;
}

/*************************************************************************************
CONTENEDOR
*************************************************************************************/
#contenedor {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}

/*************************************************************************************
TOP_NAVIGATION
*************************************************************************************/
#topnavigation {
	text-align: right;
	font-size: 1.2em;
	padding-top: 1em;
	font-weight: bold;
	height: 2em;
}
#topnavigation ul {
	float: right;
}
#topnavigation ul li {
	display: inline;
	float: left;
	margin-left: 20px;
}
#topnavigation ul li a {
	display: block;
	background-image: url(/img/topnavigation_bullet.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}

/*************************************************************************************
FONDOGRIS
*************************************************************************************/
.fondogris {
	background-image: url(/img/fondogris.png);
	background-repeat: repeat-y;
	position:relative;
}

/*************************************************************************************
LEFTBLOCK
*************************************************************************************/
#leftblock {
	float: left;
	width: 190px;
	padding-bottom: 120px;
}
#leftblock h1 {
	padding-top: 10px;
	background-color: #0a3754;
	border-bottom: 5px solid #c5d94c;
	background-image: url(/img/leftblock_corner.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#leftblock h1 a {
	display: block;
	background-image: url(/img/leftblock_logotipo.jpg);
	background-repeat: no-repeat;
	height: 158px;
	width: 190px;
}
#leftblock h1 a span {
	display: none;
}
ul.mainnavigation {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
ul.mainnavigation li {
	display: block;
	padding-bottom: 10px;
	background-image: url(/img/mainnavigation_li_fondo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
*+ html ul.mainnavigation li {
	padding-bottom: 7px; /* Sólo para Explorer7 */
}
ul.mainnavigation li a {
	display: block;
	height: 25px;
	background-repeat: no-repeat;
	background-position: left top;
}
ul.mainnavigation li a:hover {
	background-position: left bottom;
}
ul.mainnavigation li a:focus {
	outline: none;
}
ul.mainnavigation li a.sobrenosotros {
	background-image: url(/img/mainnavigation_sobrenosotros.png);
}
ul.mainnavigation li a.servicios {
	background-image: url(/img/mainnavigation_servicios.png);
}
ul.mainnavigation li a.tecnologias {
	background-image: url(/img/mainnavigation_tecnologias.png);
}
ul.mainnavigation li a.clientes {
	background-image: url(/img/mainnavigation_clientesdestacados.png);
}
ul.mainnavigation li a.soluciones {
	background-image: url(/img/mainnavigation_soluciones.png);
}
ul.mainnavigation li a.noticias {
	background-image: url(/img/mainnavigation_noticias.png);
}
ul.mainnavigation li a.consultoriatecnologica {
	background-image: url(/img/mainnavigation_consultoriatecnologica.png);
}
ul.mainnavigation li a.outsourcinginformatico {
	background-image: url(/img/mainnavigation_outsourcinginformatico.png);
}
ul.mainnavigation li a.softwarefactory {
	background-image: url(/img/mainnavigation_softwarefactory.png);
}
ul.mainnavigation li a.comunicaciondigital {
	background-image: url(/img/mainnavigation_comunicaciondigital.png);
}
ul.mainnavigation li a span {
	display: none;
}
ul.mainnavigation div {
	height: 0px;
}
ul.mainnavigation ul {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
}
ul.mainnavigation ul li {
	display: block;
	background-image: none;
	padding: 8px 0px 8px 0px;
}
ul.mainnavigation ul li a {
	height: auto;
	display: block;
	font-size: 12px;
	font-weight: bold;
	background-image: url(/img/mainnavigation_li_bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	color: #0a3754;
}
ul.mainnavigation ul li a:hover {
	background-position: left center;
}	
.invisible {
	display: none;
}
#partners {
	padding: 30px 0px;
	text-align: center;
}
#partners img {
	margin: 10px 0px;
}
/*************************************************************************************
RIGHTBLOCK
*************************************************************************************/
#rightblock {
	float: right;
	width: 750px;
}
#rightblock #cabecera {
	padding-top: 10px;
	background-color: #0a3754;
	border-bottom: 5px solid #c5d94c;
	background-image: url(/img/rightblock_corner.png);
	background-repeat: no-repeat;
	background-position: right top;	
}
#servicios {
	background-image: url(/img/servicios_rayavertical.png);
	background-repeat: repeat-x;
	margin-top: 5px;
}
#servicios h2, #productos h2, #noticias h2, #clientes h2, #destacados h2 {
	display: none;
}
#servicios .consultoria_tecnologica, #servicios .outsourcing_informatico, #servicios .software_factory, #servicios .comunicacion_digital {
	position: relative;
	width: 170px;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 230px;
	padding-top: 85px;
}
#servicios .consultoria_tecnologica {
	background-image: url(/img/servicios_consultoriatecnologica.png);
}
#servicios .outsourcing_informatico {
	background-image: url(/img/servicios_outsourcinginformatico.png);
}
#servicios .software_factory {
	background-image: url(/img/servicios_softwarefactory.png);
}
#servicios .comunicacion_digital {
	float: right;
	background-image: url(/img/servicios_comunicaciondigital.png);
	margin-right: 10px;
}
#servicios p, #clientes p, #destacados p {
	color: #565656;
	font-size: 12px;
	line-height: 16px;
}
#clientes p {
	margin-bottom: 5px;
}
#servicios a, #productos a, #noticias a, #destacados a, #clientes a {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url(/img/topnavigation_bullet.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}
#clientes {
	position: relative;
	width: 360px;
	background-image: url(/img/clientes_destacados.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	padding-top: 65px;
	height: 310px;
}
#clientes .slideshow {
	width: 360px;
	height: 135px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(/img/fondo_slideshow.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#productos .left {
	float: left;
	width: 170px;
	text-align: center;
}
#productos .right {
	float: right;
	width: 170px;
}
#productos img {
	display: block;
	margin: 0px auto 10px auto;
}
#destacados {
	position: relative;
	width: 360px;
	background-image: url(/img/destacados.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: right;
	padding-top: 65px;
	padding-bottom: 0px;
	margin-right: 10px;
	height: 310px;
}
#destacados p {
	margin-right: 170px;
	margin-bottom: 15px;
}
#destacados p.frasegrande {
	margin-right:0px;
	margin-top:35px;
	margin-bottom:40px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:#571f5d;
	text-align:center;
}
#destacados .fecha {
	font-size: 1em;
	color: #888;
}
#destacados .titulo {
	font-size: 1.1em;
	font-weight: bold;
	color: #198bd3;
}
#destacados ol li a {
	display: inline;
	position: relative;
	font-size: 1em;
	font-weight: bold;
	background: none;
	padding-right: 18px;
}
#destacados .entradilla {
	font-size: 1.1em;
	color: #565656;
	line-height: 1.2em;
	margin-bottom: 15px;
}

/*************************************************************************************
ESTANDARES
*************************************************************************************/
#estandares {
	position: absolute;
	bottom: 0px;
	left: 10px;
	width: 170px;
	text-align: center;
	border-bottom-width: 16px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-bottom: 10px;
}
#estandares a {
	display: block;
	margin-top: 5px;
}

/*************************************************************************************
SUBNAVIGATION
*************************************************************************************/
#subnavigation {
	text-align: center;
	padding: 10px 0px 10px 0px;
	font-size: 12px;
}
#subnavigation li {
	display: inline;
}
#subnavigation li a {
	font-size: 1.1em;
	color: #999999;
	padding: 0px 7px;
}
#subnavigation li a:hover {
	color: #0a3754;
}
/*************************************************************************************
PIE
*************************************************************************************/
#pie {
	height: 40px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #c5d94c;
	background-color: #198bd3;
	background-image: url(/img/pie_cornerizquierdo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 12px;
	color: #FFFFFF;
}
#pie_contenido {
	padding-top: 6px;
	height: 34px;
	background-image: url(/img/pie_cornerderecho.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 20px;
	padding-left: 20px;
}
#pie_contenido .datos {
	float: left;
	background-image: url(/img/pie_datos_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 8px 0px 6px 83px;
}
#pie_contenido .datos strong {
	font-weight: bold;
}
#pie_contenido .contacto {
	float: right;
}
#pie_contenido .contacto a {
	color: #FFFFFF;
	background-image: url(/img/pie_contacto_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding: 8px 0px 3px 25px;
}
/*************************************************************************************
SEPARADORES DE CONTENIDO
*************************************************************************************/
.separador_ancho {
	background-image: url(/img/separador_ancho.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 16px;
	margin: 15px 0px 10px 0px;
}
.separador_medio {
	width: 360px;
	background-image: url(/img/separador_medio.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 16px;
	margin: 15px 0px 0px 0px;
}
/*************************************************************************************
PATHWAY
*************************************************************************************/
ul.pathway {
	padding: 0px 0px 10px 0px;
}
ul.pathway li {
	display: inline;
	color: #777;
	font-size: 14px;
}
ul.pathway li.ultimo {
	line-height: 30px;
	height: 30px;
	display: block;
	padding: 0px 15px 0px 10px;
	float: left;
	background: url(/img/pathway_fondo2.png) no-repeat right top;
}
ul.pathway li a {
	font-weight: normal;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0px 15px 0px 10px;
	display: block;
	color: #b5b5b5;
	background: url(/img/pathway_fondo1.png) no-repeat right top;
}
ul.pathway li a.primero {
	border-left: 1px solid #b5b5b5;
}
ul.pathway li a:hover {
	color: #777;
	text-decoration: none;
}
/*************************************************************************************
CONTENIDO
*************************************************************************************/
.contenido {
	font-size: 14px;
	color: #0A3754;
	line-height: 20px;
	margin-top: 10px;
	padding-right: 150px;
	padding-bottom: 20px;
}
.contenido p {
	text-align: justify;
	text-indent: 30px;
}
.contenido h2 {
	font-size: 18px;
	color: #198BD3;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C5D94C;
}
.contenido h2 span {
	font-weight: normal;
	font-size: 16px;
}
.contenido ul.lista {
	margin: 10px 0px 20px 15px;
}
.contenido ul.lista li {
	background: url(/img/bullet_lista.png) no-repeat left top;
	padding-left: 15px;
}
/*************************************************************************************
TABLAS
*************************************************************************************/
.contenido table {
	border-collapse: collapse;	
	width: 95%;
	margin: 20px auto 0px auto;
}
.contenido td {
	border-collapse: collapse;
	border: 5px solid #fff;
	padding: 2px 5px;
	vertical-align: top;
}
.contenido td.primera {
	width:40%;
}
.contenido td.categorias {
	width:70%;
	font-size: 16px;
}
.contenido thead td {
	text-align: center;
	font-size: 14px;
	padding: 1px;
	font-weight: bold;
	background: #198BD2;
	color: #FFF;
	border: 5px solid #0E3754;
	border-top-width: 3px;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	border-right-color: #FFF;	
}
.contenido tbody td {
	background-color: #eee;
}