/*  =================================================

     Fichero: content.css
	 Proyecto: Estilo eXeLearning "tecin_h_99lime_full" versión 1.2
     Fecha: 07 Agosto 2012
     Descripcion: Hoja de estilos principal
     Autor: Josemaría Sánchez Gómez (byjosemaria@gmail.com / http://about.me/byjosemaria )
	 Company: Dpto. Tenología e Informática IES Néstor Almendros (http://tecintomares.blogspot.com)
     Referencias: Obra derivada de (ver license.txt)
     

	 
	 linea 1200 kickstart.css
	 linea 1814  kickstart-grid.css
	 linea 1900 jquery.fancybox-1.3.4.css
	 linea 2262 tiptip.css
	 línea 2370 prettify.css
	 Línea 2382 kickstart-icons.css
	 
   ================================================== */
   
/*Reseteo generico de estilos */

* {
	padding: 0;
   margin: 5; 
	font-family: Verdana,Arial, Helvetica, sans-serif !important;
}

/* Estilo general del cuerpo de los contenidos */
body, html 
{
	background-color: #ffffff;
	color: #262626;
	font-family: Verdana,Arial, Helvetica, sans-serif !important;
	font-size: small;
	text-align: justify;
	line-height: 120%;
}

body
{
	font-family: Verdana,Arial, Helvetica, sans-serif !important;
}

h1, h2, h3, h4, h5
{
	margin:0px;
	padding:0px;
	line-height: 120%;
}

/* Separación entre párrafos*/
p
{
	margin: 0;
	margin-top: 0.7em
}

/* Estilo para los enlaces */
a:link,
a:active,
a:visited
{
	color: #0000ff;
	text-decoration: none;
}

/*Estilo para los enlaces cuando tenemos el cursos sobre ellos*/
a:hover
{
	color: #0000ff;
	text-decoration:underline;
}

/* Imágenes*/
img
{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: -3px;
	border: 0px;
	padding: 0px;
}

a img
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/*Tablas*/
table
{
	margin: 10px;
	border: 0px solid; /*=0 para que bi se muestre el border, inicialmente estaba = 1*/
	border-color: inherit;
	border-collapse: collapse;
	padding: 3px;
}

table[align="center"]
{
	margin-left:auto;
	margin-right:auto;
}

td
{
	border: 0px solid; /*=0 para que bi se muestre el border, inicialmente estaba = 1*/
	border-color: inherit;
	border-collapse: collapse;
	padding: 3px;
}

/* PARA QUE AL EXPORTAR SE QUITEN LOS BORDES DE LAS PREGUNTAS */
.question table
{
	border: 0;
}

.question td
{
	border: 0;
}

/* Formato para las listas */
/* Para que haya indexación en las listas anidadas */
ol,ul
{
	margin-left: 2em;	
}
/* Cambio el icono para las listas sin numerar, solo para #main y no afecte a la navegación */

#main ul li{
	width:auto;
	/*list-style-image:url(bullet.gif); */
	margin-bottom:0.2em;
}

/* Estilo para el título del NODO, que es cada una de las entradas
de la jerarquía de contenidos que crearemos con eXe */
#main {
	position: relative;
}
div#nodeDecoration
{
	text-align: left;
}

