* {
	margin: auto;
	padding: 0;
}

#contenedor{
	width:950px;
	margin:auto;	
}	

#cuerpo{
	background:#fff;
	padding: 20px 0px 20px 0px;
	color:#222222;
	line-height: 1.3em;
	font-size: 12px;
	
}
.contenido{
	color:#305576;
	font-size:12px;
	font-weight:bold;
}







	

.separador{
     border-bottom:solid 1px #c6d5e1;
} 

#cuerpo a{
	text-decoration:none;
	color:#000000;
	
}
#cuerpo a.img{
	border:none;
}

#cuerpo a:hover{
	color:#3A87DD;	
	text-decoration:none;
	border-bottom: 1px solid #3A87DD;
}
	

table {margin: auto;}

body {
    width: 900px;
	background: #000a10 url(/images/body_bckg.jpg) repeat-x;
	margin: auto;
}

body,  input, textarea{
   font-family: Arial,Verdana,Helvetica,sans-serif;
   font-style: normal;
   font-size: 11px;
   font-weight: normal;	
}

img{
   border:none;
}

input, textarea {
	font-weight: bold;
}

input.text {
	padding: 2px 5px;
	background: #F8FAEB;
	/*border-top: 1px solid #4D5719;
	border-left: 1px solid #4D5719;
	border-right: 1px solid #626456;
	border-bottom: 1px solid #626456;*/
}

input.button {
	background: #3C7BCF;
	border-top: 1px solid #3C7BCF;
	border-left: 1px solid #3C7BCF;
	border-right: 1px solid #3C7BCF;
	border-bottom: 1px solid #3C7BCF;
	color: #FFFFFF;
	font-size:10px;

}

input.button_txt{
	Border: none; 
	background: none; 
	cursor: pointer;
	color:#b4d0e8;
	font-family: Arial;
}

.boton_azul{
     color:#FFFFFF;
	 background:url(/images/boton_azul.gif) no-repeat;
	 padding:2px;
	 width:115px;
	 cursor:pointer;	 
	 height:20px;
	 border:none;
	 text-align:center;
}	 

#logo {
	margin: 0 auto;
	background: url(/images/header_bco.png) no-repeat right top;	
	height: 117px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
   	font-style: normal;
   	font-size: 11px;
   	font-weight: normal;	
}

/*fecha encabezado*/
#fecha {
	padding-top:20px;
	color: #000000;
	font-weight:bolder;
	}
	
#fecha .hora {
	padding-left:0px;
	color: #000000;
	
}

div.campobuscar{
	
	background-color:transparent;
	border:none;
}


input#texto_a_buscar {
	padding: 2px; /*.6em 1.8em .3em .7em;*/
	font-family: Arial;
	font-size: 10px;
	line-height: 1.5em;
	color:#666666;
	/*background-color:transparent;
	border:none;*/
	
}div.hora{
	padding-left:670px;
}

.menu_sup{	
	margin:auto;
	background:#000000;
	text-align:center;
	height:35px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
}

.fondo {	
	background: #f5f5f5;	
}
#page {
	padding: 20px;
}
a {
	text-decoration: none;
	color: #B4D0E8;
}

a:hover {
	border: none;
}

#footer_mayasa {
	text-align: center;
	font-size: 11px;
	color:#CCCCCC;
	list-style:none
	
}
#menu {
	height:50px;
	margin:auto;
}	


#menu_inferior {
	text-align: center;
	font-size: 12px;
	color:#FFFFFF;
	list-style:none;
	font-family: Arial,Verdana,Helvetica,sans-serif;
   	font-style: normal;
   	font-size: 11px;
   	font-weight: normal;	
}
#menu_inferior a{
	text-decoration:none;
	font-family: Arial,Verdana,Helvetica,sans-serif;
   	font-style: normal;
   	font-size: 11px;
   	font-weight: normal;	

}	

#menu_inferior a:hover {
	text-decoration:underline;
	color:#0099FF;	
}




