body {
font-family: "Lucida Sans", Verdana, sans-serif;
}
.main img {
width: 100%;
}
h1{
font-size: 1.625em;
}
h2{
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 {
position: absolute;
margin-top: 10%;
width: 100%;
height: 100% ;
margin-bottom: 0%;
float: left;
}
.logcap {
position: absolute;
margin-top: 10%;
width: 100%;
height: 100%;
border-radius: 8px;
}
.logo {
position: absolute;
margin-top: 25%;
width: 90%;
height: 90% ;
background-image: url(/tges/mob/34654544.jpg);
background-repeat: no-repeat;
background-position-x: center;
background-size: 100%;
text-align: center ;
}
.texa {
position: absolute;
margin-top: 12.44%;
margin-left:42%;
font-size: 0.725em;
color: #FF6600;
font-style: oblique;
}
.ban001 {
width: 100%;
height: 100% ;
margin-bottom: 0%;
margin-right: 0%;
float: left;
}
.ban0001 {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
}
.ban01 {
height: 150px ;
margin-top: 150px;
background-image: url();
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
}
.gcont {
width: 100%;
}
.gwra {
overflow: hidden;
}
.gcap {
width: 100%;
height: 100%;
border-radius: 8px;
}
.menua {
position: absolute;
margin-top: 60%;
width: 95%;
}
.menuitem {
display:block;
margin: 1.51%;
padding: 1.01%;
float: center;
font-size: 0.82em;
color:black;
cursor: pointer;
background-color: #BDBDBD;
text-align: center;
text-decoration: none;
font-style: normal;
font-weight: bold;
}
.fbotiga {
position: absolute;
margin-top: 125%;
background-image: url(/tges/mob/fotofloristeria1.jpg);
width : 90%;
height: 35%;
}
.fbotiga a {
width: 100%;
height: 200px; ;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.bplant {
position: absolute;
margin-top: 190%;
background-image: url(/tges/mob/banner_plantas_naturals.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 98%;
width : 96%;
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: 250%;
background-image: url(/tges/mob/whatsap65.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 98%;
width : 96%;
height: 250px;
margin-left: 0.3%;
}
.rflor1{
position: absolute;
margin-top: 305%;
background-image: url(/tges/mob/ram-de-15-roses-vermelles.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 88%;
border: 2px solid #A4A4A4;
margin-left: 2.5%;
min-height: 60%;
}
.rflor1 a {
width: 88%;
min-height: 210px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.rflor2{
position: absolute;
margin-top: 420%;
background-image: url(/tges/mob/orquidea-natural-lila.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 88%;
border: 2px solid #A4A4A4;
margin-left: 2.5%;
min-height: 60%;
}
.rflor2 a {
width: 88%;
min-height: 310px;
display: block;
margin:0;
padding:0;
z-index: 5;
text-decoration: none;
}
.rflor3{
position: absolute;
margin-top: 535%;
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 : 88%;
border: 2px solid #A4A4A4;
margin-left: 2.5%;
height: 60%;
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: 650%;
background-image: url(/tges/mob/tulipes-vermelles.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 88%;
border: 2px solid #A4A4A4;
margin-left: 2.5%;
height: 60%;
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;
margin-top: 765%;
background-image: url(/tges/mob/bannerflorsartificials4.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 90%;
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: 835%;
background-image: url(/tges/mob/bannernaixements.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 102%;
width : 90%;
margin-left: 0.3%;
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: 905%;
background-image: url(/tges/mob/bannerplantadetemporada-ca.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 90%;
margin-left: 0.5%;
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: 975%;
background-image: url(/tges/mob/bannerorquid383x267.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
float: left;
width : 90%;
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: 1015%;
background-image: url(/tges/mob/bannerbonsai-ca.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-size: 100%;
width : 95%;
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: 0.3%;
width : 98%;
}
.caix6 {
width : 98%;
margin-left: 0.5%;
}
.caix7 {
margin-left: 0.5%;
width : 100%;
}
.padd1{
position: absolute;
margin-top: 1040%;
float:left;
width : 84%;
border: 2px solid #E6E6E6;
background-color: #E6E6E6;
margin-left: 0.5%;
height:350px;
padding: 5px 5px 10px 10px;
}
.padd2{
position: absolute;
margin-top: 1170%;
float:left;
width : 84%;
border: 2px solid #E6E6E6;
background-color: #E6E6E6;
margin-left: 0.5%;
height:350px;
padding: 5px 5px 10px 10px;
}
.padd3{
position: absolute;
margin-top: 1300%;
float:left;
width : 84%;
border: 2px solid #E6E6E6;
background-color: #E6E6E6;
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: 1.01%;
}
.gridright {
width: 100%;
}
.right {
padding: 1.01%;
}
.caixa {
position: absolute;
margin-top: 20%;
margin-right: 0;
float: left;
}
.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: 0px;
background-color : #333;
width: 95%;
height: 5.2%;
}
ul.menuidiomes {
list-style-type: none;
position: absolute;
margin-top: 0px;
width: 50%;
padding: 0;
overflow: hidden;
background-color: #333;
}
ul.menuidiomes li {float: right;}
ul.menuidiomes li a {
display: inline-block;
color: #f2f2f2;
text-align: right;
padding: 4px 16px;
text-decoration: none;
transition: 0.3s;
font-size: 13px;
}
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: 20%;
margin top: 20%;
}
ul.menuidiomes.responsive li a {
display: block;
text-align: right;
}