body {
	font-family: 'Metrophobic', arial, serif;
	margin:20px;
	background:url(../images/body.jpg) top repeat-x #333;
}

* {
	margin:0;
	padding:0;
}

.no_float{
	float:none;
}

p {
	font-size: 14px;
	color: #666;
}

a {
	color: #647a80;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #3a4649;
	font-weight: bold;
	text-decoration: underline;
}

s
table {
	margin: auto;
	font-weight: bold;
}

textarea {
	width: 500px;
	height: 200px;
}

.check {
	float:left;
	width: 20px;
}

.radio {
	float:left;
	width: 50px;
}

.btn {
	width: 90px;
	height: 28px;
	background-image: url(../images/bts_fondo.jpg);
	background-repeat: repeat-x;
	background-position: center;
	border: solid 1px #999;
	color: #fff;
	font-family: 'Metrophobic', arial, serif;
	font-weight: bold;
	font-size: 14px;
	margin: 0px 0px 0px 5px;
	cursor: pointer;
}

.btn:hover{
	color: #00ccff;
}

.editar {
	float:left;
	width: 24px;
	height: 22px;
}

.editar a {
	display: block;
	text-indent:-9999px;
	width: 24px;
	height: 22px;
	background-image: url(../images/bt_editar.png);
}

.editar a:hover {
	background-image: url(../images/bt_editar2.png);
}


.borrar {
	float:left;
	width: 24px;
	height: 22px;
	padding: 0px 0px 0px 5px;
}


.ver_mas {
	float:left;
	width: 24px;
	height: 22px;
}

.ver_mas a {
	display: block;
	text-indent:-9999px;
	width: 24px;
	height: 22px;
	background-image: url(../images/bt_cat.png);
}

.ver_mas a:hover {
	background-image: url(../images/bt_cat2.png);
}


.campo_txt{
	width: 80px;
	height: 16px;
}

.campo_txt2{
	width: 20px;
	height: 16px;
}

.borrar a {
	display: block;
	text-indent:-9999px;
	width: 24px;
	height: 22px;
	background-image: url(../images/bt_borrar.png);
}

.borrar a:hover {
	background-image: url(../images/bt_borrar2.png);
}

#home {
	margin: 150px 0px 150px 0px;
	margin-left:45px;
	background-position:center;
}


#wrapper {
	margin:0 auto;
	background:#fff;
	padding:5px;
	border:4px solid #222;
	float: center;
}

#top {
	margin:0 auto;
	text-align:center
}


#boton a{
    float: right;
    height:17px;
    text-align:center;
    background-image: url(../images/bts_fondo.jpg);
    background-repeat: repeat-x;
    background-position: center;
    color:#fff;
    font-weight:bold;
    font-size:11px;
    padding: 10px 15px 8px 15px;
    margin: 0;
    cursor:pointer;
    margin: 0px 0px 0px 5px;
}

#boton a:hover{
	color: #00ccff;
	text-decoration:none;
}


#fechas_toeic{
	margin:0 0 0 380px;
	text-align:center;
	height:120px;
	width:100px;
}

#fechas_toeic select{
	margin:20px 7px 20px 0px;
	height:20px;
	width:100px;
}

.fixed {
	width:900px;
}

.fluid {
	width:90%;
}

#header {
	height:110px;
	background:url(../images/header.jpg) top repeat-x;
}

#header h1 {
	height: 25px;
	font-size: 22px;
	padding: 30px;
	font:'Metrophobic', arial, serif;
	color:#333;
	text-align: right;
}

#nav {
	margin:0 0 0 0;
}

#nav li {
	list-style:none;
	display:inline;
	padding:7px 0;
	font-size:10px;
}

#nav li a {
	padding:7px;
	color:#eee;
	text-decoration:none;
}

#nav li a:hover {
	background:#222;
	color:#fff;
}

.tabla{
	border: none;
	padding: 5px;
	margin: 0px auto 0px auto;
}


.tabla_top{
	background-color: #333;
	padding: 10px;
	color: #ccc;
	font-size: 13px;
}

.tabla td {
	padding: 10px;
	font-size: 14px;
}

.tabla_gris1{
	background-color: #ccc;
	padding: 10px;
	color: #666;
	font-size: 13px;
}

.tabla_gris2{
	background-color: #aaa;
	padding: 10px;
	color: #333;
	font-size: 13px;
}

#content {
	padding:0 15px;
	font-size:120%;
}


#content h2 {
	font:'Metrophobic', arial, serif;
	color:#333;
	border-bottom:1px solid #eee;
	font-weight: bold;
}

#content h3 {
	font:130% Arial;
	color:#222;
	border-top:1px solid #f6f6f6;
	border-bottom:1px solid #f6f6f6;
	padding:5px;
}