#nodeTitle
{
	background-image: url(logo.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	color: #666666;
	background-color: #ffffff;
	font-weight: bold;
	display: block;
	font-size: 20px;
	line-height: 30px;
	/*	border-top: 0px double #CCCCCC;  */
	border-bottom: 3px solid #8b8b8b;
	padding-top: 1px;
	padding-bottom: 5px;
	margin-top: 0px;
	padding-right: 135px;
	margin-bottom: 10px; /* Separa de la primera línea 10 px */
}

h1.nodeTitle, h2.nodeTitle, h3.nodeTitle, h4.nodeTitle, h5.nodeTitle, h6.nodeTitle, h7.nodeTitle
{
	
	background-image: url(logo.png);
	background-position: right center;
	background-repeat: no-repeat;
	color: #666666;
	background-color: #ffffff;
   font-weight: bold;
   display: block;
	font-size: 20px;
	line-height: 30px;
/*	border-top: 0px double #CCCCCC;  */
	border-bottom: 3px solid #8b8b8b;
	padding-top: 1px;
	padding-bottom: 5px;
	margin-top: 0px;
	padding-right: 135px;
}

/* Cabecera para cuando exportemos a web sola para imprimir */
#header 
{
   text-align: left;
   height: 5px;
   padding-left: 20px;
   font-size: 2.2em;
   font-weight: bold;
}
/*=====================================================
			ESTILOS COMUNES PARA TODOS LOS iDEVICES
========================================================*/


/*
Estilos generales para los iDevice
A menos que un estilo particular diga otra cosa, todos
los iDevice heredarán lo que aquí pone
*/
.iDevice
{
	/* Simplemente lo separo un poquito del resto de iDevices
	y separo los contenidos del borde */
	padding: 0px;
}

.iDevice_icon
{
	border: 0px;
	position: relative;
}

.iDevice_inner
{
	margin: 0;
    width: 100%;
	height: auto !important;
	*height: auto !important;
	*height: 0px;
    position: relative;
	overflow-y: auto;
}
.iDeviceTitle
{
	display: none;
}

.emphasis1
{
	margin:0px;
}

.emphasis0
{
	width: auto;
	height: auto !important;
	*height: auto !important;
	*height: 0px;
	margin-bottom: 5px;
	overflow-y: auto;
}

/*
Idevice Actividad. En la capa contenedora de iDevice, se pone el efecto de la esquina inferior derecha
*/
.activityIdevice {
	position: relative;
	margin: 20px auto;
	width: 95%;
	background: #cae0f7 url('inf_der_activity.gif') no-repeat bottom right;
	border: none;
	overflow: visible;
}

/*
La capa interior, se utiliza para el efecto inferior izquierdo
*/
.activityIdevice .emphasis1
{
	background: transparent url('inf_izq_activity.gif') no-repeat bottom left;
	margin: 0;      /* No se puede poner margen, tiene que rellenar todo el iDevice */
	width: 100%;    /* de izquierda a derecha y hasta ahajo del todo */
	overflow-y: auto;
	overflow: visible;
}

/*
El icono se utiliza para el efecto superior izquierdo
*/
.activityIdevice .iDevice_icon,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_activity.gif"] 
{
	border: 0px;
	position: relative;
   left: -11px;  /* Si tiene alguna sombra o efecto que sobresalga hacia la izquierda,
	                 hay que desplazarlo tantos píxeles como sobresalga el efecto */
	
	z-index: 6;   /* z-index superior al del título, para que lo tape */
}

/*
El título se utiliza para el efecto superior derecho
*/
.activityIdevice .iDeviceTitle,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_activity.gif"] + .iDeviceTitle
{
	display: block;
	background: #c8c9c9 url('sup_der_activity.gif') no-repeat top right;  /* Efecto de la esquina sup-der */
	color: #4c4c4c;     /* Mismo color que la imagen de fondo, para que no se vea el texto */
	height: 40px;       /* Tiene que tener el alto del icono */
	position: relative; /* Se desplaza hacia arriba tantos píxeles como el icono tenga de alto */
	top: -67px;         /* para que quede alineado con este */
	z-index: 5;         /* z-index inferior al del icono, para que quede tapado */
	padding: 25px 0 0 100px;
	font-size: 14pt        /* z-index inferior al del icono, para que quede tapado */;
	font-style: italic;
	text-indent: 15px;
}


.activityIdevice .iDevice_inner,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_activity.gif"] + .iDeviceTitle + .iDevice_inner
{
	background: transparent;
	margin: 0 auto;
	width: 90%;
	position: relative;
	top: -55px;
}

/*
Idevice Reflexión. En la capa contenedora de iDevice, se pone el efecto de la esquina inferior derecha
*/
.ReflectionIdevice {
	position: relative;
	margin: 20px auto;
	width: 95%;
   background: #ffffff url('inf_der_hojas.gif') no-repeat bottom right;
   border: none;
	overflow: visible;
}

/*
La capa interior, se utiliza para el efecto inferior izquierdo
*/
.ReflectionIdevice .emphasis1
{
   background: transparent url('inf_izq_hojas.gif') no-repeat bottom left;
	margin: 0;      /* No se puede poner margen, tiene que rellenar todo el iDevice */
   width: 100%;    /* de izquierda a derecha y hasta ahajo del todo */
	overflow-y: auto;
	overflow: visible;
}

/*
El icono se utiliza para el efecto superior izquierdo
*/
.ReflectionIdevice .iDevice_icon,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_reflection.gif"] 
{
	border: 0px;
	position: relative;
	left: -5px;  /* Si tiene alguna sombra o efecto que sobresalga hacia la izquierda,
	                 hay que desplazarlo tantos píxeles como sobresalga el efecto */
	z-index: 6;   /* z-index superior al del título, para que lo tape */
}

/*
El título se utiliza para el efecto superior derecho
*/
.ReflectionIdevice .iDeviceTitle,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_reflection.gif"] + .iDeviceTitle
{
	display: block;
	background: #ffffff url('sup_der_hojas.gif') no-repeat top right;  /* Efecto de la esquina sup-der */
	color: #BC4342;     /* Mismo color que la imagen de fondo, para que no se vea el texto */
	height: 40px;       /* Tiene que tener el alto del icono */
	position: relative; /* Se desplaza hacia arriba tantos píxeles como el icono tenga de alto */
	top: -67px;         /* para que quede alineado con este */
	z-index: 5;         /* z-index inferior al del icono, para que quede tapado */
	padding: 25px 0 0 100px;
	font-size: 14pt;
	font-style: italic;
	text-indent: 15px;
}

.ReflectionIdevice .iDevice_inner,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_reflection.gif"] + .iDeviceTitle + .iDevice_inner
{
	background: transparent;
	margin: 0 auto;
	width: 90%;
	position: relative;
	top: -55px;
}


/*
Idevice Objetivo. En la capa contenedora de iDevice, se pone el efecto de la esquina inferior derecha
*/
.objectivesIdevice {
	position: relative;
	margin: 20px auto;
	width: 95%;
	border: none;
	overflow: visible;
	background-color: #ece8d5;
	background-image: url(inf_der_objectives.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/*
La capa interior, se utiliza para el efecto inferior izquierdo
*/
.objectivesIdevice .emphasis1
{
   background: transparent url('inf_izq_objectives.gif') no-repeat bottom left;
	margin: 0;      /* No se puede poner margen, tiene que rellenar todo el iDevice */
   width: 100%;    /* de izquierda a derecha y hasta ahajo del todo */
	overflow-y: auto;
	overflow: visible;
}

/*
El icono se utiliza para el efecto superior izquierdo
*/
.objectivesIdevice .iDevice_icon,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_objectives.gif"] 
{
	border: 0px;
	position: relative;
   left: -10px;  /* Si tiene alguna sombra o efecto que sobresalga hacia la izquierda,
	                 hay que desplazarlo tantos píxeles como sobresalga el efecto */
	z-index: 6;   /* z-index superior al del título, para que lo tape */
}

/*
El título se utiliza para el efecto superior derecho
*/
.objectivesIdevice .iDeviceTitle,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_objectives.gif"] + .iDeviceTitle
{
	display: block;
	background: #c8c9c9 url('sup_der_objectives.gif') no-repeat top right;  /* Efecto de la esquina sup-der */
	color: #4c4c4c;     /* Mismo color que la imagen de fondo, para que no se vea el texto */
	height: 40px;       /* Tiene que tener el alto del icono */
	position: relative; /* Se desplaza hacia arriba tantos píxeles como el icono tenga de alto */
	top: -67px;         /* para que quede alineado con este */
	z-index: 5;
	font-size: 14pt        /* z-index inferior al del icono, para que quede tapado */;
	font-style: italic;
	padding: 25px 0 0 100px;
	text-indent: 15px;
}


.objectivesIdevice .iDevice_inner,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_objectives.gif"] + .iDeviceTitle + .iDevice_inner
{
	background: transparent;
	margin: 0 auto;
	width: 90%;
	position: relative;
	top: -55px;
}
/*
Idevice Caso de estudio. En la capa contenedora de iDevice, se pone el efecto de la esquina inferior derecha
*/
.CasestudyIdevice {
	position: relative;
	margin: 20px auto;
	width: 95%;
   background: #ffffff url('inf_der_hojas.gif') no-repeat bottom right;
   border: none;
	overflow: visible;
}

/*
La capa interior, se utiliza para el efecto inferior izquierdo
*/
.CasestudyIdevice .emphasis1
{
   background: transparent url('inf_izq_hojas.gif') no-repeat bottom left;
	margin: 0;      /* No se puede poner margen, tiene que rellenar todo el iDevice */
   width: 100%;    /* de izquierda a derecha y hasta ahajo del todo */
	overflow-y: auto;
	overflow: visible;
}

/*
El icono se utiliza para el efecto superior izquierdo
*/
.CasestudyIdevice .iDevice_icon,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_casestudy.gif"] 
{
	border: 0px;
	position: relative;
	left: -5px;  /* Si tiene alguna sombra o efecto que sobresalga hacia la izquierda,
	                 hay que desplazarlo tantos píxeles como sobresalga el efecto */
	z-index: 6;   /* z-index superior al del título, para que lo tape */
}

/*
El título se utiliza para el efecto superior derecho
*/
.CasestudyIdevice .iDeviceTitle,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_casestudy.gif"] + .iDeviceTitle
{
	display: block;
	background: #ffffff url('sup_der_hojas.gif') no-repeat top right;  /* Efecto de la esquina sup-der */
	color: #BC4342;     /* Mismo color que la imagen de fondo, para que no se vea el texto */
	height: 40px;       /* Tiene que tener el alto del icono */
	position: relative; /* Se desplaza hacia arriba tantos píxeles como el icono tenga de alto */
	top: -67px;         /* para que quede alineado con este */
	z-index: 5;         /* z-index inferior al del icono, para que quede tapado */
	padding: 25px 0 0 100px;
	font-size: 14pt;
	font-style: italic;
	text-indent: 15px;
}


.CasestudyIdevice .iDevice_inner,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_casestudy.gif"] + .iDeviceTitle + .iDevice_inner
{
	background: transparent;
	margin: 0 auto;
	width: 90%;
	position: relative;
	top: -55px;
}


/*
Idevice Actividad de lectura. En la capa contenedora de iDevice, se pone el efecto de la esquina inferior derecha
*/
.readingIdevice {
	position: relative;
	margin: 20px auto;
	width: 95%;
   background: #ffffff url('inf_der_hojas.gif') no-repeat bottom right;
   border: none;
	overflow: visible;
}

/*
La capa interior, se utiliza para el efecto inferior izquierdo
*/
.readingIdevice .emphasis1
{
  background: transparent url('inf_izq_hojas.gif') no-repeat bottom left;
	margin: 0;      /* No se puede poner margen, tiene que rellenar todo el iDevice */
   width: 100%;    /* de izquierda a derecha y hasta ahajo del todo */
	overflow-y: auto;
	overflow: visible;
}

/*
El icono se utiliza para el efecto superior izquierdo
*/
.readingIdevice .iDevice_icon,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_reading.gif"] 
{
	border: 0px;
	position: relative;
   left: -5px;  /* Si tiene alguna sombra o efecto que sobresalga hacia la izquierda,
	                 hay que desplazarlo tantos píxeles como sobresalga el efecto */
	z-index: 6;   /* z-index superior al del título, para que lo tape */
}

/*
El título se utiliza para el efecto superior derecho
*/
.readingIdevice .iDeviceTitle,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_reading.gif"] + .iDeviceTitle
{
	display: block;
	background: #ffffff url('sup_der_hojas.gif') no-repeat top right;  /* Efecto de la esquina sup-der */
	color: #BC4342;     /* Mismo color que la imagen de fondo, para que no se vea el texto */
	height: 40px;       /* Tiene que tener el alto del icono */
	position: relative; /* Se desplaza hacia arriba tantos píxeles como el icono tenga de alto */
	top: -67px;         /* para que quede alineado con este */
	z-index: 5;         /* z-index inferior al del icono, para que quede tapado */
	padding: 25px 0 0 100px;
	font-size: 14pt;
	font-style: italic;
	text-indent: 15px;
}


.readingIdevice .iDevice_inner,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_reading.gif"] + .iDeviceTitle + .iDevice_inner
{
	background: transparent;
	margin: 0 auto;
	width: 90%;
	position: relative;
	top: -55px;
}

/*
Idevice Preconocimiento. En la capa contenedora de iDevice, se pone el efecto de la esquina inferior derecha
*/
.preknowledgeIdevice {
	position: relative;
	margin: 20px auto;
	width: 95%;
	background: #DAE0E7 url('inf_der_preknowledge.gif') no-repeat bottom right;
	border: none;
	overflow: visible;

}

/*
La capa interior, se utiliza para el efecto inferior izquierdo
*/
.preknowledgeIdevice .emphasis1
{
	background: transparent url('inf_izq_preknowledge.gif') no-repeat bottom left;
	margin: 0;      /* No se puede poner margen, tiene que rellenar todo el iDevice */
	width: 100%;    /* de izquierda a derecha y hasta ahajo del todo */
	overflow-y: auto;
	overflow: visible;
}

/*
El icono se utiliza para el efecto superior izquierdo
*/
.preknowledgeIdevice .iDevice_icon,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_preknowledge.gif"] 
{
	border: 0px;
	position: relative;
	left: -11px;  /* Si tiene alguna sombra o efecto que sobresalga hacia la izquierda,
	                 hay que desplazarlo tantos píxeles como sobresalga el efecto */
	z-index: 6;   /* z-index superior al del título, para que lo tape */
}

/*
El título se utiliza para el efecto superior derecho
*/
.preknowledgeIdevice .iDeviceTitle,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_preknowledge.gif"] + .iDeviceTitle
{
	display: block;
	background: #aec9dc url('sup_der_preknowledge.gif') no-repeat top right;  /* Efecto de la esquina sup-der */
	color: #4c4c4c;     /* Mismo color que la imagen de fondo, para que no se vea el texto */
	height: 40px;       /* Tiene que tener el alto del icono */
	position: relative; /* Se desplaza hacia arriba tantos píxeles como el icono tenga de alto */
	top: -67px;         /* para que quede alineado con este */
	z-index: 5;         /* z-index inferior al del icono, para que quede tapado */
	padding: 25px 0 0 100px;
	font-size: 14pt/* z-index inferior al del icono, para que quede tapado */;
	font-style: italic;
	text-indent: 15px;
}


.preknowledgeIdevice .iDevice_inner,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_preknowledge.gif"] + .iDeviceTitle + .iDevice_inner
{
	background: transparent;
	margin: 0 auto;
	width: 90%;
	position: relative;
	top: -55px;
}

/*
Idevice Multiopción. En la capa contenedora de iDevice, se pone el efecto de la esquina inferior derecha
*/
.MultichoiceIdevice {
	position: relative;
	margin: 20px auto;
	width: 95%;
   background: #ffffff url('inf_der_hojas.gif') no-repeat bottom right;
   border: none;
	overflow: visible;
}

/*
La capa interior, se utiliza para el efecto inferior izquierdo
*/
.MultichoiceIdevice .emphasis1
{
	background: transparent url('inf_izq_hojas.gif') no-repeat bottom left;
	margin: 0;      /* No se puede poner margen, tiene que rellenar todo el iDevice */
   width: 100%;    /* de izquierda a derecha y hasta ahajo del todo */
	overflow-y: auto;
	overflow: visible;
}

/*
El icono se utiliza para el efecto superior izquierdo
*/
.MultichoiceIdevice .iDevice_icon,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] 
{
	border: 0px;
	position: relative;
	left: -5px;  /* Si tiene alguna sombra o efecto que sobresalga hacia la izquierda,
	                 hay que desplazarlo tantos píxeles como sobresalga el efecto */
	z-index: 6;   /* z-index superior al del título, para que lo tape */
}

/*
El título se utiliza para el efecto superior derecho
*/
.MultichoiceIdevice .iDeviceTitle,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] + .iDeviceTitle
{
	display: block;
	background: #ffffff url('sup_der_hojas.gif') no-repeat top right;  /* Efecto de la esquina sup-der */
	color: #BC4342;     /* Mismo color que la imagen de fondo, para que no se vea el texto */
	height: 40px;       /* Tiene que tener el alto del icono */
	position: relative; /* Se desplaza hacia arriba tantos píxeles como el icono tenga de alto */
	top: -67px;         /* para que quede alineado con este */
	z-index: 5;         /* z-index inferior al del icono, para que quede tapado */
	padding: 25px 0 0 100px;
	font-size: 14pt;
	font-style: italic;
	text-indent: 15px;
}


.MultichoiceIdevice .iDevice_inner,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] + .iDeviceTitle + .iDevice_inner
{
	background: transparent;
	margin: 0 auto;
	width: 90%;
	position: relative;
	top: -55px;
}

