body {
    background-color: #ffffff;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	margin-left: 0px;
	right: 0px;
	margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#centrarPagina{
	margin:0 auto 0 auto;
	width:100%;	
}
p {
    color: #666666;
    font-family: Arial, Verdana, Arial;
    font-size: 11px
}

#contenedor_principal {
	width:100%;
	/*margin-left:-500px;*/
	/*left:50%;*/
	position: absolute;
	z-index: 0;
}

#contenedor_menu_principal {
	position:absolute;
	height:111px;
	width:100%;
	top:0;
	left:0;
}

#contenedor_contenido {
	position:relative;
	top:0px;
	width:100%;
	background:#FFF;
}

#contenedor_pie {
	background-color:#FFF;	width:1000px;
	margin:0px;
	clear:both;
}

#contenido_principal {
	width:100%;
	float:left;
}

#contenido_derecha {
	width:200px;
	float:left;
}

#contenido_izquierda {
	width:200px;
	float:left;
}

#contenido_central {
	width:100%;
	float:right;
	border-left:1px dotted #999;
	border-right:1px dotted #999;
}

#contenido_central_unico {
	width:100%;
	float:left;
	border-right:1px dotted #999;
}

.txmenuheader {
    color: #dddddd;
    font-family: verdana, Garamond, "Times New Roman", Arial;
	font-weight: bold;
    font-size: 10px;
	text-decoration: none;
}

a.txmenuheader:hover {
    color: #ffffff;
    font-family: verdana, Garamond, "Times New Roman", Arial;
    font-size: 10px;
}

.txmenu {
    color: #5e80b1;
    font-family: Arial, Garamond, "Times New Roman", Arial;
	font-weight: bold;
    font-size: 11px;
	text-decoration: none;
}

a.txmenu:hover {
    color: #FF9900;
    font-family: Arial, Garamond, "Times New Roman", Arial;
    font-size: 11px;
}

.txtablas {
    color: #333333;
    font-family: Tahoma, Arial, Garamond, "Times New Roman", Arial;
    font-size: 11px;
	font-weight:normal;
    text-align: center;
}

.txtablas-curso {
    color: #333333;
    font-family: Tahoma, Arial, Garamond, "Times New Roman", Arial;
    font-size: 11px;
	font-weight:normal;
}

.txtablastitulo {
    color: #333333;
    font-family: Tahoma, Arial, Garamond, "Times New Roman", Arial;
    font-size: 11px;
    font-weight: bold;
}

.inputcomboheader {
    color: #666666;
    font-family: Verdana, Tahoma, verdana, Garamond, "Times New Roman", Arial;
    font-size: 10px;
	width: 175px;
}

.inputcomboCursos {
    color: #666666;
    font-family: Verdana, Tahoma, verdana, Garamond, "Times New Roman", Arial;
    font-size: 10px;
	width: 220px;
    font-weight: normal;
}

.inputcomboCarrera {
    color: #666666;
    font-family: Verdana, Tahoma, verdana, Garamond, "Times New Roman", Arial;
    font-size: 10px;
    font-weight: normal;
	width: 150px;
}

.txfooter {
    color: #666;
    font-family: arial, verdana, Garamond, "Times New Roman", Arial;
	line-height: 15px;
    font-size: 10px;
}

.txgratis {
    color: #cc0000;
    font-family: Tahoma, arial, verdana, Garamond, "Times New Roman", Arial;
    font-size: 12px;
	font-weight: bold;
}

.txcuadroshome {
    color: #333333;
    font-family: arial, verdana, Garamond, "Times New Roman", Arial;
	line-height: 12px;
    font-size: 11px;
}

.linkheader {
    color: #ebdaa2;
    font-family: Tahoma, verdana, Garamond, "Times New Roman", Arial;
	line-height: 15px;
    font-size: 10px;

}

a.linkheader:hover {
    color: #ffffff;
    font-family: Tahoma, verdana, Garamond, "Times New Roman", Arial;
	line-height: 15px;
    font-size: 10px;

}


.linkmenu {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none
}
A.linkmenu:hover {
    font-size: 11px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none
}

