@charset 'utf-8';

/*articulo globales*/
main article.articulo_contenido{
width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
padding: 2.5px;
display: flex;
flex-direction: column;
}

main article.articulo_contenido div:first-child{
display: flex;
flex-direction: column;
align-self: center;
justify-content: center;
}

main article.articulo_contenido div:first-child time.fecha_articulo{
	padding:13px 30px;
	color:#aaa;
	font-size:15px;
	/*background: url(../img/globo.jpg);*/
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:60px;
	line-height: 30px;
}


main article.articulo_contenido div:first-child h1.titulo_articulo{
text-align: center;
padding: 2px;
}

main div.btn_compartir{
display: flex;
flex-direction: column;
}

main div.btn_compartir div:first-child {
margin-bottom: 10px;
text-align:left;
}


main div.btn_compartir div:nth-child(2) ,
main div.btn_compartir div:nth-child(3) {
margin:10px auto;
}

main nav.etiquetas_contenido{
display: flex;
flex-flow:column nowrap;
justify-content: center;
/*align-self: center;*/
}

main nav.etiquetas_contenido h4{
flex:1 3 95%;
margin-left: 2.5%;
margin-right: 2.5%;
text-align: center;
}

main nav.etiquetas_contenido ul{
flex:1 3 95%;
margin-left: 2.5%;
margin-right: 2.5%;
display: flex;
flex-flow:row wrap;
justify-content: center;
}

main nav.etiquetas_contenido ul li{
flex:0 3 20%;
margin:5px 0;
}

main nav.avanzar_retroceder_articulo{
display: flex;
flex-flow:row wrap;
}

main nav.avanzar_retroceder_articulo div{
flex:2 0 50%;
padding: 5px;
}

main nav.avanzar_retroceder_articulo div a i{
font-size:3.5rem; 
}

main nav.avanzar_retroceder_articulo div h4{
font-size: .8em;	
}

main nav.avanzar_retroceder_articulo div.back_article {
text-align: left;

}

main nav.avanzar_retroceder_articulo div.next_article {
text-align: right;

}

main section.deslizador_articulos{
	max-width: 400px;
}

main section.deslizador_articulos p.small{
display: none !important;	
}

main div.opiniones{
width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}


main div.opiniones div.opinion{
flex:0 1 95%;
display: flex;
flex-wrap: wrap;
align-self: center;
}


main div.opiniones div.opinion div.usuario_opinion,
main div.opiniones div.opinion div.admin_opinion{
margin-right: 2.5%;
margin-right: 2.5%;
display: flex;
flex-flow:row wrap;
justify-content: space-between;

}


main div.opiniones div.usuario_opinion div:first-child,
main div.opiniones div.admin_opinion div:last-child{
flex:0 1 28%;
display: flex;
align-self: center;
}

main div.opiniones div.usuario_opinion div:last-child,
main div.opiniones div.admin_opinion div:first-child{
flex:0 1 68%;
display: flex;
align-self: center;
flex-direction: column;
text-align: center;
}

main div.opiniones div.opinion p{
width: 100%;
font-size: 15px;
}

form.formulario_opinion{
display: flex;
flex-flow:column wrap;
justify-content: center;
}

form.formulario_opinion label#titulo_formulario{
flex: 0 1 95%;
margin-left: 2.5%;
margin-right: 2.5%;
padding: 5px;
text-align: center;

}

form.formulario_opinion div:nth-child(2){
flex:0 1 95%;
padding: 5px;
}

form.formulario_opinion div:nth-child(3){
flex:0 1 95%;
padding: 5px; 
display: flex;
flex-direction: column;
align-self: center;
}

form.formulario_opinion div:nth-child(3) label{
flex:1 0 50%;
text-align: center;
margin-top: 15px;
}

form.formulario_opinion div:nth-child(3)  p{
text-align: center;
}

form.formulario_opinion div:nth-child(4) textarea{
max-height: 300px;
min-width: 300px;	
}

form.formulario_opinion input[type="submit"]{
	flex-basis: 95%;
	margin-top: 10px;
}

/*
.page-item.active .page-link{
	background: #FF39BE;
	color:white;
	border:1px solid #bbb;
}

.page-link{
	color:#777;
}
*/


@media(min-width: 575px){

main div.btn_compartir{
	flex-flow: row wrap;    
}

main div.btn_compartir div:first-child{
flex:0 1 100%;
font-size: 25px;
}

main div.btn_compartir div:nth-child(2){
flex:0 1 75%;
}

main div.btn_compartir div:nth-child(3){
flex:0 1 15%;

}
main div.btn_compartir div:nth-child(2) ,
main div.btn_compartir div:nth-child(3){
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
padding: 5px;

}

main div.btn_compartir div:nth-child(2) button,
main div.btn_compartir div:nth-child(3) button{


}


main section.deslizador_articulos{
   max-width: 800px;
}

main section.deslizador_articulos p.small{
display: block;	
}


}


@media(min-width: 768px){

main section.deslizador_articulos{
   max-width: 800px;
}

form.formulario_opinion {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-self: center;
}

form.formulario_opinion div:nth-child(2){
flex: 1 0 30%;
display: flex;
flex-flow: column wrap;
align-self: center;
}


form.formulario_opinion div:nth-child(3){
flex:0 1 40%;
}

form.formulario_opinion div:nth-child(4){
flex:0 1 95%;
}

}


@media(min-width: 991px){

main section.deslizador_articulos{
   max-width: 800px;
}

}


@media(min-width: 1024px){

main section.deslizador_articulos{
	max-width: 500px;
}


}