/* styles template - estudio izus - www.estudioizus.com */

/*-----------------------*/
/* basic styles          */
/*-----------------------*/

body, p, span, div, td, th, li, dd, dt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height:135%;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h5, h6{
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:normal;
}

a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0099CC;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a img{
	 border:none;
}

ul{
	list-style:url(../bullet.png);
	padding-left:20px;
	margin-left:0;
}

/*-----------------------*/
/* custom styles          */
/*-----------------------*/

/* header */

#logo {
	position: absolute;
	top:90px;
	left:550px;
}

/* globalnav */

#globalnav {
	position:relative;
	top:40px;
	left:70px;
	width:440px;
	margin: 0; 
	padding: 0;	
}
	
#globalnav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}


#globalnav li a, #globalnav li a:visited {
	display:block; 
	float:left; 
	height:24px; 
	color:#000; 
}

#nav-experiencia:hover,
#nav-soluciones:hover,
#nav-resultados:hover
{
	background-position:left -24px;
}

#nav-experiencia,
#nav-soluciones,
#nav-resultados
{
	text-indent:-5000px;
}
#nav-experiencia {
	width:143px;
	background:url(../menu/globalnav-experiencia.gif) no-repeat top left;
}
#nav-soluciones {
	width:147px;
	background:url(../menu/globalnav-soluciones.gif) no-repeat top left;
}

#nav-resultados {
	width:135px; 
	background:url(../menu/globalnav-resultados.gif) no-repeat top left;
}

/* globalnav inicio*/

	#inicio #globalnav {
		
	}
	
	#inicio #nav-experiencia:hover,
	#inicio #nav-soluciones:hover,
	#inicio #nav-resultados:hover
	{
		background-position:left 0px;
	}
	
	#inicio #nav-experiencia {
		width:143px;
		background:url(../menu/globalnav-experiencia.gif) no-repeat top left;
		background-position:left -24px;
		background-color:#FFFFFF;
	}
	#inicio #nav-soluciones {
		width:147px;
		background:url(../menu/globalnav-soluciones.gif) no-repeat top left;
		background-position:left -24px;
		background-color:#FFFFFF;
	}
	
	#inicio #nav-resultados {
		width:135px; 
		background:url(../menu/globalnav-resultados.gif) no-repeat top left;
		background-position:left -24px;
		background-color:#FFFFFF;
	}

/* utility nav */

#utilitynav {
	position:absolute;
	top:0px;
	left:590px;
	margin: 0; 
	padding: 0;	
}
#utilitynav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
#utilitynav a {
	display: box;
	margin-left: 5px;
}


/* breadcrumbs */

#breadcrumbs {
	position:absolute;
	top:130px;
	left:70px;
	margin: 0; 
	padding: 4px;
	background-color:#FFFFFF;
	z-index:100;
}
#breadcrumbs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
#breadcrumbs a {
	display: box;
	padding-right: 14px;
	background:url(../bullet-links.gif) no-repeat right center;
}

body#inicio #breadcrumbs {
	display:none;
}
/* main-banner */

#main-banner{
	margin-bottom:12px;
}

#main-banner img{
	display: block;
}

/* primary-content */

