/* CSS Document */


html { background-color: #ddd; height:100%}

body {
	margin: 0px;
	background-color: #ddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555; line-height:140%;
	min-height:100%;
	width:964px;
	margin:auto;
	background-repeat:repeat-y;
	background-image:url(../images/bg_wrapper.gif);
	padding:0px 16px; 
}
/*****************************************/
.clr {float:none; clear:both}
.upper {text-transform:uppercase}
.closed { display: none;}
.open { display:inline-table;}
form {display:inline}

.pad5 {padding:5px}
.pad10 {padding:10px}
.pad20	{padding:20px}

a {text-decoration:none; color:#557397}
a:hover {text-decoration:underline; color:#557397}

.text-error {font-weight:bold; color:#820909}
.bold {font-weight:bold; color:#557397}

.textbox, input[type=text], textarea {background-color:#eee; border:1px solid #e0e0e0; border-radius:3px; moz-border-radius:3px;padding:4px; color:#666; width:230px}
input:focus, textarea:focus { outline-width:0; background-color:#e5e5e5}

h1, h2, h3, h4, .texto-azul {margin:0px; color:#557397}

h1, .titulo-seccion {font-size:12px; text-transform:uppercase; margin-bottom:20px; font-family: 'NGBTDemi';font-weight:normal; color:#557397}
h3 { color:#666; font-family:'NGBTRoman', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal;font-size:12px; }

.titulo-gris {font-weight:bold;  font-size:12px; margin-bottom:5px; color:#666}
.titulo { font-weight:bold; color:#557397; font-size:12px}

a img {border:0px}

.texto {font-family:Arial, Helvetica, sans-serif !important }

.alignright { float: right; }
.alignleft { float: left }


/*****************************************/
@font-face {
    font-family: 'NGBTRoman';
    src: url('../fonts/newsgot-roman-webfont.eot');
    src: url('../fonts/newsgot-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/newsgot-roman-webfont.woff') format('woff'),
         url('../fonts/newsgot-roman-webfont.ttf') format('truetype'),
         url('../fonts/newsgot-roman-webfont.svg#NewsGothBTRoman') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'NGBTDemi';
    src: url('../fonts/newsgot-demi-webfont.eot');
    src: url('../fonts/newsgot-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/newsgot-demi-webfont.woff') format('woff'),
         url('../fonts/newsgot-demi-webfont.ttf') format('truetype'),
         url('../fonts/newsgot-demi-webfont.svg#NewsGothDmBTDemi') format('svg');
    font-weight: normal; font-style: normal;
}
/*****************************************/
#wrapper {
	float:none; clear:both;
}

#header, #menu, #footer {float:none; clear:both}

#header {border-bottom:2px solid #fff; background-color:#557397; background-image:url(../images/bg_header.gif)}
	#logo {float:right; margin-top:8px;margin-right:55px; height:125px;}
	#slogan{float:left; width:350px; margin:46px}
	
	#menu { width:870px; height:20px; overflow:hidden; padding:0px 50px 0px 44px; margin:auto;background-color:#557397; color:#fff;  }

	#nav {margin:0px; padding:0px;list-style:none; float:left; line-height:20px; font-family:'NGBTRoman',Arial, Helvetica, sans-serif; font-size:12px}
		#nav li {float:left; }
			#nav li:hover, #menu ul li.on { background-image:url(../images/arrow_menu_on.gif); background-repeat:no-repeat; background-position:center bottom }
			#nav li a {color:#fff; text-transform:uppercase;text-decoration:none; padding:0px 9px; border-right:1px solid #fff }
			#nav li	a.first{border-left:1px solid #fff}
	
	#icons {float:right; width:90px; height:18px; padding-top:1px; }
		#icons a {border:0px !important; padding:0px 1px !important;}
		
	#lang {float:right; width:80px; margin-top:2px;  border-left:1px solid #fff; border-right:1px solid #fff; text-align:center; height:15px; }
		#lang a {display:inline; margin:2px 2px; padding:0px !important; color:#fff }
		
		
	#icons:hover, #lang:hover {background-image:none}
				
#banner {float:none; clear:both;min-height:150px; background-color:#ccc;border-bottom:2px solid #557397}

#main {background-image:url(../images/bg_sidebar.gif); background-repeat:repeat-y}

/********** SIDEBAR ************/	
#sidebar {float:left; /*width:168px; */width:189px; min-height:250px; padding:44px 30px 40px 46px;  }
	#sidebar ul { margin:0px 0px 120px 0px; padding:0px; list-style:none; font-family:'NGBTRoman',Arial, Helvetica, sans-serif; font-size:12px }
		#sidebar ul li {border-bottom:1px solid #557397; padding-left:11px  }
			#sidebar ul li a { display:block; text-transform:uppercase; color:#666666; text-decoration:none; padding:5px 0px; line-height:150%  }
				#sidebar ul li a:hover, #sidebar ul li.on a { text-decoration:none; color:#557397 !important;  }
				#sidebar ul li.on a {font-family:'NGBTDemi',Arial, Helvetica, sans-serif; }
				
			#sidebar ul li.on, #sidebar ul li:hover {background-image:url(../images/arrow_sidebar.gif); background-repeat:no-repeat; background-position:left top;}
	#sidebar #txt-aleph {margin:30px 0px 15px 0px;}

	
	/*---2nd evel -----*/
	#sidebar ul.sub {margin:5px 0px !important; padding:0px !important}
		#sidebar ul ul li {border:0px; color:#666 !important; line-height:16px }
		#sidebar ul ul li a {padding:2px 0px}
			#sidebar ul.sub li:hover {background-image:none !important; color:color:#557397}
			#sidebar ul.sub li a {color:#666 !important;  text-transform:none}
				#sidebar ul.sub li a:hover {color:#557397 !important; text-transform:none}
		
		#sidebar ul.sub li.on {font-weight:bold; background-image:none; color:#557397 !important;}
			#sidebar ul.sub li.on a {color:#557397 !important;}
	
	/*---- Sidebar Blog Widget ------*/
	#sidebar .widget_archive h2 {font-size:12px; color:#666 !important}
	#sidebar .widget_archive li {border:none !important}
	#sidebar .widget_archive a {text-transform:none !important; display:inline}
	
	#sidebar .widget_archive ul li.on, #sidebar .widget_archive ul li:hover {background-image:url(../images/arrow_sidebar.gif); background-repeat:no-repeat; background-position:left -4px;}
			
.no-submenu #sidebar {padding:0px !important; width:244px}				
.no-submenu #txt-aleph {margin-left:47px !important}

/********** SEARCH FORM ************/	
#search {/*width:280px; */height:22px;margin:0px 0px 25px 0px;text-align:right;color:#666; font-family:'NGBTRoman', Arial, Helvetica, sans-serif; text-transform:uppercase; background-image:url(../images/bg_searchform.gif); background-repeat:no-repeat;background-position:right; font-size:13px; padding:0px !important; text-align:left !important }
	#search input[type=text] { width:133px; background-color:transparent; border:0px; padding:2px; margin-left:7px; color:#777}
	#search #submit {text-indent:-999px; background-color:transparent;border:0px; width:13px; }
		#search #submit:hover {cursor:pointer}
/********** CONTENIDO ************/	
#contenido {float:right; width:620px; padding:48px 48px 20px 30px; min-height:250px; font-family:Arial, Helvetica, sans-serif !important; background-color:#fff;}				 
	
	.column-left {float:left; width:375px;}
	.column-right {float:right; width:215px;}
	.column-right-padding {float:right; width:215px;}
	
	.box { background-color:#97a8bd; padding:20px 20px 18px 20px; color:#fff; margin-bottom:18px; 
		border-radius:4px 4px 4px 4px;-moz-border-radius:4px; 
 		-webkit-border-radius: 4px;
		-moz-box-shadow: 2px 2px 9px #ddd; -webkit-box-shadow: 2px 2px 9px #ddd;}
	
		.box .titulo {border-bottom:1px solid #fff; font-family:'NGBTDemi', Arial, Helvetica, sans-serif; text-transform:uppercase; 
			color:#fff !important; margin-bottom:14px; padding-bottom:6px; }
		.box a {color:#fff; text-decoration:underline}
		
.resultados {margin:0px 0px 20px 0px; padding:0px;list-style:none;}	
	.resultados a:hover {text-decoration:none}
	.resultados li { float:none; clear:both; border-bottom:1px solid #dfdfdf; padding-bottom:20px; margin-top:20px}
	.resultados .titulo { margin:0px; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif; color:#666; font-weight:bold; font-size:12px;} 
	.resultados .descripcion {color:#999999; margin-bottom:3px;}
	.resultados a:hover .link {text-decoration:underline}

/* BUSCADOR */
.resultado {border-bottom:1px solid #ccc; padding:2px 2px 15px 2px; margin-bottom:20px;} 

	
.referencia { float:none; clear:both; width:370px;height:90px; min-height:90px; padding-bottom:25px; color:#999999}
/*.referencia.par {float:right} */
	.referencia a {text-decoration:none !important; color:#999; display:block !important;}
	
	.referencia .ref-right {float:left; width:250px;}
	.referencia .ver-mas {width:65px; height:13px; background-color:#cccccc; margin-left:0px;text-indent:4px; margin-top:2px;margin-bottom:3px; line-height:13px; background-image:url(../images/arrow_right.png); background-repeat:no-repeat; background-position:right}
	.referencia a .ref-right .ver-mas {color:#fff !important; text-decoration:none; display:block; margin-top:2px}
		.referencia a:hover .ref-right .ver-mas  {background-color:#2a587c !important}
	
	.referencia .titulo {margin:0px}
	.referencia .desc {padding:1px; line-height:130%}
	
	.ref-img {float:left; width:115px; height:80px}
	.ref-logo {width:100px;/* border:1px solid #557397; */ margin-right:8px }


#links {
	float:none; clear:both;
	height:32px;
	text-align:right;
	line-height:31px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;	
	margin-bottom:14px;
	padding-right:4px;
}
	#links ul li { float:right; font-weight:bold; margin-left:10px; }
	#links ul li a:hover { text-decoration:none; }
	
	
#follow {font-family:'NGBTRoman', Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#666; margin-bottom:10px;}
	#follow a {margin:0px 2px;}	

#twitter-box { float:none; clear:both;margin-bottom:20px; height:330px; overflow:hidden; border-radius:4px; moz-border-radius:4px; border:1px solid #ccc }

.paginador { float:none;clear:both;text-align:right }

#casos { /*border-top:1px solid #dfdfdf; */ border-bottom:1px solid #dfdfdf; padding:9px 5px; position:relative}
	#casos .caso {
		font-size:10px; line-height:110%;
		float:left; width:119px; height:154px; margin-right:6px; margin-bottom:6px; overflow:hidden		
	}	
		
		.caso .categoria {height:25px;margin-bottom:2px;overflow:hidden}
		.caso-thumb {height:80px;overflow:hidden; margin-bottom:4px; position:relative}
		.caso a .cliente {color:#666}
		.caso a:hover {text-decoration:none}
		.caso a:hover .azul {text-decoration:underline}
		
	.caso .ver-mas { position:absolute; bottom:0px; width:200px; height:19px; line-height:19px; background-color:#557397; text-indent:5px; z-index:2; display:none } 
		.caso a .ver-mas {color:#fff }

.caso-detalle {padding-top:60px; width:620px; overflow:hidden}
	
/*************FORM CONTACTO ****************/
#form-contacto  {padding-bottom:30px;}
	#form-contacto .submit {color:#fff; background-color:#80a3cd; border:0px; height:21px; text-transform:uppercase; -moz-box-shadow: 2px 2px 9px #ccc; -webkit-box-shadow: 2px 2px 9px #ccc;}


/********** FOLLOW ************/	

#footer {height:20px; line-height:20px; background-color:#557397; text-align:center; color:#dfdfdf; font-size:10px !important}	
	#footer a {color:#eee}