.linkmenuheader {
    font-size: 11px;
    color: #006633;
    font-family: "Times New Roman", Helvetica, sans-serif;
    text-decoration: none
}
A.linkmenuheader:hover {
    font-size: 11px;
    color: #000000;
    font-family: "Times New Roman", Helvetica, sans-serif;
    text-decoration: none
}

.linkmenublanco {
    font-size: 11px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none
}

A.linkmenublanco:hover {
    font-size: 11px;
    color: #ffcc00;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none
}

.TxtextoDefault {
    font-family: Arial;
    font-size: 12px
}

.Txtextolittle {
    color: #666666;
    font-family: Arial;
    font-size: 10px
}

.linksubmenu {
    color: #666666;
    font-family: Verdana, Arial;
    font-size: 10px;
    text-decoration: none
}

A:hover {
    color: #000000
}

.Botones {
    background-color: #ddd6b7;
    border-bottom: #f3f3f3 1px solid;
    border-left: #f3f3f3 1px solid;
    border-right: #f3f3f3 1px solid;
    border-top: #f3f3f3 1px solid;
    color: #330000;
    cursor: pointer;
    font-family: Arial;
    font-size: 10px
}

.toc-titulo {
    color: #5e80b1;
    font-family: Tahoma, arial, verdana, Garamond, "Times New Roman", Arial;
    font-size: 11px;
    font-weight: bold;
}

.toc-cuerpo {
	font-size: 11px; 
	color: #707070;
	line-height: 17px; 
	font-family: verdana; 
	text-decoration: none
}


.def-titulo {
	font-weight: bold; 
	font-size: 11px; 
	color: #5e80b1;
	line-height: 17px; 
	font-family: verdana; 
	text-decoration: none;
}

.def-titulo-rojo {
	font-weight: bold; 
	font-size: 11px; 
    color: #FF8080;
	line-height: 17px; 
	font-family: verdana; 
	text-decoration: none;
}

.def-cuerpo {
	font-size: 11px;
	font-family: verdana;
	font-weight:normal;
	color: #707070;
	line-height: 17px;
	text-decoration: none;
}

.toc-level-1 {
    font-weight: bold;
}

.toc-level-2 {
    padding-left: 10px;
}

.toc-level-3 {
    padding-left: 20px;
}

.Cuerpo-Cursos {
	margin-top: 0px; 
	font-size: 11px; 
	background-attachment: fixed; 
	margin-left: 0px; 
	color: #ffffff; 
	margin-right: auto; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffffff
}

