@charset "UTF-8";
	
*{margin:0;}

/*Responsive Images*/
img {	
	max-width: 100%;
	height: auto;
	
}

.partes
{
	float:left;
	margin-right:20px;
}

.banner
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgba(255,255,255,1);
	padding:20px;
	max-width:729px;
	margin:auto;
	text-align:center;
	
}


#section1
{
	
}

#section0
{
	
}


#section2
{
	
}

#section3
{
	
}

#section4
{
	
}
        a{
            color:#fff;
            text-decoration:none;
        }
        a:hover{
            text-decoration:underline;
        }
        .reference{
			padding-top: 0px;
			float: right;
			width: 600px;
            left:10px;
            top:10px;
            font-size:13px;
            font-weight:bold;
        }
        .reference a{
            color:#fff;
            text-shadow:1px 1px 1px #000;
            padding-right:20px;
        }
        .reference a:hover{
            color:#ddd;
            text-decoration:none;
        }
		/*
		======  NAVEGACION  ========*/
		.reference ul{
	font-size:0;
	padding:0;
	
}
.reference ul li{
	/*background:rgba(236,237,250,1);*/
	display: inline-block;
	font-size:16px;
	font-weight:200;
	text-decoration:none;
	height:50px;
	line-height:50px;
	text-align:center;
	vertical-align: top;
	width:25%;
}

.reference ul li a{
	color: #F1F83D;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.reference ul li a:hover{
	color: #F7BA38  ;
}


.reference ul li:hover{
	background: #333;	
	-webkit-transition-duration: 0,3s;
	transition-duration: 0.3s;

}
.reference ul li img {
	height:50px;
}
.reference ul li a{
	/*color: #000;*/
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
		
		
		#barra-superior
		{
	width: 100%;
	margin: auto;
	height: 50px;
	position: fixed;
	z-index: 900;
	background: #333;
	top: 0;
		}
		h2
		{
			padding-top:100px;
		}
		
		p{ text-align:justify;}
		
		.logo{
	float: left;
	width: 329px;
	margin-top: 10px;
		}
		
		#header
{
	max-width: 960px;
	height: auto;
	margin: auto;
}

#contenido
{
	max-width:960px;
	margin:auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgba(255,255,255,0.6);
	padding:20px;
}

#map_canvas {
        width: 100%;
        height: 300px;
      }

.dat
{
	float:left;
	padding:10px;
	width:50%;
	text-align:center;
	display: inline;

}

#social
{
	max-width:300px;
	margin:auto;
	margin-top:30px;
	display:none;
}

#social2
{
	max-width:300px;
	margin:auto;
	margin-top:30px;
}

.sicon {
	width:60px;
	margin-left:20px;
	margin-right:20px;
	float:left;
	display:inline-block;
	text-align:center;
	
}

.sicon a
{
	
	text-decoration:none;
	
}

.sicon a:hover
{
	-webkit-transition-duration: 0,s;
	transition-duration: 0.3s;
	-webkit-filter: opacity(.6);
  	filter: opacity(.6);
	

}

#call
{
	 display:none;
	 margin:auto;
	 width:200px;
	 margin-top:20px;
}

.clear{ clear:both;}

@media screen and (max-width:800px){
	
	.reference
	{
		width:100%;
		float:none;
		display:inline-block;
	}
	.reference ul li {
		width:25%;
		background-color: #333;
	}
	.reference ul li a{
		color:#FFF;
		
	}
	.reference ul li img {
		height:80%;
	}
	
	#social
{
	max-width:300px;
	margin:auto;
	margin-top:30px;
	margin-bottom:500px;
}

#social2
{
	max-width:300px;
	margin:auto;
	margin-top:30px;
	display:none;
}

	
}

@media screen and (max-width:480px){
.reference
	{
		width:70%;
		display: block;
		float:right;
		
	}
	.reference ul li {
		width:auto;
		height:40px;
	    font-size:12px;
	}
	.logo{
		width:24%;
		padding-left:3%;
		padding-right:3%;
		text-align:center;
		float:left;
	}
	.dat
{
	display: none;

}

#call
{
	 display: inline-block; 
	 margin-bottom:15px;
	 padding-top:10px;
	 margin:auto;
	 width:100%;
	 text-align:center;	
	 position:fixed;
	 bottom:0px;
	 z-index:3000;
	 background-color: #333; 
}
#call img
{	
	width:120px;}

.sicon a img
{
	
	width:40px;
	
}


	
	
}

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

.reference
	{
		width:70%;
		display: block;
		float:right;
		
	}
	.reference ul li {
		width:auto;
		height:40px;
	    font-size:10px;
	}
	
	.logo{
		width:24%;
		padding-left:3%;
		padding-right:3%;
		text-align:center;
		float:left;
	}
	.dat
{
	display: none;

}

#call
{
	 display: inline-block; 
	 margin-bottom:15px;
	 padding-top:10px;
	 margin:auto;
	 width:100%;
	 text-align:center;	
	 position:fixed;
	 bottom:0px;
	 z-index:3000;
	 background-color: #333; 
}
#call img
{	
	width:120px;}

.sicon a img
{
	
	width:40px;
	
}

.sicon {
	width:60px;
	margin-left:20px;
	margin-right:20px;
	float:left;
	display:inline-block;
	text-align:center;
	margin-bottom:80px;
	
}

#contenido
{
	padding:10px;
}


#section1
{
	background: url(../images/header1.jpg);
	background-repeat:no-repeat;
	
}
.reference a{
            padding-right:8px;
        }
		
#section1
{
	background: url(../images/header1-500.jpg);
	background-repeat:no-repeat;
}

#section0
{
	background: url(../images/header0-500.jpg);
	background-repeat:no-repeat;
}


#section2
{
	background: url(../images/header2-500.jpg);
	background-repeat:no-repeat;
}

#section3
{
	background: url(../images/header3-500.jpg);
	background-repeat:no-repeat;
}

}