/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


.btn-twitter {
    bottom: -160px;
    margin: auto;
    position: relative;
    text-align: center;
    z-index: 1;
}

/*bx slider*/
.bx-wrapper .bx-pager {  display: none;}
.bx-wrapper .bx-viewport {
    border: 0 none!important;
}

/*GENERAL*/
.container{ 
	height: 250px;
	width:300px;
}

.container a {
    color: white;
    text-decoration: none;
}

.top{ 
	background-image: url("../images/top.jpg");
	height: 48px;
	width: 300px;
}
.siguenos-top{ 
    background-image: url("../images/siguenos-top.jpg");
    height: 48px;
    width: 300px;
}

.top-instagram{
    background-image: url("../images/top-instagram.jpg");
    height: 48px;
    width: 300px;
}
.top-face{
    background-image: url("../images/top-face.jpg");
    height: 48px;
    width: 300px;
}

.lomejor{ 
    background-image: url("../images/lomejor.jpg");
    height: 26px;
    position: relative;
    width: 300px;
    z-index: 1;
}
.bg {
    height: 202px;
    position: relative;
    top: -18px;
    vertical-align: top;
    width: 300px;
}

.bg img{
    height: 202px;
    width: 300px;
}

.bg-redes{
    height: 202px;
    position: relative;
    top: 0;
    vertical-align: top;
    width: 300px;
}

.bg-redes img{
    height: 202px;
    width: 300px;
}

.identidad{
   height: 250px;
}
.avatar {
    background-size: 100% auto;
    border: 5px solid white;
    border-radius: 3px;
    height: 95px;
    margin: 48px 98px;
    position: absolute;
    width: 95px;
    z-index: 1;
}
.avatar img {
    width: 100%;
    transition: all 0.25s ease-in-out 0s;
}
.avatar img:hover {
    
    opacity: 1;
    transform:scale(1.15, 1.15);
}

.name {
    bottom: 111px;
    color: #fff;
    display: block;
    font-family: 'GothamBook',"Helvetica","Arial",sans-serif;
    font-size: 20px;
    left: 0;
    position: relative;
    right: 0;
    text-align: center;
    top: 158px;
    z-index: 1;
}


.ic_face{ 
    background-image: url("../images/ic_facebook.png");
    height: 41px;
    width: 43px;
}
.ic_twitter{ 
    background-image: url("../images/ic_twitter.png");
    height: 41px;
    width: 43px;
}
.ic_instagram{ 
    background-image: url("../images/ic_instagram.png");
    height: 41px;
    width: 43px;
}
.ic_youtube{ 
    background-image: url("../images/ic_youtube.png");
    height: 41px;
    width: 43px;

}

.ic_face, .ic_instagram, .ic_twitter, .ic_youtube, span{ display: inline-block; color: white; vertical-align: middle;}

.redes.identidad li {
    font-family: 'GothamBook',"Helvetica","Arial",sans-serif;
    font-size: 20px;
    padding: 5px 0;
}
.redes nav {
    margin: 25px 69px;
    position: absolute;
    z-index: 1;
}


.xl .btn {
  border-radius: 0;
  height: 28px;
  padding: 1px 10px 1px 9px;
  width: 100% !important;
}

.btn-o {
    border-radius: 0;
    text-align: center;
    width: 100%;
}

.nav-redes {
    position: absolute;
    top: 190px;
    z-index: 1;
}
.nav-redes ul{ width: 300px;}
.nav-redes li {
    display: inline-block;
    text-align: center;
    width: 71.6px;
}
.nav-redes li:hover{
    opacity: .6;
}