@charset "UTF-8";
/* CSS Document */


/* Zero Main HTML Elements */

body{margin:0;padding:0;}
div{margin:0;padding:0;}
h1{margin:0;padding:0;}
h2{margin:0;padding:0;}
h3{margin:0;padding:0;}
p{margin:0;padding:0;}
ul{margin:0;padding:0;}
li{list-style-type:none;}

/* CSS Tecnipack */

body {
font: 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background: url(../imagenes/stripe-green-gray.gif) #333333;
}

a:link, a:visited, a:active {
color:#FFFFFF;
text-decoration:none;
}

a:hover {
color:#FFFFFF;
text-decoration:underline;
}

div#principal {
width:800px;
margin:0 auto;
padding:0;
}

#contenidoPrincipal{
width:100%;
margin:0;padding:0px;
color:#000000; background-color:#FFFFFF;
float:left;
}

#contenidoPrincipalInterior{
width: 650px;
margin:20px;
padding:0px;
color:#000000;
margin-top:20px;
}

#textoIntroductorio {
margin:0px;
}

.moduloCliente {
border-top:solid 1px #CCCCCC;
margin:0;
margin-top:10px;
width:780px;
float:left;
}

.moduloDireccion {
border-top:none;
margin:0;
margin-top:10px;
width:780px;
float:left;
}


div#seccIdioma {
width:100%; height:30px;
float:left;
}


div#seccComInterna {
height:40px;
float:right;
background: url(../imagenes/stripe-gray-black.gif) #000000;
width:400px;
}

#seccComInterna a{
display:block;
width:150px;height:40px;
line-height:40px;
padding-left: 25px;
float:right;
background: url(../imagenes/icono-correo.gif) left no-repeat;
}

div#seccContactenos {
height:40px;
float:left;
background: url(../imagenes/stripe-gray-black.gif) #000000;
width:400px;
}

#seccContactenos a{
display:block;
width:150px;height:40px;
line-height:40px;
padding-left: 25px;
float:left;
background: url(../imagenes/stripe-gray-black.gif) #000000;
}

div#cabecera {
width:100%; height:150px;
float:left;
background: url(../imagenes/banner-cabecera1.jpg) #000000;
}

div#principalInicio {
width:100%; height:411px;
float:left;
}

ul#navPrincipal {
width:100%; height:50px;
float:left;
}

ul#navPrincipal li{
width:265px; height:50px;
display:inline;
float:left;
border-right:solid 1px #444444;
border-left:solid 1px #222222;
border-bottom:solid 1px #444444;
}

ul#navPrincipal li.last{
border-right:none;
}
ul#navPrincipal li.first{
border-left:none;
}

ul#navPrincipal a{
width:100%; height:50px;
display:block;
color:#FFFFFF;
background-color:#000000;
font-size:10px;
text-indent:-10000px;
text-decoration:none;
text-align:center;
text-transform: uppercase;
}

a#empresa{
background: #333333 url(../imagenes/navItem-empresa.gif) no-repeat 
}
a#plastica{
background: #333333 url(../imagenes/navItem-plastica.gif) no-repeat 
}
a#envase{
background: #333333 url(../imagenes/navItem-envase.gif) no-repeat 
}
a#empresa:hover{
background: #333333 url(../imagenes/navItemHover-empresa.gif) no-repeat 
}
a#plastica:hover{
background: #333333 url(../imagenes/navItemHover-plastica.gif) no-repeat 
}
a#envase:hover{
background: #333333 url(../imagenes/navItemHover-envase.gif) no-repeat 
}

a#empresaActive{
background: #333333 url(../imagenes/navItemActive-empresa.gif) no-repeat;
cursor:default; 
}

a#plasticaActive{
background: #333333 url(../imagenes/navItemActive-plastica.gif) no-repeat;
cursor:default; 
}

a#envaseActive{
background: #333333 url(../imagenes/navItemActive-envase.gif) no-repeat;
cursor:default; 
}


ul#navPrincipal a:hover{
background-color:#333333;
}

ul#navPrincipal2 {
width:100%; height:50px;
float:left;
}

