body {
font-family: "Lucida Sans", Verdana, sans-serif;
}
.main img {
width: 100%;
}
h1{
font-size: 1.625em;
}
h2{
font-size: 1.375em;
}
h5{
font-size: 1.375em;
}
.capcalera {
margin top : 0px;
height: 150px ;
background-image: url(/tges/mob/bannersup-cat.jpg);
background-repeat: no-repeat;
background-position-x: center;
background-size: 100%;
}
.caplogo {
width: 100%;
height: 100% ;
margin-bottom: 0%;
margin-right: 0%;
float: left;
}
.logo {
position: relative;
height: 170px ;
width: 120%;
margin-top: 18.1%;
margin-left: 0% ;
text-indent: 5%;
background-image: url(/tges/mob/34654545.jpg);
background-repeat: no-repeat;
background-position-x: left ;
background-size: 25%;
}
.texa {
position: absolute;
margin-top: 10%;
margin-left: 20%;
font-size: 1.425em;
color: #FF6600;
font-style: oblique;
}
.menuitem {
display: inline;
margin: 0.03%;
padding: 1.2%;
border-bottom: 1px solid #e9e9e9;
cursor: pointer;
background-color: #BDBDBD;
border-radius: 2px;
font-size: 1.2em;
color:black;
text-decoration: none;
vertical-align: middle;
font-style: normal;
}
.fbotiga {
position: absolute;
margin-top: 6%;
background-image: url(/tges/mob/fotofloristeria1.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 60%;
height: 600px ;
float: left;
margin-left: 1%;
}
.fbotiga a {
width: 100%;
height: 400px; ;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.bplant {
position: absolute;
margin-top: 6%;
background-image: url(/tges/mob/banner_plantas_naturals.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 35%;
height: 100% ;
margin-left: 62%;
float: left;
}
.bplant a
{
width: 100%;
height: 250px ;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.bwhats {
position: absolute;
margin-top: 27%;
background-image: url(/tges/mob/whatsap65.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 35%;
height: 100%;
margin-left: 62%;
}
.rflor1{
position: absolute;
margin-top: 50%;
background-image: url(/tges/mob/ram-de-15-roses-vermelles.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 23%;
border: 2px solid #A4A4A4;
margin-left: 1%;
min-height: 52%;
float: left;
}
.rflor1 a {
width: 88%;
min-height: 100px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.rflor2{
position: absolute;
margin-top: 50%;
background-image: url(/tges/mob/orquidea-natural-lila.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 23%;
border: 2px solid #A4A4A4;
margin-left: 25%;
min-height: 52%;
max-height: 52%;
float: left;
}
.rflor2 a {
width: 47%;
min-height: 210px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.rflor3{
position: absolute;
margin-top: 50%;
background-image: url(/tges/mob/ram-de-centre-anthurium-lilium-i-roses.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 23%;
border: 2px solid #A4A4A4;
margin-left: 49%;
min-height: 52%;
max-height: 52% ;
float: left;
}
.rflor3 a {
width: 88%;
min-height: 210px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.rflor4{
position: absolute;
margin-top: 50%;
background-image: url(/tges/mob/tulipes-vermelles.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 23%;
border: 2px solid #A4A4A4;
margin-left: 73%;
min-height: 52%;
max-height: 52% ;
float: left;
}
.rflor4 a {
width: 88%;
min-height: 310px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.banmit1{
position: absolute;
margin-top: 80%;
background-image: url(/tges/mob/bannerflorsartificials4.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 31.8%;
margin-left: 0.5%;
height: 270px;
float: left;
}
.banmit1 a {
width: 78%;
min-height: 110px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.banmit2{
position: absolute;
margin-top: 80%;
background-image: url(/tges/mob/bannernaixements.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 102%;
width : 31.8%;
margin-left: 33%;
float: left;
height: 270px;
}
.banmit2 a {
width: 78%;
min-height: 110px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.banmit3{
position: absolute;
margin-top: 80%;
background-image: url(/tges/mob/bannerplantadetemporada-ca.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 31.8%;
margin-left: 66%;
height: 270px;
float: left;
}
.banmit3 a {
width: 78%;
min-height: 110px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.banmit4{
position: absolute;
margin-top: 103%;
background-image: url(/tges/mob/bannerorquid383x267.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
float: left;
width : 31.8%;
margin-left: 0.5%;
height: 270px;
}
.banmit4 a {
width: 78%;
min-height: 110px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.banmit5{
position: absolute;
margin-top: 102.8%;
background-image: url(/tges/mob/bannerbonsai-ca.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 103%;
width : 65%;
margin-left: 33%;
height: 260px;
float: left;
}
.banmit5 a {
width: 78%;
min-height: 110px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.padd1{
position: absolute;
margin-top: 120%;
float:left;
width : 29%;
border: 2px solid #E6E6E6;
background-color: #E6E6E6;
margin-left: 0.5%;
height:350px;
padding: 5px 5px 10px 10px;
}
.padd2{
position: absolute;
margin-top: 120%;
float:left;
width : 29%;
border: 2px solid #E6E6E6;
background-color: #E6E6E6;
margin-left: 33.3%;
height:350px;
padding: 5px 5px 10px 10px;
}
.padd3{
position: absolute;
margin-top: 120%;
float:left;
width : 29%;
border: 2px solid #E6E6E6;
background-color: #E6E6E6;
margin-left: 66.3%;
height:350px;
padding: 5px 5px 10px 10px;
}
.lintext1 {
margin-top:102%;
width : 100%;
float: left;
height: 300px ;
margin-left: 50px;
}
.main {
padding: 2.06%;
}
.right {
padding: 4.31%;
background-color: #CDF0F6;
}
.footer {
padding: 1.01%;
text-align: center;
background-color: #f1f1f1;
border: 1px solid #e9e9e9;
font-size: 0.625em;
}
.gcont {
width: 100%;
}
.gwra {
overflow: hidden;
}
.caixa {
margin-top: 3%;
margin-bottom: 2.024%;
margin-right: 2.024%;
float: left;
}
.capcpr {
width: 100%;
height: 100% ;
margin-bottom: 0%;
margin-right: 0%;
float: left;
}
.gcap {
width: 100%;
height: 80px;
}
.menua {
position: absolute;
width: 98%;
height:100px;
margin-top: 1%;
text-align: center;
vertical-align: center;
float: left;
margin-left: 0%;
}
.fprod1 {
position: absolute;
width: 100%;
height:100px;
margin-top: 10%;
margin-left: -101px;
}
.fondonegre {
position: absolute;
margin-top: 43px;
background-color : #333;
width: 98.6%;
height: 5.2%;
}
ul.menuidiomes {
list-style-type: none;
position: absolute;
margin-top: 0px;
width: 18%;
padding: 0;
overflow: hidden;
background-color: #333;
}
ul.menuidiomes li {float: right;}
ul.menuidiomes li a {
display: inline-block;
color: #f2f2f2;
text-align: center;
vertical-align: center;
padding: 5px 16px;
text-decoration: none;
transition: 0.3s;
font-size: 16px;
}
ul.menuidiomes li a:hover {background-color: #111;}
ul.menuidiomes li.icon {display: none;}
ul.menuidiomes li:not(:first-child) {display: none;}
ul.menuidiomes li.icon {
float: left;
display: inline-block;
}
}
ul.menuidiomes.responsive {position: relative;}
ul.menuidiomes.responsive li.icon {
position: absolute;
left: 0;
top: 0;
}
ul.menuidiomes.responsive li {
float: none;
display: inline;
width: 10%;
margin top: 20%;
}
ul.menuidiomes.responsive li a {
display: block;
text-align: right;
}