.ul-index{
	width:250px; 
	padding-left:0; 
	margin-left:10px; 
	margin-top: 0; 
	margin-bottom:10px;	
}

.link66 a{
	color:#039;	
}

.li-index-title{
	background:url(/images/module_top.png) no-repeat top left; 
	height:54px; 
	color:#FFF; 
	line-height: 44px; 
	font-weight:bold; 
	padding-left:15px;	
}
.li-index-dark{
	background:url(/images/module_odd.png) no-repeat top left; 
	height:26px; color:#000;   
	padding-left:20px; 
	padding-top: 3px; 
	font-size:12px;
}

.li-index-light{
	background:url(/images/module.png) no-repeat top left; 
	height:26px; 
	color:#000;  
	padding-left:20px; 
	padding-top: 3px; 
	font-size:12px;
}
.index-bullet{
	color:#F00;
	font-size:14px;
}

.title-interactivos{
	color:#E2771C; 
	font-size:12px; 
	font-weight:bold;	
	text-align:center;	
}
#interactivos a{
	color:#e2771c;
}

.sidebar {
	float: left;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	

}

.sidebar li {
	margin-bottom: 2em;
}



.sidebar li li {
	margin: 0;
}

.sidebar li h2 {
	margin: 0;
	
}


#sidebar2 {
	width: 225px;
	padding: 0;
	font-family: Arial,Verdana,Helvetica,sans-serif;
   font-style: normal;
   font-size: 11px;
   font-weight: normal;	
}

#sidebar2 li h2 {
	background: url(/images/title.gif) no-repeat left top;
	height: 43px;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 12px;
}

#sidebar2 li ul {
	line-height: normal;
	background: url(/images/img04.gif) repeat-x;
	margin:0 8px 0 8px;
	list-style:none;
}

#sidebar2 li li {
	padding: 7px;
	background: url(/images/img04.gif) repeat-x left bottom;
	font-size: .8em;
	font-weight:bold;
	
}

#sidebar2 li a {
	border: none;
	padding-left: 10px;
	color: #37638a;/*#CD9F46;*/
	
}
#sidebar2 li a:visited {
	color: #37638a;
}
#sidebar2 li a:hover {
	border: none;
	padding-left: 10px;
	display:block;
	color:#FFffff;
	background: #b90000;
}










#sidebar2 .top {
 padding-top: 20px;
 }
 
 /*tooltip image*/

a.Ntooltip {
	position: relative; /* es la posición normal */
}

a.Ntooltip:hover {
	z-index:999; /* va a estar por encima de todo */
	background-color:#FFFFFF; /* DEBE haber un color de fondo */
}

