body {

    /*font-weight:bold;*/
   /*font-family: 'Helvetica Neue','Helvetica','Arial', 'sans-serif';*/
      font-family: Raleway,Quicksand,Arial, Helvetica, sans-serif;
    background-color:#3c4a55;
   /* background: url(../images/fondo.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-attachment:fixed;
    position:static;
    background-size: 100% 100%, auto;*/
    /*background-color: #222222;*/
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
:-moz-placeholder { /* Firefox 18- */
  color: white;
}
#resultado_combo{
  width:200px;
  left:0;
  padding:2px;
  background: rgba(255,255,255,0.3);
  color:white;

}
#resultado_combo:hover{
  cursor:pointer;
  color:white;
  background: #3a7999;
  transition: all 1s ease;

}
#wrapper{
  width:330px;
  padding:10px;

}
#item{
  border-bottom:  thin solid white;
  padding:5px;
  margin-top: 5px;
  width: 355px;

/*border: 1.5px solid red;*/
}
#item:hover{
  border-bottom:  none;
  background: rgba(255,255,255,0.3);
  transition: all 1s ease;
}
/*#item.hover{
  cursor:pointer;
  color:blue;
  border: 1.5px solid green;
}*/

.nombre{
  font-weight:bold;
  font-size: 18px;
}

.detalle{
  font-style:italic;
  font-size: 14px;
}

.fileContainer {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.fileContainer [type=file] {

    cursor: inherit;
    display: block;
    font-size: 0px;
    filter: alpha(opacity=0);
    /*min-height: 50px;
    min-width: 50px;*/
    opacity: 0;
    /*position: absolute;
    right: 0;
    text-align: right;
    top: 0;*/

}

input{

  border: none;
  border-bottom: 2px solid white;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 background: none;
 color:white;
 outline: 0;
}
/*input:focus {
  border: none;
  border-bottom: 2px solid white;
  outline: 0;
}*/
textarea {
	/*background-color:#cccccc;*/
	 border: 1px solid #cccccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  outline: 0;
}
fieldset {
	border: thin solid #aaaaaa;
	padding:10px ;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
a{
  text-decoration: none;
  color: white;
}
legend {
	color:#3a7999;
}
select{
	background-color:white;
  border: 0px solid white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  outline: 0;
}
select:hover{
	cursor:pointer;
}

img:hover{
	cursor:pointer;
}
#principal
{
  top:90px;
	width: 100%;
	clear:left;
	position:relative;
	float:left;
	min-width:1050px;

	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
	box-shadow:0 0 15px rgba(0,0,0,0.6);

}


#main
{
  /*border: 1.5px solid green;*/
	top: 130px;
	width: 940px;
  left: 50%;
  min-width:940px;
  margin-left:-470px;
	padding:10px;
	/*box-shadow: 0px 0px 5px 2px #000;*/
	position:absolute;
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;*/
  background-size: cover;
}

#caja_left{
	clear:left;
	position:relative;
	float:left;
	margin-bottom:10px;
	margin-right: 10px;
}
#caja_top{
	position:relative;
	float:left;
	margin-bottom:10px;
	clear:left;
}

#caja_right{
	position:relative;
	float:left;
	margin-bottom:10px;
  margin-left:10px;
}
#caja_titulo{
  width:360px;
  height: 40px;
  background: #3a7999;
  color:white;
  font-weight: bold;
  padding: 5px;
  font-size: 22px;
}
#caja_titulo_solo{

  position: relative;
  clear:left;
  font-size: 30px;
  width:100%;
  text-align:center;

  text-shadow: 1px 1px 5px black;
}
#boton{
  width: 80px;
  height: 30px;
  border: none;
  background: #3a7999;
  box-sizing: border-box;
  transition: all 500ms ease;
	color:white;
  font-weight: bold;

}

#boton:hover{
	cursor:pointer;
  background: rgba(0,0,0,0);
  color: #3a7999;
  box-shadow: inset 0 0 0 3px #3a7999;
}

#logo{
top: 5px;
padding:0;
position: absolute;
}

