/* Básicos */

/* Predeterminados */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;outline: 0;font-size: 100%;vertical-align: baseline;
	border-style: none;
	list-style-type: none;
}

li {
	margin-bottom: 10px;
}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

:focus {outline: 0;}
ins {text-decoration: none}
del {text-decoration: line-through;}

.clear {clear: both;
display:
block;
overflow: hidden;
visibility:hidden;
width: 0;
height: 0;}

/* end */

/* Estilos para Plásticos de Empaque, C.A. */


body {text-align: center;font: 10pt/18px "Lucida Grande", Lucida, Verdana, sans-serif;color: #fffeff;background: #000
}

img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.der30 {
	margin-right: 30px;
}

hr {
	clear: both;
	border-top: 1px dashed #8dbca0;
    border-bottom: 1px solid #8dbca0;
    color: #fff;
    height: 4px;
	border-right-style: none;
	border-left-style: none;
	margin-bottom: 30px;
}

.mediacolumna p {
	margin-bottom: 10px;
}

.contenedor {
	height: auto;
	width: 95%;
	text-align: justify;
	padding: 30px;
}

.contenedor a img {
	float: left;
}

.aligderecha, .animacion {
	margin-bottom: 30px;
	float: right;
}

#ptbg {
	background: url(../imagenes/productos/peliculas_tubulares/peliculas-tubulares-main.png) no-repeat right top;
}

.contenedor, #menu, #top, #home {
	margin-right: auto;
	margin-left: auto;	
}

p.creditos {
	float: left;
	font-size: 10px;
	line-height: 30px;
	margin-right: 50px;
}



#menu, #top {
	width: 100%;
	padding-right: 1px;
	padding-left: 1px;
}

#menu img {
	line-height: 80px;
	margin-top: 10px;
	margin-bottom: 0;
	margin-right: 2px;
}

#top {
	height: 250px;
	text-align: left;
	padding-top: 1%;
}

#home {
	width: 100%;
	height: auto;
	background: #2e433c;
}

.perfil {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 30px;
	line-height: 30px;
	float: left;
}

.perfil p, .perfil p iframe {
	vertical-align: middle;
}

#contenedor img, #rpgofrados img, #rpextensibles img, #rptermoencogibles img, #rpenhojas img {
	float: left;
	padding: 0;
	margin-bottom: 20px;
}

#fondonegro, .ancho {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

#topwhite {
	background: url(../imagenes/gradient.gif) repeat-x left top;
	height: auto;
}

/* group Home */

#productos {
	background: black url(../imagenes/bgsecgarantia.jpg) no-repeat center top;
}

#industriales, #agricola,#petroquimica {
	width: 280px;
	height: auto;
	font-size: 11px;
	text-align: justify;
}

#petroquimica {
	float: left;
	background: url(../imagenes/inicio/divpetroquimica.png) no-repeat left top;
	padding-top: 75px;
	margin-left: 2%;
}
#industriales {
	float: left;
	background: url(../imagenes/inicio/divindustrial.png) no-repeat left top;
	padding-top: 75px;
	margin-left: 3%;
}

#agricola{
	float: left;
	background: url(../imagenes/inicio/divagricola.png) no-repeat left top;
	padding-top: 75px;
	margin-left: 3%;
}



/* end */

#fondonegro {
	height: auto;
	background-color: #000;
}

ul.cienochenta {
	float: left;
	margin-right: 30px;
	width: 100px;
}

ul.cienochenta li img, .border {
	border: 2px dotted #8dbca0;
}

.columna ul li a {
	font-size: 10px;
	text-transform: uppercase;
}

.columna {
	width: 30%;
	height: auto;
	float: left;
	display: block;
	margin-right: 30px;
}

.mediacolumna {
	width: 46%;
	height: auto;
	float: left;
	margin-right: 4%;
	overflow: hidden;
}

.caracteristicas {
	text-align: left;
	color: #8dbca0;
}

.aplicaciones li {
	line-height: 20px;
	height: 20px;
	width: 200px;
	padding-left: 10px;
}

.galeria, .mediacolumna, .columna, ul.cienochenta {
	margin-bottom: 30px;
}

.galeria a img {
	width: 100px;
	height: 60px;
	border: 1px solid #8dbca0;
	margin-right: 10px;
	margin-bottom: 10px;
}

ul #bottomenu, ul #bottomenu li {
	float: left;
	display: inline;
	margin-right: 10px;
}

ul #bottomenu {
	width: 600px;
}