/*
Idevice Cloze. En la capa contenedora de iDevice, se pone el efecto de la esquina inferior derecha
*/
.ClozeIdevice {
	position: relative;
	margin: 20px auto;
	width: 95%;
   background: #ffffff url('inf_der_hojas.gif') no-repeat bottom right;
   border: none;
	overflow: visible;
}

/*
La capa interior, se utiliza para el efecto inferior izquierdo
*/
.ClozeIdevice .emphasis1
{
   background: transparent url('inf_izq_hojas.gif') no-repeat bottom left;
	margin: 0;      /* No se puede poner margen, tiene que rellenar todo el iDevice */
   width: 100%;    /* de izquierda a derecha y hasta ahajo del todo */
	overflow-y: auto;
	overflow: visible;
}

/*
El icono se utiliza para el efecto superior izquierdo
*/
.ClozeIdevice .iDevice_icon,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] 
{
	border: 0px;
	position: relative;
	left: -5px;  /* Si tiene alguna sombra o efecto que sobresalga hacia la izquierda,
	                 hay que desplazarlo tantos píxeles como sobresalga el efecto */
	z-index: 6;   /* z-index superior al del título, para que lo tape */
}


/*
El título se utiliza para el efecto superior derecho
*/
.ClozeIdevice .iDeviceTitle,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] + .iDeviceTitle
{
	display: block;
	background: #ffffff url('sup_der_hojas.gif') no-repeat top right;  /* Efecto de la esquina sup-der */
	color: #BC4342;     /* Mismo color que la imagen de fondo, para que no se vea el texto */
	height: 40px;       /* Tiene que tener el alto del icono */
	position: relative; /* Se desplaza hacia arriba tantos píxeles como el icono tenga de alto */
	top: -67px;         /* para que quede alineado con este */
	z-index: 5;         /* z-index inferior al del icono, para que quede tapado */
	padding: 25px 0 0 100px;
	font-size: 14pt;
	font-style: italic;
	text-indent: 15px;
}