#logosolo{

  position:absolute;
  z-index:1;
	/*position:relative;*/
	float:left;
  top: 0px;
  padding:0;
  left:0px;
  margin-top:0px;
}
#logosolo img{
	max-width:100%;
}
#dato
{
	position:relative;
	float:left;
	margin-left: 15px;
	margin-top: 5px;
  margin-bottom: 15px;
	background-color:white;
	background: rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	color:white;
	top:5px;
	text-align:justify;
  /*border: 1.5px solid green;*/
}
#producto
{
	position:relative;
	float:left;
	margin-left: 5px;
	margin-top: 5px;
	background-color:white;
  width:100%;

  /*height:250px;*/
	background: rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding:0px;
	color:white;
	top:5px;
	text-align:justify;
  -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
    box-shadow:0 0 15px rgba(0,0,0,0.6);

    text-shadow: 1px 1px 5px black;
}
#producto_solo
{
	position:relative;
	float:left;
	margin-left: 5px;
	margin-top: 5px;
	background-color:white;

	background: rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding:0px;
	color:white;
	top:5px;

  -webkit-box-shadow:0 0 30px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 30px rgba(0,0,0,0.8);
    box-shadow:0 0 30px rgba(0,0,0,0.8);
}


#lista_item{
  overflow-y: auto;
  height:700px;
}
::-webkit-scrollbar {
      width: 13px;
}
::-webkit-scrollbar-track {
      background-color: grey;
}
::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-button {
      background-color: #bec0c4;
}
::-webkit-scrollbar-corner {
      background-color: black;
}
#detalle_img{
  padding: 7px;
  font-size: 16px;
}
#nombre_img{
  font-size: 25px;
}
#div_info
{
  color:white;
  font-weight: bold;
	width:1000px;
	left: 50%;
	margin-left:-500px;
	position:relative;
	float:left;
  top:0px;
  /*border:solid 1px red;*/
}
#main_abajo
{
	width: 100%;
  /*height: 60px;*/
	background-color:#3c4a55;
	padding:0 0;
  margin-bottom: 0px;
  /*border:solid 1px red;*/

  overflow: hidden;
}
#abajo
{
	text-align:center;
  position: absolute;
  height: 30px;
	font-size:12px;
	color:white;
	background-color:#3c4a55;
	padding:10px;
margin-top:10px;
  width:1100px;
  left: 50%;
	margin-left:-550px;
}
#imagen img
{
    max-width: 100%;
    max-height: 100%;
}
#imagen_bn img
{
    max-width: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition:filter 0.4s;
    -webkit-transition:-webkit-filter 1s;
}
#imagen_bn img:hover
{
    max-width: 100%;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
#imagen2 img
{
    max-height: 100%;
}
#info
{
      clear:left;
    position:relative;
    float:left;
    width:100%;
    min-width:1050px;
    padding:0px;
    text-align:justify;

}
#caja_info
{
	position:relative;
	background-color:white;
  font-size:16px;
	background-color:white;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:15px;
	color:white;
	top: 50%;
	height: 320px;
	margin-top:-160px;

}

#bottom_right
{
  float:right;
  position:fixed;
  z-index: 1;
  bottom:5px;
  right:1px;
}
#bottom
{

  position:fixed;
  z-index: 1;
  bottom:5px;
  left:15px;
}
#bottom_text
{
  position:fixed;
    z-index: 1;
    bottom:225px;
    left:-190px;
    text-align: right;

  font-size: 11px;
  color:white;
  -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#caja_centrada{

  clear:left;
  position:relative;
  float:left;
  margin-bottom:10px;
  margin-right: 10px;
  width:730px;
  left:50%;
  margin-left:-365px;

}
#caja_info2
{
/*  margin-top: 25px;
  font-size: 21px;
  text-align: center;*/

 text-shadow: 1px 1px 5px black;
  animation: fadein 3s;
  -moz-animation: fadein 3s; /* Firefox */
  -webkit-animation: fadein 3s; /* Safari and Chrome */
  -o-animation: fadein 3s; /* Opera */

	position:relative;
	/*background-color:white;*/
  font-size:30px;
  font-weight: bold;
  padding:15px;
	color:white;
	top: 50%;
	height: 320px;
	margin-top:-160px;
  /*background: rgba(0, 0, 0, 0.15);*/

}
/*#main_cab
{
	top: 0px;
	width: 100%;
	clear:left;
	position:relative;
	float:left;
	min-width:1050px;
  background-color:#3c4a55;
  padding: 0px;
  height: 90px;

}

#cab
{
	position: absolute;
	left: 50%;
	width: 1050px;
	height: 100%;
	min-width:1050px;
	margin-left:-525px;
	margin-top:0px;
	padding:0px;;
	background-color:#3c4a55;
}*/
#main_cab
{
  top: 0px;
	width: 100%;
	clear:left;
	position:fixed;
	float:left;
	min-width:1050px;
  background-color:#2f3d49;/*#3c4a55;/*#526d81;*/
  padding: 0px;
  height: 90px;
  z-index:1;
  -webkit-box-shadow:inset 0px -10px 44px -8px  rgba(0,0,0,0.9);
  -moz-box-shadow:inset 0px -10px 44px -8px  rgba(0,0,0,0.9);
  box-shadow:inset 0px -10px 44px -8px  rgba(0,0,0,0.9);
    font-weight:lighter;
}

#cab
{
	position: absolute;
	left: 50%;
	width: 1050px;
	height: 100%;
	min-width:1050px;
	margin-left:-525px;
	margin-top:0px;
	padding:0px;
    font-weight:lighter;
/*	background-color:#526d81;/*#526d81;*/
}
#menu {
	font-size:16px;
	position:relative;
	float:right;
	top: 0;
  height:100%;
	padding:0px 0px 0px 0px;
  font-weight:lighter;

}
#item_menu{
  margin-top:20px;
    font-weight:lighter;
}

