* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
	background-color:#9A9B9C;
}
.redes{
z-index:99;
position:relative;
text-align:right;
width:640px;
padding-right:10px;
}
.redes img{
margin-left:10px;
margin-top:10px;
border:none;
width:30px;
}
#wrapper { 
 margin: 0 auto;
 width: 804px;
 position:relative;
 background-color:#FFFFFF;
}
#leftcolumn { 
 color: #333;
 background: #fff;
 width: 150px;

 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 background: #fff;
 width: 647px;
 display: inline;
 position: relative;
 border:none;
}

div.lcol {
float:left;
 width:148px;
}
div.lright {
float:left;
position:relative;
}

.clear {
	clear:both;
}
.logo {
	width:147px;
	height:200px;
	float:left;
	border-bottom:1px solid #bfbfbf ;
}
div.logo a {
	margin-left:22px;
	margin-top:13px;
	display:block;
}

div.headb {
	width:650px;
	height:150px;
	float:left;
	text-align:right;
}

div.headb span{
	display:block;
	font-size:8px;
	padding-top:134px;
	padding-right:32px;
	color:#9A9B9C;
}
.bold{
 font-weight:bold;
}
.italic{
 font-style:italic;
}
.underline{
text-decoration:underline;
}
div.container div.head h1 {
	font-size:15px;
	padding-top:6px;
	margin-left:10px;
	text-transform:uppercase;
	font-weight:normal;
}
div.container div.subhead h1 {
	font-size:14px;
	padding-top:6px;
	margin-left:10px;
	font-weight:normal;
}

div.menu {
	clear:both;
	width:147px;
	height:200px;

}

div.container {
	width:649px;
	height:auto;
	border-left:1px solid #bfbfbf ;
	clear:both;
}

div.container .head {
	width:653px;
	height:25px;
	background: url(images/plecatitulo.jpg)	
}
div.container .subhead {
	width:649px;
	height:25px;
	background: url(images/plecaGris.png)	
}
div.container .head h1 {
	color:#fff;
}
div.container .subhead h1 {
	color:#fff;
}
div.container div.main {
	border-left:#CCCCCC thin solid;
	/*height:300px;*/
	float:left;
	position:relative;
	/*border-right: 1px solid #bfbfbf ;*/
	/*min-height:470px;*/
}
div.container div.main div.c_texto {	
	padding-top:8px;
	/*
	padding-left:10px;
	padding-right:20px;
	/*border-bottom:#CCCCCC thin solid;*/
	color:#999999;
	font-size: 11px;
}
div.c_texto h1 {
	font-size:25px; text-transform:uppercase; color:#FF3300; font-weight:normal;
	
}
div.c_texto h2 {
	font-size:25px; text-transform:uppercase; color:#939598; font-weight:normal; padding-bottom:20px;
}

.htmlsR{ 
 font-size:11px;
 color:#999999;
}
.htmlsR strong{ 
 font-size:14px;
 color:#676767;
 font-weight:bold;
}

.htmlsR a{
 text-decoration:none; 
 font-size:11px;
 color:#FF3300;
 font-weight:bold;
}
.htmlsR h5{
 text-decoration:none; 
 font-size:11px;
 color:#FF3300;
 font-weight:bold;
}
.htmlsR p{
	padding-bottom:10px;
	padding-top:10px;
}

div.c_texto p {
	padding-bottom:10px;
	letter-spacing:0;
	line-height:15px;
	color:#999999;
	font-size: 11px;
}

div.linkse a {
	padding-bottom:19px;
	letter-spacing:0;
	line-height:15px;
	color:#9A9B9C;
	font-size: 13px;
	text-decoration:none;
}
div.linkse a:hover {
	text-decoration:underline;
}

div.container .mainr {
margin-right:10px;

	margin-left:2px;
	/*height:200px;*/

	padding-top:9px;
	padding-left:8px;

}

div.container .mainr .box {
	border: 1px solid #bfbfbf;
	height:200px;
	margin-bottom: 8px;
	width:180px;
}
div.container .mainr .boxn {

	margin-bottom:17px;
	width:180px;
	background:url(images/cuadro_sistemas.jpg) no-repeat;
	min-height:166px;
	
}
.boxn100 {
	margin-left:9px;
	margin-top:10px;
	padding:10px;
	margin-bottom:17px;
	width:160px;
	height:80px;
	background:url(images/cuadro_sistemas.jpg) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	
}
.boxn100 a{

	margin-bottom:17px;
	margin-top:30px;
	width:180px;
	height:100px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	
}
.boxn .aprende a{
	color: #fff;
	padding-left:18px;
	margin-top:10px;
	margin-bottom:12px;
	display:block;
	font-size:14px;
	text-decoration:none;
}
.boxs .aprende {
	color: #fff;
	padding-left:14px;
	margin-top:7px;
	display:block;
	font-size:8px;
}
div.container .mainr .boxs {
	/*border: 1px solid #9A9B9C;*/
	margin-bottom: 8px;
	width:180px;
	background:url(images/temas-especificos.jpg) no-repeat;
	min-height:82px;
}

