html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* FIN RESET STYLES */


@font-face {
    font-family:'quicksand';
    src: url('font/Quicksand-Regular.otf');
    font-weight:normal;
    font-style:normal;
    }

/* FIN FONTS */


.name{ 
  font-family: 'quicksand';
  font-size: 24px;
  letter-spacing: 4px;
  padding-bottom: 30px;
  margin-left: -1px;
  color:#000000;
}

.name a{
	text-decoration: none;
	color:#000000;
	
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-khtml-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.name a:hover{
	color:#000;
}

#social{ 
    z-index: 99999;
	position: fixed;
	left:15px;
	bottom: 25px;
}


#botonera{ 
    z-index: 4;
	position: fixed;
	left:25px;
	top: 25px;
	font-family: 'quicksand';
	font-size: 14px;
	letter-spacing: 4px;
}

#botonera.interna{
	height: 100%;
	background-color:transparent;
	z-index: 1000;
}

#botonera ul li a{ 
	text-decoration: none;
	color:#000000;
	text-transform:lowercase;
	text-shadow: #888888 1px 1px 1px;
}

#botonera ul li a:hover{ 
	color: #506eb4;
	text-shadow: #888888 1px 1px 1px;
}

#botonera ul li  a.seccion-actual , #botonera ul li.current-menu-item a{ 
	color:#506eb4;
	text-shadow: #888888 1px 1px 1px;
	
}

#botonera .seccion-actual , #botonera ul li.current-menu-item a{ 
	  font-family: 'quicksand';
	  line-height: 1px;
	  text-shadow: #888888 1px 1px 1px;
}

#botonera ul li {
	margin-bottom: 16px;
	font-size: 14px;
	text-shadow: #888888 1px 1px 1px;
}

#galeria{
	position:fixed;
}

#flechas {
	z-index: 10000;
	margin-left:36%;
	margin-top: 7px;
	font-family: 'quicksand';	
}

#flechas a a:hober{
	z-index: 10000;
	margin-left:36%;
	margin-top: 7px;
	font-family: 'quicksand';	
}

#init{
	position:fixed;
	width:100%;
	height:auto;
	overflow: hidden;
}

#info{
	position:absolute;
	width:550;
	height:auto;
	left: 290px;
	right:25px;
	top: 75px;
	overflow: hidden;
	
	font-family: 'quicksand';
	font-size: 16px;
	letter-spacing: 1px;
}

#info a{
	color: #000;
	text-decoration: none;
	letter-spacing: 2px;
}

#info a:hover{
	color: #506eb4;
	text-decoration: none;
	letter-spacing: 2px;
}



.cycle-slideshow {
	position:relative;
	overflow:hidden;
}

.cycle-slideshow img{
      width:100vw;
}

.cycle-slideshow img.cycle-sentinel{display:none; }

#cuadrado a{
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,0.0);
	
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-khtml-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	
	
}

#cuadrado a:hover{ 
	background-color: rgba(0,0,0,0.0);
	
	
}

#cuadrado a.next{
	margin-left: 50%;
}




/* LOADER */

#floatingCirclesG{
position:absolute;
width:34px;
height:34px;
-moz-transform:scale(0.5);
-webkit-transform:scale(0.5);
-ms-transform:scale(0.5);
-o-transform:scale(0.5);
transform:scale(0.5);
top: 108px;
margin-top:-17px;
z-index:9999;


}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:6px;
width:6px;
-moz-border-radius:3px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:0.72s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:3px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:0.72s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:3px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:0.72s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:3px;
-o-animation-name:f_fadeG;
-o-animation-duration:0.72s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:3px;
animation-name:f_fadeG;
animation-duration:0.72s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{
left:0;
top:14px;
-moz-animation-delay:0.27s;
-webkit-animation-delay:0.27s;
-ms-animation-delay:0.27s;
-o-animation-delay:0.27s;
animation-delay:0.27s;
}

#frotateG_02{
left:4px;
top:4px;
-moz-animation-delay:0.36s;
-webkit-animation-delay:0.36s;
-ms-animation-delay:0.36s;
-o-animation-delay:0.36s;
animation-delay:0.36s;
}

#frotateG_03{
left:14px;
top:0;
-moz-animation-delay:0.45s;
-webkit-animation-delay:0.45s;
-ms-animation-delay:0.45s;
-o-animation-delay:0.45s;
animation-delay:0.45s;
}

#frotateG_04{
right:4px;
top:4px;
-moz-animation-delay:0.54s;
-webkit-animation-delay:0.54s;
-ms-animation-delay:0.54s;
-o-animation-delay:0.54s;
animation-delay:0.54s;
}

#frotateG_05{
right:0;
top:14px;
-moz-animation-delay:0.63s;
-webkit-animation-delay:0.63s;
-ms-animation-delay:0.63s;
-o-animation-delay:0.63s;
animation-delay:0.63s;
}

#frotateG_06{
right:4px;
bottom:4px;
-moz-animation-delay:0.72s;
-webkit-animation-delay:0.72s;
-ms-animation-delay:0.72s;
-o-animation-delay:0.72s;
animation-delay:0.72s;
}

#frotateG_07{
left:14px;
bottom:0;
-moz-animation-delay:0.81s;
-webkit-animation-delay:0.81s;
-ms-animation-delay:0.81s;
-o-animation-delay:0.81s;
animation-delay:0.81s;
}

#frotateG_08{
left:4px;
bottom:4px;
-moz-animation-delay:0.9s;
-webkit-animation-delay:0.9s;
-ms-animation-delay:0.9s;
-o-animation-delay:0.9s;
animation-delay:0.9s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

</style>