/*-----------------------------------------------------------------------------------*/
/* GENERAL
/*-----------------------------------------------------------------------------------*/

body{
	margin:0;
	height:auto;
	font-weight: 200;
	background-color: #fff;
	font-size:12px;
}
.titulo_home{color:#737b80;font-size:14px; margin-top:0; padding: 10px 10px 0px 10px; text-align:center:width:100%}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	color: #FFFFFF;
	font-weight: 700;
	text-align: center;
}

h1{
	
	font-family: 'Source Sans Pro', sans-serif;
	color: #333;
	font-size: 2.3em;
	font-weight: 600;
	text-align: center;
	line-height:1.2;
	letter-spacing:0,8px;


	
}
	
	p{
	font-size:12px;
	
	}
	
	.lead{
	  font-weight: 700;
	 font-family: 'Source Sans Pro', sans-serif;
	}
	
	.gris{
	  background-color: #e2e2e2;
	}
	

.lead{
	font-weight: 300;
}

button {
	display: inline-block;
	margin-bottom: 0;
	margin-bottom: 10px;
	padding: 6px 12px;
	border: 1px solid transparent;
	border-radius: 4px;
	border-radius: 5px;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.428571429;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}


	
	/*-----------------------------------------------------------------------------------*/
	/* NAVBAR
	/*-----------------------------------------------------------------------------------*/
	
	.navbar {
	color: #333;
	width:100%;
	float:left;

	}
	
	
	.navbar .box {
	
	background-color:#e2e2e2;
	width:75%;
	height: 115px;
	margin:30px auto 0 auto;
	border-radius:10px 10px 0 0;


	
	}
	.navbar-nav > li > a {
		color:#333;
	  
	   
	}
	.navbar-nav > li:last-child > a {
	   
	}
	
	.navbar-nav li a:hover {
		background-color:#666;
	}
	
	.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open >   		a:focus {
	  color: #000;
		opacity:.9;
	}
	
   .activo {
	   opacity:0.7;
	}
	
	
	.navbar-brand {
	color: #333;
	
	}
	
	.accordion-group {
	  border-width:0;
	}
	
	.dropdown-menu {
	  min-width: 250px;
	  background-color:#333;
	}
	
	.caret {
	  color:#fff;
	}
	
	.navbar-toggle {
	  color:#fff;
		border-width:0;
	}
	  
	.navbar-toggle:hover {
	  background-color:#fff;
	}
	
	.panel,.panel-heading {
		border-radius:0;
		border-width:0;
		-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.09);
	  box-shadow: 0 3px 3px  rgba(0, 0, 0, 0.09);
	}
	
	.thumbnail {
	  margin-bottom:8px;
	  border-radius:0;
	}
	
	.well {
		border-radius:0;
	}
	
	.accordion-heading .accordion-toggle, .accordion-inner, .nav-stacked li > a {
	  padding-left:1px;
	}
	
	.caret {
	  color:#fff;
	}
	
	.navbar-toggle {
	  color:#fff;
		border-width:0;
	}
	  
	.navbar-toggle:hover {
	  background-color:#fff;
	  
	  
	  }
	  

nav.acceder ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  float: right;
  background: #423352;
  margin-top:30px;
  margin-right:50px;
  border-radius:4px;
 

}
li a span {
  font-size: 10px;
  
}
nav.acceder #login,
nav.acceder #signup a {
  display: inline-block;
 	font-size:2 em;
	line-height: 20px;
	padding: 15px;
	font-weight:400;
	text-decoration: none;
	color: #fff;
	font-family:'Source Sans Pro', sans-serif;
	
}
nav.acceder #login-content {
 	display: none;
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 999;    
	background: #fff;
	padding: 18px 15px;
	box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
	border-radius: 4px;
	width: 270px; 
}
#login-content .user{

  padding: 6px 5px;
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 1px #ccc solid;
  line-height:1;
  background: #fff;
}

#login-content .pass{

  padding: 6px 5px;
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 1px #ccc solid;
  line-height:1;
  background: #fff;
}


