@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700);

/* Preloader */
#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	background-image: url(../images/status.gif); /* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px; /* is width and height divided by two */
}
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
/* Clearfix ----------- */
.clearfix:after { content: " "; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* Clearfix ----------- */
ol,ul {
	list-style:none;
}

body{
	font-family: 'Lato', arial, sans serif;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
	overflow-y: scroll;
	overflow-x: hidden;
}
.ie7 body{
	overflow:hidden;
}
/*propiedades para el 100%*/

body > #container { height: auto; min-height: 95%; }
header h1{
	padding-left:20px;
	
}

.top-index{
	z-index: 7999;
	position: relative;
	height:100px;
}
/*propiedades para el 100%*/
a {
	text-decoration:none;
   color:#d1df51;
}
a:hover {
	color: #fff;
}
a, a:hover {
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}
img {
	padding: 0;
	margin: 0;
	border: 0;
	
}
.wrapper{
	position: relative;
	height:100%;

}


#logo-top{
	width:225px;
	height:92px;
	margin:0 auto;
	z-index:1000;
	
}
/*<!--home-->*/

#bienvenida { 
    z-index: 50;
    position: relative;
	top:40%;
	
    width: 700px;
	height:80px;
 
	background:rgba(0,0,0,0.3);
	margin:auto;
	
}

#bienvenida ul {
	font-weight: 300;
	width:650px;
	cursor: pointer;
	font-size:35px;
	position:relative;
	margin: 0 auto;
	padding-top:20px;

}

#bienvenida ul li {
	display: block;
	position: relative;
	height:50px;
	padding-right: 10px;
	float: left;
	margin-right: 10px;
	line-height: 35px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
}

#bienvenida ul li.no {
	display: block;
	position: relative;
	line-height: 35px;
	
	float: left;
	margin-right: 10px;

	border:none;
}

#bienvenida ul li a {
  display: block;
  float: left;
  padding: 5px;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#bienvenida ul li:hover > a {
	color: #999;

}

/*home*/
#wrapcontactanos{
	 position: relative;
	 margin:0 auto 0 auto;
	 width: 75%;
	 height:400px;
	 margin-bottom:50px;
	 background:rgba(0,0,0,0.5);
	 font-size:18px;
	font-weight:300;
	text-align:center;
	}
#contactanos{ 
 
    position: relative;
	top:50px;
	padding:30px; 
    text-align: left;
    color: #fff;
	background:rgba(0,0,0,0.5);	
	font-size:18px;
	font-weight:300;
}

#map_idcapital{
	width:400px;
	height:300px;
	float:left;
	
}

#mapita {
	margin-top:0;
	float: left;
	width: 400px;
}

.infowindow{
	color:#000;
	
}
 /* footer */
footer {
 
   bottom:0;
   position:fixed;
   width:100%;
   height:7%;   /* Height of the footer */
   background:rgba(0,0,0,0.5);
   color:#d1df51;
   font-size:12px;
}
footer img {
	cursor: pointer;
	margin: 0 5px;	
}

#redes-sociales {
	float:left;
	height: 20px;
	width: 420px;
	position: relative;
	padding-top:5px;
}
#derechos-footer {
	float: left;
	height: 20px;
	width: 310px;
	padding: 10px 10px 0 10px;
}
 /* footer */
/*-----ampersand---*/
.btn_ampersand {
	display: block;
	padding-right:20px;
	float: left;
	position: relative;
	text-indent: -9999px;
	width: 183px;
	height: 14px;
	background-position: left top;
	background-image: url(../images/desarrolloampersand.png);
	background-repeat: no-repeat;
}
.btn_ampersand span {
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background: url(../images/desarrolloampersand.png) no-repeat;
	background-position: left bottom;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
}
.btn_ampersand:hover span {
	opacity: 1;
}
.btn_ampersand:active {
	display: block;
	position: relative;
	text-indent: -9999px;
	width: 183px;
	height: 14px;
	background-position: left top;
	background-image: url(../images/desarrolloampersand.png);
	background-repeat: no-repeat;
}
#btnAmper{
	float: right;
	margin-top:12px;
	height: 14px;
	width: 183px;
	position: relative;
	bottom: 0px;	
	}
	
/*-----ampersand---*/

/* Media Queries */
@media screen and (max-width: 1025px) {

#wrapcontactanos{	
	 width: 100%;
	
	}
	
}
@media screen and (max-width: 768px) {
	
#map_idcapital{
	width:300px;

}

#mapita {
	width: 300px;
}
footer {
   bottom:-10;
   width:100%;

   font-size:10px;
}
#derechos-footer {
	display:none;
}
#redes-sociales {	
	width: 60%;
	padding-left:30px;

}
#btnAmper{
	float: left;
	width: 30%;

	
	}

	
}
@media screen and (max-width: 767px) {
.wrapper > header{
		text-align: center;
	}
footer {
 position:relative;

}
#bienvenida { 
	top:200px;

    width: 80%;
	font-size:15px;
}
#bienvenida ul {
	font-size:15px;
	width:470px;
}
@media screen and (max-width: 602px) {
#contactanos{ 
	top:-280px;
}
#logo-top{
	width:120px;
	margin:30px auto 0 auto;
}
#logo-top img{
	width:120px;
	height:auto;	
}


}

@media screen and (max-width: 568px) {

#logo-top{
	width:150px;
	margin:40px auto 0 auto;
}
#logo-top img{
	width:150px;
	height:auto;	
}
#bienvenida { 
	padding:10px;
    width: 90%;
	height:300px;
	
}
#bienvenida ul {
	font-size:20px;
	width:360px;
}

#bienvenida ul li {

	float: left;
	width:360px;
	text-align:center;
	display:inline;
	position: relative;
	padding-top: 5px;


	
}

}