/* Login */
.apartado_login {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    padding: 20px;
    margin-left: 7px;
    margin-right: 7px;
}
.form-login{
	color:#000000;
}
.form-login-username{}
.form-login .input{
	border: medium none;
}
.input textarea{
	width:85%;
}

textarea{
	width:100%;
}
#contenedor .modlgn_ws_formlogin label{
	color:#000000;
	font-family:'Roboto';
	font-size:13px;
	padding:7px 10px;
}
#form-login-password{
	margin-top:5px;
}
form#login-form {
    margin: 0 auto;
    width: 35%;
}
#modlgn_ws_username, #modlgn_ws_passwd {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    border-radius: 25px;
    background-color: #767676;
    color: #fff !important;
    margin-bottom: 10px;
    height: 45px;
    padding-left: 16px;
    position: relative;
    clear: left;
    margin: 0px;
        margin-top: 0px;
    margin-top: 10px;
}
#modlgn_ws_submit {
    text-align: center;
    background-color: #d61516;
    border-radius: 25px !important;
    color: #fff;
    border: none !important;
    margin: 18px auto !important;
    font-family: 'Roboto', sans-serif;
    padding: .84rem 2.14rem;
    font-size: .81rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
@media (max-width: 800px){
	form#login-form {	
    	width: 50%;
	}
	.userdata{
		width: 100%;
	}
}
@media (max-width: 580px){
	form#login-form {	
    	width: 80%;
	}
}
/* Login */

section.header {
    position: relative;
    background-color: #891515;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 0;
}
section.header div.elementos {
    position: relative;
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}
section.header div.elementos h1 {
    font-size: 21px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
    padding-right: 20px;
}
@media (max-width: 1180px){
	section.header div.elementos{
		width: 97%;
		padding-left: 2%;
		margin-left: 9px;
	}
}
/*******propuesta*******/
		#buzon_propuesta input[type="checkbox"]:not(old) {
			width: 2em;
			margin: 0;
			padding: 0;
			font-size: 1em;
			opacity: 0;
		}
		#buzon_propuesta input[type=checkbox]:not(old) + label{
		  display      : inline-block;
		  margin-left  : -1em;
		  line-height  : 1.5em;
		}
		#buzon_propuesta input[type="checkbox"]:not(old) + label > span {
			display: inline-block;
			width: 18px;
			height: 18px;
			margin: 3px 6px 3px 3px;
			border: 1px solid #B20000;
			border-radius: 0.25em;
			background: rgb(224,224,224);
				background-image: none;
			background-image: -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
			background-image: -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
			background-image: -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
			background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
			background-image: linear-gradient(rgb(255,255,255),rgb(255,255,255));
			vertical-align: bottom;
		}
		#buzon_propuesta input[type=checkbox]:not(old):checked + label > span:before{
		  content     : '✓';
		  display     : block;
		  width       : 1em;
		  color       : #B20000;/*rgb(153,204,102);*/
		  font-size   : 0.875em;
		  line-height : 1em;
		  text-align  : center;
		  text-shadow : 0 0 0.0714em rgb(115,153,77);
		  font-weight : bold;
		   margin: 3px;
		}
		#buzon_propuesta input[type="radio"]:not(old) {
			width: 2em;
			margin: 0;
			padding: 0;
			font-size: 1em;
			opacity: 0;
		}
		#buzon_propuesta input[type=radio]:not(old) + label{
		  display      : inline-block;
		  margin-left  : -2em;
		  line-height  : 1.5em;
		}
		#buzon_propuesta input[type="radio"]:not(old) + label > span {
			display: inline-block;
			width: 18px;
			height: 18px;
			margin: 3px 6px 3px 3px;
			border: 1px solid #B20000;
			border-radius: 1em;
			background: rgb(224,224,224);
				background-image: none;
			background-image: -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
			background-image: -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
			background-image: -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
			background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
			background-image: linear-gradient(rgb(255,255,255),rgb(255,255,255));
			vertical-align: bottom;
		}
		#buzon_propuesta input[type=radio]:not(old):checked + label > span:before{
		  content     : '✓';
		  display     : block;
		  width       : 1em;
		  color       : #B20000;/*rgb(153,204,102);*/
		  font-size   : 0.875em;
		  line-height : 1em;
		  text-align  : center;
		  text-shadow : 0 0 0.0714em rgb(115,153,77);
		  font-weight : bold;
		   margin: 3px;
		}

