@font-face {
    font-family: 'menufont';
    src: url('../fonts/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url('animate.css');
@import url('font-awesome.css');

.fades:hover{
opacity:0.5;	

    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
          border:1px rgba(255,255,255,0.1) solid;

}

.fades{
    opacity: 1;
    	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
          border:1px transparent solid;
}

#top {
	width: 100%;
	height: 700px;
	margin: 0px auto;
    position:relative;
}

.banner{
	
}
/*--slider start here--*/


#slider3,#slider4 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}
.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
}
.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
}
.rslides_tabs li:first-child {
  margin-left: 0;
}
.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
}
.events {
  list-style: none;
}
.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.callbacks img {
  position: relative;
  z-index: 1;
  height: auto;
  border: 0;
}
.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	bottom: 5%;
 	 left: 2%;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 55px;
	width: 55px;
	background: transparent url("../images/icon1.png") no-repeat 21px 18px;
	background-color: rgba(255, 255, 255, 0.21);
	z-index:8000;
}
.callbacks_nav:active {
  opacity: 1.0;
}
.callbacks_nav.next {
	left: 6%;
	background: transparent url("../images/icon2.png") no-repeat 22px 19px;
	background-color: rgb(133, 133, 133);
}
#slider3-pager a ,#slider4-pager a {
  display: inline-block;
}
#slider3-pager span, #slider4-pager span{
  float: left;
}
#slider3-pager span,#slider4-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a , #slider4-pager .rslides_here a {
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a ,#slider4-pager a{
  padding: 0;
}
#slider3-pager li ,#slider4-pager li{
	display:inline-block;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height:700px;
  padding: 0;
  margin: 0;
  border-bottom:15px #FFFFFF solid;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li{
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  /*height: auto;*/
  border: 0;
  width:100%;
}
.callbacks_tabs{
		list-style: none;
		position: absolute;
		bottom: 0.2%;
		z-index: 111;
		left: 0%;
		padding: 0;
		margin: 0;
}
.slider-top{
	text-align: center;
	padding:10em 0;
}
.slider-top h1{
	font-weight:700;
	font-size:48px;
	color:#010101;
}
.slider-top p{
	font-weight:400;
	font-size:20px;
	padding:1em 7em;
	color:#010101;
}
.slider-top ul.social-slide{
	display:inline-flex;
	margin: 0px;
	padding: 0px;
}
ul.social-slide li i{
	width:70px;
	height:74px;
	background:url("../ejemplo/Demos/images/img-resources.png")no-repeat;
	display: inline-block;
	margin:0px 15px;
}
ul.social-slide li i.win{
	background-position:-6px 0px;
} 
ul.social-slide li i.android{
	background-position:-110px 0px;
}
ul.social-slide li i.mac{
	background-position:-215px 0px;
}
.callbacks_tabs li{
	display: inline-block;
	margin-left: 2px;
}
@media screen and (max-width: 600px){
  .callbacks_nav {
    top: 47%;
    }
}
/*----*/
.callbacks_tabs a{
	font-size: 30px;
	color: #70664c;
	font-weight: 600;
	padding: 0px 18px;
	background: rgba(222, 208, 157, 0.89);
}
.callbacks_here a:after{
	color: black;
	text-decoration: none;
	background: rgba(245, 179, 3, 0.56);
}
.callbacks_tabs a:hover, .callbacks_tabs a:active {
  color: black;
  text-decoration: none;
  background: rgba(245, 179, 3, 0.56);
}
.callbacks_tabs a:after{
	color: black;
	text-decoration: none;
	background: rgba(245, 179, 3, 0.56);
}
li.callbacks1_s1.callbacks_here a.callbacks1_s1:after, li.callbacks1_s1.callbacks_here a.callbacks1_s1:active{
  color: black;
  background: rgba(245, 179, 3, 0.79);
  text-decoration: none;
  outline: none;
}
li.callbacks1_s1.callbacks_here a.callbacks1_s1:focus{
  color: black;
  background: rgba(245, 179, 3, 0.79);
  text-decoration: none;
  outline: none;
}
a.callbacks1_s4.active,a.callbacks1_s4:focus{
  color: black;
  background: rgba(245, 179, 3, 0.79);
  text-decoration: none;
  outline: none;
}
a.callbacks1_s2.active,a.callbacks1_s2:focus{
  color: black;
  background: rgba(245, 179, 3, 0.79);
  text-decoration: none;
  outline: none;
}
a.callbacks1_s3.active,a.callbacks1_s3:focus{
  color: black;
  background: rgba(245, 179, 3, 0.79);
  text-decoration: none;
  outline: none;
}