.ClozeIdevice .iDevice_inner,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] + .iDeviceTitle + .iDevice_inner
{
	background: transparent;
	margin: 0 auto;
	width: 90%;
	position: relative;
	top: -55px;
}


/*
Idevice Verdadero falso. En la capa contenedora de iDevice, se pone el efecto de la esquina inferior derecha
*/
.TrueFalseIdevice {
	position: relative;
	margin: 20px auto;
	width: 95%;
	background: #ffffff url('inf_der_hojas.gif') no-repeat bottom right;
	border: none;
	overflow: visible;
}

/*
La capa interior, se utiliza para el efecto inferior izquierdo
*/
.TrueFalseIdevice .emphasis1
{
	background: transparent url('inf_izq_hojas.gif') no-repeat bottom left;
	margin: 0;      /* No se puede poner margen, tiene que rellenar todo el iDevice */
	width: 100%;    /* de izquierda a derecha y hasta ahajo del todo */
	overflow-y: auto;
	overflow: visible;
}

/*
El icono se utiliza para el efecto superior izquierdo
*/
.TrueFalseIdevice .iDevice_icon,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] 
{
	border: 0px;
	position: relative;
	left: -5px;  /* Si tiene alguna sombra o efecto que sobresalga hacia la izquierda,
	                 hay que desplazarlo tantos píxeles como sobresalga el efecto */
	z-index: 6;   /* z-index superior al del título, para que lo tape */
}

/*
El título se utiliza para el efecto superior derecho
*/
.TrueFalseIdevice .iDeviceTitle,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] + .iDeviceTitle
{
	display: block;
	background: #ffffff url('sup_der_hojas.gif') no-repeat top right;  /* Efecto de la esquina sup-der */
	color: #BC4342;     /* Mismo color que la imagen de fondo, para que no se vea el texto */
	height: 40px;       /* Tiene que tener el alto del icono */
	position: relative; /* Se desplaza hacia arriba tantos píxeles como el icono tenga de alto */
	top: -67px;         /* para que quede alineado con este */
	z-index: 5;         /* z-index inferior al del icono, para que quede tapado */
	padding: 25px 0 0 100px;
	font-size: 14pt;
	font-style: italic;
	text-indent: 15px;
}


.TrueFalseIdevice .iDevice_inner,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] + .iDeviceTitle + .iDevice_inner
{
	background: transparent;
	margin: 0 auto;
	width: 90%;
	position: relative;
	top: -55px;
}


/*
Idevice Multiselección. En la capa contenedora de iDevice, se pone el efecto de la esquina inferior derecha
*/
.MultiSelectIdevice {
	position: relative;
	margin: 20px auto;
	width: 95%;
   background: #ffffff url('inf_der_hojas.gif') no-repeat bottom right;
   border: none;
	overflow: visible;
}

/*
La capa interior, se utiliza para el efecto inferior izquierdo
*/
.MultiSelectIdevice .emphasis1
{
   background: transparent url('inf_izq_hojas.gif') no-repeat bottom left;
	margin: 0;      /* No se puede poner margen, tiene que rellenar todo el iDevice */
   width: 100%;    /* de izquierda a derecha y hasta ahajo del todo */
	overflow-y: auto;
	overflow: visible;
}

