/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15-sep-2016, 15:03:48
    Author     : dell
*/



/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Global all
# Normalize
# Typography
    # links
# Elements
# Forms
# Navigation
	## Links
	## Menus
        ## Other navigation
# Accessibility
# Alignments
# Clearings
# Header
# Widgets
# Content
        ## Global
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
        ## Images
	## Galleries
        ## Gallery slider
#sharing jet pack
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Global all
--------------------------------------------------------------*/



body {
   font-family:Century Gothic, sans-serif;
   font-size: 15px;
    color: #4D4D4D;   
    
}

a .dropdown-toggle .active {
    color: red
}  



.yayita {
    background-color: greenyellow;

}

.faraon {
    background-color: yellow;

}

.cleo {
    background-color: red;


}

.chayan {
    background-color: orange;

}

.frechet {
    background-color: purple;
}

.padright {
    padding-right: 10px
}

.oops {
    font-size: 180px;
    color: #B6146C
}

.oops_title {
    
}

.oops_content p {
   font-family: 'fsa';
   
}
/*--------------------------------------------------------------
# slider
--------------------------------------------------------------*/
.carousel-control.left, .carousel-control.right {
background-image:none !important;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
        font-family: 'fsa';
        margin-bottom: 4rem;
        color: #641A6D;
}

p {
   font-family:Century Gothic, sans-serif;
   font-size: 15px;
    color: #4D4D4D;   
}

.pagina p {
    font-size: 13px
}

blockquote {
    font-family: 'fsa';
    border-left: 5px solid #EED1F1;
    
}

blockquote p {
    color: #A276A7
}



/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/


textarea {

    min-height: 150px;
}

input[type="submit"] {
	background-color: #641A6D;
        color: #FFF;
	border: none ;
	padding: .7em 1em;
        font-size: 0.9375em;
        font-family: 'fsa_light';
        margin-top: 20px;
        margin-bottom: 20px
}

input[type="submit"]:hover {
	background-color: #11ACC0;
        border: none
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

.widget_search input[type="search"] {
	box-sizing: border-box;
	width: 100%;
	padding: .5em 1em;
	border: 1px solid #c3c3c3;
	border-radius: 0;
        font-family: 'fsa_light';
        color: #641A6D
        
}


.comment-form label {
    display: block
}

/*contact form*/

.wpcf7-not-valid-tip {
    color: #B6146C !important;  
    font-family: 'fsa';
}

div.wpcf7-response-output {
    clear: both;
    border: none;
    font-size: 18px;
    font-family: 'fsa';
}

div.wpcf7-validation-errors {
    color: #B6146C;
}

div.wpcf7-validation-errors::after {
    font-family: 'Glyphicons Halflings'; 
    content:"\e107";
    padding-left: 10px;

}

div.wpcf7-mail-sent-ok {
    color: #11ACC0;
}

div.wpcf7-mail-sent-ok::after {
    font-family: 'Glyphicons Halflings'; 
    content:"\2709";
    padding-left: 10px;

}




/*--------------------------------------------------------------
# links
--------------------------------------------------------------*/

a {
    color: #641A6D
}

a:hover, a:focus {
    color: #641A6D
} 


/*--------------------------------------------------------------
# Header #navigation
--------------------------------------------------------------*/
.navbar {
	margin-bottom: 0;
}

.navbar-default {
	background-image: none;
	background-color: transparent;
	border: none
}

/*textos menus*/

.navbar-default .navbar-nav  {
    font-family: 'fsa';    
}

.navbar-default .navbar-nav > li > a , .navbar-default .navbar-nav > li > a:hover {
    color: #FFF;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    background-image: none;
    box-shadow: none;
}

.navbar-brand {
    margin: 0;
    padding: 0;
}





    /*toogle bar*/
    
    .navbar-default .navbar-toggle {
        border-color: #FFF;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFF;
    }
    
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    
.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-collapse {
    border: none;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu > li > a {
color: #4D4D4D
}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
   background-image: none;
   background-color: transparent;
   border: #FFF solid thin;
    color: #4D4D4D;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-image: none;
    background-color: transparent;
    
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #FFF   
}

.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: transparent;
    background-image: none;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #FFF

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    border: #FFF solid thin;
    color: #FFF;
    border-radius: 3px 
}