#blinds-cont {
	/*background: url(img/gris.png) 0 0 no-repeat;*/
	width: 100%;
	height: 700px;
	margin: 0px auto;
	padding:0 0 0 0;   
	-moz-box-shadow: 0 0 40px #000;
	-webkit-box-shadow: 0 0 40px #000;
	font-family: "Georgia", "Arial Narrow", "Arial", sans-serif;
	position:absolute;
	z-index:1;
}

#blinds {
	height: 700px;
	width: 2300px;
	margin: 0 auto;
	background: url("../images/spinner.gif") 50% no-repeat;
	position:absolute;
	z-index:2;
}

#gristop {
	width: 100%;
	height: 700px;
	margin: 0px auto;
	/*background-color:aqua;*/
	background:url('../images/gris.png') 90% no-repeat;
	background-position:left;
	position:absolute;
	z-index:1;
}

#gristop img{
	margin: 0px auto;
	position:absolute;
	z-index:4;
	margin-top:115px;
	margin-left:10px;
}

#logo img{
	width: 304px;
	height: 174px;
	margin: -5px 0 0 -5px;
	/*background-color:aqua;*/
	position:absolute;
	z-index:999!important;
}

#logo .sublogos{
    width: 465px;
	height: 77px;
    margin: 600px 0 0 0;
    right:75px;
	position:absolute;
	z-index:5;		
}

#logo .submenu{
    width: 389px;
	height:194px;
    margin: 400px 0 0 288px;
	position:absolute;
	z-index:3;		
}

#submenu{
z-index:10px;
width:390px;
height:195px;
margin:350px 0px 0 245px;
position:absolute;
background-image:url('../images/submenu.png');
background-repeat:no-repeat;
z-index:7;
padding-top:15px;
vertical-align:middle;
}

#submenu .img{
position:absolute;
}

#submenu a{
font-family:menufont;
font-size:18px;
color:#fff;
text-decoration:none;
/*margin:15px 15px 0 0;*/
padding-left:88px;
position:absolute;
margin-top:75px;
}

#submenu a:hover{
font-family:menufont;
color:#000;
font-weight:bold;
}

/*.flecha {
position: absolute;
width:100%;
margin: 0 auto;
text-align:center;
z-index:10;
}

.flecha img{
position: absolute;
margin: 0px 50%;
text-align:center;
z-index:10;
padding:12px 662px;
}*/

.flecha{
z-index:15;
text-align:center;
position:absolute;
margin:600px 0px 0 755px;
/*padding-top:15px;*/
}

.flecha img{
bottom:0px;
text-decoration:none;
}



.floom_container {
	overflow: hidden;
	width:100%;
	border-top: solid 0px #000;
	border-bottom: solid 10px #fff;
	/*z-index: 1000;*/
}

.floom_progressbar {
	height: 5px;
	background: #fff;
	width: 10;
	position: relative;
	top: 0px;
	z-index: 1000;
	border-bottom: solid 1px #3e3e3f;
	font-size: 1px;
}

.floom_slice {
	z-index: 10;
}

	
.floom_vertical {
	float: left;
}

.floom_horizontal {
	
}

.floom_caption {
	width: 100%;
	position: relative;
	top: 25px;
	text-align: center;
	font-size: 1.0em;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	font-style: italic;
}

#menu{
width:625px;
height:70px;
background-color:#e31b23;
/*margin: 35px 0 0 655px;*/
right:0px;
top:35px;
position:absolute;
z-index:5;		
	-webkit-box-shadow: 0 10px 16px -6px #151515;
	-moz-box-shadow: 0 10px 16px -6px #151515;
	box-shadow: 0 10px 16px -6px #151515;
}

.esquina {
display:block;
margin:20 auto;
width:0px;
height:0px;
/*left:745px;*/
right:625px;
top:35px;
border-color:  transparent #e21b23 #e21b23 transparent;
border-style:solid;
border-width:35px;
position:absolute;
z-index:5;
}

