/* font-family: 'Open Sans Condensed', sans-serif; */
/* font-family: 'Quicksand', sans-serif; */
/* font-family: 'Overlock', cursive; */

body{
background:#fff;	
font-family: "Overlock", Arial, Helvetica, sans-serif;
}

.main-navigation, .main-navigation ul ul {
    background-color: #311334;
}


h1, h4{
font-family: 'Quicksand', cursive;	
color: #632f63;
}

p{
font-size:15px;	
}


.site-header {
    background-color: #311334;
    color: #3a3a3a;
}

.widget h4{
color:#632f63;	
margin-bottom:10px
}

.site-info {
    /* background-color: #632f63; */
    /* color: #ffffff; */
    /* height: 150px; */
	display:none;
}

.footer-widgets {
    background-color:#311334;
	padding-bottom:80px;
	color:#fff!important;
}

.footer-widgets h4{
color:#c482c4!important;	
}

.entry-header h1{
padding-bottom:10px;	
}


.footer-widgets .widget-title {
    color:#c482c4;
}
/* ////////////////// ALL POST //////////////////////// */

.base-articulo{
position:relative;
width:100%;
height:auto;
/* background:#e8e8e8; */
overflow:hidden;
margin-bottom:10px;
border-bottom:1px solid #f29100;
}

.articulo-imagen{
position:relative;
/* max-width:250px; */
height:auto;
float:left;	
overflow:hidden;
}

.articulo-textos{
position:relative;
width:68%;
height:auto;	
overflow:hidden;
padding:1%;	
/* background:blue; */
}

.articulo-category{
position:relative;
width:60%;
	
}

.desc-home p{
font-size:18px;
line-height:20px;
font-weight:300;
padding:10px 0px;	
}


.cat-links{
/* background:#f3a443;   */
padding:5px 10px; 
display:inline-block;
font-size:14px;
} 

.cat-links a:hover{
color:#f3a443;
}

.cat-links:before {
color:#abbc12;
}


.continue-reading, .backbtn {
display:block;
float:right;	
}

.continue-reading a, .backbtn{
color:#fff;
box-shadow:none;
font-size:15px;
font-weight:700;
line-height:20px;
background:#632f63;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding:4px 10px;
font-family: 'Quicksand', cursive;	
}


.continue-reading a:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .button:visited{
background:#e03445;	
}	


button, html input[type="button"], input[type="reset"], input[type="submit"], .button, .button:visited {
color: #ffffff;
background:#632f63;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding:4px 10px;
font-family: 'Quicksand', cursive;
font-size:15px;	
font-weight:700;
}


button, html input[type=button], input[type=reset], input[type=submit] {
    padding:4px 10px;

}



.titulo_articulo{
font-family: 'Quicksand', cursive;		
font-size: 25px;
line-height:28px;
color:#632f63;	
}


.entry-content, .entry-summary, .page-content {
    margin: 0em 0 0;
}
/* ///////////// BARRA REDES SOCIALES ///////////////// */

.bar-redes{
background-color:#632f63;
border-bottom: 1px solid #833f83;
overflow:hidden;
}

.base-email{
position:relative;
height:auto;
width:50%;
float:left;
overflow:hidden;
text-align:center;
color:#fff;	
padding:5px 0px 0px 0px;
}


.email{
font-size:15px;	
padding:0px 0px 5px 0px;
}

.base-redessociales{
position:relative;
height:auto;
width:50%;
float:right;
overflow:hidden;
}


@media screen and (max-width: 400px) {
	.base-email{
	position:relative;
	height:auto;
	width:100%;	
	}	
	
	.base-redessociales{
	position:relative;
	height:auto;
	width:100%;
	}	
}	


.redessociales{
position:relative;
height:auto;
width:132px;
margin:0 auto;
/* background:yellow; */
overflow:hidden;
}

.redsocial{
position:relative;
height:25px;
width:25px;
float:left;
padding:5px 0px 0px 0px;
cursor:pointer;
text-align:right;
opacity:0.7;
}


.redsocial:hover{
opacity:1;	
}	

.facebook{

}

.facebook:before {
    position: absolute;
    content: "\f09a";
    color: rgba(255, 255, 255, 1);
    font-size: 17px!important;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    left: 12px!important;
    bottom: 2px!important;
    text-decoration: none;
}

.instagram{
	
}

.instagram:before {
    position: absolute;
    content: "\f16d";
    color: rgba(255, 255, 255, 1);
    font-size: 22px!important;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    left: 11px!important;
    bottom: 3px!important;
    text-decoration: none;
}

.googleplus{
	
}

.googleplus:before {
    position: absolute;
    content: "\f0d5";
    color: rgba(255, 255, 255, 1);
    font-size: 17px!important;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    left: 7px!important;
    bottom: 3px!important;
    text-decoration: none;
}


/* ///////////////////////// */






.base_logotipo{
position:relative;
width:300px;
margin:0 auto;	
overflow:hidden;
padding:30px 0px 5px 0px;
}

.base_logotipo img{
position:relative;
width:290px;
margin-left:5px;	
}	


/* //////////////////// MENÚ  ///////////////////////// */

.main-navigation ul li a {
display: block;
font-family: 'Quicksand', cursive;	
font-size:15px;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: #ffffff;
     background-color:#7f529c!important;
}

.main-navigation .main-nav ul li > a:hover, .main-navigation .main-nav ul li > a:focus, .main-navigation .main-nav ul li.sfHover > a {
    color: #ffffff;
    background-color:#abbc12!important;
}
/* ////////////// FOOTER //////////////////// */

#footer_bas{
position:fixed;
width:100%;
height:20px;
bottom:0px;
background:#632f63;
}


#unodiseno
			{ 
				position:absolute;
				height:73px;
				width:76px;
				right: 0px;
				bottom:0px;
				background:url('/wp-content/themes/generatepress-flz/images/unodiseno.png') no-repeat center;
				z-index:1;
				cursor:pointer;
			 }



#copy{ 
			position:absolute; 
			font-size:10px;
			font-family: 'Open Sans Condensed', sans-serif;
			text-transform:uppercase;
			color:#bf7bbf;  
			font-weight:700;
			text-decoration:none;
			height:auto;
			top: 3px;
			width:90%;
			margin-left:8px;
		 }
			 
			.powered{ 
			color:#d1a3d1;
			
    		 }


tooltip_made {
    border-bottom: 1px dotted #0077AA;
    cursor: help;
	
}
 
.tooltip_made::after {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:13px;
	text-align:center;
	font-weight:lighter;
	background:#E5E5E5;
	background: -webkit-linear-gradient(top, #FFFFFF, #B7B7B7);
	background: -moz-linear-gradient(top, #FFFFFF, #B7B7B7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#B7B7B7');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#B7B7B7')";
	background: -o-linear-gradient(top, #FFFFFF, #B7B7B7);
	background: linear-gradient(top, #FFFFFF, #B7B7B7);
    /* background: rgba(255, 255, 255, 0.7); */
    border-radius: 20px 20px 20px 20px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color:#333333;
    content: attr(data-tooltip); /* The main part of the code, determining the content of the pop-up prompt */
   bottom:5px;
   right:50px;
   width:270px;
    opacity: 0; /* Our element is transparent... */
   padding: 5px 7px 5px 7px;
    position: absolute;
    visibility: hidden; /* ...and hidden. */
 
    transition: all 0.4s ease-in-out; /* To add some smoothness */
}
 
.tooltip_made:hover::after {
    opacity: 1; /* Make it visible */
    visibility: visible;
	
}


.tooltip_made:hover{
z-index:10000000000000;
}