a.Ntooltip span {
	display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover span {
	display: block; /* se fuerza a mostrar el bloque */
	position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
	top:15px;/* donde va a estar */
	right:0em; 
	width:auto; /* el ancho por defecto que va a tener */
	padding:0px 0px 5px 5px; /* la separación entre el contenido y los bordes */
	background:none; /* el color de fondo por defecto */
	color: #FFFFFF; /* el color de los textos por defecto */
}


p, ul, ol  {
	margin-top: 1.5em;
	line-height: 1.3em;
	font-size: 1.1em;
	color:#222222;
	font-weight:bold;
	list-style:none;	
}

ul, ol {
	margin-left: 3em;
	font-weight:normal;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

h2 {
	letter-spacing: -.05em;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
    color: #000000;
	margin-bottom:10px;
}

h4 {
	margin-bottom: 3px;
	padding: 0 0 5px 0;
	font-size: 14px;
	font-family:  Arial;
	color: #000000; 
	background:  url(images/h6.png) repeat-x left bottom;
    text-transform:uppercase;
}

.division_tabla{ border-left:solid 2px #f5f5f5;}
.division_tabla_separador{ 
	border-left:solid 2px #f5f5f5;
	border-bottom:solid 1px #c6d5e1;

}


.no_border{
	font-size:8px;
	
} 



input.no_border{
	color:#3A87DD;
	cursor:pointer;
	border:none;
	background:none;
	
}

input.no_border:hover{
	color:#000000;
	
}


.herramienta{
	font-size:10px;
	
} 

.promo{
	font-size:12px;
	
} 

.promo h4{
	background: url(/images/img04.gif) repeat-x left bottom;

}



input.promo{
	color:#FF0000;
	cursor:pointer;
	border:none;
	background:none;
	
}

input.promo:hover{
	color:#000000;
}


	


/*nuevas promociones*/
/*nuevas promociones*/

.slider {
	margin: 0;
	padding: 0;
	/*line-height: 1.5em;*/
	font-family: "Arial";
	font-size: 12px;
	color: #333333;
	background: #FFFFFF;
	font-weight:700;
	
}

.slider h4{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #06A;

}

.newsslider {position:relative; overflow:hidden;  height:76px; width:900px;  margin-bottom:20px; }
.newsslidercontent {
	position:absolute;
	left: 0px;
	top: -4px;
	width: 849px;
	height: 2000px;
}
.newsslidercontent .upper {border-bottom:1px solid #fff}

.newssection {padding:0px; height:75px}




.slider3 {
	margin: 0;
	padding: 0;
	/*line-height: 1.5em;*/
	font-family: "Arial";
	font-size: 12px;
	color: #333333;
	background: #FFFFFF;
	font-weight:700;
	
}

.slider h4{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #06A;

}

.newsslider3 {position:relative; overflow:hidden;  height:76px; width:400px;  margin-bottom:20px; }
.newsslidercontent3 {
	position:absolute;
	left: -2px;
	top: -2px;
	width: 400px;
	height: 2000px;
}
.newsslidercontent3 .upper {border-bottom:1px solid #FFFFFF}

.newssection {padding:0px; height:75px}
/*end nuevas promociones*/


/*end nuevas promociones*/


.azul_tabla{
   background: #ECF2F6;
}


 
 
/****************************************/


#general{
	margin:0;
	width:1020px;
	height:auto;
}

 h2, h3 {
	margin-top: 1.5em;}

h3 {
	font-size: 1em;
}


h6{
    margin-bottom: 3px;
	padding: 0 0 5px 0;
	font-size: 18px;
	color: #000000; 
	background:  url(images/h6.png) repeat-x left bottom;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #FFFFFF;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #3C7BCF;
}

hr {
	display: none;
}

.lista li{
list-style: url(/images/icon/arrow_red.gif);

}

.lista_cartek li{
list-style: url(/images/lista_ctk.gif);
line-height: 30px;

}

/* Header */

#header_mayasa {
	width: 900px;
	height: 115px;
	margin: 0 auto;

	
}

/************************/


#search {
	float: right;
	width: 260px;
	padding-top: 7px;
}

#search fieldset {
	border: none;
}

#search #s {
	width: 160px;
}

#search #x {
	width: 80px;
}




#logo h1, #logo h2 {
	float: left;
	margin: 0;
	padding: 0;
}

#logo h1 {
	padding: 100px 5px 0 20px;
	color: #2C2E22;
}

#logo h2 {
	padding: 115px 0 0 0;
	font-style: italic;
}

#logo p {
	clear: left;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
}

#logo a {
	color: #FFFFFF;
}

/* Page */



#atras {
width: 430px;
position:relative;
z-index:-5;

}



/* Content */
#centrar{
    float: left;
	width: 850px;
	padding: 0px 00px 0px 80px;
	color:#666666;   
	margin-top: 10px;
	font-weight:bold;
	z-index:1;
}

#centrar a {
    color:#FF0000;

}

#centrar a:hover{
    color:#000000;
}


#content_index{
	float: left;
	width: 430px;
	padding: 0px 0px 0px 0px;
	color:#666666;
	position:relative;
}

#content_php{
	float: left;
	width: 650px;
	padding: 0px 0px 0px 0px;
	margin-left: 20px;
	margin-right:20px;
	color:#666666;
	
	
}

