@charset "utf-8";


/* CSS Document */



*{
	font-family:'Open Sans', sans-serif;
	font-size:100%;
	margin:0px;
	padding:0px;
	border:0px;
	box-sizing:border-box;
	-webkit-text-size-adjust:none;
	list-style:none;
}

body{
	background-color: rgba(0,0,0,1);
	background-image: url(/images/fondoweb.jpg);
	font-size: 100%;
}

a:link {
	text-decoration: none;
	color: rgba(255,255,255,1.00);
}
a:visited {
	text-decoration: none;
	color: #adadad;
}
a:hover {
	text-decoration: none;
	color: rgba(21,179,236,1);
}
a:active {
	text-decoration: none;
	color: rgba(255,255,255,1.00);
}

.clear{
	clear:both;
}

p{
	font-size: 1em;
	color: #adadad;
}




/*Enable Color Codes Here By Removing The Comments and Adding Comments to the current selection! */

.flex-containn {
	display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
	
	max-width: 95%;
	padding: 5px;
	margin: 5px;
		float: center;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	max-width: 95%;
	padding: 5px;
	margin: 5px;
		float: center;
  
}


.flex-cont2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	min-width: 60%;
	max-width: 98%;
	padding: 8px;
	margin: 3px;
	border: 5px double aqua;
}

.flex-item {
	
	min-width: 24%;
	max-width: 24%;
	padding-bottom: 1%; /* Same as width, sets height */
	margin-bottom: 1%; /* (100-32*3)/2 */
	margin: 3px;
	padding-right: 2px;
	padding-left: 1px;
	align-items: center;
	font-size: 0.8em;
		color:  #adadad;
	float: center;
}

.flex-item_bot {
	
	min-width: 30%;
	max-width: 30%;
	padding-bottom: 1%; /* Same as width, sets height */
	margin-bottom: 1%; /* (100-32*3)/2 */
	margin: 3px;
	padding-right: 2px;
	padding-left: 1px;
	align-items: center;
	font-size: 0.8em;
		color:  #adadad;
	float: center;
}

.flex-f { 

	display: flex;
	flex-wrap: wrap;
	max-width: 94%;
	padding: 5px;
	margin: 5px;
	color: #FFFFFF;

}

.flex_text
	{
	font-size: 1.2em;
	color: #adadad;
	text-align: center;
}

.style10 {
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-align: justify;
}

.style12 {
	color: #FFFFFF;
	font-size: 1em;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: left;
	margin-left: 10px;
}

.style11 {
	color: #FFFFFF;
	font-size: 0.75em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-stretch: semi-condensed;
	text-align: left;
	line-height: 1.1em;
	margin-left: 30px;
}

.style9 {
	COLOR: #cb790a;
	FONT-SIZE: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 5px;
	text-align: center;
}

.style8 {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 0.8em;
	color: hsla(0,0%,3%,0.0);
}  
	
.super {  	TEXT-TRANSFORM: uppercase; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #506527; FONT-SIZE: 0.8em;  }

.nnormal {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 1em;
	text-align: center;
	letter-spacing: 1px;
	color: hsla(0,0%,98%,1);
}

.frase {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: rgba(21,179,236,1);
}

.style10 {
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-align: justify;
}


.style12 {
	color: #FFFFFF;
	font-size: 1em;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: left;
	margin-left: 10px;
}

.style11 {
	color: #FFFFFF;
	font-size: 0.75em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-stretch: semi-condensed;
	text-align: left;
	line-height: 1.1em;
	margin-left: 30px;
}

.style9 {
	COLOR: #cb790a;
	FONT-SIZE: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 5px;
	text-align: center;
}
.h3 {
	color: #8b8b8b;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 2px;
	font-family:'Open Sans', sans-serif;
	text-align: left;
}
	
.style3 {
	color: #8b8b8b;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 2px;
	font-family:'Open Sans', sans-serif;
	text-align: left;
}
.style5 {
	color: #8b8b8b;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 3px;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
}

.chico {
	color: #FFFFFF;
	font-size: 0.75em;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	text-align: center;
	}

.page-item{
	font-size: 1em;
	text-align:center;
	color:#adadad;
}

.page-item2{
	font-size: 0.7em;
	color: rgba(21,179,236,1);
	margin-left: 0px;
	text-align: center;

}

.img {
  width: 20%;
  max-height: 20%;
  margin: 2px;
}

.image {
	object-position: center;
	width: 40%;
	margin-top:5px; 
}

}