ul, ol {
 list-style:none;

}
.nave li{
/*  border: solid 1px blue;*/
  height:100%;
  margin-top:0px;
/*  border: solid 1px red;*/
}
.nave li a {
 /*background-color:#526d81;/* #3c4a55;*/
 color:white;
 text-decoration:none;
 padding: 6px;
 display:block;
 height: 100%;
 border: none;
 box-sizing: border-box;
 font-weight: bold;
 margin-left: 2px;
 margin-right: 2px;

}

.nave li a:hover {
 content:'';
 top: 0px;
 left: 0px;
 height: 100%;
 background: rgba(255,255,255,0.3);
 /*border-radius: 1px;*/
 transition: all 2s ease;
 -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
  -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
  box-shadow:0 0 15px rgba(0,0,0,0.6);

}
.nave > li {
 float:left;
}

.nave li ul {
 display:none;
 position:absolute;
 /*min-width:80px;*/
/*width:150px;*/
top:88px;
}

.nave li:hover > ul {
 display:block;
}

.nave li ul li {
 position:relative;
 z-index:1;
 top:1px;
 left:-41px;
 /*height:40px;*/
 width:160px;
}
.nave li ul li a {
 background-color: #3c4a55;
 color:white;
 text-decoration:none;
 padding: 12px;
 display:block;
 /*height: 40px;*/
 border: none;
 box-sizing: border-box;
   font-weight:lighter;
 /*border:solid 1px red;*/
}
.nave li ul li a:hover {

   background-color: #3c4a55;
   text-decoration:none;
   padding: 12px;
   display:block;
  /*height: 40px;*/
   border: none;
   box-sizing: border-box;

   background-color: #778188;
   /*background: rgba(255,255,255,0.1);*/
  /* border-radius: 1px;*/
   transition: all 1s ease;
   -webkit-box-shadow:0 0 15px rgba(0,0,0,0.9);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.9);
    box-shadow:0 0 15px rgba(0,0,0,0.9);

}

#slides_control > div{
  height: 200px;
}

#slides_control {
  position:absolute;
  width: 400px;
  left:50%;
  top:20px;
 margin-left:-200px;
}

/*.bigModal{
    width:400;
    background-color:white;
    background: rgba(0, 0, 0, 0.4);
}*/


  .modal-dialog {
    width: 700px;
  }
 a{
     text-decoration: none
 }
  a.tip {
      /*border-bottom: 1px dashed;*/
      text-decoration: none
  }
  a.tip:hover {
      position: relative
  }
  a.tip span {
      display: none;
      font-weight:bold;
      font-size: 14px;
      color:black;
  }
  a.tip:hover span {
      border: #c0c0c0 1px dotted;
      padding: 5px 20px 5px 5px;
      display: block;
      z-index: 100;
      background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
      left: 40px;
      margin: 10px;
      width: 210px;
      position: absolute;
      top: -18px;
      text-decoration: none
  }
#modal_slide{
  position:relative;
  width:500px;
  left:50%;
  margin-left:-250px;
  top:20px
}
  #aparece {
      margin-top: 25px;
      font-size: 21px;
      text-align: center;
      animation: fadein 2s;
      -moz-animation: fadein 2s; /* Firefox */
      -webkit-animation: fadein 2s; /* Safari and Chrome */
      -o-animation: fadein 2s; /* Opera */
  }
  @keyframes fadein {
      from {
          opacity:0;
      }
      to {
          opacity:1;
      }
  }
  @-moz-keyframes fadein { /* Firefox */
      from {
          opacity:0;
      }
      to {
          opacity:1;
      }
  }
  @-webkit-keyframes fadein { /* Safari and Chrome */
      from {
          opacity:0;
      }
      to {
          opacity:1;
      }
  }
  @-o-keyframes fadein { /* Opera */
      from {
          opacity:0;
      }
      to {
          opacity: 1;
      }
  }