#content_descargas{
	float: left;
	width: 800px;
	padding: 0px 0px 0px 0px;
	margin-left: 20px;
	margin-right:20px;
	color:#666666;
	
	
}
#content_google{
	float: left;
	width: 430px;
	padding: 100px 100px 100px 100px;
	color:#666666;
	position:relative;
	
}


.post .title {
	margin: 0;
	font-weight: normal;
	text-align:center;
}



.post .entry {
	padding: 0 10px 30px 15px;
}

.post .meta {
	margin: 0;
	padding: 5px 0px 0px 15px;
	background: url(images/img04.gif) repeat-x left bottom;
	text-transform: uppercase;
	font-family:  Arial;
	font-size: 10px;
	color: #CFCFCF;
}

.post .meta a {
	color: #CFCFCF;
}

.post .links {
	margin: 0;
}

.post .tags {
	margin: 0;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	background: url(images/img04.gif) repeat-x;
}

.post .links a, .post .tags a {
	border: none;
}

#post2 {
	width: 240px;
	padding: 0px 20px 0px 20px;
	
}

#post2 li h2 {
	margin: 0 0 1em 0;
	background: url(images/title.gif) no-repeat left top;
	padding: 20px 0  0 20px;
	height: 30px;
	font-weight: bold;
	
}

#post2 li ul {
	line-height: normal;
	background: url(images/img04.gif) repeat-x;
	color: #37638a;
	
}

#post2 li li {
	padding: 5px;
	background: url(images/img04.gif) repeat-x left bottom;
	font-size: .8em;
	font-weight:bold;
	
}

#post2 li a {
	border: none;
	padding-left: 10px;
	color: #37638a;
}

#post2 li a:hover {
	border: none;
	padding-left: 10px;
	display:block;
	color:#FFffff;
	background: #B90000;	
}


/* Recent Posts */

#recent-posts {
}

#recent-posts h2 {
	margin: 0;
	background: url(images/title.gif) no-repeat left top;
	padding: 20px 0  0 20px;
	height: 30px;
}

#recent-posts h3 {
	margin: 0;
	font-size: 13px;
	padding: 15px 0  0 15px;
	background: url(images/img04.gif) repeat-x left bottom;
}

#recent-posts p {
	margin: 0 0 10px 0;
	padding: 15px 0  0 15px;
	line-height: 22px;
	font-size: 13px;
}

#recent-posts li a {
	border: none;
	padding-left: 10px;
}

#recent-posts li a:hover {
	border: none;
	padding-left: 10px;
	display:block;
	color:#FFffff;
	background: #B90000;	
}

/* Sidebars */







/* Footer */


#linea{
	width:auto;
	border: solid 1px  #CCCCCC;
}

.lista-arrow{
	list-style: url(images/bullet_arrow.gif);
	line-height: 30px;
}

#sombra {
float:left;
padding:0 5px 5px 0; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
background: url(/images/shadow.gif)  no-repeat bottom right; /*Aquí es donde ponemos la imagen como fondo colocando su ubicación*/
} 

#sombra-borde{
display:block;
position:relative;
top: -3px; /* Desfasamos la imagen hacia arriba */
left:-3px; /*Desfasamos la imagen hacia la izquierda */
padding:3px;
background:#FFFFFF; /*Definimos un color de fondo */
border:1px solid;
border-color: #CCCCCC #666666 #666666 #CCCCCC /*Creamos un marco para acentuar el efecto */
}




/*******************************/

#imageContainer {
    position:absolute;
	
}

#imageContainer img {
	display:none;	
	margin:0 auto;
	position:absolute;
}	
	

#imgmenu {
    width:1020px;
	height: 28px;
	margin: 0 auto ;
}


.txtMes {
  font-size: 14px;
  font-family: Arial;
  color:  #FF0000;
  font-weight:bolder;
  text-align:center;
}

.txtFecha {
  font-size:10px;
  color:#FF6501;
  font-family:  Arial;
  font-weight:bold;
}  

