/*  
Website:Tangsem Technology, Inc.
*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
}

body{
background: #F8F8F8 url(fondo000.gif) top left repeat-x; color: #000; font-size:12px;font-family: Arial, Helvetica, sans-serif; text-align: center;}

table{
	font-family:Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 18px;
	font-weight: normal;}

a{
	text-decoration: none;
	color: #0361AA;}

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

a img{
	border: 1;
	color: #DEF5FC;
}

a:hover img{
	border: 2;
	color: #FFC3AE;
}

address, dl, p{
	padding: 10px 0 5px;}


code{
	background: #f9f9f9;}

dd{
	padding: 0 0 0 20px;}

p img{
	max-width: 100%;}

p img:hover {
  
	border: 1px solid #FF1A1A;}

img.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;}

img.alignright{
	padding: 4px;
	margin: 10px 0 2px 10px;
	display: inline;
	border: 1px solid #FFA313;}

img.alignleft{
	padding: 6px;
	margin: 12px 15px 15px 0;
	display: inline;
	border: 1px solid #ccc;}
	
.alignleft{
	float: left;}

.alignright{
	float: right;
}

.clear {
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
}

small{
	font-size: 12px;
}

img{
	border:0;
}
/* Website Layout. */

#layout{
	margin: 0 auto;
	max-width: 890px;
	width:expression(document.body.clientWidth > 890? "890px": "auto" );
	min-width: 750px;
	text-align: left;
}

#pagina{
	float: left;
	width: 100%;
	background: #fff url(contorno.gif) repeat-x;
}
	
.postdetails {
color: #696969;
font-size: 13px;
}

.skip{
	float: right;
}

.skip a{
	padding: 0 22px 1px 0;
}

/* Menu Nav*/
 /* common styling */
 #nav {
	float:left;
	width: 100%;
	margin: 0px 0px 0 0;
	display:block;
	height:36px;
	background: url(nav00000.gif) no-repeat top;	
}

#nav ul{
	margin: 0;
	padding: 0 0 0 25px;
	list-style: none;
}

#nav ul li{
	margin: 0px 0 0 10px;
	float:left; 
	position:relative;
}

#nav ul li a,#nav ul li a:visited{
	display: block;
	padding: 10px 12px 7px;
	color: #FEFEFE;
  font-weight: bold;
  font-size:13px;
}
#nav ul li a:hover{
  background-color: #F6FCFF;
	color: #151515;
	text-decoration: none;
	border-bottom-color: #DCF2FF;
	border-bottom-style: solid;
	border-bottom-width:3px;
}
#nav ul li ul {display:none;}
#nav table {
margin:0; border-collapse:collapse;position:absolute; top:0; left:0;
}
/* specific to non IE browsers */
#nav li:hover ul { /* second-level lists */
  display:block;
	position:absolute;
	top:35px;
	left:0;
	z-index:300;
	padding:0;	
	list-style:none;
	background:#3f3f3f;
	width:175px;
	border:1px solid #555;
	border-top:none;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#nav li:hover ul li{
	z-index:300;
	padding:0;
	margin:0;
	float:left;
  display:block;
}

#nav li ul a, #nav li ul a:visited, #nav li ul a:hover {
	padding:.6em 0 .6em 13px;
	width:162px;
	text-align:left;
	z-index:300;
	display:block;
	margin:0;
	font-size:12px;
}
#nav  li ul li a:hover {
	background-color: #F6FCFF;
	color: #151515;
	font-size:12px;
	text-decoration: none;
	border-bottom-color: #DCF2FF;
	border-bottom-style: solid;
	border-bottom-width:0px;
}

#nav li ul, #nav li:hover ul { /* lists nested under hovered list items */
	left:auto;
	z-index:300;
}
/* specific to IE5.5 and IE6 browsers */

#nav ul li a:hover ul {
display:block;position:absolute;top:35px;left:0;padding:0;
text-align:left;
}
#nav ul li a:hover ul li {
display:block;float:left;margin:0;
}
#nav ul li a:hover ul li a {
display:block;
	padding:8px 0 8px 10px;
	margin:0px;	
	list-style:none;
	background:#3f3f3f;
	width:165px;
	border:1px solid #555;
	border-top:none;
	left:-999em;
}

