@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;}

img#ico{
		width:50%;
	}



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#noso{ background:url(../img/cit.jpg); background-position:center; background-attachment:fixed; background-size:cover; text-align:center; height:550px;  width:100%; margin:0 auto;   }

article#nos{   width:60%; color: #000000; text-align:center; vertical-align:middle;  margin:0 auto;  font-size:40px;
padding-top:5em;  }

section#info{ background-image: url(../img/cp1.png), url(../img/grey.jpg); background-color:#000000;   background-position:right bottom; background-attachment:fixed; background-repeat: no-repeat; background-size:auto, cover; text-align:center;  width:100%; margin:0 auto; height:400px;  }

article#inf{   width:60%; background:#FFFFFF; color: #000000; float:left; text-align:justify;vertical-align:middle;  margin:0 auto; padding-top:2em; padding-left:2em; padding-right:2em; font-size:20px; height:400px;  }
section#info2{ background-image: url(../img/crepla1.png),url(../img/grey.jpg); background-color:#000000;   background-position:left bottom; background-attachment:fixed; background-repeat: no-repeat; background-size:auto, cover; text-align:center;  width:100%; margin:0 auto; height:400px;  }

article#inf2{   width:60%; background:#FFFFFF; color: #000000; float:right; text-align:justify;vertical-align:middle;  margin:0 auto; padding-top:2em; padding-left:2em; padding-right:2em; font-size:20px; height:400px;  }

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;}


section#info{ height:600px; background-attachment:scroll; background-repeat: no-repeat; background-size: contain, cover;  }

article#inf{ float:none; width:100%;   height:350px;  font-size:19px;  }
section#info2{ height:600px; background-attachment:scroll; background-repeat: no-repeat; background-size:contain, cover;  }

article#inf2{ float:none;  width:100%;   height:350px;   font-size:19px;  }
}


@media(max-width: 600px){
	section#info{ height:600px;  }

article#inf{ float:none; width:100%; font-size:15px;    height:350px;  }
section#info2{ height:600px;  }

article#inf2{ float:none; width:100%; font-size:15px;    height:350px;  }
	
}