#primary-content {
	padding-bottom: 32px;
}

	.mainstory h1{
		font-size:32px;
		padding:0 0 4px 0;
		margin:0;
		line-height:100%;
	}
	
	.mainstory h2{
		font-size:24px;
		line-height:100%;
	}
	
	.mainstory h3{ 
		font-size:20px;
		line-height:100%;	
	}	

	.mainstory .teaser{
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		font-size: 18px;
		line-height:160%;
		padding:10px;
		border-bottom: 2px solid #EDEDED;
		border-top: 2px solid #EDEDED;
	}
	
	.mainstory .pullquote {
		float: right;
		margin: 0 0 .4em 0.6em;
		width: 145px;
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		font-size: 20px;
		line-height: 1.3em;
	}

	.mainstory .quote {
		float: right;
		margin: 0 0 .4em 0.6em;
		width: 145px;
	}	
	
	.mainstory .quote p {
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		font-size: 20px;
		line-height: 1.3em;
		margin:0;
	}	

	.mainstory .quote span.author, .mainstory .quote span.author-details{
		font-size: 11px;
		display:block;
	}
	.mainstory .quote span.author-details{
		font-size: 10px;
		color:#999999;
	}
	
	.mainstory .imagebox img{
		display:block;
	}
	.mainstory .imagebox span.image-caption{
		display:block;
		clear:both;
		text-align:right;
		font-size: 10px;
		color:#999999;
		border-top: 1px solid #999999;
		padding:2px;
	}			
	
	/* banner en primary content*/
	
	p#pc-banner {
		padding:0;
		margin:0;
	}
	
	p#pc-banner img{
		display:block;
	}
	
	.float-right{
		float:right;
		margin: 4px 0 4px 4px;
	}
	
	.float-left{
		float:left;
		margin: 4px 4px 0 4px;
	}
	
	/* estilos del portfolio */
	
	.project{
		margin-bottom:16px;
	}
	
	.project h2{
		padding:0;
		margin:0;
	}
	
	.project-body p{
		margin: 4px 0 0 0;
	}		

	.project-body{
		float:right;
		width:390px;
	}
	
	.project-images{
		float:left;
		border: 1px solid #CCCCCC;
		padding:1px;
		text-align:center;
	}
	.project-images img{
		display:block;
	}	

	table.project-properties{
		border-top: 1px solid #CCCCCC;
	}
	
	table.project-properties td, table.project-properties th{
		border-bottom: 1px solid #CCCCCC;
		padding: 5px;	
		text-align:left;	
	}
	
	table.project-properties th{
	background-color:#F4F4F4;
	}
	
	
	/* estilos de noticias */
	
	.news{
		margin-bottom:16px;
	}
	
	.news h2{
		padding:0;
		margin:0;
	}
	
	.news .date{
		font-size:10px;
		color:#999999;
	}	
	
	.news-body p{
		margin: 4px 0 0 0;
	}		

	.news-body{
		float:right;
		width:400px;
	}
	
	.news-images{
		float:left;
		border: 1px solid #EDEDED;
		padding:1px;
		text-align:center;
	}
	.news-images img{
		display:block;
	}	

