@import url(https://fonts.googleapis.com/css?family=Raleway);

.body {
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 300px;
	/* display: flex; */
	/* flex-direction: column;	 */
}

.contacto {
    color: white;
    font-weight: 700;
    font-size: 16px;
	float: right !important;
    margin-right: 15px;	
}

.contacto:hover {
    color: #a7bec1;
    background-color: transparent;
	text-decoration: none;
}

.minheight {
	display:flex;	
	height:100%;
	/* flex: 1; */
}

.fixed-bar {
    position: absolute;
    bottom: 0;
}

#page-container {
    position: relative;
    min-height: 100vh;
  }
  
  #content-wrap {
    padding-bottom: 2.5rem;    /* altura de pie de página */
  }
  
  .footer-contact {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4.5rem;
  }

.navbar-default {
    height: 100px;
    padding-top: 5px;
    background-color: #0093D8;
    border-color: transparent;
}
.navbar-header .navbar-brand {
    color: white;
}
.navbar-brand {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 36px;
}

.navbar-brand2{
    padding-top: 25px;
}

.navbar-brand small {
  display:block;
  font-size:16px;
  line-height: 10px;  
}

.navbar-default .navbar-nav > li > a {
    color: white;
    font-weight: 700;
    font-size: 16px;
}

.navbar-right {
    margin-top: 20px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
   width: 100%;
}

h1{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    font-size: 42px;
    font-weight: 700;
}

h2{
    font-family: inherit;    
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: left;
    font-weight: 700;
}

.h2{ /* Utilizada para simular h2 en algún h3*/
    font-family: inherit;    
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: left;
    font-weight: 700;
}

.h0{ 
    color: blue;
    margin-top: 0px;
    margin-bottom: 0px;
}

h3{
    margin-bottom: 30px;
}

h3.soporte{
    margin-top:    30px;
    margin-bottom: 10px;
}

hr {
    border-top: 1px solid gray;
}    

.alt {
    border-top: 2px solid white;
}    

.alt2 {
    border-top: 0px solid gray;
}    

p{
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;   
    text-align: justify;
}

.img-section {
    margin-bottom: 20px;
}

.img-section-max {
    margin-bottom: 20px;
    max-width: 250px;
}

ul.version1 {
    list-style-type: square;
}

ul.version2 {
    margin-bottom: 15px;
    line-height: 20px;
    list-style-type: disc;
}

.ff{
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.centered {
	text-align: center;
}

.esp{
    margin-bottom: 10px;
}

.table-borderless td,
.table-borderless th {
    border: 0 !important;
}

/* Secciones ---------------------------------------------------------------------------------------------- */

section {
    /* min-height: 550px; */
    padding-top: 150px; /* Necesario para que los enlaces se sitúen bien */
    padding-bottom: 100px;
    padding-left: 10px;
    background-color: white;
}

.section-home {
    /* min-height: 700px; */
}

.section-index {
    padding-top: 50px;
}

.section-msg {
    padding-top: 110px;
}
.section-buy {
    padding-top: 110px;
}

.s1 {
    padding: 100px 0 0 0;
    margin: 0;
    width: 100%;
    /* min-height: 450px; */
}


.s2 {
    padding: 0;
    margin: 0;
    width: 100%;
}

.st0 {
   
}

.section-alt {
    background-color: #f4f4f4;
}

.section-gohome { 
    font-size: 20px; 
    position: absolute; 
    top: 10px; 
    right: 10px; 
    color: #777; 
}

#footer {
    padding-top: 10px;
    padding-bottom: 10px;
	background: #384452;   
    color:white;
    background-color: black;
	/* background-color: #083756; */
    color: #fafafa;
    font-family: 'Lato', sans-serif;
    font-weight: 400; 
	bottom: 0;

	/* position: fixed; */
	/* width: 100%; */
	/* z-index: 5000;	 */
}

#footer i {
    font-size: 30px;
    color: #bfc9d3;
    padding-right: 25px;
}



.download { 
    margin-top: 5px; 
    margin-right: 50px; 
}

.footer_line {
    border-bottom: 2px solid #ffffff;
    margin-bottom: 25px;
}

/* Versiones ---------------------------------------------------------------------------------------------- */

.cols{ 
    text-align:center
}

.cols .col{ 
    display:inline-block; 
    border: 0px solid red; 
    border-radius: 7px; 
    padding-top: 0px ;
    margin-top: 0px ;
}

