body
{
	background: #FBFBFB;
	color: #000;
	font-family: Helvetica, Arial;
	font-size: 1em;
}


h1
{
	color: #000;
	font-family: Helvetica, Arial;
	font-size: 1.8em;
	text-align:center;
}

.comentario
{

margin-bottom: 2px;
margin-top: 10px;
background-color: #666;
width: 90%;
color:#fff;
cursor: pointer;
font-size: 15px;
padding:2px;

}

#test-header
{
	margin: 0 auto;
	max-width: 550px;
	display: block;
}

#test-header img
{
	float:left;
	width:130px;
}

#test-header h1
{
	float:right;
	padding-top: 20px
}


.imgcaptcha
{
    margin-left: 25px;
    margin-top: -8px;
}


#login ol
{
	padding-left: 25px;}



#admin
{
	text-align:center;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	padding-top: 10px;
	padding-bottom: 10px
}

#alta-empresa
{
	margin: 0 auto;
	max-width: 550px;
}

#selecters
{
	width: 290px;
	margin-bottom: 20px;
}

#selecters input, select
{

	margin-top: 5px;
	
}
.captcha
{
	top: -6px;
	position: relative;
}

.captchaText
{
	margin-bottom: 3px;
	font-size: 1em;
	margin-top: 15px;
}

#selecters li
{
list-style:none;
margin-top: 10px
}
#obj_right
{
	float: right;
	margin-bottom: 20px
}

#obj_left
{
	float: left;
	margin-bottom: 20px
}

#portada
{
	margin: 0 auto;
	max-width: 550px;
	margin-top: 100px;
	clear: left;

}


.btn_sig
{
	text-align: right;
	margin-top: 10px;
	cursor: pointer;
	margin-bottom:20px;

}

#test
{
	margin: 0 auto;
	max-width: 550px;
	display:none;
	margin-top: 100px;
}

#test li
{
	list-style-type: square;
	font-size: 1.4em;
	float: left;
}

#green-boxy
{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #00B050;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: -2px
}

#yellow-boxy
{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #FFC000;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: -2px
}

#red-boxy
{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #FF0000;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: -2px
}

#green-boxy
{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #00B050;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: -2px
}

#yellow-boxy
{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #FFC000;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: -2px
}

#red-boxy
{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #FF0000;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: -2px
}

input.green-box
{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #00B050;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: -2px;
	border:none;
	color:#00B050;
}



input.yellow-box
{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #FFC000;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: -2px;
	border:none;
	color:#FFC000;
}



input.red-box
{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #FF0000;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: -2px;
	border:none;
	color:#FF0000;
}






#test-libre
{
	margin: 0 auto;
	max-width: 550px;
	display:none;
	margin-top: 100px;
}

#test textarea
{
	width: 90%;
	height: 100px;
	resize:none;
	display: none;

}

#enviar-test
{
text-align: center;
width: 90%;
height: 40px;
margin-bottom: 20px;
margin-top:10px
}

#creu
{
	position: relative;
	top:-34px;
	left: 19px;
	display: inline-block;
	display: none;


}

ol.h2t2 li
{
	font-size: 1em !important;
	clear:left !important;
	margin-bottom: 10px;
	list-style-type: inherit !important;
	float: none!important;
}

.blcolor
{
	display: inline-block;
}

input.btn_big 
{
	font-size: 1.2em;
	/*background-color: #DFE0E1*/
	padding: 15px 25px;
	margin-top:5px;
	width: 200px
}




.preguntas ol
{
	padding-left: 20px
}

.preguntas li
{
	width: 90%;
	float:left;
	margin-bottom: 5px;
	padding-left: 0px
}

.grupos li, .subgrupos li{
	width: 90%;
	float:left;
	margin-bottom: 5px;
	padding-left: 0px
}



.preguntas img
{
	float:right;
	cursor:pointer;
}

.grupos img, .subgrupos img
{
	float:right;
	cursor:pointer;
}

#btn_guardar
{

margin-top:20px;
margin-left:240px;

margin-bottom:20px;

}


.removeGrup
{
	margin-right: 20px
}

.subButton
{
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 12px
}

/*  estilo tabla */


#toExcel
{

margin-left:15%; 

}

#toExcel h1
{

text-align: left;
font-size: 26px;
font-weight: bold;
margin-bottom: -20px;
margin-top: 30px

}

.result_table
{

border:1px #E0E0E0;
width: 80%;

}

.tit-sub
{

font-size: 18px;
margin-bottom: 5px;
margin-top: 10px

}


.result_table th
{

color: #fff;
background-color: #888888;
font-size: 18px;
font-weight: normal;
border-color:#fff;

}

.result_table tr:nth-child(odd)
{
background-color: #E0E0E0

}

.result_table td.dato
{

text-align: center;
}


.result_table td
{

padding:6px;

}



.user_table th
{

color: #fff;
background-color: #888888;
font-size: 18px;
font-weight: normal;
border-color:#fff;
width: 160px;
text-align: left;
padding: 6px;
padding-left: 25px

}

.user_table tr:nth-child(odd)
{
background-color: #E0E0E0

}


.user_table td
{

padding:6px;
padding-left: 25px

}



#FormularioExportacion
{
	text-align: center;


}