--------




@media screen and (orientation:portrait){
	.sidebar{
		display:inline-block!important;
	}
	
	.main-wrapper{
	padding: 20px;
	width: 75%!important;
	height: 100px;
	}
}

@media screen and (orientation:landscape){
	.sidebar{
		display:none!important;
	}
	
	.main-wrapper{
		padding-left:30px;
		padding-right:30px;
		width:90%;
	}
	
}




/*/////////////////*/
/*menu 2/
/*/////////////////*/


/*////////////////*/
/*General Elements*/
/*////////////////*/
/*////////////////*/
/*////////////////*/


.decoration{
	height:1px;
	background-color:#ececec;
	margin-bottom:20px;
}



.main-wrapper{
	widht:75%;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	float:left;
	height:100%;
}



.sidebar{
	display:inline-block;
	width:47px;
	float:left;
	background-color:#000000;
	height:200%!important;
	position:fixed;
}


.selected-item{
	background-repeat:no-repeat;
	display:block;
	width:9px;
	height:16px;
	position:absolute;
	margin-top:-43px;
	margin-left:46px;
}

.sidebar-icon{
	font-size:10px;
	margin-left:-10px;
}

.sidebar-icon-text{
	color:#FFFFFF;
	text-shadow:0px 0px 0px #484848;
	position:absolute;
	margin-top:-15px;
	width:44px;
	text-align:center;
}

.logo{
	float:left;
	max-width: 100%;
}



.logo-text{
	float:right;
	font-size:10px;
	color:#909090;
	text-shadow:0px 1px 0px #FFFFFF;
}

.header{
	padding-bottom: 5px;
	max-width: 85%;
}

.footer{
	position: left;
	bottom: 0;
	text-align: center;
	widht: 60%;
	padding-top: 80px;
}
.footerp{
	font-size: 0.8em;
	color:#adadad;
	text-align: center;
	padding-bottom:10px; 
	display: inline-block;
	margin: 1%;
}


.container{
	margin-bottom: 5px;
	float: center;
	margin-left: 5px;
	text-align: left;
}

.container-title{
	font-size: 1.2em;
	font-weight: 500;
	text-shadow: none;
	color: #909090;
	padding-bottom: 5px;
}

.aspect-ratio{
  margin-bottom:10px;
	display:block;
	max-width:95%;
	background-color:#FFF;
	padding:3px;
	border:solid 1px #cacaca;
}

.container-text{
	font-size: 0.9em;
	color: #adadad;
	text-shadow: none;
	padding-bottom: 10px;
}

.container-ficha{
	font-size: 0.6em;
	color: #adadad;
	text-shadow: 0px 0px 0px #FFFFFF;
	padding-bottom: 10px;
	text-align: center;
}


.center-text{
	font-size: 0.9em;
	color: #adadad;
	text-align: center;
}

.page-item{
	font-size: 1em;
	text-align:center;
	color:#adadad;
}

.image{
	width: 40%;
	float:center;
	margin-top:5px; 
}


/*/////////////////*/
/*/////////////////*/
/*/////////////////*/
/*Homepage Elements*/
/*/////////////////*/
/*/////////////////*/
/*/////////////////*/


.slider-heading{
	color:#909090;
	font-weight:600;
	font-size:13px;
	margin-top:15px;	
	text-align:center;
	text-shadow:0px 0px 0px #FFFFFF;
	padding-bottom:5px;
}

.slider-text{
	color:#adadad;
	text-shadow:0px 0px 0px #FFFFFF;
	text-align:center;
	padding-bottom:20px;
}

	



.big-column{
	padding-bottom: 20px;
	text-align: left;
}