#nav ul li a:hover ul li a:hover{
 background-color: #F6FCFF;
	color: #151515;
	text-decoration: none;
	border-bottom-color: #DCF2FF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


#contenido{
	margin: 0px 0 0;
}
#location{margin:10px 0 0;padding:0 0 0 20px;}
.sidebar{
	float: right;
	width: 244px;
	margin: 0 0 0 10px;
	display: inline;
	}

.a{
	float: right;
	background: url(barra000.gif) repeat-y;
	margin: 22px 6px 0 0;
}
.b{
	float: right;
	background:#fff;
	margin: 0 6px 0 0;
}


/* Quotes ---------------------------------------------- */

	blockquote {
		margin: 0pt 1em 2em 1em;
		background-image: url(quoteOpen.png);
		background-repeat: no-repeat;
		background-position: 10pt 6px;
		background-attachment: scroll;
		padding: 0  15px;
	}
	blockquote > p:first-child {
		margin-bottom: .5em;
		text-indent: 27px;
		font-size: 1.1em;
		color: #7E7665;
		line-height: 1.4em;
		font-weight: lighter;
	}
	blockquote .first-child {
		margin-bottom: .5em;
		text-indent: 27px;
		font-size: 1.1em;
		color: #7E7665;
		line-height: 1.4em;
		font-weight: lighter;
	}
.close-q {
		padding: 0pt 27px 0pt 0pt;
		background-image: url(quoteClose.png);
		background-repeat: no-repeat;
		background-position: left top;
		background-attachment: scroll;
		text-indent:-999em;
	}
	cite {
		font-size: .8em;
		line-height: .8em;
		font-style: italic;
		font-weight: lighter;
		float:right;
	}
.sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar ul li{
	margin: 0 0 10px 0;
}

.sidebar ul li h2{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
 color: #00016C;
 margin-left: 13px;
 margin-right: 10px;
 padding-left: 18px;
 padding-top: 4px;
 padding-bottom: 6px;
 border-bottom: 1px solid #D5E6EB;
}

.sidebar ul ul{
	line-height: 12px;
}

.sidebar ul ul li{
border:0;
margin:0;
background: transparent url(bordi000.gif) bottom left no-repeat;line-height:26px;
padding-top: 4px;
padding-bottom: 4px;
}

.sidebar ul ul li a {
 display: block;
 background: url(item0000.gif)  no-repeat 29px 6px; padding-left: 48px;

}
.sidebar ul ul li a:hover{ color: #FF4106; background: url(get00000.gif)  no-repeat 29px 6px; padding-left: 48px;}

.sidebar ul ul ul li{
	padding: 10px 0 0 10px;
	background-color: transparent;
	background-image: none;
}

#leftcol{
	margin: 0 266px 0 0;
}

#skill{clear:both;float:left;width:100%;}
/* Articulos*/
.post{
	margin: 0 0 6px 8px;
	font-size:13px;
}

.post h2{
	font-size: 22px;
	color:#3C8A2E;
	padding: 18px 10px 3px 0px;
	margin-left: 10px;
	border-bottom: 1px solid #E4E6E9;
}

.post h2 a {
	color: #FF5C27;
}

.post .date span{
	height: 16px;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
	font-size:12px;
}

h3#respond{
	padding-left: 12px;
	font: bold 120%/110% Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px;
	clear: both;
}

.information h3#caract {
	border-bottom: 1px solid #C1C7D0;
	font-size: 15px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}
.information{
	padding: 0px 10px 10px 10px;
	font-size: 13px;
	color: #000;
	text-align: left;
}

.information ul
{
	margin: 0;
	color: black;
	padding: 5px 0 20px 40px;
	line-height: 16px;
	list-style: none;
}
	.information ul li{
	background:url(listado0.gif) left top no-repeat;
	padding: 0px 0 0px 20px;}