div.container .mainr .boxn p {	
	color:#fff;
	letter-spacing: 0px;
	padding-left:18px;
	padding-top:14px;
	text-transform:uppercase;
	font-size:17px;
	line-height:22px;

}
div.container .mainr .boxs p {	
	color:#FF6319;
	letter-spacing: 0px;
	padding-left:18px;
	padding-top:9px;
	text-transform:uppercase;
	font-size:16px;
	line-height:19px;
}

.desc {
	background:url(images/descargable.png) no-repeat;	
	height:18px;
	margin-bottom:5px;
 }
.desc1 {
	background:url(images/boton2.jpg) no-repeat;	
	height:45px;
	margin-bottom:5px;
	padding-left:37px;
 } 
 .desc span {
 	color:#fff;
	font-size:10px;
	padding-left:37px;
	padding-top:-7px;
	
 }
 .desc a {
 	text-decoration:none;
	color:#fff;
 }
  .desc a:hover {
 	text-decoration:none;
	color:#fff;
 }
 /*                     */
  .desc1 span {
 	color:#fff;
	font-size:10px;


 }
 .desc1 a {
 	text-decoration:none;
	color:#fff;
	
 }
  .desc1 a:hover {
 	text-decoration:none;
	color:#fff;
 }
 
/* */
.footer {
	border-top:1px solid #bfbfbf;
	clear:both;
	width:800px;
	height:20px;
	text-align:center;
}
div.footer span{
	display:block;
	font-size:8px;
	margin-top:6px;
	color:#9A9B9C;
}

/*Menu */
div.menu ul {
	
}
div.menu ul li {
	border-bottom: 1px solid #bfbfbf;
	height:25px;
	padding-left:20px;
	line-height:25px;
	font-size:10px;
	display:block;
	
}
div.menu a {
	text-decoration:none;
	color:#9A9B9C;
	display:block;
}
div.menu a:hover {
	color:#fff;
}
div.menu li:hover {
	background: url(images/boton.jpg);
	color:#fff;
}

.naranja {
	color:#FF6319;
}
#informate{
	clear:both;
	width:450px;
	
}
#informate #informateTitulo{
	background-image:url(images/plecaInformate.png); font-size:12px; font-weight:bold;  text-transform:uppercase;  height:16px; color:#FFFFFF; padding-left:10px; padding-top:4px; 	border-right:#CCCCCC thin solid;

}
#informate #informateContenido{
	background-image:url(images/informatecontenido.png); background-position:bottom; color:#666666; font-size:14px; padding-left:15px; padding-top:5px; padding-bottom:5px;	border-right:#CCCCCC thin solid;

}
#informate #informateContenido strong{
	color:#FF3300;
	font-weight:bold;
	font-size:18px;
}

#temasHome{
	width:450px;
}
#temasHome #division{
	background-image:url(images/plecadivHome.png); width:650px; position:absolute; height:10px; margin-left:-1px;
}
#temasHome #titulo{
	height:22px;  color:#FF3300; font-size:18px; padding-top:15px; padding-left:10px; padding-bottom:10px;
}
#nombreVideo{
	font-size:14px;
	color:#666666;
	padding-top:5px;
}
#masVideo{
	font-size:10px;
	color:#EF4F23;
	text-decoration:none;
	text-align:right;
	margin-top:-20px;
}
#verMas {
	float:right;
	font-size:10px;
	color:#EF4F23;
	text-decoration:none;
	text-align:right;
	padding-top:8px;
	margin-right:10px;
	margin-left:10px;
	
}
#verMas2 {
	float:right;
	font-size:10px;
	color:#EF4F23;
	text-decoration:none;
	text-align:right;
	margin-right:10px;
}
#verMas a{
	float:right;
	font-size:10px;
	color:#EF4F23;
	text-decoration:none;
	text-align:right;
	padding-top:8px;
	
}
#verMas2 a{
	float:right;
	font-size:10px;
	color:#EF4F23;
	text-decoration:none;
	text-align:right;
	
}