.Tabla-Cursos {
	border-left-width: 0px; 
	border-right-width: 0px; 
	border-color:#eeeeee;
	font-size: 11px; 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.Celda-Cursos {
	border-right: 1px solid; 
	border-left: 1px solid; 
	border-bottom: 1px solid;
}

form {
	margin:0px
}

ul {
	list-style:url(../images2007/ul.jpg);
	margin:5px 0px 0px 0px;
	line-height:14px;
}


/* CSS universales */

.borde_news {
	border-left:solid 1px #5F81B2;
	border-right:solid 1px #5F81B2;
	padding:8px;
	vertical-align:top;
}

.news {
	font-family:verdana;
	font-size:9px;
	border:solid 1px #5F81B2;
	background-color:#E7E7E7;
	width:97px;
	padding-left:15px;
}

.txt_news{
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	color:#666;
	line-height:1.2;
	padding-top:20px;
}

.line_puntos02 {
	border-bottom:dotted 1px #D9D9D9;
}

.textos {
	font-family:verdana; 
	font-size:10px;
	font-weight:normal;
	color:#707070;
	text-align:justify;
}

.texto_axul_bold{
	color:#5A769E;
	font-family:verdana; 
	font-size:10px;
	font-weight:bold;
}

.bg_gris {
	background-color:#CCCCCC;
	vertical-align:bottom;
	padding-bottom:10px;
}

.bg_gri-claro {
	background-color:#EBEBEB;
}

.txt_blanco {
	font-family:arial;
	font-size:10px;
	color:#FFFFFF;
}

.txt_negro {
	font-family:arial;
	font-size:10px;
	color:#000;
}

/*
.tit_toc {
	color:#5A769E;
	font-family:tahoma;
	font-size:14px;
	font-weight:bolder;
}
*/
.txt_ora {
	color:#FF9900;
	font-family:verdana;
	font-size:10px;
	padding-bottom:8px;
	font-weight:bolder;
}

.txt_gris {
	color:#666;
	font-family:verdana;
	font-size:10px;
	padding:8px;
	font-weight:bolder;
	background-color:#E0E0E0;
}

.txt_gris02 {
	color:#666;
	font-family:verdana;
	font-size:9px;
	padding:8px;
	background-color:#E5E5E5;
}

	.curso {
	color:#666;
	font-family:verdana;
	font-size:9px;
	font-weight:bold;
	background-color:#CED5E2;
}

.tit_gris {
	color:#878787;
	font-family:tahoma;
	font-size:14px;
	font-weight:bolder;
}


.tit_na {
	color:#FF9900;
	font-family:tahoma;
	font-size:14px;
	font-weight:bolder;
}

.lnk_texto9 {
	font-family:tahoma; 
	font-size:9px;
	text-decoration:none;
	color:#5e80b1;
}

.lnk_texto9:hover {
	font-family:tahoma; 
	font-size:9px;
	text-decoration:none;
	color:#FF9900;
}

.lnk_texto {
	font-family:verdana; 
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color:#5e80b1;
}

.lnk_texto:hover {
	font-family:verdana; 
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color:#FF9900;
}

.texto_rojoB {font-family:verdana; 
font-size:10px;
color: #FF0000;
font-weight:bold;
}


.novedades {
	border: solid 1px #DFDCD7;
	padding:5px;
	background-color:#EEEEEE;
}

.form {
	color:#666;
	font-weight:normal;
	font-family:verdana;
	font-size:9px;
	background-color:#EEE;
	border:solid 1px #DFDCD7;
	width:350px;
	margin:3px;
}
.cmbEmpleos{
	width:120px;
	border-color:#c66300;
	padding:1px;
	background-color:#ffe9d2;
}

.combo {
	color:#666;
	font-family:verdana;
	font-size:9px;
	background-color:#EEE;
	border:solid 1px #DFDCD7;
	width:100px;
	margin:3px;
}

.boton {
	color:#333;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	background-color:#E0E0E0;
	border:solid 1px #FF9900;
	width:70px;
	margin:3px;
}

.bg_clientes {
	background-color:#5A769E;
	font-size:11px;
	font-variant:small-caps;
	font-family:Verdana;
	font-weight:bold;
	color:#FFFFFF;
}

.borde_clientes  {
	border:solid 1px #C0C0C0;
	padding:1px;
	margin:5px;
}

.borde_sub_btn  {
	border:solid 1px #C0C0C0;
}
/*----------------------------------------------*/
.line_puntos {
	border-bottom: dashed 1px #D9D9D9;
}
.txt_globitoN{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
}
.txt_globitob{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
}
.txt_azul {
	color:#006699; /*5A769E*/
	font-family:verdana;
	font-size:10px;
	padding-bottom:8px;
	font-weight:bolder;
}
.txt_java {
	color:#5A769E;
	font-family:verdana;
	font-size:10px;
	padding-bottom:8px;
	font-weight:bolder;
}

.toc {
	font-family:verdana; 
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
	color:#000;
}

.toc:hover {
	font-family:verdana; 
	font-size:9px;
	text-decoration:none;
	color:#FFF;
}

.tocw {
	font-family:verdana; 
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
	color:#FFF;
}

.tocw:hover {
	font-family:verdana; 
	font-size:9px;
	text-decoration:none;
	color:#000;
}
/*----------------- PROMO ------------------*/
.fondo_promo1{
background-image:url(../images2007/img_promo_1.png);
background-repeat:no-repeat;
}
.fondo_promo1_2{
background-image:url(../images2007/img_promo_1_2.png);
background-repeat:no-repeat;
} 
.fondo_promo2{
background-image:url(../images2007/img_promo_2.png);
background-repeat:repeat-x;
}  
.fondo_promo3{
background-image:url(../images2007/img_promo_3.png);
background-repeat:no-repeat;
}
.fondo_promo4{
background-image:url(../images2007/img_promo_4.png);
background-repeat:no-repeat;
}
.fondo_promo5{
background-image:url(../images2007/img_promo_5.png);
background-repeat:no-repeat;
}
.fondo_promo6{
background-image:url(../images2007/img_promo_6.png);
background-repeat:no-repeat;
}
.tit_promo {color:#666666;
font-family:verdana;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
.tit_promo:hover {color:#E88B00;
font-family:verdana;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
.tit_promo14 {color:#666666;
font-family:verdana;
font-size:14px;
font-weight:bold;
}
.tit_promo12 {color:#666666;
font-family:verdana;
font-size:12px;
font-weight:bold;
}
.tit_promo12_blanco {color:#ffffff;
font-family:verdana;
font-size:12px;
font-weight:bold;
}
.tit_carrera_promo {color:#666666;
font-family:verdana;
font-size:9px;
font-weight:bold;
}
.txt_carrera_promo {
color:#666666;
font-family:verdana;
font-size:9px;
font-weight:normal;
}
.txt_promo_naranaja {
color:#E88B00;
font-family:verdana;
font-size:14px;
font-weight:900;
}
.txt_promo_gris {
color:#666666;
font-family:verdana;
font-size:14px;
text-decoration:line-through;
font-weight:bolder;
}
.telefono_contacto {
	color:#FFFFFF;
	font-family:verdana;
	font-size:16px;
	font-weight:bold;
	text-decoration: none;
}


/******* ----- Forma de Pago ----- *******/

.tituloFormaPago {
	font-family:verdana;
	font-weight:bold;
	font-size:18px;
	color:#FF9900;
	text-align:center;
}

.textoCursiva {
	font-family:verdana;
	font-style:italic;
}


.noPromo {
	font-family:verdana;
	color:#000000;
	font-size:12px;
	background:#E5E5E5;
	text-align:center;
	top:15px;
}

.textoFormaPago {
    font-family: Tahoma, Arial, Garamond, "Times New Roman", Arial;
    font-size: 11px;
	font-weight:normal;
	color:#008000;
}


.textoBold {
	font-weight:bold;
}

.textoSub {
	text-decoration:underline;
}

.mapa_item1 {
	font-family: Helvetica, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
	background-color: #5E80B1;
}
.mapa_item2 {
	font-family: Helvetica, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #34588A;
	padding-left: 20px;
	background-color: #A1B9DD;
}
.mapa_item3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	padding-left: 30px;
	text-decoration: none;
	background-color: #D4E5ED;
	padding-right: 10px;
}
.mapa_item3:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	padding-left: 30px;
	text-decoration: none;
	background-color: #C6D5EA;
	padding-right: 10px;
}
.mapa_item3 a:link {
	text-decoration: none;
	color: #666666;
}
.mapa_item3 a:hover {
	text-decoration: none;
	color: #000000;
}


/******* ----- Index ----- *******/
.recuadroTablas {
	border:#ad0000 solid 1px;
}

.celdaCabeceraTabla {
	font-family:Tahoma;
	color:#6699CC;
	font-size:12px;
	font-weight:bold;
	border-bottom:#CCCCCC solid 1px;
}

.bordeImg {
	border:1px solid #999999;
}

.textoAnimacion {
	font-family:Tahoma;
	font-size:20px;
	font-weight:normal;
	color:#FFFFFF;
	vertical-align:middle;
}

/******* ----- Calendario ----- *******/
#div_calendario {
/*	scrollbar-face-color: #95ABCC; 
	scrollbar-shadow-color: #4D6C9D; 
	scrollbar-3dlight-color: #4D6C9D; 
	scrollbar-arrow-color: #4D6C9D; 
	scrollbar-track-color: #EBEFF5; 
	scrollbar-darkshadow-color: #735918; 
	scrollbar-base-color: #EBEFF5;*/
}