.information h1, .information h2, .information h3, .information h4, .information h5, .information h6{
	margin: 0;
	padding: 10px 0 5px;
	background-color: transparent;
	background-image: none;
	font-weight: bold;
}
.information h1{
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
}
.information h2{
	font-weight: normal;
}
.information h3{
 background: url(h4bg0000.gif) repeat-x left bottom;
	color: #444444;
	border-top: 1px solid #EEEEEE;
	font-size: 16px;
	padding-left: 12px;
	padding-bottom: 8px;
	padding-top: 6px;
	margin-bottom: 4px;

}
.information h4,.information h4 a{
   border: none;
	font-size: 15px;
	color: #0e7fc7;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}
.information h4 a:hover{
	color: #F74B02;

}
.information h5{
	font-size: 15px;
	color: #F74B02;
	padding-top: 10px;
	padding-bottom: 3px;
	text-decoration: underline;
}
.information h6{
	font-size: 13px;
}

.navigation{
	margin: 0 0 0 10px;
	padding: 10px;
	font-size: 14px;
	line-height: 24px;
}
.secondary_content {
	float: left;
	width: 100%;
	padding: 10px 0 0;
	background: #ECEFF1 url(pes00000.gif) repeat-x;
	color: #666666;
}

#footer{
	display: block;
	padding: 18px 20px 10px;
	line-height: 12px;
	background: #101D28 url(us000000.gif) repeat-x;
	color: #fff;
	text-align:center;
}

#footer p{
	padding: 0;
	display: inline;
	margin:5px 0;
}

#bmnav { font-family: Arial, Helvetica, sans-serif; font-size: 12px;color: #627283; padding:0;margin-bottom:5px;}
#bmnav a:link, #bmnav a:visited { color: #fff; padding-left: 3px; padding-right: 4px;text-decoration: underline;	}
#bmnav a:hover,#bmnav a:active{text-decoration: none}

.inter { border-bottom: 1px solid Silver; padding: 10px; margin-top: 10px; font-size: 12px; background:url(feedback.gif) repeat-x bottom;  border-top: 1px solid #F3F3F3; }
.inter li { padding: 0px; margin: 0px; list-style-type: none; display: inline;}
.inter a { color: #003455; background-position: left top; text-decoration: none;}
.inter a:visited { color:#003455; background-position: left top; text-decoration: none }
.inter a:hover { color: #F20000; background-position: left bottom; text-decoration: underline; }
.inter .nexo { background: url(serv0000.png) no-repeat; padding: 0px 0px 0px 19px;}
.inter .asesor { background: url(consulta.png) no-repeat; padding: 0px 0px 0px 17px; margin-left: 10px;}
.inter .fono { background: url(fono0000.png) no-repeat; padding: 0px 0px 0px 20px; margin-left: 10px;}
.inter .contacto a 
{ background: url(contacto.png) no-repeat; padding: 0px 0px 0px 17px; margin-left: 10px;}
.inter .contacto a:hover 
{ background: url(contacto.png) no-repeat left bottom; padding: 0px 0px 0px 17px; margin-left: 10px;}
.inter .archivo { background: url(archivos.png) no-repeat; padding: 0px 0px 0px 17px; margin-left: 10px;}

#topnav { font-family: Arial, Helvetica, sans-serif; font-size: 12px; float: right; color: #627283; padding-top: 57px; padding-right: 0px;}
#topnav img { vertical-align: sub; padding-right: 3px;	}
#topnav a:link, #topnav a:visited { color: #fff; padding-left: 3px; padding-right: 4px;	}
#header {height:95px;}

.hide { display: block;	}

#header .logo{
width:255px;
height:96px;
text-indent:-99999px;
float:left;
background: url(logo.gif) no-repeat 0 0; 
margin:4px 0 0;
}

#prioridad .eficiente .prioridad{
font-size: 14px;

font-weight: bold;
padding:0;
margin:0;
}

#prioridad .eficiente .prioridad p{
padding:0;
margin:0;
}

#prioridad .eficiente .prioridad p a{
padding:0;
margin:0;
}

