/* Kustom CSS */
.tparrow{display:none!important;}
.home p.wp-caption-text {
  font-size: 25px;
  color: rgb(150, 197, 0);
}
#Subheader .title{color:#fff}
#Subheader .title:first-letter{color: #A4C300;}
.widgets_wrapper .container {
  border-top: 1px solid rgba(255, 255, 255, .5);
}
.filters_buttons {display:none;}

.page-id-217 #Subheader .container .column {
  background: rgba(0, 0, 0, 0);
  border-radius: 20px;
}

#Subheader{background-size:cover}
.homediv{ padding-bottom: 12px;  border-radius: 0 0 10px 10px;}
.homediv a{text-decoration:none;}
.homediv img{  width: 100%;}
.homediv:hover {  
background: rgb(150, 197, 0);  
padding-bottom: 12px;  
border-radius: 0 0 10px 10px;  
-webkit-transition: background-color 0.5s ease-out;  
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
 transition: background-color 0.5s ease-out;
 }

 .timeline_items li h5 span {
  color: #FAFAFA;
  background: #A4C300;
  font-size: 17px;
}
div#Subheader {
  background-image: url(https://www.rosypar.com/wp-content/uploads/2015/04/slider1.jpg);
}
.clients{text-align:center;}
div#Content {
  background: #fff;
}

/* Generic Styling, for Desktops/Laptops */
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping 
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}
*/

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 960px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

.calendarioprod table td {
  padding: 10px!important;
  text-align: center!important;
  border-bottom: solid 1px rgba(185, 189, 165, 0.3)!important;
  width:auto!important;
}	
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		/* Top/left values mimic padding */
			position: absolute;
		  top: 0px;
		  left: 0px;
		  width: 100%;
		  white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: ""; }
	td:nth-of-type(2):before { content: "Enero"; }
	td:nth-of-type(3):before { content: "Febrero"; }
	td:nth-of-type(4):before { content: "Marzo"; }
	td:nth-of-type(5):before { content: "Abril"; }
	td:nth-of-type(6):before { content: "Mayo"; }
	td:nth-of-type(7):before { content: "Junio"; }
	td:nth-of-type(8):before { content: "Julio"; }
	td:nth-of-type(9):before { content: "Agosto"; }
	td:nth-of-type(10):before { content: "Septiembre"; }
	td:nth-of-type(11):before { content: "Octubre"; }
	td:nth-of-type(12):before { content: "Noviembre"; }
	td:nth-of-type(13):before { content: "Diciembre"; }
	
	.yellowyellow{
    background-color: #ECDA20;
	background-image:none!important;
	color:#fff;
	}
	.redred{background-image:none!important;color:#fff;}
	.greengreen{background-image:none!important;background-color: #8CCB44;color:#fff;}
}

.page-id-9424 td img {
  max-width: 50px!important;
  vertical-align: middle;
}

.redredbackup {
  position: relative;
  color: #fff;
  background:#d53e2a;
  position: relative;
  color: #fff;
  background: #8CCB44;
  position: relative;
  color: #fff;
  background: #ECDA20;
  
}

.redred {
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('red.png')
}


.greengreenbackup{
    background-color: #8CCB44;
    background-repeat: no-repeat;
	background-position: center;
    background-image: url('lexportiawhite.png');
    background-image: url('lexportiawhite.png'), 
                      -moz-linear-gradient(top, #8CCB44 0%, #579313 100%);
    background-image: url('lexportiawhite.png'), 
                      -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8CCB44), color-stop(100%, #579313));
    background-image: url('lexportiawhite.png'), 
                      linear-gradient(to bottom, #8CCB44, #579313);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8CCB44', endColorstr='#579313', GradientType=0);
}

.yellowyellowbackup{
    background-color: #ECDA20;
    background-repeat: no-repeat;
	background-position: center;
    background-image: url('lexportiawhite.png');
    background-image: url('lexportiawhite.png'), 
                      -moz-linear-gradient(top, #ECDA20 0%, #A99C12 100%);
    background-image: url('lexportiawhite.png'), 
                      -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ECDA20), color-stop(100%, #A99C12));
    background-image: url('lexportiawhite.png'), 
                      linear-gradient(to bottom, #ECDA20, #A99C12);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECDA20', endColorstr='#A99C12', GradientType=0);

}
.yellowyellow{
	background-repeat: no-repeat;
	background-position: center;
}

.lima{background-image: url('lima.png')}
.naranja{background-image: url('naranja.png')}
.berenjena{background-image: url('berenjena.png')}

.greengreen{
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('lexportiagreen.png');
	  background-size: 90px 67px;
	  background-color: #268300;
	  background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	  background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	  background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	  -pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 50px #0ae;
}

.productosdiv{ padding-bottom: 12px;  border-radius: 15px; max-width: 75%;margin: 0 auto;  background: rgb(249, 249, 249);}
.productosdiv a{text-decoration:none;}
.productosdiv img{width: 100%;border-radius: 15px 15px 0px 0px;}
.productosdiv:hover {background: rgb(150, 197, 0);  
padding-bottom: 12px;  
border-radius: 15px;  
-webkit-transition: background-color 0.5s ease-out;  
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
 transition: background-color 0.5s ease-out;
 }
 li.menu-item.menu-item-language.menu-item-language-current.submenu {width: 20px;}
 ul.sub-menu.submenu-languages {width: 68px;}
 .menu-item-language a {
  padding: 10px 3px!important;
}

.calendarioprod table td {
  padding:2px 0;
  text-align: center;
  border-bottom: solid 1px rgba(185, 189, 165, 0.3);
  font-size: 15px;
  font-weight: bold;
  color: rgb(131, 110, 77);
  width: 35px;
  }
  
  tr th {
  padding: 5px 0;
}