/*	--------------------------------------------
	
	Larousse Editorial SL
	
	Noviembre 2011
	login.css
	
 	--------------------------------------------*/
 		
	html{
	-webkit-box-shadow: inset 0px 2px 3px 0px rgba(121, 8, 9, .8);
	-moz-box-shadow: inset 0px 2px 3px 0px rgba(121, 8, 9, .8);
	box-shadow: inset 0px 2px 3px 0px rgba(121, 8, 9, .8); 		
	font:13px "helvetica neue", helvetica, arial, sans-serif;

		}	
	body {
        background: #a60709;
        min-width:0px;
		}
	ul li { 
		list-style: none; 
		}		
	a:focus{
    	outline: 0; 
		}
    a:hover{	
		text-decoration:none;     
		color:#006699;
		}
	.groupnew{
		position:relative;
		width:545px;
		padding:20px 40px 40px 40px;
		border:1px solid #ccc;
		float:left; 
		min-height:300px;
		margin:80px 0;
		background:#f9f9f9;
        border:1px solid #eee;
		-webkit-border-radius: 6px;
  		-moz-border-radius: 6px;
  		border-radius: 6px;
		-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 15px 75px 0px rgba(0, 0, 0, 0.5); 
		}			
	.logo{
		float:left;
		width:100%;
		}
    .msg{
        width:490px; 
        float:left; 
        margin-bottom:0px;
        }
	.block{
		position:relative;
		float:left;
		width:250px;
		height:280px;
		margin:20px 0 0 0;
		}
	.block p{
		float:left;
		margin:20px 0 0 0;
		line-height:1.6em;
		font-size:13px;
		color:#777;
		}	
	.block.esq{
		float:right;
		}		
	.separa_block{
		float:left;
		width:1px;
		height:300px;
		margin:0 19px;
		background: url(../img/separa.png) no-repeat center;
		}
	.conten-log{
		width:627px; 
		margin:0 auto;
	}
/*	--------------------------------- 
	Formularios		
	---------------------------------*/
	#FormDades{
		margin:40px 0 0 0;
		}
	#form{
		position:relative;
		top:3px;
		}
	input.span{ 
		padding:9px;
		font-size:16px;
		width:228px !important;
		color:#444;
		}	
	select.span{ 
		width:248px;
		font-size:14px;
		padding:7px;
		height:35px;
		}			
	h4{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:20px;
		color:#a0a0a0;
		margin-bottom:20px;
		}
	.separa{
		border-top:1px dotted #ccc;
		padding-top:15px;
		}
	.recordar{
		position:absolute;
		bottom:15px;
		left:0px;
		width:100%;
		font-size:11px;
		}
	.botons{	
		float:left;
		width:540px; 
		margin-top:10px; 
		margin-left:0; 
		border-top:1px dotted #ccc; 
		padding-top:20px;	
		position:absolute; 
		bottom:20px;
		}
	div.clearfix{
		margin:0 0 20px 0;
		}		
	.controls img {
        float:left;
		border:1px solid #ccc;
        margin-bottom:10px;
		}
	.control-group{
		margin-bottom:0;
	}	
	label{
		float:left;
		margin:5px 0 0 0 ;
		width:140px;
		font-weight:bold;
		color:#777;
		}
	.form-horizontal .control-label{
		text-align:left;
	}		
	label.checkbox{
		margin:0 0 60px 0;
		width:auto;
		}			
		