.icono {
float:left;
margin: 0px 15px 15px 0;
padding:4px;
border:1px solid #ccc;
}

.eficiente {
padding-top: 12px;
padding-bottom: 20px;
border-bottom: 1px solid #E4E4E4;
}

.eficiente p{
    line-height:16px;
    padding:6px 0
}

p.intro {
	font: arial, helvetica, sans-serif;
	padding: 0 25px 25px 0;
	line-height: 18px;
}
#thegist {
	width: 580px;
	float: left;
	padding-right: 0px;
	padding-top: 16px;
	padding-left:35px;
}
.frontscreen {
	float: left;
	width: 270px;
	padding: 0 30px 20px 0px;
}
.frontscreenr {
	float: left;
	width: 270px;
	padding: 0 0 20px 0;
}
.frontscreen h3, .frontscreenr h3, .frontscreen h3 a, .frontscreenr h3 a {
	color: #0770D8;
	margin: 10px 0 5px 0;
	font-size: 14px;
	padding: 0;
	background:none;
	border:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.frontscreen h3 a:hover, .frontscreenr h3 a:hover {
	color: #FC3F23;
	text-decoration: none;
}
.frontscreen p, .frontscreenr p {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
span.nota {
	color: #B79000;
	border-top: 3px solid #FFEE90;
	border-bottom: 3px solid #FFEE90;
	background: #FFF5CC url(nota0000.png) 10px 50% no-repeat;
    display: block;
    font-style: italic;
	padding: 10px 10px 10px 50px;
	margin: 8px 0;	
}
span.formar {
	padding: 10px 10px 10px 80px;
	margin: 15px 0;
	background: #f9f9f9 url(formar00.png) 0 0 no-repeat;
	color: #FF310F;
	font-style: italic;
    display: block;
	font-size: 100%;
	line-height: 150%;
}
span.tip {
    background: url(tip00000.png) 0 50% no-repeat;
	display: block;
	padding: 10px 10px 10px 45px;
	margin-bottom: 2px;

}
span.envio {
    background: url(envio000.png) no-repeat 0 50%;
	 display: block;
	 padding: 6px 6px 10px 58px;
	 margin-bottom: 6px;
	 margin-top:4px;
    border: 1px solid #D1E1F0;
}
#izq,#der {width: 270px;float: left;padding: 0px 0 20px 0;line-height: 16px;list-style-image: none;}
#izq img,#der img {float:left; padding-right:10px;clear:left;}
#izq li, #der li {padding: 15px 0;list-style: none;background:none;height:90px;height:80px;}
#izq a, #der a {font-weight:bold;}
#izq {padding-left: 0px;}
#der {padding-left: 25px;}
.xia{padding:0;margin:0;float:left;width:180px;}
.xia span{padding:0;list-style: none;margin:2px 0;font-size:12px;}

#liquid { overflow: hidden; width: 550px; float: left; margin:10px 0; }
#liquid .liquids { display: block; background: url(right000.jpg) #fff no-repeat 100% 0; height: 125px; }
#liquid UL { margin: 0px; padding: 0px; list-style-type: none; }
#liquid LI { float: left; background: none; padding: 0; }
#liquid .liquid { border-right: #fff 5px solid; display: block; background: #fff; overflow: hidden; width: 178px; cursor: pointer; height: 125px; }
#liquid .liquid SPAN { left: -999px; width: 990px; position: absolute; }
#liquid .web { background: url(web00.jpg) #fff; }
#liquid .software { background: url(software0.jpg) #fff; }
#liquid .design { background: url(design00.jpg) #fff; border-right-width: 0px; }











/* new css code-----------------------------------------------------------------------------------------------------------------------------------------*/
.information h1{
	font-size: 22px;
	color:#3C8A2E;
	padding: 18px 10px 3px 0px;
	margin-left: 10px;
	border-bottom: 1px solid #E4E6E9;
}
 table
{
	margin-left: 20px;
}
.information p
{
	margin-left: 20px;
}