/******* ----- Cursos ----- *******/
.cursosCabecera {
	color:#555555;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	padding:0;
	margin:0;
}

/******* ----- TOCs ----- *******/
.divTitulo {
	
	margin-top:10px;
}

.divToc {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
}

.notita {
	background:url(../images/iconos.gif) 10px -183px no-repeat;
	height:152px;
	width:182px;
	float:right;
}

/******* ----- Encuesta ----- *******/
.divGracias {
	width:400px;
	font-family:Arial;
	font-style:italic;
	color:#5E80B0;
	font-size:18px;
	font-weight:bold;
	margin:0 auto;
}

.textoRojoAviso {
	color:#FF0000;
	font-size:9px;
	font-weight:normal;
}

/******* ----- Menú PullDown ----- *******/
.mlddm
{	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 22px;
	background-color: #5E80B1;
}

	.mlddm li
	{	display: inline;
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
	}

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		margin: 0;
		padding: 4px;
		margin-left:5px;
		margin-right:5px;
		width: auto;
    	font-family:verdana,arial;
		font-size:8pt;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		color: #DDD;
		font-weight:bold;
		background-color: #5E80B1;
	}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	background-color: #416DAB;
		color: #DDD;
	}
		
	.mlddm li a:visited
	{	color: #DDD}

		.mlddm ul
		{	z-index: 100;
			position: absolute;
			visibility: hidden;
			margin: 6px 0 0 0;
			padding: 0;
			background: #5E80B1;
		}
			.mlddm ul li
			{	float: none;}
			
			.mlddm ul li ul
			{	
				float: none;
				border-left:#FFF 1px solid;
			}

			.mlddm ul li a
			{	display: block;
				width: auto;
				margin: 0px;
				padding: 4px 13px;
				font-weight: normal;
				text-align: left;
				text-transform: none;
				color: #DDD;
			}

			.mlddm ul li a:hover
			{	color: #DDD}
			
/******* ----- FIN Menú PullDown ----- *******/																				


/******* ----- Tab Content ----- *******/																								
/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
    .tabsJ {
      /*float:left;*/
      width:100%;
      background:#FFFFFF;
      font-size:90%;
      line-height:normal;
      border-bottom:0px solid #24618E;
	  font-family:Verdana;
	  font-size:10px;
	  font-weight:bold;
      }	  
    .tabsJ ul {
        margin:0px;
        padding:0px 0px 0px 0px;
        list-style:none;
      }
    .tabsJ li {
      display:inline;
      margin:0px;
      padding:0px;
      }
    .tabsJ a {
      float:left;
	  background:url("../../imagenes/fondotablas.jpg");  
      margin-right:1px;
      padding:0px 0px 0px 5px;
      text-decoration:none;
      }
    .tabsJ a span {
      float:left;
      display:block;
      background:url("tabs1.gif") no-repeat right top;
      padding:4px 10px 4px 3px; /* 5px 15px 4px 6px; */
      color:#FFFFFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    .tabsJ a:hover span {
      color:#FFF
      }
    .tabsJ a:hover {
      background-position:0% -42px;
      }
    .tabsJ a:hover span {
      background-position:100% -42px;
      }

     .tabsJ #current a {
                background-position:0% -42px;
        }
    
	 .tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }
		
