@charset "UTF-8";

/* CSS Document */

*{
	border:0;
	margin:0;
	padding:0;
}

body{ background:white;background-attachment:fixed; }

header{ background:transparent; width:100%; margin:0 auto; padding-top:0.8em; position:absolute; top:10px; z-index:2;}
section#logo{ width:25%; margin:0.5em; display:inline-block; text-align:right; vertical-align:middle; top:10px;   }
section#logo2{ display:none;   }
img#cp{ width:50%;}
aside#menu{ width:70%; margin:0.5em; display:inline-block; vertical-align:middle; text-align:center; }
li#m{ width:15%; font-size:15px; margin:0.5em; display:inline-block; text-align:center; color:#000000; font-family:Arial;}
li#m:hover{ color:#2ED3F1;}



section#load{ width:30% ; text-align:center; left:450px; top:40px; z-index:5; position:fixed;

}
section#cont{ width:100% ; background:#4672B1; text-align:center; margin:0;

}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }

header.cd-header{ display:none;}
nav.cd-3d-nav-container{display:none;}

section#cuadros{ background:transparent; text-align:center; height:100%;  width:100%; margin:0 auto;   }

article#f1{   width:60%; color:#FFFFFF; text-align:left; display:inline-block; margin:0.8em; font-size:12px;}
article#f2{   width:30%; text-align:center; display:inline-block; margin:0.8em;  font-size:12px;}


footer{ background:#3F3F3F; text-align:left;  width:100%; margin:0 auto;    }

li#fo{ width:30%; display:inline-block; color:#FFFFFF; border-right:solid 2px #FFFFFF;}

section#social{ background:#000000; width:5%;   top:200px; padding:0; margin:0;  position:fixed; right:0; z-index:3;}
li#soc{ width:100%; display:block; margin-top:-0.2em; }
 
 section#social2{ display:none;  }
li#soc2{ width:12%; text-align:center; display:inline-block; margin:0.5em;}

@media(max-width: 800px){
	section#social2{ display:block; background:transparent; width:100%; padding-top:0.5em;   text-align:center; }
	
  
	section#social{ display:none; }
	section#logo{ display:none;   }
	section#logo2{ width:20%; margin:0.5em; display:inline-block; text-align:right; vertical-align:middle; padding-top:1em; top:10px;   }
	aside#menu{display:none;}
	header.cd-header{ display:block;}
	nav.cd-3d-nav-container{display:block;}
	img#cp{ width:85%;}
	article#f1{   width:90%; color:#FFFFFF; text-align:center; display:block; margin:0.8em; padding-top:0.8em;}
article#f2{   width:90%; text-align:center; display:block; padding-bottom:0.8em;}
}