/*	---------------------------------
	Boton Login
	---------------------------------*/
	.btnLogin{	
		position:absolute;
		top:150px;
		}
	.thoughtbot {
	  	background: rgb(196,76,76);
		background: -moz-linear-gradient(top, rgba(160,160,160,1) 0%, rgba(88,88,88,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,76,76,1)), color-stop(0%,rgba(160,160,160,1)), color-stop(100%,rgba(88,88,88,1)));
		background: -webkit-linear-gradient(top, rgba(196,76,76,1) 0%,rgba(160,160,160,1) 0%,rgba(88,88,88,1) 100%);
		background: -o-linear-gradient(top, rgba(196,76,76,1) 0%,rgba(160,160,160,1) 0%,rgba(88,88,88,1) 100%);
		background: -ms-linear-gradient(top, rgba(196,76,76,1) 0%,rgba(160,160,160,1) 0%,rgba(88,88,88,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#585858',GradientType=0 );
		background: linear-gradient(top, rgba(196,76,76,1) 0%,rgba(160,160,160,1) 0%,rgba(88,88,88,1) 100%);

	  	border: 1px solid #666;
	  	border-bottom: 1px solid #444;
	  	-webkit-border-radius: 5px;
	  	-moz-border-radius: 5px;
	  	-ms-border-radius: 5px;
	 	-o-border-radius: 5px;
	  	border-radius: 5px;
	  	
	  	-webkit-box-shadow: inset 0 1px 0 0 #bababa;
	  	-moz-box-shadow: inset 0 1px 0 0 #bababa;
	  	-ms-box-shadow: inset 0 1px 0 0 #bababa;
	  	-o-box-shadow: inset 0 1px 0 0 #bababa;
	  	box-shadow: inset 0 1px 0 0 #bababa;
	  	float:right;
	  	color: #eee;
	  	font: 14px "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	  	line-height: 1;
	  	padding: 10px 0 11px 0;
	  	text-align: center;
	  	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4);
	  	width: 250px; 
	  	margin-top:23px;	  	
 		}
	button.thoughtbot.new{
		float:left;
		width:150px;
		margin:0 20px 0 0;
		}	
	button.thoughtbot.new.right{
		float:right;
		margin:0;
		}
	#nuevo{
		margin-top:27px;
		}
  	.thoughtbot:hover {
		background: rgb(196,76,76);
		background: -moz-linear-gradient(top, rgba(196,76,76,1) 0%, rgba(132,132,132,1) 0%, rgba(88,88,88,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,76,76,1)), color-stop(0%,rgba(132,132,132,1)), color-stop(100%,rgba(88,88,88,1)));
		background: -webkit-linear-gradient(top, rgba(196,76,76,1) 0%,rgba(132,132,132,1) 0%,rgba(88,88,88,1) 100%);
		background: -o-linear-gradient(top, rgba(196,76,76,1) 0%,rgba(132,132,132,1) 0%,rgba(88,88,88,1) 100%);
		background: -ms-linear-gradient(top, rgba(196,76,76,1) 0%,rgba(132,132,132,1) 0%,rgba(88,88,88,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#a0a0a0',GradientType=0 );
		background: linear-gradient(top, rgba(132,132,132,1) 0%,rgba(88,88,88,1) 100%);
		cursor: pointer; 
   	 	}
	.thoughtbot:active {
		-webkit-box-shadow: inset 0 0 20px 0 #3a3a3a, 0 1px 0 white;
		-moz-box-shadow: inset 0 0 20px 0 #3a3a3a, 0 1px 0 white;
		-ms-box-shadow: inset 0 0 20px 0 #3a3a3a, 0 1px 0 white;
		-o-box-shadow: inset 0 0 20px 0 #3a3a3a, 0 1px 0 white;
		box-shadow: inset 0 0 20px 0 #3a3a3a, 0 1px 0 white; 
    	}			
		
		
/*	---------------------------------
	Boton Alta
	--------------------------------*/		
	button.skip {
		background: rgb(196,76,76);
		background: -moz-linear-gradient(top, rgba(252,98,98,1) 0%, rgba(166,7,9,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,98,98,1)), color-stop(100%,rgba(166,7,9,1)));
		background: -webkit-linear-gradient(top, rgba(252,98,98,1) 0%,rgba(166,7,9,1) 100%);
		background: -o-linear-gradient(top,rgba(252,98,98,1) 0%,rgba(166,7,9,1) 100%);
		background: -ms-linear-gradient(top, rgba(252,98,98,1) 0%,rgba(166,7,9,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c44c4c', endColorstr='#a60709',GradientType=0 );

		background: linear-gradient(top,rgba(196,76,76,1) 0%,rgba(165,51,51,1) 100%);
	
	  	border: 1px solid #a53333;
	  	-webkit-border-radius: 5px;
	  	-moz-border-radius: 5px;
	  	-ms-border-radius: 5px;
	  	-o-border-radius: 5px;
	 	border-radius: 5px;

	 	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(143, 143, 100, 0.4), 0 1px 4px #999;
	 	-moz-box-shadow: inset 0px 0px 0px 1px rgba(143, 143, 100, 0.4), 0 1px 4px #999;
		-ms-box-shadow: inset 0px 0px 0px 1px rgba(143, 143, 100, 0.4), 0 1px 4px #999;
	  	-o-box-shadow: inset 0px 0px 0px 1px rgba(143, 143, 100, 0.4), 0 1px 4px #999;
	  	box-shadow: inset 0px 0px 0px 1px rgba(143, 143, 100, 0.4), 0 1px 4px #999;

	  	color: #fff;
	  	font: 14px "helvetica neue", helvetica, arial, sans-serif;
	  	padding: 7px 25px 8px 25px;
	  	text-decoration: none;
	  	text-align: center;
	 	text-shadow: 0 -1px 1px #292929;
	  	width: auto; 
		 }
	.new button.skip{
		float:left;
		width:150px;
		}
	button.skip:hover {
		background: rgb(196,76,76);
		background: -moz-linear-gradient(top, rgba(196,76,76,1) 0%, rgba(201,16,10,1) 0%, rgba(166,7,9,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,76,76,1)), color-stop(0%,rgba(201,16,10,1)), color-stop(100%,rgba(166,7,9,1)));
		background: -webkit-linear-gradient(top, rgba(196,76,76,1) 0%,rgba(201,16,10,1) 0%,rgba(166,7,9,1) 100%);
		background: -o-linear-gradient(top, rgba(196,76,76,1) 0%,rgba(201,16,10,1) 0%,rgba(166,7,9,1) 100%);
		background: -ms-linear-gradient(top, rgba(196,76,76,1) 0%,rgba(201,16,10,1) 0%,rgba(166,7,9,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a60709', endColorstr='#c44c4c',GradientType=0 );
		background: linear-gradient(top, rgba(196,76,76,1) 0%,rgba(201,16,10,1) 0%,rgba(166,7,9,1) 100%);
		cursor: pointer; 
    	}
	button.skip:active {
		background: rgb(196,76,76);
		background: -moz-linear-gradient(top, rgba(196,76,76,1) 0%, rgba(130,6,6,1) 0%, rgba(166,7,9,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,76,76,1)), color-stop(0%,rgba(130,6,6,1)), color-stop(100%,rgba(166,7,9,1)));
		background: -webkit-linear-gradient(top, rgba(196,76,76,1) 0%,rgba(130,6,6,1) 0%,rgba(166,7,9,1) 100%);
		background: -o-linear-gradient(top, rgba(196,76,76,1) 0%,rgba(130,6,6,1) 0%,rgba(166,7,9,1) 100%);
		background: -ms-linear-gradient(top, rgba(196,76,76,1) 0%,rgba(130,6,6,1) 0%,rgba(166,7,9,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c44c4c', endColorstr='#a60709',GradientType=0 );
		background: linear-gradient(top, rgba(196,76,76,1) 0%,rgba(130,6,6,1) 0%,rgba(166,7,9,1) 100%);

		-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
		-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
		-ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
		-o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
		box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); 
		}

		
	.modal-header h3{
		color:#454545;
		}
	.modal-body{
		overflow:auto; 
		height:350px; 
		color:#666;
		}
	.modal-footer{
		background:#e9e9e9;
		}	
		
				
/*	--------------------------------
	Errores
	--------------------------------*/				
	ul.errors{
		float:left;
		margin:0;
		width:auto;
		}
	ul.errors li{
		padding:5px 0;
		color:#CC0000;
		}			
	#FormDades ul.errors{
		float:left;
		width:100%;
		margin:0 0 0 0;
		display:inline;
		}
	#FormDades > ul.errors li{
		padding:5px 0;
		color:#CC0000;
		}
				
		
	.code{
		background:#F6F5DD;
		}