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

article#inf{   width:20%; background:url(../img/blackie.jpg); background-position:center; background-attachment:fixed; background-size:cover; color:#FFFFFF;  float:left; text-align:center; vertical-align:middle;  margin:0 auto; padding-top:2em; padding-left:2em; padding-right:2em; font-size:18px; height:400px;  }


article#inf1{   width:80%; background:url(../img/grey.jpg); background-position:center; background-attachment:fixed; background-size:cover; color: #000000; float:right; text-align:center;vertical-align:middle;  margin:0 auto; padding-top:2em; padding-left:2em; padding-right:2em; font-size:20px; height:100%;  }

li#clie{ width:20%; margin:0.5em; display:inline-block; text-align:center;  vertical-align:middle; color:#FFFFFF; }

img#cli{ width:80%; border:2px solid #000000; }

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:700px;  }

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

}


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

article#inf{ width:100%;   height:100%;  float:none;  font-size:19px;  }
article#inf1{ width:100%;  float:none; height:100%;   font-size:19px;  text-align:center;  }
img#cli{ width:100%; border:2px solid #000000; }
li#clie{ width:40%; margin:0.5em; display:inline-block; text-align:center;  vertical-align:middle; color:#FFFFFF; }
	
}