@charset "utf-8";
/* CSS Document */

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background:url(../images/header4.jpg) repeat-x #000;
 font: Tahoma, Arial, Helvetica;
} 
 
#pagewidth{ 
 width:1024px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 background-color:#f2f2f2;
 
} 
 
#header{
 position:relative; 
 height:247px; 
 background: url(../images/header1.jpg) repeat-x #042048; 
 width:100%;
} 
 
#leftcol{
 width:30%; 
 float:left;
 height:100%;
 position:relative; 
 background-color:#f2f2f2; 
 }
 
 #bloque{
 width:100%; 
 float:left; 
 position:relative;
 margin: 0 -23px;
 height:100%;
 
 }
 
#maincol{
 background-color: #f2f2f2;  
 float: right; 
 display:inline; 
 position: relative; 
 width:70%; 
 }
 
#footer{
	width:1005px;
	height:50px;
	background: transparent url('../images/footerfondo.png') no-repeat center top;
	float: right;
	clear: right;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 25px 10px 0px 10px;
	text-align: right;
	font-family: Calibri,Tahoma,Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#f2f2f2;
 } 
 #logo a {
	background: transparent url('../images/logoINDATCOM.png') no-repeat center;
	margin: 50px 0px 0px -10px;
	padding: 0px 0px 0px 0px;
	position: relative;
	display: block;
	outline: none;
	border: none;
	float: left;
	clear: none;
	width: 291px;
	height: 122px;
	/*border: 0px;
	outline: none;*/
}
 /*---------- elementos internos ---------------------------*/
 
 h1, h2, h3, h4, h5, h6 {
 	background:url(../images/titulo.png);
	padding: 5px;
	color:#FFFFFF;
	font-family: Calibri,Tahoma,Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	letter-spacing: -0.01em;

	}
p {
	font-family: Calibri,Tahoma,Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#999;
	}
	
a, a:link {
	color: #3333CC;
	text-decoration: none;
}

a:hover, a:active {
	color: #11dcf4;
	/*text-decoration: underline;*/
}
br.clear {
	clear: both;
}
 /*---------- elementos internos extras ---------------------------*/
 
 
 .contenido{
 	padding:5px;
	margin-left: 30px;
	margin-top: -20px;
	}

.sideInfo {
	float: left;
	display: inline;
	position: relative;
	margin: 50px -4px 0px;
	padding: 0px 0px 0px 20px;
	width: 10%;
	background-color: transparent;
	background-image: url(../images/pest2.png);
	background-repeat:no-repeat;
	/* background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: right;*/
}
 
 
 /* *** Float containers fix:*/ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.cosa{
	color:#4e387e;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
	
 
.clearfix{display: inline-block;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}