.tdAzul td {
  background-color:#0000FF;
  color:#FFFFFF;
  font-size:10px;
  font-weight: bold;	 
  text-align:center;	 
}

.tdTxt td {
  font-size : 10px;
  font-weight : bold;
  font-family :  Arial;
  color : #888888;
  font-style: normal;
  list-style-type: disc;
  list-style-position: inside;
  background-color:#f1f1f1;
}

.tdTxt2 td {
  font-size : 10px;
  font-weight : bold;
  font-family :  Arial;
  color : #888888;
  font-style: normal;
  list-style-type: disc;
  list-style-position: inside;
  background-color:#E5E5E5;
}

.tdlinea1 td {
  font-size : 10px;
  font-weight : bold;
  font-family :  Arial;
  color : #888888;
  font-style: normal;
  list-style-type: disc;
  list-style-position: inside;
  background-color:#f1f1f1;
}

.tdlinea2 td {
  font-size : 10px;
  font-weight : bold;
  font-family :  Arial;
  color : #888888;
  font-style: normal;
  list-style-type: disc;
  list-style-position: inside;
  background-color:#Ecf2f6;
}

 #menu ul li a.activo {
 background-color: #666666;
 color: #FFFFFF;
 }
 
 
 
 
 
/*---------------------------------------*/

#accordion {
     width:859px; 
	 margin:20px auto
}

.accordion { 
     width:859px;  
	 font:12px Verdana,Arial;  
	 color:#033
}

.accordion dt { 
     width:839px;  
	 border:2px solid #9ac1c9;  
	 padding:8px; 
	 font-weight:bold; 
	 margin-top:5px; 
	 cursor:pointer; 
	 background:url(/images/header.gif) 
} 

.accordion dt:hover { 
     background:url(/images/header_over.gif)
}

.accordion dd { 
     overflow:hidden; 
	 background:#fff
}

.accordion h5{
     display:block; 
	 width:825px; 
	 border:2px solid #9ac1c9; 
	 border-top:none; 
	 padding:15px;
	 color:#000000;
	 font-family: Arial;
	 font-weight:bold;
	 margin-top:0px;
}


/*//********acordeon pequeño*/

#accordion2 {
     width:359px; 
	 margin:50px auto; 
	 border:1px solid #333; 
	 border-top:none
}
.accordion2 {
	width:359px;
	font:12px Verdana,Arial; 
	color:#999999;
}

.accordion2 dt {
	width:347px; 
	padding:4px 6px; 
	font-weight:bold; 
	cursor:pointer; 
	background-color:#4b708d; 
	background-position:right center; 
	background-repeat:no-repeat; 
	color:#fff; 
	border-top:1px solid #333
}

.accordion2 dt:hover {
	background-color:#254762;
	color:#fff;
}

.accordion2 .open {
	background-color:#254762; 
	color:#fff;
}

.accordion2 dd {
	overflow:hidden; 
	background:#fff;
	color:#333333;
	font-family: Arial;
	font-weight:bold;
	
}
.accordion2 span {
	display:block; 
	width:329px; 
	border-top:none; 
	padding:15px
}




/******************tiny table********/

.sortable {
	width:700px; 
	border-left:1px solid #c6d5e1; 
	border-top:1px solid #c6d5e1; 
	border-bottom:none; 
	margin:0 auto 15px
}

.sortable_fac {
	width:670px; 
	border-left:1px solid #c6d5e1; 
	border-top:1px solid #c6d5e1; 
	border-bottom:none; 
	margin:0 auto 15px
}

.sortable th, .sortable_fac th {
	background:url(/images/header-bg.gif); 
	text-align:left; 
	color:#cfdce7; 
	border:1px solid #fff; 
	border-right:none;
	font-family: Arial;
	font-weight:bold;
}

.sortable th h3, .sortable_fac th h3 {
	font-size:10px; 
	padding:0px 8px 8px;
	font-family: Arial;
	font-weight:bold;
	
}