.column-title{
	font-size: 0.9em;
	font-weight:600;
	text-shadow:0px 0px 0px #FFFFFF;
	color:#909090;
	padding-bottom:5px;
}

.column-text{
	font-size: 0.8em;
	color:#adadad;
	text-shadow:0px 0px 0px #FFF;
	line-height:20px;
}

.column-icon{
	float:left;
	margin-right:10px;
	margin-top:4px;
	background-repeat:no-repeat;
}


.icon{
	display:inline-block;
	height:32px;
	width:32px;	
	border-radius:32px;
}


.demo{margin-left:5px; margin-right:2px; margin-bottom:5px;}


/*Columns */

.full-width{
	color:#8b8b8b;
	display:block;
	text-shadow:0px 0px 0px #FFFFFF;	
	margin-bottom:20px;
}

.column-two-one{
	color:#8b8b8b;
	float:left;
	width:35%;
	padding-right:25px;
	text-shadow:0px 0px 0px #FFFFFF;
}

.column-two-two{
	color:#8b8b8b;
	float:left;
	width:35%;
	text-shadow:0px 0px 0px #FFFFFF;
}

.column-three-one{
	color:#8b8b8b;
	float:left;
	width:25%;
	padding-right:12px;
}

.column-three-two{
	color:#8b8b8b;
	float:left;
	width:25%;
	padding-right:12px;
}

.column-three-three{
	color:#8b8b8b;
	float:left;
	width:25%;
}



/*//////////////////*/
/*Notification Boxes*/
/*//////////////////*/


/*/////////////////////////*/
/*Highlights and Selections*/
/*/////////////////////////*/

/*Orange Highlights And Selections*/

.highlight{
	padding-bottom:15px;	
}

.highlight-orange{ 	background-color:#000000;	color:#FFFFFF;	text-shadow:none;	margin-top:5px; padding:2px;}
.highlight-green{ 	background-color:#518900;	color:#FFFFFF;	text-shadow:none;	margin-top:5px; padding:2px;}
.highlight-yellow{ 	background-color:#ffd100;	text-shadow:none;					margin-top:5px; padding:2px;}
.highlight-gray{ 	background-color:#424242;	color:#FFFFFF;	text-shadow:none;	margin-top:5px; padding:2px;}
.last-item{padding-bottom:0px!important; margin-bottom:0px!important;}

/*///////*/
/*Toggles*/
/*///////*/






-----------------------


#header {
  width: 90%;
	height:120px;
  display: table;
  background-color: #660D0E;
  margin-bottom: 5px;
}

#logo {
  float: left;
  font-size: 24px;
  text-transform: uppercase;
  color: #002e5b;
  font-weight: 600;
  padding: 10px 0px;
}

nav {
  width: auto;
  float: right;
	padding-top: 10px;

}

nav ul {
  display: table;
  float: right;
}

nav ul li { float: left; }

nav ul li:last-child {
	padding-right: 0px;
	color: hsla(0,0%,0%,1);
}

nav ul li a {
  color: #FFFFFF;
  font-size: 18px;
  padding: 25px 20px;
  display: inline-block;
  transition: all 0.5s ease 0s;
}

nav ul li a:hover {
  background-color: hsla(0,0%,100%,0.00);
  color: #2A90F0;
  transition: all 0.5s ease 0s;
}

nav ul li a:hover i {
  color: #660D0E;
  transition: all 0.5s ease 0s;
}

nav ul li a i {
  padding-right: 10px;
  color: #2B2B2B;
  transition: all 0.5s ease 0s;
}

.toggle-menu ul {
  display: table;
  width: 25px;
}

.toggle-menu ul li {
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  margin-bottom: 4px;
}

.toggle-menu ul li:last-child { margin-bottom: 0px; }

input[type=checkbox], label { display: none; }



@media only screen and (max-width: 700px) {

header {
	padding: 10px 0px;
	max-width: 85%;
}

	
	@media screen and (min-width: 320px){

}
	
@media only screen and (max-width: 650px), only screen and (max-device-width: 350px) {
	
	
#logo { padding: 0px; 
	max-width: 75%;}
	}

input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: none;
}

input[type=checkbox]:fous {
  background:none;
}

label {
  float: right;
  padding: 8px 0px;
  display: inline-block;
  cursor: pointer;
}

input[type=checkbox]:checked ~ nav { display: block; }

nav {
  display: none;
  position: absolute;
  right: 0px;
  top: 53px;
  background-color: #2B2B2B;
  padding: 0px;
  z-index: 99;
}

nav ul { width: auto; }

nav ul li {
  float: none;
  padding: 0px;
  width: 100%;
  display: table;
}

nav ul li a {
  color: #FFF;
  font-size: 15px;
  padding: 10px 20px;
  display: block;
  border-bottom: 1px solid rgba(225,225,225,0.1);
}

nav ul li a i {
  color: #660D0E;
  padding-right: 13px;
}


.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	max-width: 95%;
	padding: 3px;
	margin: 3px;
	
  
}
	
