/* CSS Document */

body { margin:0 auto; padding:0 auto; background-color:#f2f2f2;font-size: 11px;color:#333;font-family: Arial, Helvetica, sans-serif}

table {font-size: 11px;line-height:18px;color:#333;font-family: Arial, Helvetica, sans-serif}

a { font-size:11px; text-decoration:underline; color:#333 }
a:visited { font-size:11px; text-decoration:underline; color:#333}
a:hover { font-size:11px; text-decoration:none; color:#333}
img {border:0}

h1, h2, h3, h4, h5 { font-size:12px; color:#333; margin:0; padding:0; font-weight:normal}
h2 { padding:8px 0}

/* estructura general */
#estructuragral { width:1004px; margin:0 auto; background-color:#FFFFFF}
#interior{ width:887px; margin:0 auto;background-repeat: no-repeat}

/*** Solucion para el container2 *** */
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
#interior:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#interior{display: inline-block}
/* Hides from IE-mac \*/
* html #interior{height: 1%}
#interior{display: block}
/* End hide from IE-mac */
/*** Fin Solucion para el container2 *** */

div {
	font-size: 11px;
}

img {border: 0}

h2 {
	font-size: 12px;
	color: #666666;
	margin: 10px 0;
	padding:0
}

#cabezal {
	height: 209px;
	width: 1004px;
	background-image: url(Images/cab.jpg);
	clear:both
}

#barracategorias {
	background-image: url(Images/backmenu.jpg);
	background-repeat: repeat-x;
	height: 57px;
	width: 1004px;
	clear:both
}
#barracategoriasINT {
	padding-top: 20px;
	padding-left: 45px;
	font-size: 20px;
	text-transform: uppercase;
}

#contenido {
	border-top: 1px solid #F2F2F2;
	margin: 0 45px;
	width: 914px;
	padding: 20px 0;
}

/*** Solucion para el contenido *** */
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
#contenido:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
#contenido{display: inline-block}
/* Hides from IE-mac \*/
* html #contenido{height: 1%}
#contenido{display: block}
/* End hide from IE-mac */
/*** Fin Solucion para el contenido *** */

.home1 {
	float: left;
	width: 338px;
	border-right: 1px dotted #CCCCCC;
	height: 182px;
}

.areaclientes
{
	width: 281px;
	height: 175px;
}

.home2 {
	float: right;
	width: 560px;
	height: 352px;
}
.noticiacontenedor {
	float: left;
	width: 560px;
	border-left: 1px dotted #CCCCCC;
}

.home2INT {
	margin-left: 10px;
}

.homespeINT {
	margin-left: 10px;width:540px}

.home3 { width:315px; float:left}

.home3INT {	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px dotted #CCCCCC;
	width: 315px;
	height: auto;
}
.home3destacados {
	height: auto;
	border-bottom: 1px dotted #CCCCCC;
	float: left;
	padding: 20px 0;
	width: 290px;
	margin-left:5px
}

.home3destacados h2 {
	margin: 5px 0 0 10px;
	font-size: 11px;
	padding:0; 
	font-weight:normal}

.imgdestacados {
	float: left;
	border: 2px solid #e9e9e9;
	width:107px;
	height:71px; margin:0 10px 10px 0
}

.imgdestacadoscat {
	float: left;
	border: 2px solid #e9e9e9;
	margin: 0 15px 15px 0;
}

a.titulodestacados {
	font-weight: bold;
	font-size: 12px; text-decoration:underline
}

a.titulodestacados:visited {
	font-weight: bold;
	font-size: 12px; text-decoration:underline
}

a.titulodestacados:hover {
	font-weight: bold;
	font-size: 12px; text-decoration:none
}

.imgatcliente { width:141px; height:19px; margin-bottom:5px}
.imgservvisa {width:104px; height:17px; margin-bottom:5px}

.home4 {
	float: right;
	width: 554px;
	padding-top: 20px;
	margin: 20px 0 0 17px;
	border-top: 1px dotted #CCC;
}

.home4INT{
	float:left;
	width:250px; 
	margin-bottom:20px;	
	padding-bottom:20px;
	border-bottom:1px dotted #CCC;
}

.home4INTb { }

.imgrecargas{width:239px; height:116px}

.imgspe { margin-top:18px; width:540px; height:70px}

.TextoCeleste {
	font-size: 16px;
	font-weight: bold;
	color: #64ADD2;
}

.TextoNaranja {
	font-weight: bold;
	color: #FF6600;
}

.Noticia {
	padding: 0 0 20px 20px;
	margin-bottom: 20px;
	height: auto;
}

h1 {
	font-size: 20px;
	color: #0A5CB4;
	margin: 0 0 10px 0;
	padding:0
}

h2 {
	font-size: 12px;
	color: #666666;
	margin: 0 0 10px 0;
	padding:0
}

h3 {
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 10px 0;
	padding:0;
	font-weight:normal
}

h4 {
	font-size:12px;
	text-transform: uppercase;
	color: #999999;
	margin: 0 0 10px 0;
	padding:0;
	font-weight:normal

}

.imagendetalleUC { float:right; margin:0 0 15px 15px}

.titulo a {
	color: #0A5CB4;
	font-size: 18px;
}

.titulo a:visited {
	color: #0A5CB4;
	font-size: 18px;
}

.titulo a:hover {
	color: #0A5CB4;
	font-size: 18px;
}

.utilidades {
	padding-top: 20px;
	border-top: 1px dotted #CCCCCC;
		height:40px;
	min-height:40px
}
.utilidades div {
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #CCCCCC;
}

.docasociadoimg { width:22px; height:6px; margin:4px 4px 0 0; float:left}

td {
	font-size: 12px;
}
.categoriasdestacados {
	border-bottom: 1px dotted #CCC;
	margin: 0 0 25px 20px;
	padding-bottom: 15px;
	min-height:95px;
	height:95px;
	clear:both
}

.categoriascontenedor {
	float: left;
}
.categoriasdescripcion {
	width: 540px;
	margin-left: 20px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
.titulodescripcion {
	color: #FF6600;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.conecta {
	float: left;
	margin-left: 530px;
	margin-top: 50px;
}

.home1INTERNA {

	float: left;
	width: 300px;
	height: 167px;
}

/* footer */
#pie {
	height: 134px;
	width: 1004px;
	background-image: url(Images/pie.gif);
	background-repeat:no-repeat;
	clear:both
}

#textopie {
	font-size: 11px;
	color: #666666;
	line-height: 16px;
}

#textopie a {
	color: #666666;
}

#pieizq {float:left; width:180px; margin:35px 20px 0 175px;}

#piecentro {float:left; margin-top:35px; width:250px}
#piecentro img { width:260px; height:75px}

#pieder {float:right; width:145px; margin:35px 10px 0 20px}
#pieder img { width:145px; height:50px}



/* modificaciones para incluir video */

.home3destacadosvideo {
	border-bottom: 1px dotted #CCCCCC;
	padding: 20px 0;
	width:260px; min-height:80px; height:80px
}

.home3destacadosvideo h2 {
	margin: 5px 0 0 10px;
	font-size: 11px;
	padding:0; 
	font-weight:normal}

/* videoflash */
#videoflash{width: 300px; background-color:#e5e5e5}
.imgvideoinst{ width:206px; height:55px}

#videoflash h1 { margin:0 15px; font-size:15px; line-height:22px; word-spacing:-1px; color:#4086a9; font-style:italic; padding-top:5px}