/*fin textos menus*/

.contenedor_descripcion {
    display: inline-block;
    float: left;
    padding-left: 10px;
    padding-top: 3px
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.site-header {
    font-family: 'fsa_light';
    color:#FFF
}

.site-title {
    font-size:20px;
    margin: 0;
    padding: 0;
}
.site-title a {
    text-decoration: none;
    color:inherit;
    margin: 0;
    padding: 0;
}

.site-title a:hover {
    text-decoration: underline
}


.site-description {
    font-size: 14px;
    margin: 0;
    padding: 0;
}





.logo_main {
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left

}

.logo_main a img {
width: 50px;


}



.fondo-header {
        background-position:  center;
        background-color: #641A6D;
}

.martop {
    margin-top: 30px
}


/*--------------------------------------------------------------
## Other Navigation
--------------------------------------------------------------*/

.post-navigation {

	font-family: 'fsa';
	overflow: hidden;
        margin-top: 50px;
        margin-bottom: 50px
}

.post-navigation a{
	color: gray;       
}

.proximo_articulo, .anterior_articulo {
        margin-top: 10px;
        margin-bottom: 10px    
}

.glyphicon-hand-right, .glyphicon-hand-left  {
    padding: 0 10px;
    color: #A276A7
}
/*
## Other Navigation (paging)
--------------------------------------------------------------*/

.paging-navigation ul {
    text-decoration: none;
    list-style-type: none;

    
}

.paging-navigation ul li {
    display: inline-block;
    margin-right: 10px
}

.paging-navigation ul li {
}

.paging-navigation .current {
    background-color: #641A6D;
    color: #FFF;
    padding: 10px
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {

  margin-bottom: 30px
}
.widget-title {
color: gray;
font-size: 18px;
padding: 5px 10px;
display: block;
font-family: 'fsa_light';
border-bottom: #641A6D solid 1px;
text-align: center;
padding-bottom: 10px;
margin: 0 50px 30px;
}

.widget-title::before {
  content:url(../img/crown.png);
  display: block;
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 520px) {

    .widget {
        width: 100%
    }   
}

.widget ul,
.widget ol, widget li {
	padding: 15px;
	font-family: "Fira Sans", sans-serif;
	list-style-type: none;
}

.widget a:hover,
.widget a:focus {
	text-decoration: underline;
}

.widget a {
    text-decoration: none;
    font-size: 12px
}


.widget li:last-child {
	padding-bottom: .35em;
}



.widget_archive, .widget_categories {
  
}

.widget_archive .widget-title {
   
}

.widget_calendar {
	font-family: "fsa", sans-serif;
}

.widget_calendar caption {
	padding: .5em 0;
	font-size: 1.5em;
	text-align: center;
        color: #641A6D
}

.widget_calendar table {
    margin: auto;
}

.widget_calendar thead {
	background:  #641A6D;
	color: #fff;

}

.widget_calendar thead th {
	border-bottom-width: 2px;
                text-align: center
}

.widget_calendar td {
	padding: 5px;
	font-size: .8em;
	text-align: center;
	background: #A276A7;
	border: 1px solid #FFF;
        color: #FFF
        
}

.widget_calendar th {
	border: none;
        width: 30px;
        height: 30px
}

.widget_calendar .pad {
	background: #F2F2F2;
}

.widget_calendar a {

    color: #641A6D;
    font-weight: bold;
    font-size: 15px;
    line-height: 15px
}

.widget_calendar td#prev a, .widget_calendar td#next a {
    background-color: transparent;
    font-weight: inherit;
    font-size: 15px;
    line-height: 15px
}



.widget select {
	width: 100%;
	padding: .5em;
        color: #641A6D
}

.search-field {
    	padding: .5em;
        appearance: none;
}


/* RSS widget */


.widget_rss li {
	margin-bottom: 1em;
}
.widget li a.rsswidget {
	padding-right: .5em;
	font-size: 1em;
	line-height: 1.4em;
}

.rss-date,
.widget_rss cite {
	color: #333;
	font-size: .8em;
}

.rssSummary {
	padding: .5em 0;
	font-family: "Merriweather", serif;
	font-size: .8em;
    line-height: 1.4em;
}

.textwidget {
	font-size: .8em;
	line-height: 1.6em;
}

/* tag clud widget */

.widget_tag_cloud {
    
}

.tagcloud a {

    background-color: #EED1F1;
    color: #641A6D;
    padding: 6px;
    display: inline-block;
    font-family: 'fsa_light';
    margin: 3px
}

.tagcloud a:hover {

    background-color: #641A6D;
    color: #FFF;
    text-decoration: none;

}

/* Archive and Categories widgets */

.widget_archive li, .widget_categories li {
	color: #808080;
}

.widget_categories .children {
	padding-top: 0;
	padding-bottom: .5em;
}

/* Pages and Menu widgets */

.widget_pages .children,
.widget_nav_menu .sub-menu {
	padding-top: 0;
	padding-bottom: .5em;
}

.widget_pages a,
.widget_nav_menu a{
	display: block;
	padding: 1em 0;
	border-bottom: 1px solid #c3c3c3;
}

.site-content .widget_pages li,
.site-content .widget_nav_menu li{
	padding: 0;
}

.site-content .widget_pages li:last-child,
.site-content .widget_nav_menu li:last-child{
    margin-bottom: .5em;
}

.widget_pages .children, .widget_nav_menu .sub-menu {
    padding-bottom: 0;
}






/*--------------------------------------------------------------
# Content Global
--------------------------------------------------------------*/
.page-header {
    padding-bottom: 0;
    margin: 0;
    border:none;
}

.page-title {
    font-size:1em;
	background-color: #EED1F1;
        color: #641A6D;
    padding: 10px;
    display: inline-block;
    font-family: 'fsa_light'    
}

.archive-description p {
    margin: 10px 0 20px;
    font-family: 'fsa_light';
    font-size: 16px;
    color: gray
}

/*--------------------------------------------------------------
# Content post and pages
--------------------------------------------------------------*/

.sticky {

    position: relative;
}

.sticky::before {
    top: -25px;
    right: 0;
    display: block;
    position: absolute;
    font-family: 'Glyphicons Halflings'; 
    content:"\e142";
    color: #641A6D
}

.articulo_index  {
  background-color: #F2F2F2;
  padding: 10px ;
  margin-bottom: 30px
      

  
}

.titulo_index h2 a {
background-color: #641A6D;
color: #FFF;
font-size: 18px;
margin-left: -10px;
margin-right: -10px;
padding: 5px 10px;
display: block
}

.titulo_index h2 a:hover {
background-color: #B6146C;
text-decoration: none
}

.boton_index {
    width: 40px;
    height: 40px;
    border-radius: 30px;
  background : #BC0A6A;
  background : rgba(188, 10, 106, 1);
  opacity : 0.82;
  filter: alpha(opacity=82) progid:DXImageTransform.Microsoft.Alpha(opacity=82) ;
    position: absolute;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    padding-top: 10px;
}

.boton_index:hover {
 background : #641A6D;
  background : rgba(100, 26, 109, 1);
  opacity : 0.82;
  filter: alpha(opacity=82) progid:DXImageTransform.Microsoft.Alpha(opacity=82) ;

}



.boton_index_noimagen {
    height: 50px ;
    margin: 15px 0;
}

figure .boton_index {
    top: 20px;
    left: -20px;    
}

.no_imagen {
    left: 5px
}

.imagen_index {
    position: relative;
}

.posted-on, .posted_link, .comments-link   {
    font-size:14px;
    font-family: 'fsa_light';
    color: #B6146C
}


.entry-meta {
    text-align: center;
    font-family: 'fsa';
    color: #4D4D4D;
    font-size: 15px;
    line-height: 18px
}

.entry-meta img {
    border-radius: 50%;
    width: 40px;
    height: auto;
    margin-bottom: 20px
}

.entry-meta a {
    color: #4D4D4D;
}

.deck {

    padding-top: 20px;
    padding-bottom: 50px;
    font-family: 'fsa';
    font-style: italic
}



.byline,
.posted-on,
.entry-meta, .posted_link, .tags-links, time  {
	display: block;
}


.updated:not(.published) {
	display: none;
}

.articulo_index time {
    display: inherit
}

.entry-meta .author a {
    font-size: 26px;
    color: #641A6D;
    text-decoration: none;
}



/* Small devices (desktops, 768px and up) */
@media (min-width: 768px) {
    
    .sebastian {
    display: block;
    clear: both;
    border-bottom: #B6146C solid 1px;
    margin-bottom: 30px
}

    .logo_main img {
      
     
    }
.navbar-nav > li > .dropdown-menu {
    margin-top: 1px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #FFF
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #4D4D4D  
}

.dropdown-menu {
  background : #FFFFFF;
  background : rgba(255, 255, 255, 0.7);
    border: #FFF solid thin;
    color: #FFF;
    border-radius:3px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

   border: none;
   border-left: #641A6D solid 5px
}

/*#navigation*/
.navbar-fixed-top, .navbar-fixed-bottom {
    position: absolute;
}
      
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .site-branding {
        text-align: left;
    }


.entry-meta {
    text-align: left;

}
   
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 1170px) {
    

   
}
.principal {
    padding-top: 100px;
    padding-bottom: 100px;
    background: url('../img/fondo.svg') no-repeat right center;
    background-color: #FFF;
    background-size: 25%;
    background-attachment:fixed;
	animation: slidelogo 3s ease-out;

}

@keyframes slidelogo {

	0% {
  background-position: 200% center;
  }
	100% {
  background-position: right center;
  }
}

.secundario {
    background-color: #F2F2F2;
    padding-top: 30px;
}

.terciario, .terciario a {
    background-color: #641A6D;
    color: #FFF
}
    


/*--------------------------------------------------------------

# Media
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
        font-size: 14px;
        font-family: 'fsa_light';
        color: gray
}

.wp-caption-text::before {
    font-family: 'Glyphicons Halflings'; 
    content:"\e129";
    padding-right: 10px
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-body {
	border-bottom: 2px solid #E6E6E6;
	margin-bottom: 3em;
}

.comentarios_modulo {
	background-color: #F2F2F2;
}

.comentarios_modulo .nav-previous, .comentarios_modulo .nav-next  {
	font-size: 12px
}

.comment-list,
.comment-list ol {
	list-style-type: none;
}

.comment-list {
	padding: 0;
	margin: 0;
}

.comments-title {
    padding-top: 30px;
    padding-bottom: 10px 
}

.comments-title::before  {
    font-family: 'Glyphicons Halflings'; 
    content:"\e111";
    padding-right: 10px;
    color: gray;
    font-size: 14px
    
}

.comment .avatar {
	width: 50px;
	height: 50px;
	border-radius: 50px;
        display: block
}



.reply {
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}

.reply a {
	background-color: #EED1F1;
        color: #641A6D;
	padding:10px 15px ;
        font-size: 0.9375em;
}

.reply a:hover {
	background-color: #11ACC0;
        text-decoration: none;
        color: #FFF
        
}

.bypostauthor .avatar {
    border: 2px solid #641A6D;
    padding: 5px;
    box-sizing: content-box;
    margin-top: 10px;
    margin-bottom: 10px
    
}



/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Images
--------------------------------------------------------------*/



img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

.logo_home {
    width: 70% 
}

.logo_home img {
    width: 70% 
}



/* medium lg devices (desktops, 530px and up) */
@media (min-width: 530px) { 
 .logo_home {
    width: 300px 
} 

}

/* Small devices (desktops, 529px and down) */
@media (max-width: 529px) { 
 .logo_home {
    width: 70%
}


textarea {

    max-width: 280px;

}
	
.principal {
      background: none  ;
}
	
}


img.aligncenter {
	margin-top: 2em;
	margin-bottom: 2em;
}

img.alignright,
img.alignleft {
	margin-bottom: 1.5em;
}

.featured-image {
    margin-top: 30px;
    margin-bottom: 30px
}



.featured-image a:hover img,
.featured-image a:focus img {
    outline: solid 1px #B6146C 
    
}

/*--------------------------------------------------------------
## Gallery
--------------------------------------------------------------*/
.gallery {
	margin: 1.5em 0;
}

.gallery img{
	width: 100%;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding: 1em;
}

.gallery-item img {
	display: block;
}

.gallery-item a {
	display: inline-block;
	border-bottom: none;
}

.gallery-item a:hover,
.gallery-item a:focus {
	border-bottom: none;
	box-shadow: none;
}

.gallery-item a img {
	padding: .5em;
	margin: 0 auto;
	border: 1px solid #fff;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	border-color: #641A6D;
        border-radius: 6px
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}


.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
        font-size: 14px;
        font-family: 'fsa_light';
        color: gray
}

