/* * * * * * * * H E A D E R * * * * * * * */

* {
	margin: 0;
	padding: 0;
	
}

html {
     height: 100%;
	 width: 100%;
	  /*overflow:hidden; */
}

body{
	background-image: url("img/fondo.jpg");
	overflow-x:hidden;
	
}

.principal {
    width: 100%;
    height: 100%;
    /*background-color: #0099FF;*/
	padding:auto;
}

header{
        padding-top: 20px;
        color: #F0F6F8;
        display: inline-block;
        width:100%;
        margin:auto;
}

.logo{
	float:left;
	margin-left:30px;
}

.experiencia{
	float:left;
	margin-left: 200px;
	font: italic bold 25px arial, sans-serif;	
}

.par{
	color:#EF8307;
}

.sesion{
	float:right;
	margin-right:50px;
}
/*propiedades del boton*/
.session{
    text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #F0F6F8;    
    border-radius: 6px;
    border: 3px solid #F3AB4E;
	float:right;
  }
  
  
 /* * * * * * * * N A V  * * * * * * * */ 
 
 nav {
	/*background-color:#EF8307;*/
	width:100%;
	text-decoration: none;
    padding: 10px;
	text-align:center;
	margin-top: 20px;
 }
 .ocpiones{
    
 }
 
 .menu {
	text-decoration: none;
	font-weight: 600;
    font-size: 23px;
    color: #EF8307;
	margin-right:50px;
	 
 }
 
 a:hover { 
	color: #F0F6F8;; 
	afont-weight: bold; 
} 

/* * * * * * * * S E C T I O N * * * * * * * */
.container{
    width: 100%;
}

section {
	float:left;		
	width:55%;	
	margin-top: 80px;
	font-size:24px;
	font-family:arial;
	color: #F0F6F8;
	text-align:justify;	
	height:380px;
    float:left;
    margin-left: 30px;
}
.textopresentacion{
	width:80%;
	margin: 0 auto;
}
/* * * * * * * * A S I D E * * * * * * * */
aside{
	width:35%;
	padding-top:70px;
	float:left;
	/*background-color:blue;*/
	height:550px;
	text-align:center;
}
	
/* * * * * * * * F O O T E R * * * * * * * * */
footer{
	width:100%;	
	color: #FFFEFD;
	float: left;
	padding-bottom:25px;
	
}

.redes{
	margin-top:50px;
	text-decoration: none;
    padding: 8px;
    font-weight: 600;
    font-size: 18px;
    color: #FFFEFD;
    /*background-color: #1BA1F9;*/
    border-radius: 6px;
    border: 2px solid #0016b0;
	float:center;
}
.fot{
	float:left;
	margin-left:50px;
	margin-right:25px;	
}
.face{
	text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #F0F6F8;    
    border-radius: 6px;
    border: 2px solid #0016b0;
	float:right;
}

.ing {
	float:left;
}

.fotlogo{
	float:right;
	margin-right:50px;
}