.flex-cont3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	max-width: 100%;
	padding: 8px;
	margin: 3px;
	border: 5px;
}
	
.flex-cont2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	max-width: 90%;
	padding: 8px;
	margin: 3px;
	border: 5px double aqua;
}
	
.flex-item {
	
	min-width: 45%;
	max-width: 45%;
	padding-bottom: 1%; /* Same as width, sets height */
	margin-bottom: 1%; /* (100-32*3)/2 */
	margin: 3px;
	padding-right: 2px;
	padding-left: 1px;
	align-items: center;
	font-size: 0.8em;
		color:  #adadad;
	float: center;
}
	
	.flex-item_bot {
	
	min-width: 70%;
	max-width: 70%;
	padding-bottom: 1%; /* Same as width, sets height */
	margin-bottom: 1%; /* (100-32*3)/2 */
	margin: 3px;
	padding-right: 2px;
	padding-left: 1px;
	align-items: center;
	font-size: 0.8em;
		color:  #adadad;
	float: center;
}
	
	
	
	.flex_text
	{
	text-align: center;
	font-size: 1.2em;
		color:  #adadad;
}
	
	.flex_textR
	{
	text-align: center;
	font-size: 1.2em;
		color:  #adadad;
}
	
	
	.img {
  width: 40%;
   margin: 2px;
}
	
.image{
	display: none;
}

---------------
/*Textos*/

.style10 {
	color: #FFFFFF;
	font-size: 1.1em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-align: justify;
}
.style9 {
	COLOR: #cb790a;
	FONT-SIZE: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 5px;
	text-align: center;
}

	
	
.style8 {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 0.8em;
	color: hsla(0,0%,3%,0.0);
}  
	
.super {  	TEXT-TRANSFORM: uppercase; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #506527; FONT-SIZE: 0.8em; FONT-WEIGHT: bold  }

.nnormal {	
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 1em;
	text-align: center;
	letter-spacing: 1px;
}

	
.style12 {
	color: #FFFFFF;
	font-size: 1em;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: left;
	margin-left: 10px;
}

.style11 {
	color: #FFFFFF;
	font-size: 0.75em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-stretch: semi-condensed;
	text-align: left;
	line-height: 1.1em;
	margin-left: 30px;
}
	
.style10 {
	color: #FFFFFF;
	font-size: 1.1em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-align: justify;
}

.style9 {
	COLOR: #cb790a;
	FONT-SIZE: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 5px;
	text-align: center;
}
.h3 {
	color: #8b8b8b;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 2px;
	font-family:'Open Sans', sans-serif;
	text-align: left;
}
	
.style3 {
	color: #8b8b8b;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 2px;
	font-family:'Open Sans', sans-serif;
	text-align: left;
}
.style5 {
	color: #8b8b8b;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 3px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
}

.chico {
	color: #FFFFFF;
	font-size: 0.75em;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	text-align: center;
	}

	
.page-item{
	font-size:0.9em;
	text-align:center;
	color:#adadad;
}



	
	---------------
/*Galeria*/