.gallery-caption::before {
	content: "";
}


/*--------------------------------------------------------------
# Gallery slider
--------------------------------------------------------------*/

.portafolio_grupo {

    padding-bottom: 15px;
}



.semititulo_portafolio {
    margin:0 0 20px;
    font-size: 12px;
    padding: 5px;
    background-color: #641A6D;
    color: #FFF
    
}

.rombo {
	width: 50px;
	height: 50px;
	background-color: #00A3D3;
	display: block;
	float: left;
        line-height: 0;
}

.rombo a {
    margin: 0;
    padding: 0;

    
}

/*div.rombo:nth-of-type(4){

}*/

.rombo img {
	width: 50px;
	height: 50px;

}

.rombo img:hover {
    opacity:0.2;	
}

.rombo a.active img {
    opacity:0.2;
}

.rombo .active {
	width: 50px;
	height: 50px;
	background-color:#B6146C;
	display: block;
	float: left
}

.juno img {
	margin:auto;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
	padding:50px 1em;
	font-family:'fsa';
	text-align: center;
	color: #fff;
}

.site-footer a {
	color: #fff;
}

/*--------------------------------------------------------------
# Perfil
--------------------------------------------------------------*/


.circulo_estudio {
    border: thin solid #641A6D;
    text-align: center;
    width: 200px;
    height: 200px;
    border-radius: 50%;;
    padding: 20px;
    margin-bottom: 20px;
    color: #641A6D;
    margin-left: auto;
    margin-right: auto
}