#submit {    
  background-color: #444;   
  float: left;
  height: 30px;
  padding: 0;
  border:none;
  width: 238px;
  cursor: pointer;
  font: bold 14px Arial, Helvetica;
  color: #fff;
  border-radius: 3px;
}
#submit:hover,
#submit:focus {    
  background-color: #666;
} 
#submit:active {   
  outline: none;
  
}
label .acceder {
	line-height: 30px;
	font-size: 13px;
	color: #666;
	
}

  .registro {    
	background-color:#423359;
	float: left;
	height: 30px;
	padding: 0;
	width: 130px;
	cursor: pointer;
	font: bold 14px Arial, Helvetica;
	color: #fff;
  }
  	  

  
   /*-----------------------------------------------------------------------------------*/
  /*	textos
  /*-----------------------------------------------------------------------------------*/
  
  .texto{

	color: black;
	width:100%;
	float:left;

  }
  
  .texto .box{

	
	background-color:#f2f2f2;
	width:75%;
	height: 280px;
	margin:0 auto 0 auto;
	
	
  }
  
  
  
  .texto  h2 {
	font-weight: 5em;
	padding:80px 0;
	width:100%;
	float:left;
	color:#333;
	

  }
  
  
  .blank{

	width:100%;
	float:left;

  }
  
	.blank .box {
	
	background-color:#423352;
	width:75%;
	height: 130px;
	margin:0 auto 0 auto;
	


	
	}
  
  
    .foto{

	height: auto;
	margin: 0 auto 0 auto;
	width: 100%;
	float:left;

  }
  
  
  	.foto .box {
	
	background-color:#000;
	width:75%;
	height: 485px;
	margin:0 auto 0 auto;

	
	


	
	}
  

    .foto h1{
	color: #fff;
	margin-top:50px;
	

  }
  
  
  .borde{
	width:100%;
	float:left;
	height:3px;

  }
  
    
  .borde .box{
	width:75%;
	background-color:#fff;
	height:3px;
	margin:0 auto;

  }
  
  
  
/*-----------------------------------------------------------------------------------*/
  /*	enunciado descarga
  /*-----------------------------------------------------------------------------------*/  
  .descarga{
	height: auto;
	color: white;
	float: left;
	width: 100%;
	padding-right: 0;
	padding-left: 0;

	
	
	
	
	}
	.descarga .box {
	
	background-color:#423352;
	width:75%;
	height: 300px;
	border-radius: 0 0 10px 10px;	
	margin:0 auto 30px auto;


	
	}
	

	.descarga h1{
	

	color: #fff;
	margin:0 auto;
	padding:50px 0px 30px 0px;
	

	
		
}

	.descarga h2{
	

	color: #fff;
	margin:15px auto;
	font-size:1.5em;
	font-weight:400;
	

	
		
}



 .boton{
	
	padding: 10px;
	width:100%;
	margin:40px auto 0 auto;
	text-align:center;
	
	
	}
	 .button{
		 padding:0 5px;
	

	
	}
	
.boton a:{
	text-decoration:none;
		
}
	
	
	.boton a:hover{
		 opacity:0.7;
}
	
	
	
	


/*-----------------------------------------------------------------------------------*/
/*	foto
/*-----------------------------------------------------------------------------------*/

.detail{
	z-index:1;
	min-height: 300px;
	height:auto;
	width:100%;
	float:left;

	
}

.detail .box{

	
	background-image:url(../img/mesa.png);
	background-color:#ccc;
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
	width:75%;
	height: 624px;
	margin:65px auto 0 auto;
	



}




.logo{

	
	margin:0 0 0 20px;
	
	

	}
/*-----------------------------------------------------------------------------------*/
/*ingreso
/*-----------------------------------------------------------------------------------*/

.ingreso{

	min-height: 300px;
	height:auto;
	width:100%;
	float:left;

	
}

.ingreso .box{

	

	background-color:#f2f2f2;
	background-repeat:no-repeat;
	width:75%;
	height: 500px;
	margin:0 auto 0 auto;

	



}


