@charset "utf-8";
/* CSS Document*/
@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Arvo:700");

* {padding:0;
	margin:0;}

body{
	background: #fff;
	font-family: 'Source Sans Pro';
	font-weight: 300;
	}
	
p{
	color:#333333;
	font-size:16px;
    padding-bottom: 15px;}


h1{
	color:#F15A24;
	font-size:23px;
	font-weight:bold;
    padding-bottom: 15px;}
	
h3{
	color:#F15A24;
	font-size:18px;
	font-weight:bold;
    padding-bottom: 15px;}
	
header{
	height: 80px;
  	margin-bottom: 5px;
	text-align:center;
	border-bottom: solid 1px #f1f1f1;}

nav{
	text-align:center;
	padding-top: 25px;	
	height:100%;
	}
	nav ul {
		margin: 0 auto;
		list-style-type: none;
		}
	nav ul li {
		margin: 15px 15px;
		font-size:14px;
		display: inline-block;
	}
	nav ul li a {
		text-decoration:none;
		color: #000;
	}
	nav > ul > li:hover > a {
			color: #ED786A;
		}

main{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	}

footer{
	background-color:#F2F2F2;
	padding:20px;
	bottom:0;}	
	footer p {
		text-align:center;
		font-size:12px;}
		
#logo{
	  text-align: center;
	  padding-bottom: 40px;
	  padding-top: 40px;
	  border-bottom:solid 1px #F15A24;
	  }
	  #logo h1{
		  font-family: 'Arvo';
		  font-weight: 700;
		  color: #ed786a;
		  text-shadow: 0.05em 0.075em 0 rgba(0, 0, 0, 0.1);
		  font-size:36px;}
		  
#integrantes{
	padding: 30px 0px 30px 0px;
	text-align: center;
	border-top: solid 1px #F15A24;
	margin-top: 10px;
  	height: 100%;
  	border-bottom: solid 1px #F15A24;
	background-color:#FFF6F0}
	#integrantes h2{
		color:#F15A24;
		margin: 0 0 25px 0;}
		
#datos{
	border-top: solid 1px #F15A24;
	padding: 30px 0px 0px 0px;
	margin-top: 10px;
	}
article{
	width:460px;
	margin-top: 20px;
	margin-bottom: 50px;
	}  
	 
#institucional{
	border-right:solid 1px #F15A24;
}
#tema{
	  margin-left:39px;}
	  #tema h4{
		  color:#F15A24;
		  font-size:18px;
		  font-weight:bold;
		  padding-bottom: 15px;
		  padding-top:35px;}
#carta{
	  padding: 40px 0px;
	}
	#carta ol{
		margin-left:20px;
	}
	#carta ul{
		margin-left:20px;
		margin-bottom:20px
	}		  

#mapa{
	  padding: 40px 0px;
	  font-size:18px;
	  color:#333333;
	}
	#mapa ul{
		margin-left:20px;} 
		
.contenedor{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	}
.fotos{
	display: inline-block;}
.float{
	float:left;}
.medio{
	margin: 0px 50px;}
.redondeado{
	border-radius: 100%;}