.tabsJ a.selected span{ /*currently selected tab*/
	color: #FFFF00;
	background-position:100% -42px;
}

.tabsJ a.selected{ /*currently selected tab*/
	color: #FFFF00;
	background-position:0% -42px;
}

.modernbricksmenu2{
padding: 0;
width: 557px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 2px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 10px Tahoma;
color: #eeeeee;
text-decoration: none;
margin: 0 2px 0 0; /*Margin between each menu item*/
padding: 2px 1px 2px 3px;
width: 85px;
/* background-color: #CDCDCD; /*Brown color theme*/ 
background:url(../images/noactivo.jpg) no-repeat;
border-top: 1px solid white;
border-bottom: 1px solid white;
text-align:left;
}

.modernbricksmenu2 a:hover{
/* background-color: #ACC0DB; /*Brown color theme*/ 
color: #ffffff;
background:url(../images/hoveract.jpg) no-repeat;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
/* background-color: #5F84B8; */
background: url(../images/activo.jpg) no-repeat;
color: white;
/* border-color: #5F84B8; /*Brown color theme*/ 
border-bottom:#5F84B8 solid 1px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/******* ----- FIN tabcontent ----- *******/


/******* ----- Calendario ----- *******/
/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: url("img-calendario/normal-bg.gif");
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}