.ingreso .form{
	width:50%;
	margin:0px 25%;
	background-color:#ccc;
	border-radius:5px;
	padding:20px 10px 50px 10px;

	
	

}

.ingreso .campo{
		
	width:76%;
	padding:8px 10px;
	margin:5px 10px;
	border-radius:4px;
	border:none;
	color:#333;
	line-height:1
		
		
}
		
.ingreso .enviar{
		
	width:70%;
	background-color: #444;   
	height: 40px;
	padding: 8px;
	margin:5px 15% 0 15%;
	cursor: pointer;
	font: bold 14px Arial, Helvetica;
	color: #fff;
	border:none;
	border-radius:4px;
			
		
}



.ingreso p{
	
	font-weight:700;
	color:#333;
	font-size:1.2em;
	
	

}



.ingreso span{

	color:#333;
	font-size:1.2em;
	text-align:center;
	text-align-last:left;
	font-family: 'Source Sans Pro', sans-serif;
	line-height:1.5;
	

}
	


/*-----------------------------------------------------------------------------------*/
  /*	registro
  /*-----------------------------------------------------------------------------------*/
 
  .registrar{

	
	width:35%;
	height:250px;
	margin:10% 0  0 15%;
	background: rgba(0, 0, 0, .3);
	border-radius:5px;
	padding:15px;
	float:left;
	
	

	}

	.registrar h1{
		

	color:#FFF;
	margin:15px 0;
	font-size:1.8em;
		
		
		}
		
	.campo{
		
	width:90%;
	padding:8px 10px;
	margin:5px 20px;
	border-radius:4px;
	border:none;
	color:#333;
	line-height:1
		
		
		}
		
	.enviar{
		
	width:90%;
	background-color: #444;   
	height: 40px;
	padding: 8px;
	margin:5px 20px 0 20px;
	cursor: pointer;
	font: bold 14px Arial, Helvetica;
	color: #fff;
	border:none;
	border-radius:4px;
			
		
	}
	
/*-----------------------------------------------------------------------------------*/
  /*	footer
  /*-----------------------------------------------------------------------------------*/	
	
	footer{
	clear: both;
	width:100%;
	float:left;
	margin:0 0 30px 0;
		
	
		
	}
	
	footer .box{
	
	height: 100px;
	width:75%;
	margin:0 auto;
	border-radius: 0 0 10px 10px;
	padding:20px;
	background-color:#423259;
	}
	
	
	footer .text{
	text-align:center;
	color:#FFF;
	font-size:12px;
	margin:20px auto;
	}
  
   
  /*-----------------------------------------------------------------------------------*/
  /*	MEDIA QUERIES
  /*-----------------------------------------------------------------------------------*/
  
  
  
  @media (max-width:1440px) {
.navbar .box	{ width: 100%; margin-top:0; border-radius:0;} 
.foto .box	{ width: 100%;} 
.blank .box	{ width: 100%;} 
.detail .box	{ width:100%;} 
.borde .box	{ width: 100%;} 
.descarga .box	{ width: 100%; margin-bottom:0;border-radius:0;}
.ingreso .box	{ width: 100%; margin-bottom:0;border-radius:0;}

 
	  
}	  
  
  @media (max-width:768px) {
	.detail .box{
	height:400px;
	width:100%;
	float:left;
	margin: 0;
	
}

  

	
.blank .box{
	height:200px;
	width:100%;
	
	
	
}

.ingreso .box{
	height:auto;
	width:100%;
	
	
	
}


.ingreso .form{

	width:100%;
	margin:0;
	
	
	
}

  
    .foto{
	
	width:100%;
	background-position: top;
    float:left;
 
	

  }
  
  
    .foto .box{
	height: 200px;
	width:100%;
	


 
	

  }
  
    .foto h1 {

	height:150px;
  font-size: 1.8em;
  padding: 0 10px;


  }
  
	
	
	.footer_right li
	{

	text-align:center;
	float:left;
	
	
	}
	.logo{

	
	width:100%;
	
	

	}
	
	

	nav.acceder ul {
	margin:20px auto 0 auto;
	width:100%;
	float:left;
	
	
	

	
}
nav.acceder #login-content {
	margin:0 auto;
	width:100%;
	float:left;
	top: 50px;
	
	
	

	  
  }
  
  
 #login{

	width:100%;
	border-radius:0px;
	
	

	  
  }
