
/*estilos para talleres- version 1.0*/

body {
  padding-top: 100px;
 
  font-family: 'Roboto', sans-serif;
  font-weight: 400;  
  line-height: 26px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
  color: #272727;
}



.talleres {
width:90%;
max-width:1000px;
background-color:#fff;
padding: 50px 0;
margin:auto;
display:-webkit-flex;
display:-ms-flexbox;

display:flex;
flex-flow: row wrap;
}


/*caja para página talleres*/
.item{
background: #f5f8fa;
margin:auto;
padding:10px;
display:flex;
flex-flow: row wrap;
min-width: 200px;
width:100%;
margin-bottom: 10px;

}

/*caja para página detalle del taller*/
.item-detalle{
background: #f5f8fa;
margin:auto;
padding:10px;
display:flex;
flex-flow: row wrap;
min-width: 200px;
width:100%;
margin-bottom: 10px;

}

.encabezados{


width:100%;




}

.titulo h3{	
	color:#fff;	
	background-color:#071726;	
	padding:15px;
	margin:20px;
	
}



.resumen h4{
	padding:20px;	
	color:#62686b;
	margin-bottom:0px;
	margin-top:0px;
	width:100%;
	min-height:50px;
	
	
	
	

}


.descripcion{
	border-color:#0c0d0d;
	background-color:#fafdff;		
	width:600px;
	margin-top:10px;		
}

.descripcion p {
	padding: 25px 25px 25px 25px;
	margin: 20px 0px 2px 20px;
	text-align: justify;
	
}

.caja-imagen{		
	width:350px;		
	margin:auto;

	

}

.caja-imagen img {
	width:320px;
	border-radius: 5px;

	
}

.tipo{	
width:100%;	
	
	
}

.etiqueta{
	color:#fff;
	background:#071726;
	padding:2px;
	margin:2px;
	text-align: center;
	font-weight:400;
	font-size: 12px;
	width:40px;
	float:left;
	
	border-color:#CCAD0A;	
	border-radius: 5px;
}

/*.etiqueta:hover{
	font-size:14px;
	font-style: bold;
}*/

.caja-boton{
	/*background-color:#CCAD0A;*/
	width:100%;
	background-color:#ffc200ff;
	
}

.boton2{	
	background-color:#f5f8fa;	
	width:300px;	
	padding:20px;
	margin-right:0px;
	text-align: center;
	font-weight:600;
	color:#ffffff;	
	float:right;	
}

.boton{	
	background-color:#071726;	
	width:300px;	
	padding:20px;
	margin-right:0px;
	text-align: center;
	font-weight:600;
	color:#ffffff;	
	float:right;	
}



.boton:hover {
	box-shadow: 0px 3px 0px #373c3c;
	font-size: 20px;
}