#acciones {
	height: 20px;
	padding: 5px 0px 5px 50px ;
	border-top: #CCC 1px solid;
}

#content h1,h2,h3,h4,p,ul,ol,blockquote {
	margin:15px 0;
	line-height:25px;
}

#footer {
	margin:30px 0 0 0;
	padding:15px;
	background:#ccc;
	border-top:2px solid #eee;
	clear:both;
}

#user {
	color: #666;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:10px 0 0 0;
	height:10px;
	width:150px;
}

#seleccion {
	margin-left:250px;
	float:left;
	width:360px;
	text-align:center;
}

#seleccion #exportar{
	margin:10px 0 10px 0px;
}


#exporta{
	border:1px solid #000;
	margin:0 0 0 383px;
	text-align:center;
	height:120px;
	width:100px;
}

#cont_filtros{
	display: block;
	margin: 0px 0px 0px 0px;
	width: 550px;
	height: 105px;
}

.item_text {
	float: left;
	display:block;
	width: 500px;
	height: 250px;
	max-width: 500px;
	max-height: 250px;
	resize: none;
}

.detalle{
	border: 0 none;
	background: none repeat scroll 0 0 transparent;
	outline: medium none;
}

#traeInsc-content{
	margin:5% 0 0 0;
}

#traeInsc-form{
	margin:auto;
	height:200px;
	width:400px;
	border:solid #000 1px;
	text-align:center;
}

#traeInsc-form-label{
	border:solid #000 1px;
	font-size:13px;
	text-align:center;
	margin:5px 5px 5px 5px;
	background-color:#84989F;
}

#traeInsc-form-input{
	margin:5px 5px 5px 5px;
}

#traeInsc-form-input-btn{
	margin:5px 5px 5px 5px;
}

#traeInsc-datos{
	margin:auto;
	height:210px;
	width:650px;
	border:solid #000 1px;
	text-align:center;
}

#traeInsc-datos-label{
	border:solid #000 1px;
	font-size:13px;
	text-align:center;
	margin:5px 0px 5px 11px;
	background-color:#84989F;
	float:left;
	width:200px;
}

#traeInsc-datos-label-vacio{
	margin:5px 0px 5px 11px;
	float:left;
	width:202px;
	height:44px;
}

#traeInsc-datos-input{
	margin:5px 5px 5px 3px;
}

#traeInsc-datos-input input{
	width:190px;
	text-align:center;
}

#traeInsc-datos-input2 input{
	width:190px;
	text-align:center;
	margin:5px 5px 5px 4px;
}

#traeInsc-datos-input select{
	margin:1px 0 0 0;
	width:194px;
	background-color:#D7EBFF;
}

#traeInsc-datos-input-btn{
	margin:5px 5px 5px 5px;
	height:20px;
}

#salto{
	clear:both;
}

#traeInsc-sindatos{
	margin:auto;
	text-align:center;
	border:solid 1px #000;
	height: 70px;
	width: 495px;
	padding: 12px;
}

#traeInsc-sindatos-btn{
	margin:20px 5px 5px 5px;
}

.lbtn {
	padding:4px 15px 5px 15px;
	width: 120px;
	background-image: url(../images/bts_fondo.jpg);
	background-repeat: repeat-x;
	background-position: center;
	border: solid 1px #999;
	color: #fff;
	font-family: 'Metrophobic', arial, serif;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}

.lbtn:hover{
	color: #00ccff;
	text-decoration:none;	
}

#aceptarPT {
	float:left;
	width: 120px;
	height: 28px;
	margin-left:211px;;
}


#cancelarPT {
	float:left;
	margin:5px 0 0 -5px;
}


/*ESTILO PARA CUANDO SE POSICIONA EL FOCO EN LAS CAJAS*/
#dni:focus, #mail:focus, #nombre:focus, #apellido:focus{
  background-color:#D7EBFF; border:1px solid #000;
}

#contenedor-test-validado{
	width:auto;
}

#test-validado{
	height:80px;
	width:auto;
	text-align:center;
}

#test-form{
	margin:10px 0 0 0;
}

#test-btn{
	margin:10px 0 0 0;
}

#test-botones{
	width:auto;
	border:1px solid #000;
}

#test-exportar{
	float:left;
	height:50px;
	width:120px;
	margin-left:60px;
}

#test-cancelar{
	float:left;
	height:40px;
	width:120px;
	padding-top:10px;
}

.btnMP {
	float:left;
	margin:0 0 0 6px;
	width: 28px;
	height: 22px;
	background-repeat:no-repeat;	
}

.btnMP a {
	display: block;
	text-indent:-9999px;
	width: 24px;
	height: 22px;
}

