@import url(https://fonts.googleapis.com/css?family=Roboto:300);

body,
html { margin:0; padding:0; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#333333; padding:0px; margin:0px; }

header { display:block; width:100%; text-align:center; margin-top:20px; }
header img { height:80px; }

.clear { clear:both }
.show { display:block; }
.hide { display:none; }


/* == PAGE - LOGIN ================================================================================ */

.form_login 							{ position:relative; z-index:1; background:#FFFFFF; max-width:360px; margin:0 auto; margin-top:50px; padding:45px; text-align:center; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); }
.form_login input						{ font-family:"Roboto", sans-serif; outline:0; width:100%; border:0; margin:0 0 15px; padding:15px; box-sizing:border-box; font-size:14px; background-color:#f2f2f2; border-radius: .3rem;}
.form_login input[type=submit]			{ font-family:"Roboto", sans-serif; outline:0; background:#3e782e; color:#fff; width:100%; border:0; padding:15px; font-size:14px; -webkit-transition:all 0.3 ease; transition:all 0.3 ease; border-radius:10px;-webkit-border-radius:10px; -moz-border-radius:10px;}
.form_login input[type=submit]:hover,
.form_login input[type=submit]:active,
.form_login input[type=submit]:focus	{ cursor:pointer; opacity:.60; }

.error 			{ background-color:#E74F4F; position:absolute; top:0; padding:10px 0 ; border-radius: 0 0 5px 5px; color:#fff; width:100%; text-align:center; display:none; }
.resp_finish 	{ text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:20px; margin-bottom:15px; }


/* == PAGE - MIRAR ================================================================================ */

input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }

/* == PAGE - Cuestionarios ======================================================================== */

.ccms_form_element				{ margin-bottom:10px; position:relative; padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:5px; clear:both; }
.ccms_form_element label		{ line-height:18px; margin-top:6px; margin-right:0px; margin-bottom:9px; margin-left:0px; }
.ccms_form_element select[multiple],
.ccms_form_element select[size]	{ height:auto; }
.ccms_form_element select		{ border:1px solid #d3d3d3; padding:3px; color:#999999; width:220px; }
.label_over label:first-child	{ display:block; width:95% !important; }
.label_over label:first-child	{ float:none !important; }
.cfdiv_header 					{ margin-top:25px; }
.cfdiv_submit 					{ text-align:center; }

.div_central { margin-left:auto; margin-right:auto; width:900px; }
@media screen and (max-width: 800px) {
	.div_central { width: 100%; /* The width is 100%, when the viewport is 800px or smaller */ }
}

.ccms_form_element input[type="submit"]{
	padding-top:5px !important; padding-bottom:5px !important; padding-right:15px !important; padding-left:15px !important; 
	border:none;
	background-color:#0d4100; color:#fff;
	text-align:center; font-size:16px;
	border-radius:10px;-webkit-border-radius:10px; -moz-border-radius:10px;
}
.ccms_form_element input[type="submit"]:focus { cursor:pointer; opacity:.60; }

/* == PAGE - index-psico ======================================================================== */
#divAntesComenzar {
	width:60%;
	float:center;
	text-align:left;
	margin:0 auto;
	font-size:16px;
}
.npButton2{
	outline:0;
	background:#3e782e;
	width:250px;
	border:0;
	padding:15px;
	margin-top:10px;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	-webkit-transition:all 0.3 ease;
	transition:all 0.3 ease;
	cursor:pointer;
	-webkit-border-radius:10px !important;
	-moz-border-radius:10px !important;
	-webkit-box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.54);
	-moz-box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.54);
	box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.54);
}
.npButtonSalir{background-color:red;color:white;padding:8px;padding-left:16px;padding-right:16px; border:none; -webkit-border-radius:10px !important; -moz-border-radius:10px !important; font-size:12px; text-align:center; cursor:pointer;font-size: 18px;font-weight: bold;-webkit-box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.54);	-moz-box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.54);	box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.54);}
.npButtonSalir:hover { cursor:pointer; opacity:.60; }