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 {
height: 40px ;
border-radius: 3px;
background-image: url(/tges/mob/bannersup-smr.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;
}
.logcap {
width: 100%;
height: 50%;
margin-top: -20%;
text-align: center;
border-radius: 8px;
}
.logo {
height: 170px ;
margin-top: 25%;
background-image: url(/tges/mob/34654544.jpg);
background-repeat: no-repeat;
background-position-x: center;
background-size: 50%;
text-align: center ;
}
.texa {
position: absolute;
margin-top: 12.34%;
margin-left: 30%;
font-size: 01.325em;
color: #FF6600;
font-style: oblique;
}
.ban001 {
width: 100%;
height: 0% ;
margin-bottom: 0%;
margin-right: 0%;
float: left;
}
.ban0001 {
width: 100%;
height: 0%;
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
}
.ban01 {
height: 0px ;
margin-top: 20%;
background-image: url();
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
}
.menuitem {
display:block;
margin: 1.01%;
padding: 1.01%;
float: center;
font-size: 0.9em;
color:black;
cursor: pointer;
background-color: #BDBDBD;
text-align: center;
text-decoration: none;
font-style: normal;
font-weight: bold;
}
.fbotiga {
position: absolute;
margin-top: 35%;
background-image: url(/tges/mob/fotofloristeria1.jpg);
background-repeat: no-repeat;
background-position-x: center;
background-size: 100%;
text-align: center ;
width : 96%;
height: 96%;
}
.fbotiga a {
width: 100%;
height: 400px; ;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.bplant {
position: absolute;
margin-top: 100%;
background-image: url(/tges/mob/banner_plantas_naturals.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 98%;
width : 48%;
height: 250px;
margin-left: 0.3%;
}
.bplant a
{
width: 96%;
height: 150px ;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.bwhats {
position: absolute;
margin-top: 100%;
background-image: url(/tges/mob/whatsap65.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 48%;
height: 255px;
margin-left: 48.3%;
}
.caix2 {
margin-top: 0.2%;
width : 100%;
}
.caix10 {
margin-top: 70%;
width : 48%;
}
.caix3 {
margin-top: 70%;
width : 50%;
}
.caix4{
margin-top:40%;
margin-left: 00%;
width : 100%;
}
.caix11{
margin-top:0.2px;
margin-left: 00%;
}
.rflor1{
position: absolute;
margin-top: 130%;
background-image: url(/tges/mob/ram-de-15-roses-vermelles.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 47%;
border: 2px solid #A4A4A4;
margin-left: 0.2%;
margin-right: 0.2%;
min-height: 65%;
}
.rflor1 a {
width: 88%;
min-height: 210px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.rflor2{
position: absolute;
margin-top: 130%;
background-image: url(/tges/mob/orquidea-natural-lila.jpg);
background-repeat: no-repeat;
background-position-x: center;
background-size: 90%;
width : 47%;
border: 2px solid #A4A4A4;
margin-left: 49%;
margin-right: 0.2%;
min-height: 65%;
}
.rflor2 a {
width: 47%;
min-height: 210px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.rflor3{
position: absolute;
margin-top: 190%;
background-image: url(/tges/mob/ram-de-centre-anthurium-lilium-i-roses.jpg);
background-repeat: no-repeat;
background-position-x: center;
background-size: 90%;
width : 47%;
border: 2px solid #A4A4A4;
margin-left: 0.2%;
margin-right: 0.2%;
height: 65%;
float: left;
}
.rflor3 a {
width: 88%;
min-height: 310px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.rflor4{
position: absolute;
margin-top: 190%;
background-image: url(/tges/mob/tulipes-vermelles.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 47%;
border: 2px solid #A4A4A4;
margin-left: 49%;
margin-right: 0.2%;
height: 65%;
float: left;
}
.rflor4 a {
width: 88%;
min-height: 310px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.tiprod{
text-align: center;
margin-top: 100%;
}
.banmit1{
position:absolute;
background-image: url(/tges/mob/bannerflorsartificials4.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 47%;
margin-top: 250%;
margin-left: 0.2%;
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;
background-image: url(/tges/mob/bannernaixements.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 47%;
margin-top: 250%;
margin-left: 48%;
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;
background-image: url(/tges/mob/bannerplantadetemporada-ca.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 47%;
margin-top: 285%;
margin-left: 0.2%;
height: 280px;
float: left;
}
.banmit3 a {
width: 78%;
min-height: 110px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.banmit4{
position:absolute;
background-image: url(/tges/mob/bannerorquid383x267.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
float: left;
width : 47%;
margin-top: 285%;
margin-left: 48%;
height: 320px;
}
.banmit4 a {
width: 78%;
min-height: 110px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.banmit5{
position:absolute;
background-image: url(/tges/mob/bannerbonsai-ca.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 96%;
margin-top: 320%;
margin-left: 0.5%;
height: 270px;
float: left;
}
.banmit5 a {
width: 78%;
min-height: 110px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.caix5 {
margin-left: 4.0%;
margin-top: 3.0%;
width : 45%;
}
.caix6 {
margin-top: -15%;
width : 45%;
}
.caix7 {
margin-top: 1.0%;
width : 64.0%;
}
.padd1{
position: absolute;
float:left;
width : 88%;
border: 2px solid #E6E6E6;
background-color: #E6E6E6;
margin-top: 340%;
margin-left: 0.5%;
height:350px;
padding: 5px 5px 10px 10px;
}
.padd2{
position: absolute;
float:left;
width : 88%;
border: 2px solid #E6E6E6;
background-color: #E6E6E6;
margin-top: 420%;
margin-left: 0.5%;
height:350px;
padding: 5px 5px 10px 10px;
}
.padd3{
position: absolute;
float:left;
width : 88%;
border: 2px solid #E6E6E6;
background-color: #E6E6E6;
margin-top: 500%;
margin-left: 0.5%;
height:350px;
padding: 5px 5px 10px 10px;
}
.ticat1{
text-align: right;
margin-top: -42%;
}
.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: 0%;
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 {
width: 70%;
margin-top: 5%;
text-align: center;
float: left;
margin-left: 15%;
margin-right: 15%;
}
.fprod1 {
position: absolute;
width: 98%;
height:100px;
margin-top: -1%;
text-align: center;
vertical-align: center;
float: left;
margin-left: 0%;
}
.fondonegre {
position: absolute;
margin-top: 40px;
background-color : #333;
width: 98%;
height: 5.2%;
}
ul.menuidiomes {
list-style-type: none;
position: absolute;
margin-top: 0px;
width: 24%;
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;
}