ul #bottomenu li img {
	margin: 0;
	padding: 0;
}

#rpenhojas {
	background: url(../imagenes/productos/rollospolietileno/en-hojas-main.png) no-repeat right top;
}

#rpgofrados {
	background: url(../imagenes/productos/rollospolietileno/gofrados-main.png) no-repeat right top;
}

#rpextensibles {
	background: url(../imagenes/productos/rollospolietileno/extensibles-main.png) no-repeat right top;
}

#rptermoencogibles {
	background: url(../imagenes/productos/rollospolietileno/termoencogibles2.png) no-repeat right top;
}

#agricolacanales {
	background: url(../imagenes/productos/agricola/canales/canales-main.png) no-repeat right top;
}

#agricolasuelos {
	background: url(../imagenes/productos/agricola/acolchado/acolchado-de-suelos-main.png) no-repeat right top;
}

#agricolacultivos {
	background: url(../imagenes/productos/agricola/bolsa/bolsa-de-cultivo-main.png) no-repeat right top;
}

#agricolapasto {
	background: url(../imagenes/productos/agricola/ensilaje/ensilaje-de-pasto-main.png) no-repeat right top;
}

#agricolabajotecho {
	background: url(../imagenes/productos/agricola/invernaderos/invernaderos-main.png) no-repeat right top;
}

.variosproductos {
	border-top: 1px dashed #8dbca0;
	float: left;
	padding-top: 30px;
}

#bolsashojasmangas {
	background: url(../imagenes/productos/bolsashojasmangas/bolsas-mangas-main.png) no-repeat right top;
}

#sacosindustriales {
	background: url(../imagenes/productos/sacos/sacos-industriales-main.png) no-repeat right top;
}

#mangasextensibles {
	background: url(../imagenes/productos/mangasextensibles/mangas-extensibles-main.png) no-repeat right top;

}

#agricolalagunas {
	background: url(../imagenes/productos/agricola/lagunas-main.png) no-repeat right top;
}

#empresa {
	background: url(../imagenes/empresa/empresa-main.png) no-repeat right top;

}

#gofrado {
	float: right;
	margin-right: 30px;
}

/*  Menu Servicios */

#menuservicios ul {
	float: left;
	width: 20%;
	margin-left:10px;

}

#menuservicios ul li {
	background-color: #01362a;
	margin-bottom: 5px;
	margin-right: 10px;
	padding: 5px 10px;
}

#menuservicios ul li:hover {
	background-color: black;
	cursor: pointer;
}

#menuservicios h1 {
	font-size: 20px;
	padding: 0;
	margin: 0;
}

#menuservicios ul li a:hover {
	text-decoration: none;
}

#menuservicios p a {
	padding-left: 10px;
	text-decoration: none;
	line-height: 25px;
}

#menuservicios p a:hover {
	color: white;
}

/*end */

/* Tablas */

table {
	font-size: 12px;
	text-align: center;
	margin-bottom: 30px;
	width: 100%;
}

thead td {
	text-align: left;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	background-color: #414141;
}

td {
	background-color: #222;
	line-height: 20px;
	padding: 5px;
	border-spacing: 20px;
}

/* end */

/* Textos */

/* Estilos para Textos */

.bullets {
	margin-bottom: 30px;
}

.bullets li {
	list-style-image: url(../imagenes/vineta.png);
	list-style-position: outside;
}

strong {
	font-weight: bold;
}

a {
	color: #f9e8a0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 24px;
}

h1 span {
	font-size: 16px;
	font-style: italic;
}

h1, h1 span, .descripcion {
	text-shadow: 2px 2px #000000;
	margin-bottom: 30px;
}

h2 {
	font-size: 20px;
	color: silver;
	line-height: 20px;
}

h1 span {
	color: #f9e8a0;
}


h2, h3 {
	font-weight: bold;
	margin-bottom: 20px;
	text-shadow: 2px 2px #000000;
	text-transform: uppercase;
	width: 90%;
}

h3, .descripcion {
	color: #93D0AB;
}

.descripcion {
	font-size: 12pt;
	line-height: 20px;
	width: 50%;
	height: auto;
	margin-bottom: 60px;
	text-align: justify;
	float: left;
}