/* estilos de noticia-detalle */
	.news-detail-images{
		float:right;
		border-left: 1px solid #EDEDED;
		padding:4px; 10px;
		text-align:center;
		margin-left:12px;
		margin-top:12px;	
		background-color:#F4F4F4;
	}
	.news-detail-images h4{
		padding:4px;
		margin:0;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
	}	
	.news-detail-images a{
		display:block;
		border: 1px solid #CCCCCC;
		padding: 2px;
		background-color: #FFFFFF;
		margin-bottom: 4px;
	}
	.news-detail-images a:hover{
		border: 1px solid #FEB047;
		background-color: #FEB047;
	}	
	.news-detail-images img{
		display:block;		
	}		
	
	/* estilos de historia */
	
	#history-nav {
		border:1px solid #CCCCCC;
		padding:5px;
		margin:0;
		clear:both;
	}
	#history-nav #history-nav-prev{ float:left; }
	#history-nav #history-nav-next{ float:right; }
	#history-nav .disabled { color:#999999;}
	
	#col1 { float:left; width:230px; padding:15px 0 15px 0;}
	#col2 { float:right; width:210px; padding:10px 0 15px 15px; margin:0 }	
	
	#history-menu {
		width:460px;
		height:137px;
		margin: 0; 
		padding: 0;	
	}
	
	#history-menu li {
		margin: 0; 
		padding: 0;
		float:left;
		list-style-type: none;
		list-style: none;
	}
	#history-menu li a, #history-menu li span{
		display:block;
		height:137px;
	}
	
	#item-etapa1:hover,
	#item-etapa2:hover,
	#item-etapa3:hover,
	#item-etapa4:hover,
	#item-etapa5:hover
	{
		background-position:left -137px;
	}
	
	#history-menu li span.selected
	{
		background-position:left -274px;
	}	
	
	#item-etapa1,
	#item-etapa2,
	#item-etapa3,
	#item-etapa4,
	#item-etapa5
	{
		text-indent:-5000px;
	}
	#item-etapa1 {
		width:92px;
		background:url(../historia/1890-1920.png) no-repeat top left;
	}
	#item-etapa2 {
		width:92px;
		background:url(../historia/1920-1960.png) no-repeat top left;
	}
	#item-etapa3 {
		width:92px;
		background:url(../historia/1960-1990.png) no-repeat top left;
	}
	#item-etapa4 {
		width:92px;
		background:url(../historia/1990-2000.png) no-repeat top left;
	}
	#item-etapa5 {
		width:92px;
		background:url(../historia/2000-2006.png) no-repeat top left;
	}

	
	/* estilos de clientes */
	
	/* tab-menu */

	.mainstory div.tab-menu  {
		margin:16px 0 8px 0;
		border-bottom: 1px solid #E0E0E0;
	}
	.mainstory div.tab-menu ul  {
		padding:0;
		margin:0;
		list-style:none;	
	}
	.mainstory div.tab-menu li {
		float:left;
		padding:0;		
		margin:0 0 0 4px;
		list-style:none;
	}
	.mainstory div.tab-menu span {
		display:block;
		padding:4px 8px 4px 8px;
		background-color:#FFFFFF;
		border-top: 2px solid #FEB047;		
	}	
	.mainstory div.tab-menu a {
		display:block;
		padding:4px 8px 4px 8px;
		background-color:#F8F8F8;
		border-top: 2px solid #F3F3F3;		
	}

		
	/* items-menu */
	
	.mainstory div.items-menu h3 {
		/*display:none;*/
	}
	.mainstory div.items-menu li {
		float:left;
		padding:0;
		margin:0;
		list-style:none;
	}
	.mainstory div.items-menu li a {
		display:block;
		padding:2px 4px 2px 4px;
		border:1px solid #CCCCCC;
		margin:2px;
		background-color:#F8F8F8;
	}

    /* items-group */
		
	.mainstory div.items-group h2 {
		display:block;
		float:left;
		width:160px;
		text-align:right;
		line-height:100%;
		padding:4px;
		margin:0;
		border-top:1px solid #CCCCCC;
	}
	.mainstory div.items-group ul {
		list-style-image:none;
		list-style:none;
		float:right;
		width:280px;
		padding:0;
		margin:0;
	}
	.mainstory div.items-group li {
		padding:0;
		margin:0;
		list-style:none;		
	}	
	.mainstory div.items-group {
		display: inline-table;
	}
	
	/*clearing floats*/
	
	.mainstory div.items-group:after, .mainstory div.tab-menu ul:after, .project:after ,.news:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	/* Hides from IE-mac \*/
	* html .mainstory div.items-group {height: 1%;}
	* html .mainstory div.tab-menu ul {height: 1%;}
	* html .project {height: 1%;}
	* html .news {height: 1%;}
	.mainstory div.items-group {display: block;}
	.mainstory div.tab-menu ul {display: block;}	
	.project {display: block;}
	.news {display: block;}
	/* End hide from IE-mac */

/*-----------------------------*/	
/* secondary-content */
/*-----------------------------*/