.botonExcel
{
		cursor: pointer;
		margin-top: 15px;
		margin-bottom: 15px;
		width:50px;
		display:none
}

/* Login */

#login
{
	margin: 0 auto;
	max-width: 300px;
	margin-top: 15px;
	border: 1px #ccc solid;
	padding:25px;
	background-color: #fff
;
	padding-bottom: 50px;
}

#password
{
	margin-top: 2px;
}

#mail
{
	margin-top: 2px;
}

.btn_log
{
	float: right;
	margin-top: 10px
}

.solicitar_clave
{
	margin-top: 60px;
	/* cursor: pointer; */
	font-size: 14px;
	background-color: #ccc;
	text-align: center;
	/* padding: 1px; */
	height: 1px;
	position: relative;
	margin-bottom: 14px;
	margin-bottom: 17px;
}

.solicitaText
{
    margin-top: 6px;

    font-size: 14px;
}


.solicitar_link

{
	cursor: pointer;
	text-decoration: underline;
}

#window_sol
{
	  background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .9);
	height: 100%;
	
	  position: fixed;
	
	  top: 0px;
	width: 100%;
	display: none
}

.window_close
{
	position: absolute;
	top:0px;
	height: 100%;
	width:100%;
	z-index: 0;

}

#solicitud_clave p
{
	 font-size: 14px;
	 margin-bottom: -8px;
}

#solicitud_clave{
margin: 0 auto;
max-width: 300px;
margin-top: 15px;
border: 1px #ccc solid;
padding: 25px;
background-color: #fff;
z-index: 1;
position: relative;
}


#presentacion
{
	margin: 0 auto;
	max-width: 550px;
	padding: 4px;
	background-color: #fff;
	text-align: center;
	font-size: 18px;
	clear:left;
	border-top:1px #ccc solid;

}

.txt_small
{	margin: 0 auto;
	max-width: 550px;
	margin-top: 30px;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	border-top:1px #ccc solid;
	padding-top:20px;
}

#header-login
{
	margin: 0 auto;
	max-width: 550px;
	margin-top: 10px;


}

#header-login img
{
	width:130px;
	float: left;
	margin-left: 20px

}



#header-login h1
{

	margin-right: 20px;
	margin-top: 0px;
	font-family: Helvetica,Arial;
	font-weight: normal;
	font-size: 46px;
	margin-bottom: 0px;
	text-align: right;

}

#footer-login
{

	text-align: center;
	font-size: 12px;
	margin-top: 30px;
	color: #666;
	padding-bottom: 10px
}

#msg
{
	margin: 0 auto;
	text-align: center;
	border: 1px #ccc solid;
	padding:20px;
	width: 300px;
	margin-top: 40px
	
}

#masinfo
{
	font-size: 10px;
	float: right;
	position: relative;
	width: 200px;
	left: -40px;
	top: 30px;
	color: #777
}
.datepicker{

	padding-left: 3px
}

#btneliminar
{

	padding:10px;
	margin-top: 10px
}

#recaptcha_area, #recaptcha_table 
{
	margin-left:-5%;
	
}

@media screen and (max-width:414px){

#form1 input
{
	width: 100%;
	height: 30px;
	margin-bottom: 15px;
	margin-top: 5px

}
#form1
{
	font-size: 20px;

}

#form1 input
{
	width: auto;
	height: 30px;
	margin-bottom: 15px;
	margin-top: 5px;}
#form1
{
	font-size: 17px;

}

#header-login
{
	text-align: center;
}

#header-login img
{
	float: none;
	margin-left: 0px
}

#header-login h1
{
	text-align: center;
	margin: 0px;
	padding-top: 0px
}


#login{
max-width: none;
}

#recaptcha_area, #recaptcha_table 
{
	margin-left:0%;
	
}

.txt_small
{
	font-size: 16px
}

.solicitar_clave
{
font-size: 18px;
height: 25px;
padding-top:2px 
}

#solicitud_clave p
{
	font-size: 16px
}

#solicitud_clave input
{
	width: 100%;
	height: 30px;
	margin-bottom: 15px;
	margin-top: 5px;
	margin-left: -10px
}

#form2
{
	font-size: 20px
}

.btn_log
{
margin-top: 25px
}

#form1 input
{
	margin-left: 10px
}




#test-header{

text-align: center;
}

#test-header img
{
	clear: left;
	float: none;
	width: 100px;
	margin-top: -20px
}

#test-header h1
{
	clear: right;
	float: none;
	padding-top: 0px;
	margin-top: 0px;
}

#portada
{
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px
}

#test
{
	margin-top: 30px;

}

#btn_session
{
    width: 100% !important;
}


.captcha
{
    width: 84px !important;
    top: -12px;
}

.blcolor
{
	display: block;
}


}


@media screen and (max-width:370px){

#recaptcha_area, #recaptcha_table 
{

		margin-left: -5%
	
}

}

@media screen and (max-width:344px){

#recaptcha_area, #recaptcha_table 
{
		margin-left: -10%
	
}

}

@media screen and (max-width:430px){

#ley
{
		width: 300px;
	
}

}

@media screen and (max-width:576px){

#portada
{
	margin-left: 10px;
	margin-right: 10px
}


#test
{
	margin-left: 10px;
	margin-right: 10px
}


}