/************boots*******/
 .boton_sugerencia, .boton_propuesta, .boton_queja, .boton, .boton_buzon{
	color: #FFF;
	border: 0px;
	/*padding: 10px 20px;*/
	font-size: 17px;
	cursor: pointer;
	width: 287px;
	height: 63px;
	text-transform: uppercase;
 }
 .color1{
	 background:#EA0000;
}
.color2{
	 background:#D20000;
}
.color3{
	 background:#B20000;
}
.color4{
	 background:#910000;
}
.mov{
	width:100%;
}
.buzon_opcionFormulario{
	width: 25%;
	text-align: center;
	float: left;
	padding: 20px 0;
	min-height: 47px;
}
.buzon_descipcion{
	font-family: 'Roboto', sans-serif;

	font-size:20px;
}
#ancla{	
	height:5px; 
	width:100%;
}
label{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #444;
}
label spam{
	font-size: 13px;
}
.satisfecho label{
	font-size:12px;
}
.satisfecho .boton_mini {
	padding: 2px 10px;
}
p{
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	color: #444;
}
.curs{
	font-size: 16px;
	font-weight: bold;
}
li{
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #444;
	list-style-position: inside;
}
.buzon_input{
	margin-bottom: 20px;
	height: auto;
	overflow: hidden;
}
 input[type="text"], input[type="number"], input[type="email"], input[type="file"], textarea {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color -moz-use-text-color #c9c9c9;
	border-image: none;
	border-style: none none solid;
	border-width: medium medium 2px;
	padding: 10px;
	transition: border 0.3s ease 0s;
	width: 100%;
	font-family: 'Roboto', sans-serif !important;
	font-size: 15px !important;
}
.input_mini{
	width: 30%;
}
.boton_mini{
	padding: 10px 20px;
	border: 0;
	color: #FFF;
	font-size: 14px;
}
td {
	padding: 3px 0px;
	border-bottom: 1px solid #eaeaea;
	font-weight: initial;
	font-family: 'Roboto';
	font-size: 12px;
}
.satisfecho{
	padding:4px;
}
#buzon_queja a, #buzon_sugerencia a, #buzon_propuesta a{
	color:#333 !important;
	font-size:14px !important;
}
/*******propuesta*******/
    	#buzon_propuesta input[type="checkbox"]:not(old) {
    		width: 2em;
    		margin: 0;
    		padding: 0;
    		font-size: 1em;
    		opacity: 0;
    	}
    	#buzon_propuesta input[type=checkbox]:not(old) + label{
    		display : inline-block;
    		margin-left : -2em;
    		line-height : 1.5em;
    	}
    	#buzon_propuesta input[type="checkbox"]:not(old) + label > span {
    		display: inline-block;
    		width: 18px;
    		height: 18px;
    		margin: 3px 6px 3px 3px;
    		border: 1px solid #B20000;
    		border-radius: 0.25em;
    		background: rgb(224,224,224);
    			background-image: none;
    		background-image: -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    		background-image: -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    		background-image: -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    		background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    		background-image: linear-gradient(rgb(255,255,255),rgb(255,255,255));
    		vertical-align: bottom;
    	}
    	#buzon_propuesta input[type=checkbox]:not(old):checked + label > span:before{
    		content : '✓';
    		display : block;
    		width : 1em;
    		color : #B20000;/*rgb(153,204,102);*/
    		font-size : 0.875em;
    		line-height : 1em;
    		text-align : center;
    		text-shadow : 0 0 0.0714em rgb(115,153,77);
    		font-weight : bold;
    		margin: 3px;
    	}
    	#buzon_propuesta input[type="radio"]:not(old) {
    		width: 2em;
    		margin: 0;
    		padding: 0;
    		font-size: 1em;
    		opacity: 0;
    	}
    	#buzon_propuesta input[type=radio]:not(old) + label{
    		display : inline-block;
    		margin-left : -2em;
    		line-height : 1.5em;
    	}
    	#buzon_propuesta input[type="radio"]:not(old) + label > span {
    		display: inline-block;
    		width: 18px;
    		height: 18px;
    		margin: 3px 6px 3px 3px;
    		border: 1px solid #B20000;
    		border-radius: 1em;
    		background: rgb(224,224,224);
    			background-image: none;
    		background-image: -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    		background-image: -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    		background-image: -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    		background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    		background-image: linear-gradient(rgb(255,255,255),rgb(255,255,255));
    		vertical-align: bottom;
    	}
    	#buzon_propuesta input[type=radio]:not(old):checked + label > span:before{
    		content : '✓';
    		display : block;
    		width : 1em;
    		color : #B20000;/*rgb(153,204,102);*/
    		font-size : 0.875em;
    		line-height : 1em;
    		text-align : center;
    		text-shadow : 0 0 0.0714em rgb(115,153,77);
    		font-weight : bold;
    		margin: 3px;
    	}
    	/************boots*******/
    	.table-responsive{
    		overflow-x:inherit;
    	}
    	#contenedor{
    		width:1180px;
			margin: auto;
    	}
    	 .boton_sugerencia, .boton_propuesta, .boton_queja, .boton, .boton_buzon{
    		color: #FFF;
    		border: 0px;
    		/*padding: 10px 20px;*/
    		font-size: 17px;
    		cursor: pointer;
    		width: 287px;
    		height: 63px;
    		text-transform: uppercase;
    	 }
    	 .color1{
    		 background:#EA0000;
    	}
    	.color2{
    		 background:#D20000;
    	}
    	.color3{
    		 background:#B20000;
    	}
    	.color4{
    		 background:#910000;
    	}
    	.mov{
    		width:100%;
    	}
    	.buzon_opcionFormulario{
    		width: 25%;
    		text-align: center;
    		float: left;
    		padding: 20px 0;
    		min-height: 47px;
    	}
    	.buzon_descipcion{
    		font-family: 'Roboto', sans-serif;

    		font-size:20px;
    	}
    	#ancla{ 
    		height:5px; 
    		width:100%;
    	}
    	label{
    		font-family: 'Roboto', sans-serif;
    		font-size: 15px;
    		color: #444;
    	}
    	label spam{
    		font-size: 13px;
    	}
    	.satisfecho label{
    		font-size:12px;
    	}
    	.satisfecho .boton_mini {
    		padding: 2px 10px;
    	}
    	p{
    		font-family: 'Roboto', sans-serif;
    		font-size: 17px;
    		color: #444;
    	}
    	.curs{
    		font-size: 16px;
    		font-weight: bold;
    	}
    	li{
    		font-family: 'Roboto', sans-serif;
    		font-size: 13px;
    		color: #444;
    		list-style-position: inside;
    	}
    	.buzon_input{
    		margin-bottom: 20px;
    		height: auto;
    		overflow: hidden;
    	}
    	 input[type="text"], input[type="number"], input[type="email"], input[type="file"], textarea {
    		-moz-border-bottom-colors: none;
    		-moz-border-left-colors: none;
    		-moz-border-right-colors: none;
    		-moz-border-top-colors: none;
    		border-color: -moz-use-text-color -moz-use-text-color #c9c9c9;
    		border-image: none;
    		border-style: none none solid;
    		border-width: medium medium 2px;
    		padding: 10px;
    		transition: border 0.3s ease 0s;
    		width: 100%;
    		font-family: 'Roboto', sans-serif;
    		font-size: 15px;
    	}
    	.input_mini{
    		width: 30%;
    	}
    	.boton_mini{
    		padding: 10px 20px;
    		border: 0;
    		color: #FFF;
    	}
    	td {
    		padding: 3px 0px;
    		border-bottom: 1px solid #eaeaea;
    		font-weight: initial;
    		font-family: 'Roboto';
    		font-size: 12px;
    	}
    	.satisfecho{
    		padding:4px;
    	}
    	@media (max-width: 1180px){
    		#contenedor {
    			width:100% !important;
    		}
    		.buzon_opcionFormulario{
    			float:none !important;
    			margin: 0 auto;
    		}
    	}
    	@media (max-width: 800px){
    		.buzon_opcionFormulario{
    			width:50% !important;
    		}
    		.boton_sugerencia, .boton_propuesta, .boton_queja, .boton_buzon, .boton
    		{
    			width:100% !important;
    		}
    	}