#secondary-content{
	padding-bottom: 36px;
}	
	
	#secondary-content p{
		color: #333333;
	}
	
	#secondary-content p.teaser{
		font-size:1.2em;
		color: #333333;
	}
		
	#secondary-content a{
		color: #4896E3;
	}

	#secondary-content div.box{
		padding:0;
	}
	
	#secondary-content div.box-menu{
		margin-bottom:10px;
	}	
	
	#secondary-content div.box h2{
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		color: #999999;
		padding:1px 0;
		margin:0;
		line-height: 100%;
		border-bottom: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
	}


	/* links-list */	
	#secondary-content ul.links-list{
		margin: 0;
		padding:0;
		list-style: none;
		border-bottom:#E7E7E7 1px solid;	
	}
	
	#secondary-content ul.links-list li{
		margin: 0;
		padding:0;		
		border-top:#E7E7E7 1px solid;
		border-bottom:#FFFFFF 1px solid;
	}
	
	#secondary-content ul.links-list a, #secondary-content ul.links-list span{
		font-size: 12px;
		line-height:100%;
		display: block;
		padding: 6px 0 6px 0;
	}
	
	#secondary-content ul.links-list img{
		vertical-align: middle;
		margin-right: 4px;
	}
	
	#secondary-content ul.links-list a{
		color: #FF6600;
		background:#FFFFFF;
	}
	#secondary-content ul.links-list a:hover{
		background:url(../bg-nav.gif);
		text-decoration:none;
	}	
	
	/* items-list */
	#secondary-content ul.items-list{
		margin: 0;
		padding:0;
		list-style-image:none;
		list-style: none;
	}
	
	#secondary-content ul.items-list li{
		margin: 0;
		padding:0;
		border-bottom:#DBDBDB 1px solid;
		list-style-image:none;	
		list-style: none;	
	}
	
	#secondary-content ul.items-list a, #secondary-content ul.items-list span{
		font-size: 11px;
		line-height:130%;
		display: block;
		padding: 0;
		cursor:hand;
	}
	
	#secondary-content ul.items-list img{
		float:left;
		width:50px;
		margin: 4px 2px 4px 4px;
		border:#FFFFFF 2px solid;
	}
	#secondary-content ul.items-list span{
		display:block;
		float:right;
		width:138px;
		margin: 4px 0;
		padding:6px;
	}	
	
	#secondary-content ul.items-list a{
		color: #FF6600;
		background:#FFFFFF;
	}
	#secondary-content ul.items-list a:hover{
		/*background:url(../bg-nav.gif);*/
		background:#FFCC66;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	
	/*quote*/
	#secondary-content div.quote{
		background:url(../bg-quote.png) no-repeat top #F8F8F8;
		border: 1px solid #DBDBDB;
		padding: 14px 4px 4px 30px;
		margin-bottom: 8px;
	}
	
	#secondary-content div.quote p{
		font-size:14px;
		font-family: Arial, sans-serif;
		padding:0;
		margin:0;
	}	
	
	#secondary-content div.quote span.author{
		text-align:right;
		display:block;
		margin-top:4px;
		font-size:10px;
		font-weight:bold;
		clear:both;
		font-family:Arial, sans-serif;		
	}
	#secondary-content div.quote span.date{
		text-align:right;
		display:block;
		font-size:10px;
		color:#999999;
		clear:both;
		font-family:Arial, sans-serif;		
	}



	/* acordeon de proyectos */
	
	#secondary-content #projects-nav{
		padding-bottom:5px;
		margin-bottom:5px;	
		background:url(../bg-line-dotted.gif) repeat-x bottom left;	
	}
	
	#secondary-content #projects-nav h3.project-category{
		padding:2px 2px 2px 24px;
		margin: 0 0 1px 0;
		height:14px;
		cursor:pointer;
		background:url(../sc-projects-nav-bg.gif) no-repeat left top #666666;
	}
	
	#secondary-content #projects-nav h3.project-category a, #secondary-content #projects-nav h3.project-category a:hover{
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-decoration:none;
		cursor:pointer;
		padding:0;
		margin:0;
	}
	
	#secondary-content #projects-nav h3.project-category a:hover{
		color:#FEB047;
	}
	
	#secondary-content #projects-nav h3.acCurrent{
		background:url(../sc-projects-nav-bg-selected.gif) no-repeat left top #666666;
		cursor:default;
	}

	/* acordeon panel */
	#secondary-content div.project-list{
		background: url(../sc-projects-nav-list-bg.gif) left top repeat-y;
		padding-left:18px;
	}
	
	#secondary-content #projects-nav ul.items-list span{
		width:120px;
	}
	
	#secondary-content #projects-nav ul.items-list img{
		float:left;
		width:50px;
		margin: 4px 0 4px 4px;
		border:#FFFFFF 2px solid;
	}

	/* box-tools */
	
	#box-tools {
		padding-bottom:5px;
		margin-bottom:5px;
		background:url(../bg-line-dotted.gif) repeat-x bottom left;
	}
	
	#box-tools a{
		display: block;
		height:16px;
		padding-left:20px;
		padding-top: 2px;
		border: 1px solid #E7E7E7;
		background:url(../sc-projects-nav-bg.gif) no-repeat left top #FFFFFF;
		margin-bottom: 2px;
	}
	
	#box-tools a:hover{
		border: 1px solid #FEB047;
		background:url(../sc-projects-nav-bg-selected.gif) no-repeat left top #FEB047;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#box-tools a.link-print{
		background:url(../btn-print-bg.gif) no-repeat #FFFFFF;
		background-position: 0 0;
	}
	
	#box-tools a.link-print:hover{
		background:url(../btn-print-bg.gif) no-repeat #FEB047;
		background-position: 0 -40px;
	}
	
	#box-tools a.link-email{
		background:url(../btn-email-bg.gif) no-repeat #FFFFFF;
		background-position: 0 0;
	}
	
	#box-tools a.link-email:hover{
		background:url(../btn-email-bg.gif) no-repeat #FEB047;
		background-position: 0 -40px;
	}
	
	#box-tools a.link-index{
		background:url(../btn-index-bg.gif) no-repeat #FFFFFF;
		background-position: 0 0;
	}
	
	#box-tools a.link-index:hover{
		background:url(../btn-index-bg.gif) no-repeat #FEB047;
		background-position: 0 -40px;
	}