.circulo_estudio h3 {
    margin-top: 10px;
}

.experiencia_year {
    margin-bottom: 10px
    
    
}
.experiencia_titulo {
    margin-bottom: 20px
    
}
.experiencia_lugar {
    color: #808080;
    margin-bottom: 10px    
}


.virrete {
    color: #641A6D;
    font-size: 30px
}

.maletin {
    color: #FFF;
}

.circulo_estudio.experiencia {
   background-color: #641A6D;
   width: 150px;
   height: 150px;
    padding: 10px; 
    border: none;
}

.circulo_estudio.actual {

}


.experiencia .experiencia_titulo, .experiencia .experiencia_year, .experiencia .experiencia_lugar   {
    margin-bottom: 8px;
    color: #FFF
}

.experiencia .experiencia_titulo {

    font-size: 15px
}

.experiencia .experiencia_lugar {
    margin-bottom: 5px;
    font-family: 'fsa_light';
}


.sharedaddy.sd-sharing-enabled {
    margin-left: 15px
}

/* Small devices (desktops, 768px and up) */
@media (min-width: 768px) { 
.responsivo {
    display: block;
    float: left
}

.circulo_estudio {
    margin-right: 20px
}

.iconolineal {
	animation-name: mov-izq;
	animation-duration: 2s;
	animation-timing-function: ease-out;
 	animation-delay:3s; 
 	animation-fill-mode:backwards;	
}
	
@keyframes mov-izq {
	0% {transform: translateX(300px) rotate(0turn);}
	100% {transform:translateX(0) rotate(-2turn);}			
}
	

}