ul#navPrincipal2 li{
width:265px; height:50px;
display:inline;
float:left;
border-right:solid 1px #444444;
border-left:solid 1px #222222;
border-bottom:solid 1px #444444;
}

ul#navPrincipal2 li.last{
border-right:none;
}
ul#navPrincipal2 li.first{
border-left:none;
}

ul#navPrincipal2 a{
width:100%; height:50px;
display:block;
color:#FFFFFF;
background-color:#000000;
font-size:10px;
text-indent:-10000px;
text-decoration:none;
text-align:center;
text-transform: uppercase;
}

a#about{
background: #333333 url(../imagenes/navItem-about.gif) no-repeat 
}
a#plastic{
background: #333333 url(../imagenes/navItem-plastic.gif) no-repeat 
}
a#pack{
background: #333333 url(../imagenes/navItem-pack.gif) no-repeat 
}
a#about:hover{
background: #333333 url(../imagenes/navItemHover-about.gif) no-repeat 
}
a#plastic:hover{
background: #333333 url(../imagenes/navItemHover-plastic.gif) no-repeat 
}
a#pack:hover{
background: #333333 url(../imagenes/navItemHover-pack.gif) no-repeat 
}

a#aboutActive{
background: #333333 url(../imagenes/navItemActive-about.gif) no-repeat;
cursor:default; 
}

a#plasticActive{
background: #333333 url(../imagenes/navItemActive-plastic.gif) no-repeat;
cursor:default; 
}

a#packActive{
background: #333333 url(../imagenes/navItemActive-pack.gif) no-repeat;
cursor:default; 
}


ul#navPrincipal2 a:hover{
background-color:#333333;
}

#pieDePagina {
width:100%; height:80px;
float:left;
font-size:10px;
text-align:center;
}

#pieDePagina p {
display:block;
margin-top:15px;
}

#seccIdioma p {
display:block;
float:right;
margin-right:20px;
text-transform: uppercase;
font-size:10px;
line-height:30px;
}


div#principalInicio img{
margin:0;padding:0;border: none;
}





#colContenido {
width:400px;
float:left;
margin:0;
}
#colLateral {
width:200px;
float:left;
margin-top:25px;
margin-left:20px;
}

#colContenido p, #textoIntroductorio p, .moduloCliente p{
line-height:1.5em;
margin-bottom:10px;
}

/* Modulos de Cliente */


.colDescripcion {
width:400px;
float:left;
}

.colDescripcion p{
margin-top:10px;
}

.moduloContacto p{
margin-top:0px;
}


.colLogo{
width:200px; height:200px;
float:right;
}

.moduloCliente a {
color: #346626;
text-decoration:none;
}

.moduloCliente a:hover {
text-decoration:underline;
}

.logoCliente {
display:block;
margin:0;
margin-top:20px;
margin-bottom:30px;
}

img {
border: none;
}

.moduloContacto {
height:50px;
float:left;
padding-left:40px;
background: url(../imagenes/icono-contacto.gif) left 9px no-repeat;
}

/* Modulos de Direccion */


.colDescripcion {
width:400px;
float:left;
}

.colDescripcion p{
margin-top:10px;
}

.moduloDireccion p{
margin-top:0px;
}


.colLogo{
width:200px; height:200px;
float:right;
}

.moduloDireccion a {
color: #346626;
text-decoration:none;
}

.moduloDireccion a:hover {
text-decoration:underline;
}

.logoCliente {
display:block;
margin:0;
margin-top:20px;
margin-bottom:30px;
}

img {
border: none;
}

.moduloContacto {
height:50px;
float:left;
padding-left:40px;
background: url(../imagenes/icono-contacto.gif) left 9px no-repeat;
}

/* Encabezados */

h3, h4, h5 {
color: #346626;
}
h3 {
font-size: 18px;
margin-bottom:15px;margin-top:0px;
border-bottom:solid 1px #CCCCCC;
}

h4 {
font-size: 14px;
margin-bottom:0px;
margin-top:15px;
}

h5 {
font-size: 11px;
margin:0px;
}

h5.encabezadoContacto {
margin:0;
}