/* footer */

#footer{
	position:relative;
}

	#footer-nav, #footer-nav-2{
		width: 460px;
		margin-left: 70px;
		padding-bottom:4px;
		color:#CCCCCC;
	}
	#footer-nav-2{
		font-size:10px;
	}
	
	#btn-top {
		display:none;
		position: absolute;
		right:27px;
		top:38px;
	}
	
	#copyright{
		margin-left:70px;
		padding-top:20px;
		padding-left:120px;
		height:100px;
		background:url(../footer-illustration-1891.gif) no-repeat;
	}

/* form */

  form {
    margin: 0;
	padding:14px 0;
  }
  .fm-req {
    margin-bottom: 5px;
  }
  label {
    float: left;
    width: 80px;
    padding: 0 1em;
    text-align: right;
  }
  legend {
    display:none;
  }
  fieldset{
    margin-bottom: .5em;
    padding: 0;
    border: none;
  }
  fieldset input, fieldset textarea {
    width: 280px;
    padding: 1px;
	background-color:#F3F3F3;
	border: 1px solid #C4C4C4;
  }

  fieldset textarea {
    height: 150px;
  }

  #fm-submit {
    clear: both;
    padding-top: 1em;
  }
  #fm-submit input {
    padding: 2px 1em;
	margin-left:110px;
  }
  
  input:focus, textarea:focus {
    background: #efefef;
    color: #000;
  }
  
/* Sifr */  

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* decoy styles*/

.sIFR-hasFlash h1.title {
	visibility: hidden;
}

.sIFR-hasFlash .mainstory .teaser{
	/*font-family: "Arial Narrow", Arial, Helvetica, sans-serif;*/
	font-size: 16px;
	padding:4px 4px 7px 4px;
	margin:0;
	line-height:180%;
	visibility: hidden;
}

.sIFR-hasFlash .mainstory h2{
	visibility: hidden;
}
/*
.sIFR-hasFlash .box h2{
	visibility: hidden;
	font-size: 18px;
}
*/