.sortable td, .sortable_fac td {
	padding:4px 6px 6px; 
	border-bottom:1px solid #c6d5e1; 
	border-right:1px solid #c6d5e1;
	font-family: Arial;
	font-weight:bold;
}

.sortable .head h3, .sortable_fac .head h3 {
	background:url(/images/sort.gif) 3px center no-repeat; 
	cursor:pointer; 
	padding-left:18px
}

.sortable .desc, .sortable .asc, .sortable_fac .desc, .sortable_fac .asc{
	background:url(/images/header-selected-bg.gif)
}

.sortable .desc h3, .sortable_fac .desc h3 {
	background:url(/images/desc.gif) 7px center no-repeat; 
	cursor:pointer; 
	padding-left:18px
}

.sortable .asc h3, .sortable_fac .asc h3 {
	background:url(/images/asc.gif) 7px  center no-repeat; 
	cursor:pointer; 
	padding-left:18px
}

.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover,
.sortable_fac .head:hover, .sortable .desc:hover, .sortable .asc:hover {
	color:#fff
}

.sortable .evenrow td, .sortable_fac .evenrow td {
	background:#fff	
}

.sortable .oddrow td,
.sortable_fac .oddrow td  {
	background:#ecf2f6
}

.sortable td.evenselected,
.sortable_fac td.evenselected {
	background:#ecf2f6
}

.sortable td.oddselected,
.sortable_fac td.oddselected {
	background:#dce6ee
}

#controls {
	width:700px; 
	margin:0 auto; 
	height:20px;
	font-family: Arial;
	font-weight:bold;
	font-size:12px;
	
}
#controls_fac {
	width:670px; 
	margin:0 auto; 
	height:20px;
	font-family: Arial;
	font-weight:bold;
	font-size:12px;
	
}

#controls a:hover,
#controls_fac a:hover{
   cursor:pointer;
}

#perpage {
	float:left; 
	width:200px
}
#perpage_fac {
	float:left; 
	width:200px
}

#perpage select,
#perpage_fac select {
	float:left; 
	font-size:11px
}

#perpage span,
#perpage_fac span  {
	float:left; 
	margin:2px 0 0 5px;

	
}

#navigation {
	float:left; 
	width:250px; 
	text-align:center;
	font-family: Arial;
	font-weight:bold;
}

#navigation_fac {
	float:left; 
	width:180px; 
	text-align:center;
	font-family:  Arial;
	font-weight:bold;
}

#navigation img {
	cursor:pointer
}

#text {
	float:left; 
	width:200px; 
	text-align:right; 
	margin-top:2px
}

#tablewrapper {width:80%; margin:0 auto}
#tableheader {height:55px}
.search {float:left; padding:6px; border:1px solid #c6d5e1; background:#fff}
#tableheader select {float:left; font-size:12px; width:200px; padding:2px 4px 4px}
#tableheader input {float:left; font-size:12px; width:225px; padding:2px 4px 4px; margin-left:4px}
.details {float:right; padding-top:12px}
.details div {float:left; margin-left:15px; font-size:12px}


/******************box***************/

.mooSlide {
	background-color: #000000;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #FFFFFF;
	font-size: 11px;
	cursor:pointer;
}

.mooSlide p{
	color:#FFFFFF;
	font-size:18px;
}


/************lista general *******************/

.list li{
	list-style: url(/images/icon/arrow_red.gif);
	line-height: 20px;
	color:#000;
	font-weight:normal;
}

.list-blue li{
	list-style: url(/images/icon/arrow_blue.gif);
	line-height: 20px;
	font-weight:bold;
	color:#000;
}

.list-car li{
	list-style: url(/images/icon/bullet-car.gif);
	line-height: 30px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
}
.new-product span  {
	background:transparent url(/images/new-product.jpg) repeat-x scroll 0%;
	border:1px solid #488C40;
	color:white;
	font-size:8px;
	font-weight:bold;
	margin:0pt 1em 0pt 0pt;
	padding:0pt 0.4em;
	text-transform:uppercase;
}