.whitetext {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.whitetext a:hover {
	color: #93D0AB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
.whitetext a {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

/* end */

/* Formularios */

/* Formularios */

input, select {
	line-height: 20px;
}

input, textarea {
	background-color: #6d9188;
	border-style: none;
	width: 90%;
    max-width: 90%;
    max-height: 90px;

	
}

input:focus, textarea:focus {
	background: #fffeff;
}


/* end */

/* Panel de Contacto */

/* Sección de Contacto */
#toppanel {
	background-color:#000000;
	
}
.left{
	background: #193225;
	width: auto;
	height: auto;
	margin-top: 100px;
	margin-left: 1%;
    
}

#panel {
	width: 99%;
	height: auto;
	background: #193225;
	overflow: hidden;
	position: relative;
	z-index: 3;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;

}

#panel ul {
	list-style-type: none;
	list-style-image: none;
	font-size: 10pt;
	font-weight: 600;
}
#panel a {
	text-decoration: none;
	color: #6abb90;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .left img {
	line-height: 25px;
	float: left;
	margin-right: 10px;
}

#panel .content {
	width: 96%;
	margin: 0;
	padding-top: 0;
	text-align: justify;

}

#panel .content .left {
	width: 32%;
	float: left;
	padding: 0;
	margin-top: 20px;
	margin-right: 2px;

}
#panel .content .left .fondo{
	background-image: url(../images/pdee.JPG);
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    height: 398px;
}

#panel .content .left h2 {
	line-height: 25px;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 0;
	width: 100%;
}

#panel .content form {
	padding: 0;
}

#panel .content label {
	float: left;
	padding-top: 9px;
	clear: both;
	width: 280px;
	display: block;
}

.direccion {
	float: left;
	padding: 9px;
	margin-bottom: 15px;
	margin-top: 25px;
	line-height: 22px;
	border-radius: 10px;
	background-color: #002f1c;
	opacity: 0.8;

}

.direccion ul li  {
	float: left;
	margin: 1px;
	padding: 0;
	
}

.left h1, .left h2 {
	color: #FFF;
	text-align: center;
}

.left h2 {
	font-size: 9pt;
	line-height: 20px;
}

.left h1 {
	font-size: 14pt;
	margin-bottom: 20px;
}

.left iframe {
	float: left;
	border: 4px solid #6abb90;
}
div.contacto{
	border-radius: 10px;
	border:2px solid #6abb90 ;
	background-color: #002f1c;
	padding: 15px;
}
div.contacto ul li p {
	color: white;
	font-size: 9pt;
	line-height: 20px;
	width: 100%;
	max-width:100%;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;

}

 div.container{
     color: white;
     padding:5%;
     margin-top: 5px;
     margin-bottom: 5%;
    }
div .container .row .twelve columns{
    max-width:95%;
   }


/*datos del slider*/
#c-slider{
    margin-top: 3%;
    margin: auto;
    width: 99%;
    max-width: 99%;
    position: relative;
    overflow: hidden;
   background: #193225; 
   }

#slider{
    margin-top: .10%;
    display: -webkit-flex;
    /* display: -moz-flex;
    display: -ms-flex;
    display: -o-flex; */
    display: flex;
    width: 870%; 
    /* transition: margin-left 0.5s ease-in-out; */
    
}
#slider section{
   width:100%;
   /*float: left;*/

  }
#btn-prev, #btn-next{
    width: 40px;
    height: 40px;
    background: rgba(199, 199, 199, 0.4);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 40px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    font-family: monospace;
    cursor: pointer; 
    color: #fff;
}
#btn-prev:hover, #btn-next:hover {
    background: rgba(255, 255, 255, 1);
} 

#btn-prev{
    left: 10px;
}
#btn-next{
    right: 10px;
}


#slider img {
 width:100%;
 display: block;
 height: auto;
 
}
@media screen and (min-width:300px) and (max-width:860px) {
 
 html, #header{width:100%;}
  #top, #fondonegro{
	width:100%;
	display: block;
	}
#home{
		background: #fafafa;
		height: 170px;
	}

#topwhite, #industriales, #agricola{
    display: block;
	float: none;
	
}
#industriales{
	margin-top: 90%;
}

.perfil p  {
	font-size: 12px;
	float: none;
	display: block;
	width: 95%;
	margin-top: 5%;
}
img.border{
	width: 95%;
	height:auto; 
}
#fondonegro, .ancho{
	width: 100%;

	}
.contenedor{
	max-width: 100%;
	
}
p.creditos{
	width: 100%;
	float: none;
	text-align: left;
	display: block;
}
.contenedor hr{
	width: 90%;
	display: block;
	margin: 0;
	float: none;
}
 ul #bottomenu{
 	width: 95%;
 }
  #c-slider{
    display: none;  
    }


}