.calendar {
  border-color: #797979;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: url("img-calendario/title-bg.gif") repeat-x 0 100%; color: #000;
  font-weight: bold;
}

.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}

.calendar .nav div {
  background: transparent url("img-calendario/menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead tr { background: url("img-calendario/title-bg.gif") repeat-x 0 100%; color: #000; }

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: url("img-calendario/title-bg.gif") repeat-x 0 100%; color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #797979;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #c44;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: url("img-calendario/hover-bg.gif");
  border-bottom: 1px solid #797979;
  padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: url("img-calendario/active-bg.gif"); color: #fff;
  padding: 3px 1px 0px 3px;
  border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("img-calendario/dark-bg.gif");
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #999;
}
.calendar tbody .day.othermonth.oweekend {
  color: #f99;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #797979;
  background: url("img-calendario/dark-bg.gif");
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("img-calendario/rowhover-bg.gif");
}

.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: url("img-calendario/hover-bg.gif");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #c44;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #797979;
  padding: 1px 3px 1px 1px;
  background: url("img-calendario/active-bg.gif"); color: #fff;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;

  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: url("img-calendario/status-bg.gif") repeat-x 0 0; color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #797979;
  background: url("img-calendario/normal-bg.gif"); color: #000;
  z-index: 100;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: url("img-calendario/hover-bg.gif"); color: #000;
}

.calendar .combo .active {
  background: url("img-calendario/active-bg.gif"); color: #fff;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("img-calendario/dark-bg.gif");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: url("img-calendario/normal-bg.gif"); color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  background: url("img-calendario/hover-bg.gif"); color: #000;
}

.calendar td.time span.active {
  background: url("img-calendario/active-bg.gif"); color: #fff;
}
.tablaTicket{
	height:30px;
	padding-right: 2px; padding-bottom:2px; padding-left: 2px;
}
.tip {
	text-align:justify;
	color: #666;
	max-width: 200px;
	z-index: 13000;
	border:solid 1px #cccccc;
}
.tip-title {
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	padding: 4px;
	background: #f4f4f4;
}
.tip-text {
	font-size: 10px;
	padding: 4px;
	background: #f4f4f4;
}
#item{
	width:780px;
	margin:0 auto 0 auto;
}
.fotos-desc{
	position:relative;
	float:left;
	width:200px;
	height:200px;
	background-image:url(../images/desc-fotos.jpg);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	/* border:solid 1px #CCC; */
}
.fotos-desc h2{
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	margin:3px 0px 0px 10px;
	font-family:Tahoma, Geneva, sans-serif;
}
.fotos-desc div{
	width:200px;
	font-size:10px;
	color:#5E80B1;
	text-align:left;
	margin:10px auto;
}
.fotos-princ{
	position:relative;
	float:left;
	width:478px;
	margin-left:5px;
	/* border:solid 1px #CCC; */
}
.fotos-thumbs{
	position:relative;
	float:left;
	width:95px;
	height:224px;
	background:url(../images/fotos-bg-derecha.jpg) no-repeat center bottom;
	text-align:center;
}

.divPromoPaq{
	width:154px;
	padding-left:8px;
}

.divPromoCont{
	width:154px;	
	height:102px;
	position:relative;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:8px;
	color:#EB050B;
}

.txtPromoCont{
	position:relative;
	left:17px;
	top:35px;
	font-size:8px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
}

.txtDentroPromos {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	position:relative; top:39px; left:88px; color:#fff;
	height:15px;
	width:45px;
	padding-top:3px;
	padding-left:16px;
}
.txtDentroPromos a{
	text-decoration:none;
	color:#FFF;
}