/*
	COLORS
 
	amarillo 			#E5B34D
	morado       		#3B0033
	morado oscuro	 	#230020
	morado claro   		#896685
	
*/

* {
	margin: 0;
}
html, body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	background-color: #FFF;
	height:100%;
}

h1 { font-size: 25px; font-size: 2.5rem; margin: 2% 0 0 20%; font-weight:normal; text-transform: uppercase; line-height:60px;}
h2 { font-size: 35px; font-size: 3.5rem; margin: 0 0 0 20%; font-weight:normal; text-transform: uppercase; line-height:20px;}
h3 { font-size: 25px; font-size: 2.5rem; margin: 2% 0 0 8%; font-weight:normal; text-transform: uppercase; line-height:60px;}
h4 { font-size: 35px; font-size: 3.5rem; margin: 0 0 0 8%; font-weight:normal; text-transform: uppercase; line-height:20px;}
h5 { font-size: 35px; font-size: 3.5rem; font-weight:normal; text-transform: uppercase; line-height:20px; font-family: 'denseregular'; text-align:center}
h6 { font-size: 10px; font-size: 2rem; font-weight:normal; text-transform: uppercase; line-height:10px; font-family: 'denseregular'; text-align:center; color: #FFF}
h7 { font-size: 35px; font-size: 3.5rem; margin: 0 0 0 8%; font-weight:normal; text-transform: uppercase; line-height:60px;}
h8 { font-size: 15px; font-size: 1.5rem; font-weight:normal; text-transform: uppercase; line-height:10px; font-family: 'denseregular'; text-align:center; color: #3B0033}
h9 { font-size: 18px; font-size: 1.8rem; font-weight:normal; text-transform: uppercase; font-family: 'denseregular'; color: #999}
h10 { font-size: 13px; font-size: 1.3rem; font-weight:normal; text-transform: uppercase; font-family: 'denseregular'; color: #896685}
h11 { font-size: 20px; font-size: 1.8rem; font-weight:normal; text-transform: uppercase; font-family:'denseregular'}





/*----------------------------------------  HEADER  */

#header {
	width: 100%;
	top: 0;
	left: 0;
	height: 40px;
	position:fixed;
	z-index:50000;
}
#contentNav{width:100%; height:40px; float: left }
.menu1 { background:rgba(59, 0, 51, 0.9); line-height: 40px;}
.menu2 { background-color: rgba(229, 179, 77, 0.7);   text-align:center}
.menu2:hover { background-color: rgba(229, 179, 77, 01);  height:40px; text-align:center}
#contentNav nav{z-index: 30; float: left; height: 38px; text-align: left ; top:0; margin:0 ; font-family: 'denseregular';
; }
#contentNav nav ul{ list-style: none outside none; color: #FFF; margin:0 ; text-transform:uppercase; 	font-size: 1.5rem;}
#contentNav nav ul li {display:inline; color:#E5B34D ; margin:0 ; } 
#contentNav nav ul li a {color: #E5B34D; text-decoration:none;  padding: 10px 10px 8px 10px ; font-family: 'denseregular';
 ; border-right: 1px #230020 solid; letter-spacing: 1px;  line-height: 34px;
	-webkit-transition-property: 'background'; -moz-transition-property: 'background'; -o-transition-property: 'background'; -ms-transition-property: 'background';
  	transition-property: 'background';
  	-webkit-transition-duration: 140ms; -moz-transition-duration: 140ms; -o-transition-duration: 140ms; -ms-transition-duration: 140ms; transition-duration: 140ms;
 -ms-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; -ms-transition-delay: 0; transition-delay: 0;}
#contentNav nav ul li a:hover { color: 	#230020; background-color: #E5B34D ; opacity:1.0}
#contentNav nav ul li:hover > ul {display: block; opacity: 1.0;}
#contentNav nav ul:after {
    clear: both;
    content: "";
    display: block;
}
#contentNav nav ul li:hover a {
    color: #3B0033; background-color: #E5B34D
}
#contentNav nav ul ul {display: none;
   line-height: 20px;
    opacity: 0.7;
    padding: 10px 0 0 0;
    position: absolute;
    top: 100%;
	text-align:left; 
	margin: -5px 0 0 323px;
	 animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
border: 0 hidden; }
#contentNav nav ul ul li {  float: none; position: relative; text-align:left; font-size:1.3rem;  width: 100%; border: 0 hidden; }
#contentNav nav ul ul li a { color:#896685; padding: 6px 6px; text-shadow: none; line-height: 1.3rem; border: 0 hidden; }
#contentNav nav ul ul li a:hover {background:  #230020;; color:#E5B34D; opacity:1;}
#contentNav nav  ul ul ul { left: 100%; position: absolute;top: 0;}
/*menu*/

#content { width:90%; max-height:1024px; margin: 0 auto; padding:0 }

#inicio { background: url(../source/back1.png) center  top no-repeat fixed #E5B34D; background-size: 100%; text-align:center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;      background-size: cover; }
#nosotros {background: url(../source/back2.png) center  no-repeat fixed #1A1A1A ; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;      background-size: cover; }
#filosofia {background: url(../source/back3.png) center   no-repeat fixed  #E5B34D; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;      background-size: cover; }
#servicios {background: url(../source/back4.png) center  no-repeat fixed #3B0033 ; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;      background-size: cover; }
#servicios ul { list-style: none; margin: 10px ; text-transform:uppercase; 	font-size: 1.5rem; font-family:'denseregular'; clear:both; display:block;}
#servicios ul li {display:inline; margin:0;  line-height:2rem;}
#servicios ul li a{ text-decoration:none;  background:#E5B34D; color:#3B0033; padding:5px; margin: 7px 1px; float: none;}

