#content
{
  width:100%;
  background-color: #f00;
}
#menu{
  position:absolute;
  display: flex;
  height: 20%;
  width: 20%;
  min-width: 150px;
  background-color: #eee;
  float:left;
  z-index: 1;
}
#menu li{
  position: relative;
  border-bottom: #000 1px solid;
  list-style: none;
  width:100%;
  right :25px;
}
.section_content
{

}

hr
{
  clear: both;
}
.addedElement
{
  background: #EEE none repeat scroll 0% 0%;
  border-radius: 5px;
  margin-top: 2.5px;
  width: 95%;
  margin-left: 5px;
  margin-bottom: 1em;
  padding: 1em;
  box-shadow: 1px 2px 2px #AAA;
}
.delete {
	/*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #77a4e4 0%, #4a658c 50%, #77a4e4 100%) repeat scroll 0 0;*/
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #D94C0B),
		color-stop(1, #FF0000)
	);
	background-image: -o-linear-gradient(bottom, #D94C0B 0%, #FF0000 100%);
	background-image: -moz-linear-gradient(bottom, #D94C0B 0%, #FF0000 100%);
	background-image: -webkit-linear-gradient(bottom, #D94C0B 0%, #FF0000 100%);
	background-image: -ms-linear-gradient(bottom, #D94C0B 0%, #FF0000 100%);
	background-image: linear-gradient(to bottom, #D94C0B 0%, #FF0000 100%);
	border: 1px solid #659d33;
	border-radius: 5px;
	box-shadow: 1px 2px 2px #aaaaaa;
	color: #ffffff;
	cursor: pointer;
	font-family: "PT Sans",sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 -1px 0 #555555;
	text-transform: uppercase;
}
.remove, .hide {
	/*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #77a4e4 0%, #4a658c 50%, #77a4e4 100%) repeat scroll 0 0;*/
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #DA4510),
		color-stop(1, #FF832B)
	);
	background-image: -o-linear-gradient(bottom, #DA4510 0%, #FF832B 100%);
	background-image: -moz-linear-gradient(bottom, #DA4510 0%, #FF832B 100%);
	background-image: -webkit-linear-gradient(bottom, #DA4510 0%, #FF832B 100%);
	background-image: -ms-linear-gradient(bottom, #DA4510 0%, #FF832B 100%);
	background-image: linear-gradient(to bottom, #DA4510 0%, #FF832B 100%);
	border: 1px solid #DA4510;
	border-radius: 5px;
	box-shadow: 1px 2px 2px #aaaaaa;
	color: #ffffff;
	cursor: pointer;
	font-family: "PT Sans",sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 -1px 0 #555555;
	text-transform: uppercase;
}
.x {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #77a4e4 0%, #4a658c 50%, #77a4e4 100%) repeat scroll 0 0;
	border: 1px solid #659d33;
	border-radius: 5px;
	box-shadow: 1px 2px 2px #aaaaaa;
	color: #ffffff;
	cursor: pointer;
	font-family: "PT Sans",sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 -1px 0 #555555;
	text-transform: uppercase;
	margin-top:10px;
	width:50px;
	float: right;
	margin-left: 1em;	
}
	

.form_element{
  padding: 1em;
}

table{width: 100%;}
table select{width: 100%;}
table textarea{width: 100%;}
table input[type=text]{width: 95%;}

#foto{
	float: right;
	bottom: 4em;
	position: relative;
	width:64px;
	height:64px;
	min-height:32px;
	min-width:32px;
	border-radius:10em;
}
#foto img{
	width:64px;
	height:64px;
	min-height:32px;
	min-width:32px;
	border-radius:15em;
	border-color:#000;
	border-style:solid;
	border-width:1px;
}
select.campo{
	height:40px;
	width:100%;
}

#cabeceraCurriculum{
margin-bottom:5em;
}


#contenedor_cursos{
	display:absolute;
}
#contenido_izquierda,#contenido_derecha{
	position:relative;	
	padding:1em;
	width:90%;
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
	.addedElement
	{
	  background: #EEE none repeat scroll 0% 0%;
	  border-radius: 5px;
	  margin-top: 2.5px;
	  width: 90%;
	  margin-left: 1%;
	  margin-bottom: 1em;
	  padding: 1em;
	  box-shadow: 1px 2px 2px #AAA;
	}		
}
@media screen and (max-device-width: 640px){
	.addedElement
	{
	  background: #EEE none repeat scroll 0% 0%;
	  border-radius: 5px;
	  margin-top: 2.5px;
	  width: 95%;
	  margin-left: 1%;
	  margin-bottom: 1em;
	  padding: 1em;
	  box-shadow: 1px 2px 2px #AAA;
	}				
	/* Force table to not be like tables anymore */

		table.rwd-table , .rwd-table thead, .rwd-table tbody, .rwd-table th, .rwd-table td, .rwd-table tr{
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		.rwd-table  thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		.rwd-table tr { border: 1px solid #ccc; }

		.rwd-table td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
			height:1em;
			margin-top:3px;
			margin-bottom:15px;
		}

		.rwd-table td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 3px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		#headTabla{
			display:none;
		}
		/*
		Label the data
		*/
		.rwd-table td:nth-of-type(1):before { content: "ID TICKET"; }
		.rwd-table td:nth-of-type(2):before { content: "FECHA INSERC."; }
		.rwd-table td:nth-of-type(3):before { content: "COMERCIO"; }
		.rwd-table td:nth-of-type(4):before { content: "IMPORTE"; }
		.rwd-table td:nth-of-type(5):before { content: "ACTIVO/DESACTIVO	"; }
		.rwd-table td:nth-of-type(6):before { content: "GENERADO"; }
		.rwd-table td:nth-of-type(7):before { content: "GENERADO"; }
		.rwd-table td:nth-of-type(8):before { content: "VER TICKET"; }
		.rwd-table td:nth-of-type(9):before { content: ""; }
		.rwd-table th select{
			height:2em;
			width:100%;
		}
		
		.rwd-table.filter td:nth-of-type(1):before { content: "Fecha pub."; }
		.rwd-table.filter td:nth-of-type(2):before { content: "Puesto"; }
		.rwd-table.filter td:nth-of-type(3):before { content: "Tipo contrato"; }
		.rwd-table.filter td:nth-of-type(4):before { content: "Jornada"; }
		.rwd-table.filter td:nth-of-type(5):before { content: "Duracion"; }
		.rwd-table.filter td:nth-of-type(6):before { content: "Horario"; }
		.rwd-table.filter td:nth-of-type(7):before { content: ""; }
		
		
		.rwd-table.europa td:nth-of-type(1):before { content: "COD"; }
		.rwd-table.europa td:nth-of-type(2):before { content: "Descripcion"; }
		.rwd-table.europa td:nth-of-type(3):before { content: "Fecha"; }
		.rwd-table.europa  td:nth-of-type(4):before { content: "Hora"; }
		.rwd-table.europa  td:nth-of-type(5):before { content: ""; }
		
		.rwd-table.autoempleo td:nth-of-type(1):before { content: "COD"; }
		.rwd-table.autoempleo td:nth-of-type(2):before { content: "Descripcion"; }
		.rwd-table.autoempleo td:nth-of-type(3):before { content: "Fecha"; }
		.rwd-table.autoempleo td:nth-of-type(4):before { content: "Hora"; }
		.rwd-table.autoempleo td:nth-of-type(5):before { content: ""; }		
		
		.rwd-table.oferta td:nth-of-type(1):before { content: "ID Ticket"; }
		.rwd-table.oferta td:nth-of-type(2):before { content: "Fecha Inserc."; }
		.rwd-table.oferta td:nth-of-type(3):before { content: "Comercio"; }
		.rwd-table.oferta td:nth-of-type(4):before { content: "Importe"; }
		.rwd-table.oferta td:nth-of-type(5):before {  content: "Generado"; }
		.rwd-table.oferta td:nth-of-type(6):before { content: "Activo (SI/NO)"; }
		.rwd-table.oferta td:nth-of-type(7):before { content: "Descuento?"; }
		.rwd-table.oferta td:nth-of-type(8):before { content: "Ver Ticket"; }
		
		.rwd-table.apuntados td:nth-of-type(1):before { content: "NIF/NIE"; }
		.rwd-table.apuntados td:nth-of-type(2):before { content: "Nombre"; }
		.rwd-table.apuntados td:nth-of-type(3):before { content: "Apellidos"; }
		.rwd-table.apuntados td:nth-of-type(4):before { content: "E-mail"; }
		.rwd-table.apuntados td:nth-of-type(5):before { content: "Fecha Inscr."; }
		.rwd-table.apuntados td:nth-of-type(6):before { content: "Curriculum"; }		
		.rwd-table.apuntados th{display:none;}
		
}


@media
	only screen and (max-width: 760px),
	(min-device-width: 320px) and (max-device-width: 1000px)  {

		/* Force table to not be like tables anymore */

		table.rwd-table , .rwd-table thead, .rwd-table tbody, .rwd-table th, .rwd-table td, .rwd-table tr{
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		.rwd-table  thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		.rwd-table tr { border: 1px solid #ccc; }

		.rwd-table td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
			height:1em;
			margin-top:3px;
			margin-bottom:15px;
		}

		.rwd-table td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 3px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		#headTabla{
			display:none;
		}
		/*
		Label the data
		*/
		.rwd-table td:nth-of-type(1):before { content: "ID TICKET"; }
		.rwd-table td:nth-of-type(2):before { content: "FECHA INSERC."; }
		.rwd-table td:nth-of-type(3):before { content: "COMERCIO"; }
		.rwd-table td:nth-of-type(4):before { content: "IMPORTE"; }
		.rwd-table td:nth-of-type(5):before { content: "ACTIVO/DESACTIVO	"; }
		.rwd-table td:nth-of-type(6):before { content: "GENERADO"; }
		.rwd-table td:nth-of-type(7):before { content: "GENERADO"; }
		.rwd-table td:nth-of-type(8):before { content: "VER TICKET"; }
		.rwd-table td:nth-of-type(9):before { content: ""; }
		
		
		.rwd-table.filter td:nth-of-type(1):before { content: "Fecha pub."; }
		.rwd-table.filter td:nth-of-type(2):before { content: "Puesto"; }
		.rwd-table.filter td:nth-of-type(3):before { content: "Tipo contrato"; }
		.rwd-table.filter td:nth-of-type(4):before { content: "Jornada"; }
		.rwd-table.filter td:nth-of-type(5):before { content: "Duracion"; }
		.rwd-table.filter td:nth-of-type(6):before { content: "Horario"; }
		.rwd-table.filter td:nth-of-type(7):before { content: ""; }
		
		.rwd-table.europa td:nth-of-type(1):before { content: "COD"; }
		.rwd-table.europa td:nth-of-type(2):before { content: "Descripcion"; }
		.rwd-table.europa td:nth-of-type(3):before { content: "Fecha"; }
		.rwd-table.europa  td:nth-of-type(4):before { content: "Hora"; }
		.rwd-table.europa  td:nth-of-type(5):before { content: ""; }
		
		.rwd-table.autoempleo td:nth-of-type(1):before { content: "COD"; }
		.rwd-table.autoempleo td:nth-of-type(2):before { content: "Descripcion"; }
		.rwd-table.autoempleo td:nth-of-type(3):before { content: "Fecha"; }
		.rwd-table.autoempleo td:nth-of-type(4):before { content: "Hora"; }
		.rwd-table.autoempleo td:nth-of-type(5):before { content: ""; }
		
		.rwd-table.oferta td:nth-of-type(1):before { content: "ID Ticket"; }
		.rwd-table.oferta td:nth-of-type(2):before { content: "Fecha Inserc."; }
		.rwd-table.oferta td:nth-of-type(3):before { content: "Comercio"; }
		.rwd-table.oferta td:nth-of-type(4):before { content: "Importe"; }
		.rwd-table.oferta td:nth-of-type(5):before {  content: "Generado"; }
		.rwd-table.oferta td:nth-of-type(6):before { content: "Activo (SI/NO)"; }
		.rwd-table.oferta td:nth-of-type(7):before { content: "Descuento?"; }
		.rwd-table.oferta td:nth-of-type(8):before { content: "Ver Ticket"; }
		.rwd-table.oferta th{display:none;}
		
		.rwd-table.validar td:nth-of-type(1):before { content: "DNI"; }
		.rwd-table.validar td:nth-of-type(2):before { content: "Nombre"; }
		.rwd-table.validar td:nth-of-type(3):before { content: "Apellido"; }
		.rwd-table.validar td:nth-of-type(4):before { content: "E-mail"; }
		.rwd-table.validar td:nth-of-type(5):before {  content: "Telefono"; }
		.rwd-table.validar td:nth-of-type(6):before { content: "IDTicket"; }
		.rwd-table.validar td:nth-of-type(7):before { content: "Importe?"; }
		.rwd-table.validar td:nth-of-type(8):before { content: "Activado?"; }
		.rwd-table.validar td:nth-of-type(9):before { content: "Generado?"; }
		.rwd-table.validar td:nth-of-type(10):before { content: "%Descuento?"; }
		.rwd-table.validar td:nth-of-type(11):before { content: "Introducir%"; }
		.rwd-table.validar td:nth-of-type(12):before { content: "Desactivar"; }
		.rwd-table.validar th{display:none;}
		
		
		
		
		.rwd-table.apuntados td:nth-of-type(1):before { content: "NIF/NIE"; }
		.rwd-table.apuntados td:nth-of-type(2):before { content: "Nombre"; }
		.rwd-table.apuntados td:nth-of-type(3):before { content: "Apellidos"; }
		.rwd-table.apuntados td:nth-of-type(4):before { content: "E-mail"; }
		.rwd-table.apuntados td:nth-of-type(5):before { content: "Fecha Inscr."; }
		.rwd-table.apuntados td:nth-of-type(6):before { content: "Curriculum"; }		
		.rwd-table.apuntados th{display:none;}
		
		
		
		.rwd-table th select{
			height:2em;
			width:100%;
		}
	}
.idioelm{
	background-color:#DCDCDC; /*Idiomas*/
}
.infuelm{
	background-color:#EEE; /* Informática*/
}
.elabelm{
	background-color:#DCDCDC; /*Experiencia laboral*/
}
.facaelm{
	background-color:#EEE; /*F académica*/
}
.focaelm{
	background-color:#EEE; /*Formación complementaria */
}