@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
htmll{ overflow-x: hidden;}
body{
font-family: 'Montserrat', sans-serif;	
font-size:16px;
padding-top:0px;
color:#333333;
width:100%;
padding-right:0px;
padding-left:0px;
margin-left:0px;
margin-right:0px;
overflow-x: hidden;
}
.container-fluid{overflow-x:hidden}
#slider1 img {min-height:730px; width:100%; object-fit:cover; padding-left:0px; padding-right:0px ; padding-top:0px; z-index:0px; }
.site-header2{padding-left:0px !important; margin-left:0px;}	
.site-header {
position: absolute;
top: 0;
z-index: 1000;
width: 100%;
padding-left:0px;
background-color:transparent !important;
padding-top:50px;
/*background-color:#ffffff;*/
}
.msg-cookie{ background:#f5f5f5; position:fixed; bottom:0px; z-index:1000; padding-top:10px; padding-bottom:10px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:14px}
.bg1{
background-color:#fcfefb;
}
.img-responsive { width:100%; height:auto !important}
.cabecera{ 
background-image: url(../images/cabsecciones.jpg);
background-position:top; 
background-repeat:no-repeat; 
background-size:auto;
background-size: cover;
width:100%; 
min-height:455px;
}
.text-cab{ width:50%; left:25%; position:absolute; top:50%;  color:#FFF;  text-align:center}
.container-fluid{ 
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
} 
.container-fluid2{
width: 100%;
padding-right: 0px;
padding-left: 0px;
} 
.tlfverde{ 
background-color:#339933;
padding-top:50px;
padding-bottom:50px;
padding-left:25px;
padding-right:25px;
text-align:center;
} 

.espaciomenu{ 
width:50%; 
padding-top:40px; 
padding-bottom:30px; 
margin-left:15px; 
} 
/*titulos*/
.elmargen {padding:70px 20px}
.titular-cabecero{font-size:2.5em; font-weight:700; color:#ffffff; }
.texto-cabecero{ color:#ffffff; font-size:18px; font-weight:400}
a.sabermas{ color:#339933; text-decoration:underline; font-weight:600}
.txt{font-size:16px; color:#333333; font-weight:400}
.mnu{position:absolute;  top:50px; width:100%;margin:0 auto;}
.container01{ width:70%; margin:0 auto;}
.bold{font-weight:bolder}
h2{color:#333333; font-size:48px; font-weight:100;}
.t1{color:#333333; font-size:72px; font-weight:lighter;}
.t10{color:#333333; font-size:72px; font-weight: bold;}
.t40{color:#333333; font-size:2.5em; font-weight: 200}
.t2{color:#333333; font-size:48px; font-weight: 400;}
.t50{color:#333333; font-size:30px; font-weight:200}
.t20{color:#333333; font-size:18px; font-weight: normal;}
.t3{font-size:18px; color:#333333; font-weight:200}
.t30{font-size:18px; color:#333333; font-weight: bold}
.card-title{font-size:14px; color:#000; font-weight: bold}
.zcard{padding-top:50px; padding-bottom:25px}
.carduno{/*margin-top:50px;*/ border:none}
.card-deck .carddos{/*margin-bottom:50px;*/border:none}
.slide-item_imagen{min-height:550px; max-height:550px; width:100%;object-fit: cover; object-position: 50% 50%; }
.slide-item_imagenp{min-height:350px; max-height:350px; width:100%;object-fit: cover; object-position: 50% 50%; }
img{vertical-align:top }
.productos{font-size:11px;text-transform:uppercase;padding:10px 15px;color:#fff;border:1px solid #eee;margin-bottom:2px; background-color:#339933; }
.productos:hover{font-size:11px;text-transform:uppercase;padding:10px 15px;color:#fff;border:1px solid #eee;margin-bottom:2px; background-color:#cccccc; }
.productos_active{font-size:11px;text-transform:uppercase;padding:10px 15px;color:#fff;border:1px solid #eee;margin-bottom:2px; background-color:#cccccc}
.active{ color:#ff0000 }
.titular{ color:#333333; font-size:48px; font-weight: 400}
.row.no-pad > [class*='col-'] {
padding-right:0;
padding-left:0;
}

.gal{min-height:87px; max-height:87px;width:100%;object-fit: cover; object-position: 50% 50%;}
a {
color: #333333;
text-decoration: none;
background-color: transparent;
}

p titular {
color: #333333;
font-size:16px;
padding:30px;
}
p {
color: #333333;
font-size:16px;
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link{
color:#000000;
font-weight:600
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: rgba(0,0,0,.7);
}
hr {
background-image:url(../images/detalle.png);
background-repeat:no-repeat;
background-position:left;
width:24px; 
height:10px;
text-align:left;
margin-left:0px;
}
.verde2{
background-image:url(../images/detalle.png);
background-repeat:no-repeat;
background-position: center;
width:24px; 
height:10px;
text-align: center;
margin: 0 auto;
padding:10px;
}
.dtallec{
background-image:url(../images/detalle.png);
background-repeat:no-repeat;
background-position: center;
width:24px; 
height:10px;
text-align: center;
margin:0 auto;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin: .125rem 0 0;
margin-top: 0.125rem;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
width: 100%;
}
.navbar-default{border:none; padding:0px; margin:0px; }
.navbar-text{color:#333333;}
.navbar-default .navbar-nav>li>a{color:#3baf29;  font-size:10px}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#FFF;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#fff;background-color:#e7e7e7}
.nav-link {  padding: 15px;}
.nav-item { color:#333333}
.dropdown-item {
display: block;
width: 100%;
padding: 5px;
clear: both;
font-weight: 400;
color: #333333;
font-size:14px; 
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
/* Site Menu*/
.site-menu {
display: block;
background: #fff;
left: 0;
z-index: 999999999;
position: fixed;
width: 300px;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
bottom: 0;
top: 0;
-webkit-box-shadow: 0 -20px 20px -5px rgba(0, 0, 0, 0.05);
box-shadow: 0 -20px 20px -5px rgba(0, 0, 0, 0.05);
min-height: 300px;
overflow: auto;
}
.site-menu ul {
position: relative;
margin-top: 50px;
margin-bottom: 50px;
}
.site-menu ul > li {
list-style: none;
visibility: hidden;
opacity: 0;
padding: 0;
margin: 0 0 10px 0;
top: -20px;
position: relative;
text-align: center;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
}
.site-menu ul > li.is-show {
visibility: visible;
opacity: 1;
top: 0px;
}
.site-menu ul > li a {
color: #000 !important;
font-size: 50px;
}
.site-menu.site-menu-show {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.bg-slant-white {
position: relative;
}
.sidebar {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #ffffff;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
text-align:center;
}
.sidebar a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 18px;
font-weight:400;
color: #333;
display: block;
transition: 0.3s;
}
.sidebar a:hover {
color: #999;
}
.sidebar .closebtn {
position: absolute;
top: 0;
right: 0px;
font-size: 46px;
/*margin-left: 50px;*/
}
.openbtn {
font-size: 20px;
cursor: pointer;
background-color:white ;
color: #111;
padding: 10px 15px;
border: none;
}
.openbtn:hover {
background-color: #444;
}
#main {
transition: margin-left .5s;
padding: 16px;
}
.tlfono{
font-size:30px;
color:#000000}
.prodesin{ text-align:right}




/*escritorio*/
@media only screen  and (min-width : 1024px) {
.titindex {
color: #333;
font-weight:700;
font-size:48px;
}
.margen{  padding:80px;}
.tlfverde_text{ 
color:#FFF; font-weight: bold; font-size:20px; text-decoration:none; text-align:center;
} 
.spc{ margin-left:15px}
.h1_home{ font-size:34px; font-weight:200}
}

@media (max-width:321px) {
.logo{ width: 120px}	
body{
font-size:14px;
padding-top:15px;
}
.navbar-light .navbar-text{border-left:none; padding-left:0px; font-size:14px}
.navbar-collapse{padding-right:20px}
.t1{color:#333333; font-size:25px}
.t2{color:#003366; font-size:30px;}
.t3{font-size:12px; color:#333333}
.t10{color:#333333; font-size:15px; font-weight: bold;}
.zcard{padding-top:0px}
.carduno{/*margin-top:10px;*/}
.card-deck .carddos{/*margin-bottom:5px*/}
.centrado {text-align:left;}
.fondomovil {
background-color:#fcfefb;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
}

.tlfono{
font-size:15px;
color:#000000}
.prodesin{ text-align:center}
.site-header{padding-top:0px;}
#slider1 img {min-height:400px; object-fit:cover; padding-left:0px; padding-right:0px ; padding-top:0px; z-index:0px;}
.tlfverde{ 
background-color:#F31A1E;
padding-top:5px; 
padding-bottom:5px;
width:100%;
margin-left:0px;
float:left !important;
left:0px;
text-align:center;
} 

.espaciomenu{ 
width:50%; 
padding-top5px; 
padding-bottom:5px; 
margin-left:15px; 
} 
paddinglogo{ padding:10px; background-color:#0F0;}
.cabecera{ 
background-image: url(../images/cabsecciones.jpg);
background-position:top; 
background-repeat:no-repeat; 
background-size:auto;
background-size: cover;
width:100%; 
min-height:255px;
}
.mnu{position:relative; top:0px; left:0px;  background-color:#ffffff;}
.navbar-light { background-color: transparent !important; padding:0px; width:100%}
.navbar-light .navbar-text{color:#333333;border-left:2px solid #00c8cf; padding-left:10px; font-size:14px}
}

@media (min-width:322px) and (max-width:360px) {
/*.logo{ width: 120px}	*/	
body{
font-size:12px;
padding-top:15px;
}

.navbar-collapse{padding-left:20px}
.t1{color:#333333; font-size:25px}
.t2{color:#333333; font-size:12px;}
.t3{font-size:14px; color:#333333}
.t10{color:#333333; font-size:15px; font-weight: bold;}
.zcard{padding-top:0px}
.carduno{/*margin-top:10px*/}
.card-deck .carddos{/*margin-bottom:5px*/}
.fondomovil {
background-color:#fcfefb;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
}
.tlfono{
font-size:15px;
color:#000000}

.prodesin{ text-align:center}
/*.container-fluid{ 
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
} */
.tlfverde{ 
background-color:#3baf29;
padding-top:5px; 
padding-bottom:5px;
width:100%;
margin-left:0px;
float:left !important;
left:0px;
text-align:center;
paddinglogo{ padding:20px; background-color:#0F0;}

.cabecera{ 
background-image: url(../images/cabsecciones.jpg);
background-position:top; 
background-repeat:no-repeat; 
background-size:auto;
background-size: cover;
width:100%; 
min-height:255px;
}
} 
.espaciomenu{ 
width:50%; 
padding-top5px; 
padding-bottom:5px; 
margin-left:15px; 
} 
paddinglogo{ padding:10px; background-color:#0F0;}
.cabecera{ 
background-image: url(../images/cabsecciones.jpg);
background-position:top; 
background-repeat:no-repeat; 
background-size:auto;
background-size: cover;
width:100%; 
min-height:255px;
}
.mnu{position:relative; top:0px; left:0px;  background-color:#ffffff;}
.navbar-light { background-color: transparent !important; padding:0px; width:100%}
.navbar-light .navbar-text{color:#333333;border-left:2px solid #00c8cf; padding-left:10px; font-size:14px}
}
.h1_home, h1 {font-size:2.5em; font-weight:200}
@media (min-width:361px) and (max-width:768px) {
/*mov	*/	
body{
font-size:12px;
padding-top:15px;
}
.navbar-light .navbar-text{color:#333333;border-left:2px solid #00c8cf; padding-left:10px; font-size:14px}
.navbar-collapse{padding-left:20px}
.titular-cabecero{font-size:18px; font-weight:700; color:#ffffff; }
.t1{color:#333333; font-size:25px}
.t2{color:#333333; font-size:12px;}
.t3{font-size:14px; color:#333333}
.t10{color:#333333; font-size:15px; font-weight: bold;}
.zcard{padding-top:10px}
.carduno{/*margin-top:20px*/}
.card-deck .carddos{/*margin-bottom:20px*/}
.centrado {text-align: center;}
.padding_mov{ padding-top:15px;}
.nomovil{display:none}
.slide-item_imagen{min-height:250px; max-height:250px; width:100%;object-fit: cover; object-position: 50% 50%; }
.fondomovil {
background-color:#fcfefb;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
}
a {
color: #333333;
text-decoration: none;
background-color: transparent;
font-size: 22px;
}
.titindex {
color: #333;
font-weight:700;
font-size:28px;
}
.text-cab{ width:50%; left:25%; position:absolute; top:50%;  color:#FFF;  text-align:center}
.tlfono{
font-size:17px;
color:#000000;}
.prodesin{ text-align:center}
.container01{ width:100%; margin:0 auto; background-color:#0F0}
/*.container-fluid{ 
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
} */
.tlfverde{ 
/*background-color:#3baf29;*/
background-color:#3baf29;
padding-top:5px; 
padding-bottom:5px;
width:100%;
margin-left:0px;
float:left !important;
left:0px;
text-align:center;
} 
.espaciomenu{ 
width:50%; 
padding-top:5px; 
padding-bottom:5px; 
margin-left:15px; 
} 
paddinglogo{ padding:10px; background-color:#0F0;}
.cabecera{ 
background-image: url(../images/cabsecciones.jpg);
background-position:top; 
background-repeat:no-repeat; 
background-size:auto;
background-size: cover;
width:100%; 
min-height:255px;
}
.mnu{position:relative; top:0px; left:0px;  background-color:#ffffff;}
.navbar-light { background-color: transparent !important; padding:0px; width:100%}
}

/*ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/*.nomovil{display:none}*/
.padding_mov{ padding-top:15px;}

#slider1 img {min-height:300px; max-height:300px; width:100%; object-fit:cover; padding-left:0px; padding-right:0px ; padding-top:0px; z-index:0px; }

.gal{min-height:67px; max-height:67px;width:100%;object-fit: cover; object-position: 50% 50%;}
.text-cab{ width:55%; left:25%; position:absolute; top:25%;  color:#FFF;  text-align:center}
.slide-item_imagen{min-height:250px; max-height:250px; width:100%;object-fit: cover; object-position: 50% 50%; }
.t10{color:#333333; font-size:25px; font-weight: bold;}
/*.t2{color:#333333; font-size:10px; font-weight: 400;}*/
.txt{font-size:12px; color:#333333; }
.margen{padding:20px; margin:0px;} 

.spc{ padding:15px; }
a {
color: #999;
text-decoration: none;
background-color: transparent;
font-size: 14px;
}
.titindex {
color: #333;
font-weight:700;
font-size:28px;
}
.fondomovil {
background-color:#fcfefb;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
/*border:1px solid #cccccc;*/
text-align:center;   
}
.container01{ width:100%; margin:0 auto; background-color:#0F0}
.padding-movil{ padding-top:15px;
}
/*titulos*/
.titular-cabecero{font-size:28px; font-weight:700}
.texto-cabecero{ color:#ffffff; font-size:18px; font-weight:400}

.tlfverde{ 
background-color:#3baf29;
padding-top:15px; 
padding-bottom:15px;
width:200px;
margin-left:0px;
float:left !important;
left:0px;
text-align:center;
} 
.tlfverde_text{ 
color:#FFF; font-weight: bold; font-size:15px; text-decoration:none; text-align:center;
} 
paddinglogo{ padding:10px; background-color:#0F0;}
.cabecera{ 
background-image: url(../images/cabsecciones.jpg);
background-position:top; 
background-repeat:no-repeat; 
background-size:auto;
background-size: cover;
width:100%; 
min-height:255px;
}


/* menu */ 
.navbar-light .navbar-nav .nav-link {color:#333333; font-weight:bolder; font-size:14px;}
.nav-item { color:#333333}
.navbar-light .navbar-text{color:#333333;border-left:2px solid #00c8cf; padding-left:10px; font-size:14px}
.navbar-toggler{ float:right;  text-align:right; border:1px solid #000000} 
.navbar-default{border:none; padding:0px; margin:0px; }
.navbar-text{color:#333333;}
.navbar-default .navbar-nav>li>a{color:#3baf29;  font-size:10px}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#FFF;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#fff;background-color:#000000}
.nav-link {  padding: 15px;}
.dropdown-item {
display: block;
width: 100%;
padding: 15px;
clear: both;
font-weight: 400;
color: #333333;
font-size:14px;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.mnu{position:relative; top:0px; left:0px;  background-color:#ffffff; width:100%;  }
.navbar-light { background-color: transparent !important; padding:0px; width:100%}
.t40{color:#333333; font-size:40px; font-weight: 200}
}	

@media (max-width: 768px) {
.nomovil{display:none}
.slide-item_imagen{min-height:250px; max-height:250px; width:100%;object-fit: cover; object-position: 50% 50%; }
.fondo-transparente{background-color: rgb(255,255,255); opacity: 0.5;}
.t10{color:#333333; font-size:25px; font-weight: bold;}
.t2{color:#333333; font-size:24px; font-weight: 400;}
.fondomovil {
background-color:#fcfefb;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;

}
.centrado {text-align: center;}
.tlfono{
font-size:17px;
color:#000000;}
.container01{ width:100%; margin:0 auto;}
.tlfverde{ 
background-color:#3baf29;
padding-top:5px; 
padding-bottom:5px;
width:100%;
margin-left:0px;
float:left !important;
left:0px;
text-align:center;
} 
.margen{  padding:20px;}
.espaciomenu{ 
width:50%; 
padding-top5px; 
padding-bottom:5px; 
margin-left:15px; 
} 
paddinglogo{ padding:10px; background-color:#0F0;}
.cabecera{ 
background-image: url(../images/cabsecciones.jpg);
background-position:top; 
background-repeat:no-repeat; 
background-size:auto;
background-size: cover;
width:100%; 
min-height:255px;
}
/* menu */
.navbar-light .navbar-nav .nav-link {color:#333333; font-weight:bolder; font-size:14px}
.nav-item { color:#333333}
.navbar-light .navbar-text{color:#333333;border-left:2px solid #00c8cf; padding-left:10px; font-size:14px}
.navbar-toggler{ float:right;  text-align:right; border:1px solid #000000} 
.navbar-default{border:none; padding:0px; margin:0px; }
.navbar-text{color:#333333;}
.navbar-default .navbar-nav>li>a{color:#3baf29;  font-size:10px}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#FFF;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#fff;background-color:#000000}

.nav-link {  padding: 15px;}
.dropdown-item {
display: block;
width: 100%;
padding: 15px;
clear: both;
font-weight: 400;
color: #333333;
font-size:14px;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.mnu{position:relative; top:0px; left:0px;  background-color:#ffffff; width:100%; }
.navbar-light { background-color: transparent !important; padding:0px; width:100%}
.navbar-light .navbar-text{color:#333333;border-left:2px solid #00c8cf; padding-left:10px; font-size:14px}
#slider1 img {min-height:200px; width:100%; object-fit:cover; padding-left:0px; padding-right:0px ; padding-top:0px; z-index:0px; }
.text-cab{ width:50%; left:25%; position:absolute; top:30%;  color:#FFF;  text-align:center}
}
@media (max-width: 568px) {
.elmargen {padding:20px}
.slide-item_imagen{min-height:200px; max-height:250px; width:100%;object-fit: cover; object-position: 50% 50%; }
#slider1 img {min-height:250px; width:100%; object-fit:cover; padding-left:0px; padding-right:0px ; padding-top:0px; z-index:0px; }
.text-cab{ width:50%; left:25%; position:absolute; top:30%;  color:#FFF;  text-align:center}
.t1{color:#333333; font-size:25px}
.t2{color:#333333; font-size:24px; font-weight: 400;}
.t10{color:#333333; font-size:25px; font-weight: bold;}
.margen{padding:20px; margin:0px;} 
.h1_home{ font-size:14px; font-weight:200}
.titular-cabecero, .t40 {font-size:1.5em; }
.h1_home, h1 {font-size:1.8em; font-weight:200}
hr {margin:0px auto !important; text-align:center}
.titindex {text-align:center}
.fondomovil {
background-color:#fcfefb;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
/*border:1px solid #cccccc;*/
text-align:center;
}
.txt {text-align:center}
.padding-movil{ padding-top:10px;

}
.centrado {text-align: center;}
.tlfono{
font-size:17px;
color:#000000;}
.prodesin{ text-align:center}
.container01{ width:100%; margin:0 auto;}
.tlfverde{ 
background-color:#3baf29;
padding-top:5px; 
padding-bottom:5px;
width:100%;
margin-left:0px;
float:left !important;
left:0px;
text-align:center;
} 
.cabecera{ 
background-image: url(../images/cabsecciones.jpg);
background-position:top; 
background-repeat:no-repeat; 
background-size:auto;
background-size: cover;
width:100%; 
min-height:255px;
}
.mnu{position:relative; top:0px; left:0px;  background-color:#ffffff; border:2px #00FF00}
.navbar-light { background-color: transparent !important; padding:0px; width:100%}
.navbar-light .navbar-text{color:#333333;border-left:2px solid #00c8cf; padding-left:10px; font-size:14px}
}