.esquina2 {
display:block;
margin:18 auto;
width:0px;
height:0px;
left:692px;
top:19px;
border-color:  transparent transparent transparent transparent;
border-style:solid;
border-width:34px;
position:absolute;
-webkit-box-shadow: 10px 0px 16px -2px #8b0000;
-moz-box-shadow: 10px 0px 16px -2px #8b0000;
box-shadow: 10px 0px 16px -2px #8b0000;
z-index:6;
}


#submenubot{
z-index:45;
with:150px;
margin-left:350px;
}

#submenubot a{
text-decoration:none;
color:white;

}

#submenubot a:hover{
text-decoration:none;
color:aqua;
}


#botonesmenu {
padding: 0;
margin-top:20px;
z-index:6;
}

#botonesmenu li {
display: inline;
padding:0 14px;
font-family:menufont;
}

#botonesmenu li a{
color:#fff;
font-size:13pt;
font-weight:bold;
text-decoration:none;
}


#botonesmenu li a:hover {
color:#000;
}


#sec2 {
	width: 1280px;
	height: 600px;
	margin: 14px auto;
    position:relative;
    /*padding:20px 0 0 0;*/
    background-image:url('../images/back_rojo.jpg');
    background-repeat:no-repeat;
    z-index:2;
    border-left:0px;
    border-right:0px;
    border-top:0px;
    border-bottom:15px;   
    border-bottom-color:#fff;
    border-style:solid;
}

#sec2 h1{
color:#fff;
font-family:menufont;
font-size:30pt;
font-weight:bolder;
text-transform:uppercase;
z-index:10;
text-align:center;
margin-top:-10px;
padding-top:80px;
}

#sec2 h2{
color:#fff;
font-family:menufont;
font-size:15pt;
font-weight:bolder;
text-transform:uppercase;
z-index:10;
text-align:center;
}

#sec2 p{
color:#fff;
font-family:menufont;
font-size:12pt;
z-index:10;
text-align:center;
}

#sec3 {
	width: 1280px;
	height: 500px;
	margin: 2px auto;
    position:relative;
    background-image:url('../images/img_personal.jpg');
    background-repeat:no-repeat;
    z-index:2;
    border-left:0px;
    border-right:0px;
    border-top:0px;
    border-bottom:15px;   
    border-bottom-color:#fff;
    border-style:solid;
    padding-bottom:0px;
}

#sec3 p{
color:#fff;
font-family:menufont;
font-size:16pt;
z-index:10;
text-align:center;
padding:250px;
text-align:center
}

/*#footer {
	width: 1280px;
	height: 200px;
	margin: 0px auto;
    position:relative;
    background-color:#121212;
    z-index:2;
}*/

.footer {
	background:#555;
	padding:15px 22px;
}

ul.social-network {
	list-style:none;
	margin-top:20px;	
	padding:10px;
	transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

ul.social-network li {
	display:inline;
	margin: 0 18px;	
	font-size:25px;	
}

ul.social-network li a {	
	color:#d0d0d0;	
}
.social-network li:hover .fa-twitter {
  color: #00abf0;
}
.social-network li:hover .fa-facebook {
  color: #39579a;
}
.social-network li:hover .fa-google-plus {
  color: #eb8984;
}
.social-network li:hover .fa-pinterest {
  color: #c9171e; 
}
.social-network li:hover .fa-linkedin {
  color: #0077b5; 
}
.social-network li:hover .fa-youtube-play {
  color: #C84941; 
}
.social-network li:hover .fa-dribbble {
  color: #EA4C89 ; 
}
.social-network li:hover .fa-pinterest-square {
  color: #EA4B49; 
}

.copyright {
	margin-top:30px;
}

.copyright a {
	color:#000;
	text-transform:uppercase;
	font-weight:600;
	font-size:12px;
	text-shadow:none;
}



a.scrollup{
    color:#fff;
	height:40px;
	width:40px;
	font-size:12px;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	position:fixed;
	bottom:30px;
	right:40px;	
	opacity:0,5;
	border-radius:50%;
	z-index:999;
}
a.scrollup:hover{
	opacity:1;
	background-color:#ddd;
	color:#1BBD36;
}