/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///Este archivo es parte de GESTWEB y forma parte de él. Por tanto, es aplicable su licencia GNU GPL               ///
///Esta aplicación es software libre: puede redistribuirlo y/o modificarlo bajo los términos de la GNU             ///
///General Public License publicada por la Free Software Foundation, en su versión 3 o posterior.                  ///
///Este programa es distribuido con la intención de que sea útil, pero sin ninguna garantía.                       ///
///Vea los términos de la licencia GNU GPL para más detalles.                                                      ///
///Puede encontrar la licencia en http://www.gnu.org/copyleft/gpl.es.html                                          ///
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///Autor: Manuel Carnero Ripalda                                                                                   ///
///Web: http://liceoeuropa.com                                                                                     ///
///Mail: manuelcarnero@liceoeuropa.com                                                                             ///
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

*,input { box-sizing: border-box; font-family:verdana,arial,Nimbus Sans L; font-size: 28px;}
body { margin:0; padding:0;}
img { width: 100%; height: auto;}
.contenedor { float: center; margin: auto; width:40%;}

.logo{ float: center; width:40%; margin: 5% auto 0px;}
.cabecera{ width:100%; text-align: center; margin: 2% 0px 5% 0px;}
.card {
	background-color: #e7e7ff;
	padding: 5%;
	margin: 0;
	width: 100%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.entrada{
	width:95%;
	margin:auto;
	line-height:20px;
	text-align:center;
}
.entrada input[type=password], input[type=text]{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	height: 50px;
	width: 100%;
	padding: 0 5%;
	margin: 2% 0px 0px 0px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-top: 1px solid #c0c0c0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #888;
}
.entrada input[type=password]:hover, input[type=text]:hover{
	border-top: 1px solid #a0a0a0;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.entrada input[type=password]:focus, input[type=text]:focus{
	outline: none;
	border: 1px solid #4d90fe;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

/* 	--- El ORDEN de declaración de PSEUDOCLASES es MUY IMPORTANTE para que sea efectivo: :link, :visited, :hover y :active
//
//	1) unvisited link	a:link {color: red;}
//	2) visited link 	a:visited {color: green;}
//	3) mouse over link	a:hover {color: hotpink;}
//	4) selected link	a:active {color: #0000FF;}
//	---
*/
.rc-button {
	width: 50%;
	height:50px;
	padding: 0;
	margin: 10% 0px 2% 0px;
	-moz-border-radius: 64px;
	-webkit-border-radius: 64px;
	border-radius: 64px;
}
.rc-button:hover {
	border: 1px solid #c6c6c6;
	color: #333;
	text-decoration: none;
	-o-transition: all 0.0s;
	-moz-transition: all 0.0s;
	-webkit-transition: all 0.0s;
	transition: all 0.0s;
	background-color: #f8f8f8;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.rc-button:active {
	background-color: #f6f6f6;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.rc-button-submit {
	border: 1px solid #3079ed;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	background-color: #4d90fe;
}
.rc-button-submit:hover {
	border: 1px solid #2f5bb7;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,0.3);
	background-color: #357ae8;
}
.rc-button-submit:active {
	background-color: #357ae8;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}



.pd{
	text-align:center;
	width:80%;
	margin: 10% auto;
	padding:8px;
	border:1px solid #ed7930;
	background-color:#fe904d;
	color:#fff;
	-moz-border-radius: 64px;
	-webkit-border-radius: 64px;
	border-radius: 64px;
	text-decoration:none;
}
.pd:hover,.pd:active{
	background-color:#e87a35;
}
.pd a,a:link,a:visited,a:hover,a:active
{
	color: white;
	text-decoration:none;
}

/* For tablets: */
@media only screen and (max-width:980px) {
	*,input{ font-size: 36px;}
	.contenedor { width:90%;}
}

/* For mobile phones: */
@media only screen and (max-width:500px) {
	*,input{ font-size: 24px;}
	.pd a{ font-size: 20px;}
	.logo{ width:60%;}
	.contenedor { width:90%;}
}