input{

  padding: 6px 5px;
  height: 40px;
  margin-bottom: 10px;
  width: 100%;
  border-radius: 4px;
}

#submit {    

  float: left;
  height: 40px;
  margin:10px  0px;
  width: 100%;

 
}

  .registro {    

	float: left;
	height: 40px;
	width: 100%;


  }
  	  
  
  	.navbar .box {
	

	width:100%;
	background-color:#FFF;
	margin:0;



	
	}
  .texto .box{

	
	background-color:#ccc;
	width:100%;
	height: 250px;
	margin:0 auto 0 auto;
	
	
  }
  
  
  
  .texto  h1 {
	font-weight: 5em;
	width:100%;
	float:left;
	

  }
  	.descarga {


	margin:0px;
	
	
}
  
  
	.descarga .box{

	height: 350px;
	width:100%;
	background-color:#423359;
	color: white;
	border-radius: 0px;
	margin:0px;
	
	
}



  .borde .box{
	width:100%;
	background-color:#fff;
	height:3px;
	margin:0 auto;

  }
  .logo{
	width:100%;
	margin:0 auto;
	padding-left:15px;

  }
   .boton{
	width: 100%;
	text-align: center;
	margin-top: 40px auto 0 auto;
	padding: 10px;
	
	
	}
	 .button{
		 padding:10px 5px 20px 5px;
	

	
	}
	
	.registrar{

	
	width:100%;
	height:400px;
	background: rgba(0, 0, 0, .3);
	border-radius:5px;
	padding:10px;
	float: left;
	margin:0px;
	
	

	}
  




  }
  
  @media (max-width:992px) {
	  
	  .detail{
	min-height: auto;
	height: auto;
	padding-right: 0;
	padding-left: 0;



}

	.detail p{
	margin-bottom: 60px;
	  
	}
	
	header, .social{
	background-position-y: 0px;
	background-size: 200%;
	}
  

  
	.caracteristicas .col-md-4{
	  margin-bottom: 60px;
	}
	.colleft{
		margin:0px auto;
		width:100%;
	  
	
	}
	.descarga .box{
	height: 400px;
	width: 100%;
	background-color: #423359;
	color: white;
	border: none;
	margin-bottom:0px;
	
	
}
	
   	.descarga h4{
	padding: 20px;
	

	
}

input#user, input#pass {
  background: #fff;
  padding: 6px 5px;
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 1px #ccc inset;
}
input{

  padding: 6px 5px;
  height: 40px;
  margin-bottom: 10px;
  width: 100%;
  border-radius: 4px;
}
 
  
  }
  
  @media (max-width:480px){

		

  .detail h1{
	
	  color:#fff;
	 

  }	
  

	.descarga{
	height: auto;
	color: white;
	
	
}
	  header{
	  padding-top: 20px;
	  padding-bottom: 0px;
	  }
	  
	  header h1{
	  font-size: 50px;
	  }
	  
	  .tablas{
	  margin:0px auto;
	  width:100%;
	
  
  }	
  
	
	 

	input{

  padding: 6px 5px;
  height: 40px;
  margin-bottom: 10px;
  width: 100%;
   border-radius: 4px;
}



.ingreso .campo{

	width:90%;
	margin:0;
	
	
	
}


.ingreso .form{

	width:100%;
	margin:0;
	
	
	
}

.ingreso .enviar{
		
	width:90%;
	background-color: #444;   
	height: 40px;
	padding: 8px;
	margin:5px 5% 0 5%;
	cursor: pointer;
	font: bold 14px Arial, Helvetica;
	color: #fff;
	border:none;
	border-radius:4px;
			
		
}

  
 }