.btnMP a:hover {
	background-image: url(../images/mail2.png);
	background-repeat:no-repeat;
}

.tick {
	float:left;
	margin:-4px 0 0 5px;
	width: 24px;
	height: 22px;
	background-image: url(../images/check.png);
	background-repeat:no-repeat;	
}

.tick2 {
	float:left;
	margin:-4px 0 0 5px;
	width: 24px;
	height: 22px;
	background-image: url(../images/check2.png);
	background-repeat:no-repeat;	
}

.tick3 {
	float:left;
	margin:-4px 0 0 5px;
	width: 20px;
	height: 20px;
	background-image: url(../images/loader.gif);
	background-repeat:no-repeat;
}


/* Tablets (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	
	input{
		text-align:center;
		height:40px;
		width:300px;
		font-size:2.4em;
	}

	#traeInsc-form{
		margin:50px 0 0 0;
		text-align:center;
		height:100px;
		width:200px;
		border:solid #000 1px;
	}
	
	.btn {
		width: 300px;
		height: 60px;
		background-image: url(../images/bts_fondo.jpg);
		background-repeat: repeat-x;
		background-position: center;
		border: solid 1px #999;
		color: #fff;
		font-family: 'Metrophobic', arial, serif;
		font-weight: bold;
		font-size: 1.7em;
		margin: 0px 0px 0px 0px;
		cursor: pointer;
	}
	
	#traeInsc-content{
		margin:5% 0 0 0;
	}
	
	#traeInsc-form{
		margin:auto;
		height:320px;
		width:800px;
		border:solid #000 1px;
		text-align:center;
	}
	
	#traeInsc-form-label{
		border:solid #000 1px;
		font-size:16px;
		text-align:center;
		margin:5px 5px 5px 5px;
		background-color:#84989F;
	}
	
	#traeInsc-form-input{
		margin:5px 5px 5px 5px;
	}
	
	#traeInsc-form-input-btn{
		margin:5px 5px 5px 5px;
	}
	
	#traeInsc-datos{
		margin:auto;
		height:330px;
		width:850px;
		border:solid #000 1px;
		text-align:center;
	}
	
	#traeInsc-datos-label{
		border:solid #000 1px;
		font-size:13px;
		text-align:center;
		margin:5px 0px 5px 11px;
		background-color:#84989F;
		float:left;
		width:267px;
		height:70px;
	}
	
	#traeInsc-datos-label-vacio{
		margin:5px 0px 5px 11px;
		float:left;
		width:269px;
		height:44px;
	}
	
	#traeInsc-datos-input{
		margin:5px 5px 5px 3px;
	}
	
	#traeInsc-datos-input input{
		width:250px;
		font-size:1.8em;
	}

	#traeInsc-datos-input2 input{
		margin:5px 5px 5px 3px;		
		width:250px;
		font-size:1.4em;
	}
	
	#traeInsc-datos-input select{
		width:250px;
		font-size:1.6em;
		background-color:#D7EBFF;
		
	}
	
	#traeInsc-datos-input-btn{
		margin:5px 5px 5px 5px;
		height:20px;
	}
	
	#salto{
		clear:both;
	}
	
	#traeInsc-sindatos{
		margin:auto;
		text-align:center;
		border:solid 1px #000;
		height: 100px;
		width: 495px;
		padding: 12px;
	}
	
	#traeInsc-sindatos-btn{
		margin:25px 5px 0px 5px;
	}
	
	.lbtn {
		margin-top:30px;
		padding: 9px 84px 9px 83px;
		width: 120px;
		background-image: url(../images/bts_fondo.jpg);
		background-repeat: repeat-x;
		background-position: center;
		border: solid 1px #999;
		color: #fff;
		font-family: 'Metrophobic', arial, serif;
		font-weight: bold;
		font-size: 1.7em;
		cursor: pointer;
	}
	
	.lbtn:hover{
		color: #00ccff;
		text-decoration:none;	
	}
	
	#aceptarPT {
		float:left;
		width: 120px;
		height: 28px;
		margin-left:100px;;
	}
	
	
	#cancelarPT {
		float:left;
		margin:10px 0 0 220px;
	}
	
	
	/*ESTILO PARA CUANDO SE POSICIONA EL FOCO EN LAS CAJAS*/
	#dni:focus, #mail:focus, #nombre:focus, #apellido:focus{
	  background-color:#D7EBFF; border:1px solid #000;
	}
	
	#nav {
		padding:12px 12px 12px 0;
		background-color: white;
	}
	
	#nav li {
		margin:0 0 0 5px;
		list-style:none;
		display:inline;
		padding:12px;
		font-size:16px;
		background:#222;
		color:#fff;
		text-align:center;
	}

}