/*
El icono se utiliza para el efecto superior izquierdo
*/
.MultiSelectIdevice .iDevice_icon,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] 
{
	border: 0px;
	position: relative;
   left: -5px;  /* Si tiene alguna sombra o efecto que sobresalga hacia la izquierda,
	                 hay que desplazarlo tantos píxeles como sobresalga el efecto */
	z-index: 6;   /* z-index superior al del título, para que lo tape */
}

/*
El título se utiliza para el efecto superior derecho
*/
.MultiSelectIdevice .iDeviceTitle,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] + .iDeviceTitle
{
	display: block;
	background: #ffffff url('sup_der_hojas.gif') no-repeat top right;  /* Efecto de la esquina sup-der */
	color: #BC4342;     /* Mismo color que la imagen de fondo, para que no se vea el texto */
	height: 40px;       /* Tiene que tener el alto del icono */
	position: relative; /* Se desplaza hacia arriba tantos píxeles como el icono tenga de alto */
	top: -67px;         /* para que quede alineado con este */
	z-index: 5;         /* z-index inferior al del icono, para que quede tapado */
	padding: 25px 0 0 90px;
	font-size: 14pt;
	font-style: italic;
	text-indent: 15px;
}


.MultiSelectIdevice .iDevice_inner,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] + .iDeviceTitle + .iDevice_inner
{
	background: transparent;
	margin: 0 auto;
	width: 90%;
	position: relative;
	top: -55px;
}

/*
Idevice Examen scorm. En la capa contenedora de iDevice, se pone el efecto de la esquina inferior derecha
*/
.QuizTestIdevice {
	position: relative;
	margin: 20px auto;
	width: 95%;
   background: #ffffff url('inf_der_hojas.gif') no-repeat bottom right;
   border: none;
	overflow: visible;
}

/*
La capa interior, se utiliza para el efecto inferior izquierdo
*/
.QuizTestIdevice .emphasis1
{
   background: transparent url('inf_izq_hojas.gif') no-repeat bottom left;
	margin: 0;      /* No se puede poner margen, tiene que rellenar todo el iDevice */
   width: 100%;    /* de izquierda a derecha y hasta ahajo del todo */
	overflow-y: auto;
	overflow: visible;
}

/*
El icono se utiliza para el efecto superior izquierdo
*/
.QuizTestIdevice .iDevice_icon,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] 
{
	border: 0px;
	position: relative;
   left: -12px;  /* Si tiene alguna sombra o efecto que sobresalga hacia la izquierda,
	                 hay que desplazarlo tantos píxeles como sobresalga el efecto */
	z-index: 6;   /* z-index superior al del título, para que lo tape */
}

/*
El título se utiliza para el efecto superior derecho
*/
.QuizTestIdevice .iDeviceTitle,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] + .iDeviceTitle
{
	display: block;
	background: #ffffff url('sup_der_hojas.gif') no-repeat top right;  /* Efecto de la esquina sup-der */
	color: #BC4342;     /* Mismo color que la imagen de fondo, para que no se vea el texto */
	height: 40px;       /* Tiene que tener el alto del icono */
	position: relative; /* Se desplaza hacia arriba tantos píxeles como el icono tenga de alto */
	top: -67px;         /* para que quede alineado con este */
	z-index: 5;         /* z-index inferior al del icono, para que quede tapado */
	padding: 25px 0 0 100px;
	font-size: 14pt;
	font-style: italic;
	text-indent: 15px;
}


.QuizTestIdevice .iDevice_inner,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_question.gif"] + .iDeviceTitle + .iDevice_inner
{
	background: transparent;
	margin: 0 auto;
	width: 90%;
	position: relative;
	top: -55px;
}



/* Estilo para las retroalimentaciones */
.feedback
{
	border: 1px dashed #4E4E4E;
	color: #4E4E4E;
	background-color: #FFFFFF;
	padding: 5px;
	margin: 5px;
	font-family: Verdana,Arial, Helvetica, sans-serif !important;
	font-size:1em;	
	height: auto !important;
	*height: auto !important;
	*height: 0px;
	margin-bottom: 5px;
	overflow-y: auto;
}

/* Estilo para los formularios y botones*/
input
{
	font-weight: bold;
	color: inherit;
	border-color: inherit;
	border-style: solid;
	border-width: 1px;
}

select
{
	font-weight: bold;
	color: inherit;
	border-color: inherit;
	border-style: solid;
	border-width: 1px;
}

/* Estilo para las sugerencias y ayudas pedag�gicas */
.popupDiv
{
	background-color: #FFFFFF;
	border: 2px solid #607489;
	padding: 4px;
	margin-left: 15px;
	text-align: left;
}

.popupDivLabel
{
	text-align: center;
	font: message-box;
	font-weight: bold;
	color: #bd4949;
	margin: 4px;
	background-color: #FF0000;
}


/*
Idevice Galería de imágenes  Galería de imágenes. En la capa contenedora de iDevice, se pone el efecto de la esquina inferior derecha
*/
.GalleryIdevice {
	position: relative;
	margin: 20px auto;
	width: 95%;
   background: #ffffff url('inf_der_gallery.gif') no-repeat bottom right;
   border: none;
	overflow: visible;
}

/*
La capa interior, se utiliza para el efecto inferior izquierdo
*/
.GalleryIdevice .emphasis1
{
   background: transparent url('inf_izq_galeria.gif') no-repeat bottom left;
	margin: 0;      /* No se puede poner margen, tiene que rellenar todo el iDevice */
   width: 100%;    /* de izquierda a derecha y hasta ahajo del todo */
	overflow-y: auto;
	overflow: visible;
}

/*
El icono se utiliza para el efecto superior izquierdo
*/
.GalleryIdevice .iDevice_icon,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_gallery.gif"] 
{
	border: 0px;
	position: relative;
	left: -5px;  /* Si tiene alguna sombra o efecto que sobresalga hacia la izquierda,
	                 hay que desplazarlo tantos píxeles como sobresalga el efecto */
	z-index: 6;   /* z-index superior al del título, para que lo tape */
}

/*
El título se utiliza para el efecto superior derecho
*/
.GalleryIdevice .iDeviceTitle,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_gallery.gif"] + .iDeviceTitle
{
	display: block;
	background: #ffffff url('sup_der_gallery.gif') no-repeat top right;  /* Efecto de la esquina sup-der */
	color: #BC4342;     /* Mismo color que la imagen de fondo, para que no se vea el texto */
	height: 40px;       /* Tiene que tener el alto del icono */
	position: relative; /* Se desplaza hacia arriba tantos píxeles como el icono tenga de alto */
	top: -67px;         /* para que quede alineado con este */
	z-index: 5;         /* z-index inferior al del icono, para que quede tapado */
	padding: 25px 0 0 100px;
	font-size: 14pt;
	font-style: italic;
	text-indent: 15px;
}