#proyectos {background: url(../source/back5.png) center  no-repeat fixed ; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;      background-size: cover; color:#3B0033; text-align:center }
#contacto {background: url(../source/back6.png) center   no-repeat fixed #E5B34D; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;      background-size: cover; height: 570px !important; }

#logo{width:310px; height:180px; margin:auto; clear:both; padding:4rem 0 0 0;}
#hInicio{ width:500px; height:130px; float:left; background:rgba(59, 0, 51, 0.9); margin: 10px 0 0 0; clear:both; font-family:'denseregular'; color: #E5B34D; text-align:left;}
#hNosotros{ width:500px; height:130px; float:left; background:rgba(229, 179, 77, 0.7); color: #3B0033;  clear:both; font-family:'denseregular'; text-align:left;}
#hFilosofia{ width:500px; height:130px; float:right; background:rgba(59, 0, 51, 0.9); clear:both; font-family:'denseregular'; color: #E5B34D; text-align:left;}
#hServicios{ width:500px; height:130px; float:left; background:rgba(229, 179, 77, 0.7); color: #3B0033;  clear:both; font-family:'denseregular'; text-align:left;}
#hProyectos{ width:300px;  color: #3B0033; font-family:'denseregular'; margin:auto ; }
#hContacto{ width:500px; height:80px; float:right; background:rgba(59, 0, 51, 0.9); clear:both; font-family:'denseregular'; color: #E5B34D; text-align:left;}

#contentRight { width:35%; float:right; max-height: 450px; margin:5% 10% 0 0 ; font-size:1rem; text-align:justify; line-height:1.5rem }
#contentLeft { width:35%; float:left; max-height: 450px; margin:5% 0 0 10% ; font-size:1rem; text-align:justify; line-height:1.5rem}

.contenidoAmarillo{ color:#E5B34D; }
.contenidoMorado{ color:#3B0033; }
.centro { text-align:center}

.form { border:0 ; background: #3B0033; padding: 5px 5px; font-style: italic;  color: #E5B34D; margin-top: 3px; border:1px  solid #842980;}
.form:hover {  border:1px  solid #230020; background: #230020;  }
.formBtn {  color:#E5B34D ;background:#3B0033; font-family: 'denseregular' ; padding: 8px 15px; text-transform:uppercase; letter-spacing:2px; font-size:16px; font-size:1.6rem; border: none;}
.formBtn:hover {  background: #230020; color: #E5B34D;}
	

.nav-button { text-decoration:none; }
.nav-button2 { text-decoration:none; }

.current, a.nav-button:hover {
	color: #896685;
}
.current, a.nav-button2:hover {
	color: #534741;
}


/*----------------------------------------  SLIDES  */

.slide {
	margin: 0 auto;
	width: 100%;
	padding: 80px 0 0 0;
	padding: 8rem 0 0 0;
	height: 100rem;}

#wrap {min-height:  100%; }

#main{ overflow:auto; padding-bottom: -200px;}
#footer {  background:#3B0033; color:#896685; position: relative; font-size:11px;
	margin-top: -200px; /* negative value of footer height */
	height: 200px !important; padding: 10px 0 !important;
	clear:both;}
	/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}





/*------------------------  estilos  */
@font-face {
    font-family: 'denseregular';
    src: url('../fonts/dense-regular-webfont.eot');
    src: url('../fonts/dense-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dense-regular-webfont.woff') format('woff'),
         url('../fonts/dense-regular-webfont.ttf') format('truetype'),
         url('../fonts/dense-regular-webfont.svg#denseregular') format('svg');
    font-weight: normal;
    font-style: normal;}
/*------------------------  fin estilos  */
/*------------------------  BASE-REM SIZING  */


@media (min-width: 1401px) {
	html {
		font-size: 14px;
	}
}

@media (max-width: 1400px) {
	html {
		font-size: 14px;
	}
}

/* target screen width  */
@media (max-width: 1280px) {

}
	
@media (max-width: 1160px) {
	
}
	
@media (max-width: 1040px) {

}
	
@media (max-width: 920px) {
	
}
	
@media (max-width: 800px) {
	html {
		font-size: 10px;
	}
		#contentRight { width:75%; margin:auto }
#contentLeft {width:75%; margin:auto }

}
	
@media (max-width: 680px) {
	html {
		font-size: 9px;
	}
		#contentRight { width:75%; margin:auto }
#contentLeft {width:75%; margin:auto }

}
	
@media (max-width: 560px) {
	html {
		font-size: 7px;
	}
	#contentNav nav ul{ font-size: 1rem;}
#contentNav nav ul li a {padding: 10px 5px 6px 5px ; }
	#contentRight { width:75%; margin:auto }
#contentLeft {width:75%; margin:auto }

}
	
@media (max-width: 440px) {
	html {
		font-size: 7px;
	}
	#contentNav nav ul{ font-size: 1rem;}
#contentNav nav ul li a {padding: 10px 5px 6px 5px ; }
.slide { height:80rem;}
	#contentRight { width:75%; margin:auto }
#contentLeft {width:75%; margin:auto }

}

@media (max-width: 320px) {
	html {
		font-size: 7px;
	}
	#contentNav nav ul{ font-size: 1rem;}
#contentNav nav ul li a {padding: 10px 5px 6px 5px ; }
.slide { height:80rem;}
	#contentRight { width:75%; margin:auto }
#contentLeft {width:75%; margin:auto }

}