.cols.cols3 .col  { 
    width: 340px; 
    margin-right: 11px; 
}


.cols .col h3{ 
    background-color:#EEF3F9; 
    text-align:center; 
    border-bottom:0px solid #2784a5; 
    border-radius:7px 7px 0 0; 
    padding: 20px 0 20px 0;
    margin: 0;
    font-weight: bold;
 }

#precio {
    height: 95px;    
    padding: 8px 0 0 0; 
    background-color: #fefefe;
}    
 
.cols .col h5{ 
    text-align:center; 
    font-size:30px; 
    font-family: Helvetica, sans-serif; 
}

.tachado{ 
    text-decoration: line-through;
    margin-right: 20px;
}

.oferta{ 
    color:#FFC7C9; 
}

.cols .col ul{ 
    background:#F7F9FC; 
    margin:0 0 10px 0; 
    padding:15px 0 15px 0; 
    list-style:none; 
}

.cols .col li{ 
    line-height: 33px; 
}

/* -------------------------------------------------------------------------------------------------------- */

.desc {
   border: 0px solid black;
   margin: 5px 0 15px 0; 
   padding: 0; 
   text-align: center;
   max-width: 100%;
   height: auto;   
}

/* Responsive --------------------------------------------------------------------------------------------- */

@media(min-width: 1200px){
   .resume {
       position: fixed;
       margin-top:40px;
   }
}

@media(max-width: 1200px){
   .navbar-brand {
       font-size: 25px;
   }
   .resume {
       position: fixed;
       margin-top: 40px;
   }
}

@media(max-width: 999px){ /* bootstrap rep:  @media (min-width: 768px) POR @media (min-width: 1000px)  */
   .navbar-collapse { background:#0093D8; } 
   p{
      text-align: left;
   }    
   
   .resume {
      position: static;
      width: 100%;
      margin-top: 0px;
   }   
}


/* Buy: --------------------------------------------------------------------------------------------------- */

/*
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 585px;
}
*/
.ui-accordion-header {
   height: 38px;
}

.ui-accordion-header.ui-state-active { 
   color: white;
   font-weight: bold;
   // background-color: yellow; 
}

.ui-accordion-header.ui-state-active :before{ 
   content: 'X';
}
.ui-accordion-header.ui-state-active :after{
   content: '=';
}
.ui-accordion-header  img{ 
   float:right;
   margin-right: 10px;
   
   filter: url("_filter.svg#grayscale");/* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
   -webkit-filter: grayscale(100%); /* Chrome y Safari */
   -moz-filter: grayscale(100%); /* Mozilla */
   -ms-filter: grayscale(100%); /* Internet Explorer */
   -o-filter: grayscale(100%); /* Opera */
   filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
   filter: gray; 
   filter: Gray(); /* IE4-8 and 9 */
}


.ui-accordion-header.ui-state-active  img{ 
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   -ms-filter: grayscale(0%);
   -o-filter: grayscale(0%);
   filter: none;
}

.buy {
   max-width:600px;
   min-width:420px;
}   

.buy-group {
   padding: 10px;
   border-radius: 0;
}   

.buy td.js_select {
   width:80%;
}   

.buy td.total {
   border-top: 1px solid #cccccc !important;
}   

.buy-price {
   width:100px;
   text-align:right;
}   

.buy-price-total {
  font-weight: bold;
  font-size:18px;
  background-color: #EAFD6B !important; //
}  

.buy input[readonly] {
   background-color: white;
}

.buy p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.buy-error {
   // font-weight: bold;
   border-radius: 0;
	text-align: center;
   color: black !important;
   margin-bottom: 20px;
}

.nota {
   font-size:12px;
}

.img-buy1 {
    max-width: 50px;
    float: left;
}

.img-buy2{
    max-width: 50px;
    float: right;
}

.resume {
   background-color: #FBFCCE;
   border-radius: 0;
   z-index:0;
   max-width:450px;
   min-width:350px;
}

.resume-title1 {
   display:block;
   color:blue;
   font-size:14px;
}

.resume-title2 {
   display:block;
   margin-top: 15px;
   font-size:14px;

}

.resume-data {
   font-weight: bold;
   font-size:16px;
   white-space: nowrap;
   text-overflow: ellipsis; /* Ponemos los puntos ...*/  
   overflow:hidden;
}


/* -------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- */