.GalleryIdevice .iDevice_inner,
.emphasis1 img.iDevice_icon[src="/style/tecin_h_99lime_full/icon_gallery.gif"] + .iDeviceTitle + .iDevice_inner
{
	background: transparent;
	margin: 0 auto;
	width: 90%;
	position: relative;
	top: -55px;
}

/* Caracter�sticas para cada una de las fotos de la galer�a */
img.gallery
{
	margin-left: 30px;
	border: 2px solid #2C8384;
	padding: 10px;
	margin-top: 10px !important;
	*margin-top: 60px !important; 
	*margin-top: 60px;
}

/* Caracter�sticas del t�tulo de las fotos de la galer�a */
.caption
{
	font-weight: normal;
	margin-left: 5px !important;
	*margin-left: 30px !important;
	*margin-left: 50px;
	padding: 10px;
	margin-bottom: 50px;
	text-align: center;
}

/* IDEVICE IMAGEN AMPLIADA */
.image_text
{
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	color:#4E4E4E;
	background-image:url(fondoev_bn.gif);
	background-position: left top;
	background-repeat: repeat-y;
	background-color: #FCFCFC;
	border: 1px solid #000000;
}

.image_text .image
{
	background-image:url(icon_zoom.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.image object
{
	margin: 0px;
	padding: 0px;
	margin-top: 55px;	
}
.image_text + .block
{
	float:left;
	margin: 5px;
	margin-right: -15px;
	color: #4E4E4E;
}

/* IDEVICE SITIO EXTERNO SITIO WEB */
iframe
{
	border: 1px solid #000000;
	padding: 2px;
}
/* CAMBIOS DE TIPO DE LETRAS EN SITIOS DETERMINADOS
 * SOBRECARGANDO EL BASE.CSS DE LA APLICACIÓN
 */
.reading_reference
{
	font-family: Verdana,Arial, Helvetica, sans-serif !important;	
}




/* ESTILOS PARA IMPRIMIR */

img
{
	page-break-inside:avoid;
}

.pre-code{
	background:#112C4A;
	color:#E7ECF1;
	font-family:Monaco,Courier,monospace;
	font-size:12px;
	margin:2em 1em;
	overflow:auto;
	padding:20px;
	border-radius:9px;
}





/*
	99Lime.com HTML KickStart by Joshua Gatcke
	kickstart.css

	
	Don't edit the file if you want HTML KickStart to be upgradeable. 
	Instead, copy any CSS selectors you want to modify to your style.css file.
	
	// Colors
	blue: #4D99E0;
*/
/*---------------------------------
	IMPORTS
-----------------------------------*/












/*---------------------------------
	HTML ELEMENTS - anulados
-----------------------------------*/
a{color:#4D99E0;outline:0;}
a:active{color:inherit;}
a:visited{}
a:hover{}
a img{border:0;}
/* strong,b{color:#000;background:lightyellow;position:relative;top:0;left:0;padding:2px 5px;}*/
strike{}
em,i{}
.hide{display:none;}
.show{display:block;}

/*---------------------------------
	UTILITY
-----------------------------------*/
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

/*---------------------------------
	HR
-----------------------------------*/
hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0px;height:1px;}
hr.alt1{border-style: solid;}
hr.alt2{border-style: dashed;}

/*---------------------------------
	HTML5 ELEMENTS (shim)
-----------------------------------*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

/*---------------------------------
	HEADINGS -anulado
-----------------------------------*/


/*---------------------------------
	PARAGRAPHS 
	byjosemaria anulado es item
-----------------------------------*/


/*---------------------------------
	BLOCKQUOTES
	byjosemaria: se han reducido los tamñaos originales en las fuentes
-----------------------------------*/
blockquote{
	font-size:1.0em;
	font-style: italic;
	color:#666666;
	margin:30px 30px 30px 15px;
	padding:0 0 0 15px;
	border-left:1px solid #ccc;
}

	blockquote span{font-size:0.7em;color:#000;display:block;}
	blockquote.small{font-size:0.9em;}
	
/*---------------------------------
	LISTS (byjosemaria, añadido margenes solo opciones cheks, alt y quitado de la opción general)
-----------------------------------*/
ul, ol{
	padding:0;

}

	li{
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	}
	
ul.checks{
	margin-top: 20;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

	ul.checks li{
	padding:5px 0;
	list-style-type:none;
	margin:0;
	background:url(icon-check.png) no-repeat 5px 0.5em;
	padding-left:30px;
	}

ul.bul{
	margin-top: 20;
	margin-right: 0;
	margin-bottom: 20px;
margin-left: 2em;
}

	ul.bul li{
	list-style-type:none;
	margin:0;
	padding-left:30px;
	background-image: url(bullet2.gif);
	background-repeat: no-repeat;
	background-position: 10px 1em;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	}


ul.alt{

padding:0;
margin:0 0 20px 0;
}

	ul.alt li{
	padding:5px 0;
	list-style-type:none;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin:0 0 -1px 0;
	background:url(icon-arrow-right.png) no-repeat 5px 0.7em;
	padding-left:20px;
	}
	
/*---------------------------------
	PRE & CODE 
	
-----------------------------------*/
code{
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
font-size:0.9em;
border:1px solid lightblue;
padding:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#518BAB;
}

pre{
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
margin: 0px 0px 0px 0px;
padding:5px 5px 3px 5px;
background:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
padding:10px;
margin:0 0 20px 0;
border:1px solid #ddd;
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
font-size:0.9em;
}

/*---------------------------------
	TABLES 
	byjosemaria: eliminado todo lo general de table, anteriormente se quitó ancho (defecto estaba 100%) y tr.last
-----------------------------------*/
table{
}
	
/* striped */
table.striped{}
	table.striped tr.alt{background:#f5f5f5;}
	table.striped thead th{background:#fff;}
	table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
	table.striped tbody tr.alt th{background:#efefef;}

/* tight */
table.tight{}
	table.tight th, .tight td{padding:2px 10px;}

/* sortable */
table.sortable{border:1px solid #ddd;}
	table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;}
	table.sortable thead th:hover{background:#efefef;}
	table.sortable span.arrow{border-style:solid;border-width:5px;
	display:block;position:absolute;top:50%;right:5px;font-size:0;
	border-color:#ccc transparent transparent transparent;
	line-height:0;height:0;width:0;margin-top:-2px;}
	table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}

/*---------------------------------
	TABS (byjosemaria, cambiado algunos colores)
-----------------------------------*/
ul.tabs{
margin:10px 0 -1px 0;
padding:0;
width:100%;
border-bottom:1px solid #e5e5e5;
float:left;
}

	ul.tabs.left{text-align:left;}
	ul.tabs.center{text-align:center;}
	ul.tabs.right{text-align:right;}

	ul.tabs li{
	list-style-type:none;
	margin:0 2px 0 0;
	padding:0;
	display:inline-block;
	*display:inline;/*IE ONLY*/
	position:relative;
	top:0;
	left:0;
	*top:1px;/*IE 7 ONLY*/
	zoom:1;
	}
	
	ul.tabs li a{
	text-decoration:none;
	color:#666;
	display:inline-block;
	padding:9px 15px;
	position: relative;
	top:0;
	left:0;
	line-height:100%;
	background:#f5f5f5;
	box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03);
	font-size:0.9em;
	zoom:1;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B8B8B8;
	border-right-color: #B8B8B8;
	border-bottom-color: #B8B8B8;
	border-left-color: #B8B8B8;
	}
	
	ul.tabs li a:hover{
	background:#fff;
	}
	
	ul.tabs li.current a{
	position:relative;
	top:1px;
	left:0;
	background:#fff;
	box-shadow: none;
	color:#363636;
	font-weight: bold;
	}
	
	.tab-content{
	border:1px solid #B8B8B8;
	clear:both;
	padding:20px;
	margin:0 0 40px 0;
	}
	
	/* w/icon */
	ul.tabs .icon{
	margin:-3px 7px -3px -5px;
	position:relative;
	top:-2px;
	left:0;
	}

/*---------------------------------
	BREADCRUMBS
-----------------------------------*/
ul.breadcrumbs{
margin:10px 0;
padding:0;
line-height:0%;
font-size:0;
}

	ul.breadcrumbs li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline-block;
	*display:inline; /* IE ONLY*/
	position:relative;
	zoom:1;
	line-height:100%;
	font-size:14px; /* 0.8em default to override font-size:0; on parent*/
	}
	
	ul.breadcrumbs li a{
	display:inline-block;
	*display:inline; /* IE ONLY*/
	position:relative;
	padding:5px 15px 5px 5px;
	font-size:0.9em;
	zoom:1;
	margin:0;
	background:url(img/icon-arrow-right.png) no-repeat right center;
	}
	
	ul.breadcrumbs li.last a{
	color:#333;
	cursor: default;
	text-decoration:none;
	background:none;
	}
	
	ul.breadcrumbs li.last a:hover{
	text-decoration:none;
	}
	
	/* Alternative Style */
	ul.breadcrumbs.alt1{
	border:1px solid transparent;
	font-size:0;
	}
	
	ul.breadcrumbs.alt1 li a{
	padding:10px 25px 10px 15px;
	background:url(img/breadcrumbs-bg.gif) no-repeat right center;
	text-decoration:none;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	font-size:12px;
	}
	
	ul.breadcrumbs.alt1 a:hover{
	text-decoration:underline;
	}
	
	ul.breadcrumbs.alt1 li.first a{
	border-left:1px solid #efefef;
	}
	
	ul.breadcrumbs.alt1 li.last a{
	background:none;
	border-right:1px solid #efefef;
	}
	
/*---------------------------------
	IMAGES
-----------------------------------*/
/*
	for img .style1, .style2, .style3
	view js/kickstart.js Image Style Helpers
	byjosemaria anulado margen, daba problema en inserci´n individual
*/
img{
/*margin:0;*/
padding:0;
display:inline-block;
position:relative;
zoom:1;
}

	img.align-left{float:left;margin:0 10px 5px 0;}
	img.align-right{float:right;margin:0 0 5px 10px;}
	img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;}

	span.img-wrap{
	display:inline-block;
	position: relative;
	top:0;
	left:0;
	zoom: 1;
	}
	
		span.img-inner{
		display:block;
		position:absolute;
		top:0;
		left:0;
		width: 100%;
		height:100%;
		}
	
		span.img-wrap img{
		display:block;
		padding:0;
		margin:0;
		}
	
	img.style1{/* DON'T Style This */}
	
		.img-wrap.style1{
		border:1px solid #ddd;
		padding:3px;
		background-color:#fff;
		margin-left:-3px;
		margin-top:-3px;
		margin-bottom:-3px;
		}

	img.style2{/* DON'T Style This */}
		
		.img-wrap.style2{
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		overflow: hidden;
		}
		
	img.style3{/* DON'T Style This */}
	
		.img-wrap.style3{
		margin-left:-3px;
		margin-top:-3px;
		margin-bottom:-3px;
		border:3px solid #efefef;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		overflow: hidden;
		-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
		-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
		box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
		}
		
	div.caption{
	background:#f5f5f5;
	border:1px solid #ddd;
	padding:3px;
	}
	
		div.caption img{
		display:block;
		padding:0;
		margin:0;
		}
	
		div.caption span{
		display:block;
		margin-top:3px;
		font-size:0.8em;
		color:#666;
		padding:0px 5px;
		}
		
	.gallery{}
	
		.gallery a{
		display:inline-block;
		position:relative;
		border:1px solid #ddd;
		background:#fff;
		padding:3px;
		margin:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		}
		
		.gallery a img{
		display: block;
		position: relative;
		margin:0;
		padding:0;
		}
		
/*---------------------------------
	SLIDESHOW2
-----------------------------------*/
.slideshow-wrap{
clear:both;
margin:0;
padding:0;
position:relative;
top:0;
left:0;
overflow:hidden;
clear:both;
}

	.slideshow-inner{
	overflow:hidden;
	clear:both;
	position:relative;
	top:0;
	left:0;
	border:1px solid #efefef;
	}
	
	.slideshow{
	clear:both;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	overflow:hidden;
	}
	
		.slideshow li{
		list-style-type:none;
		margin:0;
		padding:0;
		float:left;
		display:block;
		}
		
			.slideshow img{vertical-align: bottom;}
			
	.slideshow-buttons{
	text-align:right;
	margin:3px 0 0 0;
	padding:0;
	}
	
		.slideshow-buttons li{display:inline;position:relative;top:0;left:0;line-height:100%;margin:0;padding:0;}
		.slideshow-buttons li.current a{background:#ddd;}
		
		.slideshow-buttons a{
		display:inline;
		position:relative;
		top:0;
		left:0;
		padding:1px 3px;
		margin:0 1px;
		line-height:100%;
		border:1px solid #efefef;
		text-decoration:none;
		font-size:0.8em;
		}

/*---------------------------------
	MEDIA
-----------------------------------*/
.video-placeholder,
.video-placeholder a{
position:relative;
top:0;
left:0;
display:inline-block;
*display:inline;
zoom:1;
margin:0;
padding:0;
text-decoration:none;
}
	.video-placeholder img{vertical-align: bottom;}
	.video-placeholder .icon{
	position:absolute;
	top:50%;
	left:50%;
	margin:-24px 0 0 -24px;
	}
	
	.video-placeholder:hover .icon{
	text-shadow:0px 0px 10px rgba(255,255,255,0.8), 0px 2px 2px rgba(0,0,0,1);
	cursor: pointer;
	}
	
iframe.map-placeholder{
border:1px solid #ccc;
margin:0;
padding:0;
overflow: hidden;
box-sizing: border-box;
}
	
.calendar{
text-align:center;
text-shadow:0px 1px 0px #fff;
color:#666;
border:1px solid #ddd;
background:#f5f5f5;
}
	.calendar h4#current-month{font-size:1em;margin:0;padding:2% 0;border-top:1px solid #fff;line-height:100%;font-weight:normal;}
	.calendar table{margin:0;border-collapse: collapse;border:0;}
	.calendar th, .calendar td{text-align:center;padding:0;font-weight: normal;line-height:100%;border:0;}
	.calendar th{width:14.2857%;padding:2% 0;border-bottom:1px solid #ddd;}
	.calendar td{background:#fff;padding:3% 0;}
	.calendar th.weekday{color:#999;font-size:0.7em;text-transform: uppercase;}
	.calendar td.other-month{color:#ccc;}
	.calendar td.current-month{background:#fff;color:#777;}

/*
	99Lime.com HTML KickStart by Joshua Gatcke
	kickstart-grids.css
	
	DO NOT EDIT THIS FILE unless you know what you are doing. 
*/
/*---------------------------------
	GRID/COLUMNS
-----------------------------------
	tinyfluidgrid.com
	& girlfriendnyc.com
	with changes by 99Lime
-----------------------------------*/
 /*
 & Columns : 12 
 & Gutter %: 20% 
 & MinWidth: 960px
 & MaxWidth: 1080px
 */
.col_1  { width: 6.6666666666667%; }
.col_2  { width: 15%; }
.col_3  { width: 23.333333333333%; }
.col_4  { width: 31.666666666667%; }
.col_5  { width: 40%; }
.col_6  { width: 48.333333333333%; }
.col_7  { width: 56.666666666667%; }
.col_8  { width: 65%; }
.col_9  { width: 73.333333333333%; }
.col_10 { width: 81.666666666667%; }
.col_11 { width: 90%; }
.col_12 { width: 98.333333333333%; }

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 {
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:8px;
margin-bottom:8px;
float: left;
display: block;
}

.alpha{margin-left:0px;}
.omega{margin-right:0px;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix, *:first-child+html .clearfix{zoom:1}

/* Viewable Grids 
	To view your grids, add the class .visible to any grid container.
	This will add a background color so you can see the layout of your grids. 
*/
.col_1.visible,
.col_2.visible,
.col_3.visible,
.col_4.visible,
.col_5.visible,
.col_6.visible,
.col_7.visible,
.col_8.visible,
.col_9.visible,
.col_10.visible,
.col_11.visible,
.col_12.visible {
background:#efefef;
}

/* Default .inner Padding 
	The inside of a column is automatically wrapped with div.inner by Javascript. 
	This allows for more flexible styling and layout without breaking your columns.
*/
.column .inner{
	padding:10px;
}


/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_nw.png', sizingMethod='scale'); }


/* 
	TipTip CSS - Version 1.2 
	http://code.drewwilson.com/entry/tiptip-jquery-plugin
*/

#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } 
#tiptip_holder.tip_top { padding-bottom: 5px; } 
#tiptip_holder.tip_bottom { padding-top: 5px; } 
#tiptip_holder.tip_right { padding-left: 5px; } 
#tiptip_holder.tip_left { padding-right: 5px; } 

#tiptip_content {
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background:#212121;
background-color: rgba(25,25,25,0.92);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 3px #555;
-webkit-box-shadow: 0 0 3px #555;
-moz-box-shadow: 0 0 3px #555;
*background:#212121;
}

#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/*---------------------------------

	99Lime.com HTML KickStart by Joshua Gatcke
	
	prettify.css

-----------------------------------*/

.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}


/*
	99Lime.com HTML KickStart by Joshua Gatcke
	kickstart-icons.css
	
	DO NOT EDIT THIS FILE unless you know what you are doing. 
	Edit/override icon styles in kickstart.css
*/

@font-face{ 
font-family: 'IcoMoon';
src: url('icomoon-webfont.eot');
src: url('icomoon-webfont.eot?#iefix') format('embedded-opentype'),
     url('icomoon-webfont.woff') format('woff'),
     url('icomoon-webfont.ttf') format('truetype'),
     url('icomoon-webfont.svg#IcoMoonBase') format('svg');
}

@font-face{ 
font-family: 'IcoMoonSocial';
src: url('icomoonsocial-webfont.eot');
src: url('icomoonsocial-webfont.eot?#iefix') format('embedded-opentype'),
     url('icomoonsocial-webfont.woff') format('woff'),
     url('icomoonsocial-webfont.ttf') format('truetype'),
     url('icomoonsocial-webfont.svg#IcoMoonSocial') format('svg');
}

.icon{
height:0.8em;
width:0.8em;
display:inline-block;
font-size:21px;
color:inherit;
text-decoration:none;
vertical-align:middle;
text-align:center;
line-height:120%;
padding:0;
margin:0;
font-family: 'IcoMoon', arial, sans-serif;
position:relative;
top:-3px;
left:0;
-webkit-font-smoothing: antialiased;
zoom:1;
display:none;
}

.msie .icon{top:-1px;}/* IE ONLY - I know :P */

.icon span{position:relative;top:-49%;left:0.017em;color:inherit;display:inline-block;zoom:1;}
.icon.small{font-size:21px;} /* default */
.icon.medium{font-size:31px;}
.icon.large{font-size:41px;}
.icon.x-large{font-size:61px;}
.icon.social{font-family: 'IcoMoonSocial', arial, sans-serif;}
.icon.social span{top:-23%;}

/* colors (starting point) */
.icon.gray{color:#999;}
.icon.darkgray{color:#666;}
.icon.black{color:#000;}
.icon.white{color:#fff;}
.icon.red{color:#CA2200;}
.icon.blue{color:#3EBDFF;}
.icon.green{color:#A7C210;}
.icon.pink{color:#E9236E;}