body{background-color:lightslategray;
}

.vid{

  width:90%
}

button.close{
position:absolute;
left:0px;
  width:100%!important;
  height: 100%!important;
  z-index:999999999999999999999999999999999999999999999;

}

.st0a{fill:#DA272D;stroke:#000000;stroke-width:3;stroke-miterlimit:10;}
	.st1a{enable-background:new    ;}
	.st2a{fill:#210921;}
	.st3a{fill:green9;stroke:#000000;stroke-width:3;stroke-miterlimit:10;}
	.st4a{fill:#F8EB1E;}
	.st5a{display:inline;}
	.st6a{display:none;}

button.close{margin-top:-10px!important }
.caixaVideo{
background-color: #003c60;
width:700px;
height: auto;
margin: 0 auto;
border-bottom-left-radius: 11px;
border-top-right-radius: 11px;
margin-bottom: 12px;
padding:15px;
margin-top: 220px

}

.cerrarVideo{
  float:right;

  cursor:pointer
}

.btn-info{background-color:transparent!important;border-color: transparent!important }

.botoVideoR,.btnSuscribeteR,.imgOfertaM,.OfertaMobil,.caixaVideo,.caixaVideoR,.imgFormuR{display:none}

.imgOfertaDT{display:block;
margin: 0 auto
}

.container-fluid{

text-align: center;
background-color: lightgray;
background-image: url(../img/bgHome.jpg);
    background-repeat: no-repeat;

}

.header{
  position:fixed;

    z-index:30;

    text-align:center;height:170px!important;top:0px;


 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002d6e+11,7189af+100 */
background: #002d6e; /* Old browsers */
background: -moz-linear-gradient(left, #002d6e 11%, #7189af 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #002d6e 11%,#7189af 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #002d6e 11%,#7189af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d6e', endColorstr='#7189af',GradientType=1 ); /* IE6-9 */

            background-position: center top;
            background-size: 100% auto;
        
 }



 .menu{

 position:fixed;
top:135px;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a427d+0,b2bfd3+100 */

background: rgb(26,66,125); /* Old browsers */
background: -moz-linear-gradient(left, rgba(26,66,125,1) 0%, rgba(178,191,211,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(26,66,125,1) 0%,rgba(178,191,211,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(26,66,125,1) 0%,rgba(178,191,211,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a427d', endColorstr='#b2bfd3',GradientType=1 ); /* IE6-9 */

    z-index:33;
 }



 	.st0{fill:#F9E91E;stroke:#E4362A;stroke-miterlimit:10;}
		.st0:hover{fill:#d3d3d3;stroke:#E4362A;stroke-miterlimit:10;transition:2s;cursor:pointer}

		#ofertaBtn,#bustosBtn,#fasciculosBtn,#homeBtn{height:75px;margin:0 auto;padding:20px;margin-top:-13px!important }

.logosHeader>img:nth-of-type(1){
float:left;margin-left: 20px
}

.logosHeader>img:nth-of-type(3){
float:right;margin-right: 20px
}
.logosHeader>img:nth-of-type(1),.logosHeader>img:nth-of-type(3){padding-top:10px}


.formu{
z-index:999999999999999;
position:fixed;top:25px}

.mxW1024{

  max-width: 1024px
}

.spider{border:dashed thin}

.seccio1{

  background-image: url(../img/bgHome.jpg)
}

.botoVideo{
  position:absolute;
  top:265px;
 right:5%;
 cursor:pointer
}



.seccio2{

  background-image: url(../img/bgFasc.jpg);
  background-repeat: no-repeat;

    background-size:100% 100%;
}

#ofertaSection,#bustosSection,#fasciculosSection{
  height:63px;
  padding-top: 10px
}


 .ampleOferta{
   width:100%!important;
   max-width: 961px;
   padding-top: 30px
 }


.detOf{

  padding-top: 10px;
  padding-bottom: 10px
}

.seccio3{

  background-image: url(../img/bgHome.jpg);
    background-repeat: no-repeat;

    background-size: cover;
}

.ampleBustos{
    width:100%!important;
   max-width: 953px;


}

.ampleFasciculos{
    width:100%!important;
   max-width: 1066px;


}

.ampleTotal{  width:100%!important;}

.seccio4{

  background-image: url(../img/bgFasc.jpg);
  background-repeat: no-repeat;

    background-size: cover;
}
 
/***********************TABLET*****************************/

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

.btnSuscribeteR,.botoVideoR,.imgOfertaDT,.OfertaDesktop,.caixaVideoR,.imgFormuR{

  display:block;

}

.menu,.seccio1,.seccio3,.seccio4,.OfertaMobil,.caixaVideo,.caixaVideoR,.imgFormuD{

   display:none;

 }

 .caixaVideoR{
background-color: #003c60;
width:100%;
height:auto;
margin: 0 auto;
border-bottom-left-radius: 11px;
border-top-right-radius: 11px;
margin-bottom: 12px;
padding:10px

}

.btnSuscribeteR{
  position:absolute;
top:90px;
right: 0;
left:0;
margin:0 auto
}

.clicktocall{
padding-bottom: 10px

}

 .logosHeader>img:nth-of-type(2){


width:30%

}

.botoVideoR{
  padding: 10px;margin: 0 auto;
  cursor:pointer
}

.logosHeader>img:nth-of-type(1),.logosHeader>img:nth-of-type(3){
padding-top:0px;

width:10%

}

 .logosHeader>img:nth-of-type(2){


width: 270px

}

.formu,.header{
  top:0px;

position:relative!important}

 }

 /***********************MOBIL*****************************/

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

   .imgOfertaDT,.OfertaDesktop{

  display:none;

}

.caixaVideoR{ 

  display:none; 

}

   .OfertaMobil{ margin:0 auto;

  display:block; 

}



.seccio2{

  background-image: url(../img/bgHome.jpg);
  background-repeat: repeat-y;

    background-size:100%;
}
.OfertaMobil{width:100%;max-width:319px}

#ofertaSection{

  margin-top: 70px
}

 .logosHeader>img:nth-of-type(2){

 width: 100%;
 max-width: 200px

}

.header{height: 100px!important;

}

.logosHeader>img:nth-of-type(1){
float:left;margin-left: 1%
}

.logosHeader>img:nth-of-type(3){
float:right;margin-right: 1%
}
.logosHeader>img:nth-of-type(1),.logosHeader>img:nth-of-type(3){padding-top:10px;width: 13%
}




 }