d/* CSS Document */
div, p, ul, li, img, h1, h2, h3, h4, h5, a, fieldset, form, input, button
{	margin:0;
	padding:0;
	border:0;
}
body
{	font-family:"trebuchet ms",tahoma,Geneva,Arial,Helvetica,sans-serif !important;
	font-size:11px;
	line-height:14px;
	color:#4C4C4C;
	width:1000px;
	height:100%
	
}

#global {
	width: 1000px; 
}
a { 
    text-decoration:none;
	color:#0079C2;
}
.pallets td{ 
    border:#DAE5EF solid 1px; 
    padding:2px
	}

a:hover { 
    text-decoration:underline !important;
}
.clear { 
    clear:both;
    line-height:1px;
    height:1px
}
ul.grande { 
    font-size:13px;
	line-height:17px; 
	font-family:"trebuchet ms",tahoma,Geneva,Arial,Helvetica,sans-serif
}


ul.item li{ 
    list-style-image:none !important; 
    list-style-type:none !important; 
}
ul.grande a, .item a, .item2 a{ 
    text-decoration:none;
	color:#0079C2 !important;
	font-family:"trebuchet ms",tahoma,Geneva,Arial,Helvetica,sans-serif

}

ul.grande2 { 
     
	font-family:"trebuchet ms";
	font-size:11px;
}


ul.grande2 a{ 
    text-decoration:none;
	color:#0079C2 !important;
	font-family:"trebuchet ms"

}

#WebPartWPQ10 ul.grande li {	
    list-style-image: url(/SiteCollectionImages/bullet.gif) !important;	
	overflow: visible;
	margin:0px 0px 0px 20px !important; 
	padding:1px 1px 1px 1px !important;
}

.navega {
      WIDTH: 60%

}

.nobold { 
    font-style:normal; 
    font-weight:normal; 
    color:#4C4C4C

}
.verdad { 
background:url(/SiteCollectionImages/flecha4.gif) left top no-repeat !important; 
padding-left:20px; 
overflow:visible; 
height:auto !important;
padding-top:0 !important}

table img{
 float:none !important;
 margin:0px !important;
 padding:0px !important	
}
.center{
	text-align:center;
}

.visible{
	overflow:visible;
}
.tabletop { 
    _margin-top:-22px;
    line-height:18px;
    font-size:14px !important;
    line-height:16px !important; 
    text-align:left
}
.tabletop font {	
    font-size:14px !important;
    line-height:16px !important;

}
.anclas {
	height:12px
}
/*--- HEADER ---*/

#header { 
    width:1000px;
	height:190px;
	background: url(/SiteCollectionImages/header_esp.jpg) no-repeat; 
	overflow:visible	
}
#header_compania { 
    width:1000px;
	height:165px;
	background: url(/SiteCollectionImages/header_compania.jpg) no-repeat;	
	overflow:visible	
}
#header_productos { 
    width:1000px;
	height:165px;
	background: url(/SiteCollectionImages/header_productos.jpg) no-repeat;	
	overflow:visible	
}
#header_sostenibilidad { 
    width:1000px;
	height:165px;
	background: url(/SiteCollectionImages/header_sostenibilidad.jpg) no-repeat;	
	overflow:visible	
}
#header_prensa { 
    width:1000px;
	height:165px;
	background: url(/SiteCollectionImages/header_prensa.jpg) no-repeat;	
	overflow:visible	
}
#header_contacto { 
    width:1000px;
	height:165px;
	background: url('/SiteCollectionImages/header_contacto.jpg') no-repeat;	
	overflow:visible	
}

#header .logo, #header_compania .logo, #header_productos .logo, #header_sostenibilidad .logo, #header_prensa .logo, #header_contacto .logo {
    margin:8px;
	float: left

}
#menu { 
    float:right; 
	width:585px;
	height:83px;/*
	background:url(/SiteCollectionImages/fondo_menu2.gif) no-repeat top;*/
	margin:20px 20px 0 0; 
	overflow:visible; 
}



/*--- LEFT ---*/


#left {
	float: left;
	width: 174px;
	overflow: hidden;
	margin-top:-15px;
	background: url(/SiteCollectionImages/fondo_left.gif) repeat-x top left;
	
}
#left_eng {
	float: left;
	width: 174px;
	overflow: hidden;
	margin-top:-15px;
	background: url(/SiteCollectionImages/fondo_left_eng.gif) repeat-x top left;
	
}

#left ul, #left_eng ul  {
    margin-left:18px;
    margin-top:2px
}
#left ul li.separador, #left_eng ul li.separador {
	display: inline;
	padding: 0 24px 0 10px;	
}
#left a, #left_eng a{ 
    text-decoration:none;
	color:#4C4C4C;
}
#left input, #left_eng input{ 
    border:#CCCCCC solid 1px; 
	font-size:11px; 
	color:#4C4C4C;
	margin:15px 3px 0 10px;
	padding:2px 0 2px 5px

}
#left .acceso1, #left_eng .acceso1 { 
    margin-top:20px;
	padding:20px 0 2px 5px;
    background:url(/SiteCollectionImages/line.gif) top no-repeat;

}
#left .acceso1 ul, #left_eng .acceso1 ul{ 
    margin:0; 
	padding:0;

}
#left .acceso1 ul ul, #left_eng .acceso1 ul ul{ 
    margin:0; 
	padding-left:3px;

}
#left .acceso1 li, #left_eng .acceso1 li { 
    list-style-image:url(/SiteCollectionImages/flecha1.gif) ;	
	overflow: visible;
	margin-left: 20px;
	vertical-align:top
}
#left .acceso1 li li, #left_eng .acceso1 li li { 
    list-style-image:url(/SiteCollectionImages/flecha1.gif) ;	
	overflow: visible;
	margin-left: 12px; 
	padding:0
}

.acceso1 h3 {
	padding-left: 15px;	
	font-weight: normal;	
	font-size: 11px;	
	background: url(/SiteCollectionImages/flecha1.gif) no-repeat left 50%;	
	margin-left: 20px
}

.acceso2 h3 {
	padding-left: 15px;	
	font-weight: normal;	
	font-size: 10px;
	background: url(/SiteCollectionImages/flecha1.gif) no-repeat left 50%;	
	margin-left: 20px
}

#left .acceso2, #left_eng .acceso2 { 
    margin-top:20px;
	padding:20px 0 2px 5px;
    background:url(/SiteCollectionImages/line.gif) top no-repeat;
	font-size:10px
}
#left  .acceso2 ul, #left_eng  .acceso2 ul{ 
    margin:0; 
	padding:0;

}
#left .acceso2 ul ul, #left_eng .acceso2 ul ul{ 
    margin:0; 
	padding-left:5px;

}
#left  .acceso2 li, #left_eng  .acceso2 li{ 
    list-style-image:url(/SiteCollectionImages/flecha1.gif) ;	
	overflow: visible;
	margin-left: 20px; 
	padding:0;
}
.desta { 
    font-size:13px;
	margin-right:5px; 
	line-height:17px
}
.desta a:hover { 
    text-decoration:underline !important

}

/*--- ACORDEON ---*/
.arrowlistmenu{
width: 170px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
}

.arrowlistmenu ul{ 
margin-left: 22px !important;
list-style-type:none !important;
}

.arrowlistmenu ul li{
padding-bottom: 0; 
}

.arrowlistmenu ul li a{
display: block; 
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/*--- CENTRAL ---*/

#central { 
    float:left;
	width:790px;
	margin:18px 0 0 20px; 
	z-index:0; 
	overflow:hidden

}
#central .caixa{ 
    width:300px;
	height:158px; 
	float:left
}
#central .caixa2{ 
    width:300px;
	height:158px; 
	float:left;
	margin-left:15px;
	background:url(/SiteCollectionImages/fondo00.gif) no-repeat;
}
#central .caixa2 h2{ 
    font-size:12px;
	color:#0079C2;
	font-weight:bold;
	text-align:right;
	margin:40px 15px 0 0;

}
#central .caixa2 p { 
    margin-left:15px;

}

#central .caixa2 p img{ 
    float:right;
	margin:0 15px 0 15px;
}
#central .caixa3{ 
    float:left;
    width:635px;
	height:175px;
	background: url(/SiteCollectionImages/fondo01.gif) no-repeat;
	margin-top:25px; 

}
#central .caixa3 .cont2, .cont3{ 
    float:left;
    width:202px; 
	border-left: #F3F3F3 solid 2px;
	margin-top:50px;
}
#central .caixa3 div h2{ 
    font-size:12px;
	color:#0079C2;
	font-weight:bold;
	margin:0 15px 0 15px;
}	
#central .caixa3 div p {
    margin-left:15px

}
#central .caixa3 div img{ 
    float:left;
	margin:0 15px 0 0;

}
#central .caixa3 .last{ 
    float:left;
    width:202px; 
	border-left: #F3F3F3 solid 2px;
	margin-top:50px;
	border-right: #F3F3F3 solid 2px; 
}
#central .caixa4 h3{ 
    color:#0079C2 ;
	font-size:12px;
	font-weight:bold

}
#central .caixa4 .cont { 
    padding-top:20px; 
	text-align:justify;

}
#central .caixa4 .cont2 { 
    width:585px; 
	float:left;
    margin-top:15px;
	text-align:justify; 
	overflow: hidden
}
#central .caixa4 .cont ul, .cont2 ul{ 
    margin:0px 0px 0px 0px !important; 
	padding:10px 0 0 0 !important;
}
#central .caixa4 .cont li, .cont2 li{
    list-style-image: url(/SiteCollectionImages/bullet.gif);	
	overflow: visible;
	margin:0px 0px 0px 20px !important; 
	padding:1px 1px 1px 1px !important;

}

#central .caixa4 .cont ul ul, .cont2 ul ul{ 
    margin:0px 0px 0px 0px !important; 
	padding:10px 0 0 0 !important;
}
#central .caixa4 .cont li li, .cont2 li li{
    list-style-image: url(/SiteCollectionImages/flecha1.gif);	
	overflow: visible;
	margin:0px 0px 0px 20px !important; 
	padding:1px 1px 1px 1px !important;

}
#central .caixa4 .cont a,  .cont2 a { 
     color:#0079C2; 
}

#central .caixa4  img{ 
    float:left;
	margin:0 25px 25px 15px;
}

#central .caixa4 #imagenLarga img {
	float:none !important;
	margin: 0 !important;
}

#central .caixa4 h2{ 
    font-size:40px; 
	line-height:40px;
	color:#81B5E4;
	margin:10px 0 0 85px;

}
#central .caixa4{ 
    width:790px;
	float:left;
	margin-top:15px; 
	overflow:hidden
}
.cinco h2{ 
    font-size:40px; 
	line-height:40px;
	color:#81B5E4;
	margin:10px 0 0 15px !important;
}
/*--- ACORDEON CENTRAL ---*/
.mypets{ /*header of 1st demo*/
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
}

.technology{ /*header of 2nd demo*/
cursor: pointer;
font-size:12px;
font-weight:bold;
color:#0079C2;
margin: 10px 0 0 0; 
padding-top:5px;
background:url(/SiteCollectionImages/fondo_derecha.gif) repeat-x;
height:28px; 
overflow:hidden
}

.technology a:hover {
	text-decoration: underline !important;
}

.technology img{ 
margin:5px !important ;

}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #0079C2; 
overflow:hidden
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #0079C2; 
overflow:hidden
}

.thelanguage {
margin:0 0 10px 18px;
padding:5px; 
height:100%;
overflow:hidden

}
.thelanguage img{ 
float:none !important;
margin:0 !important;
padding:0 !important;
}

.blanc { 
background:#fff none !important; 
height:auto !important;

}
.thelanguage .left{ 
float:left;
width:47%; 
margin-right:3px;

}
.thelanguage .right{ 
float: right;
width:47%;

}

.pdf { 
background:url(/SiteCollectionImages/pdf.gif) no-repeat left 6px;
padding: 5px 0 5px 20px; 
line-height:16px;
}
.okey { 
background:url(/SiteCollectionImages/okey.gif) no-repeat left;
padding-left:20px

}
.ver { font-size:10px

}

/*--- DERECHA ---*/


#derecha { 
    float:right;
	width:142px;
	margin:-155px 5px 0 5px; 
	overflow: hidden
}
#derecha2 { 
    float: right;
	width:175px; 
	margin:18px 0 0 0; 
	padding:4px 0 10px 15px;
	background:url(/SiteCollectionImages/fondo_derecha3.gif) #F8F9FB no-repeat top;
    font-size:12px;
	line-height:14px;
	overflow:hidden
}
#derecha2 p{ 
    font-size:14px

}
#derecha2 ul { margin:0; 
	padding-top:10px;
}
#derecha2 li {
    list-style-image: url(/SiteCollectionImages/flecha3.gif);	
	overflow: visible;
	margin-left: 20px; 
	padding:1px
}
#derecha2 a {
	color:#4C4C4C;
}
#derecha2 p, .acceso1 p{ 
    font-weight:bold;
	color:#0079C2;
}
#derecha3 { 
    float: right;
	width:175px; 
	margin:18px 0 0 15px; 
/*	padding:4px 0 10px 15px;*/
	padding:4px 0 0px 15px;
	background:url(/SiteCollectionImages/fondo_derecha2.gif) #fff no-repeat top;
    font-size:12px;
	line-height:14px
}
#derecha3 p{ 
    font-size:13.3px;
    margin-bottom: 10px
}
#derecha3 ul { margin:0; 
	padding-top:10px;
}
#derecha3 li {
    list-style-image: url(/SiteCollectionImages/flecha3.gif);	
	overflow: visible;
	margin-left: 20px; 
	padding:1px
}
#derecha3 a {
	color:#4C4C4C;
}
#derecha3 p { 
    font-weight:bold;
	color:#0079C2;
}
#derecha3 #linkitem {
	padding: 0px 0px 4px 13px;
	background: url(/SiteCollectionImages/flecha3.gif) no-repeat 0px 6px;
}
#derecha3 #linkitem .description, #derecha3 #footer {
	display: none
}
#derecha4 { 
    float: right;
	width:175px; 
	margin:18px 0 0 10px; 
	padding:4px 0 10px 15px;
    font-size:14px;
	line-height:12px
}

#derecha4 ul { margin:0; 
	padding-top:5px;
}
#derecha4 p {
    background: url(/SiteCollectionImages/flecha3.gif) no-repeat left ;	
	overflow: visible;
	padding:0 0 0 10px;
	line-height:14px;
	color:#0079C2; 
	font-weight:bold
}
#derecha4  a {
	color:#4C4C4C;
	padding-right:10px;
}

#derecha4 img { 
    margin:0 !important;
	padding:0 !important; 
	float:none !important 
}
#derecha4 li { 
	color:#0079C2; 
	font-size:11px;
	margin:5px 0 3px 25px; 
	list-style-type:none;
	line-height:13px !important
}
#derecha4 .data { 
    background: url(/SiteCollectionImages/flecha4.gif) right center no-repeat; 
    font-style:italic; 
    padding-right:10px

}
#derecha .contacto { 
    width:140px;
	height:21px;
	background:url('/SiteCollectionImages/fondo_contacto.gif') no-repeat;
	padding: 3px 0 0 55px;
}
#derecha .contacto a{ 
    text-decoration:none;
	color:#0079C2;
	font-weight:bold;

}
#derecha img{ 
    margin-top:20px

}


/*--- FOOTER ---*/

#footer { 
   float:left;
   margin-top:30px;
   font-size:10px;
   text-align:center;
   width:100%; 
}
#footer a{ 
	color:#4C4C4C;

} 


/*--- INTERIOR ---*/

#central_int { 
    float:left;
	width:790px;
	margin:18px 0 0 20px; 

}

#track a{ 
	color:#4C4C4C;
}

#track .sel{ 
     text-decoration:underline

 }
.unoo {
	background:url(/SiteCollectionImages/fondo_01.gif) no-repeat  ;

}
.doss {
	background:url(/SiteCollectionImages/fondo_02.gif) no-repeat  ;

}
.tress{ 
	background:url(/SiteCollectionImages/fondo_03.gif) no-repeat ;

}
.cuatroo{ 
	background:url(/SiteCollectionImages/fondo_04.gif) no-repeat ;

}
.cinco{ 
	background:url(/SiteCollectionImages/fondo_05.gif) no-repeat ;
}
#central .contact{ 
    float:right;
	font-weight:bold; 
	margin-right:20px;
	margin-top:-38px;
 }
/* BLOQUE TEXTO CON COMILLAS */

.bigQuotes{	 
	background:url(/SiteCollectionImages/quotes1.gif) no-repeat top left; 
	margin:18px 0 0 13px; 
	padding:11px 15px 0 51px; 
	width:52%;
}

.bigQuotes div, .endQuote, .bigQuotes span{
	background:url(/SiteCollectionImages/quotes2.gif) no-repeat bottom right;
	padding-bottom:19px; 
	font-size:12px;
}

/* ----  PERFILES ------ */

.disenador { 
    background:url(/PublishingImages/fondo_disenador.jpg) no-repeat;
	width:575px;
	height:147px;
}
.distribuidor { 
    background:url(/PublishingImages/fondo_distribuidores.jpg) no-repeat;
	width:575px;
	height:147px;
}
.estudiantes { 
    background:url(/PublishingImages/fondo_estudiantes.jpg) no-repeat;
	width:575px;
	height:147px;
}
.etiquetas1 { 
    background:url(/PublishingImages/fondo_fab_etiquet.jpg) no-repeat;
	width:575px;
	height:147px;
}
.etiquetas2 { 
    background:url(/PublishingImages/fondo_fab_etiquet_adhes.jpg) no-repeat;
	width:575px;
	height:147px;
}
.impresor { 
    background:url(/PublishingImages/fondo_impresor.jpg) no-repeat;
	width:575px;
	height:147px;
}

.cabecera_perfil p {
	color:#0079C2; 
	font-weight:bold;
	padding:55px 0 0 150px;
	font-size:13px;
	line-height:18px
}
.cabecera_perfil .txt_perfil{
	color:#6F6868; 
	font-weight:bold;
	font-size:11px !important;
	line-height:15px !important;
	width:350px;
	position:relative;
	top:-145px;
	left:220px;
	margin-bottom:-100px
}
.cabecera_perfil div img{
	top:0px;
	left:0px;
}

.distribuidor p, .disenador p, .estudiantes p, .etiquetas1 p, .etiquetas2 p, .impresor p{    
	color:#0079C2; 
	font-weight:bold;
	padding:55px 0 0 150px;
	font-size:13px;
	line-height:18px

}
.caixa_perfil_1 { 
     background:url(/PublishingImages/cap_perfiles1.gif) no-repeat top;
	 width:273px;	 
	 float:left; 
	 height:auto !important;
	 min-height:100px;
	 height:100px;
	 border:1px solid #ffffff;
}
.caixa_perfil_2 { 
     background:url(/PublishingImages/cap_perfiles2.gif) no-repeat top;
	 width:273px;	 
	 float:left; 
	 margin-left:25px; 
	 height:auto !important;
	 min-height:100px;
	 height:100px;
	 border:1px solid #ffffff;
}
.caixa_perfil_3 { 
     background:url(/PublishingImages/cap_perfiles3.gif) no-repeat top;
	 width:572px;
	 margin-top: 10px; 
	 height:auto !important;
	 min-height:100px;
	 height:100px;
	 border:1px solid #ffffff; 
	 float:left

}
.caixa_perfil_1 p, .caixa_perfil_2 p, .caixa_perfil_3 p{
	color:#6F6868; 
	font-weight:bold; 
	padding:20px 0 0 35px
}
.caixa_perfil_2 p {
	padding-left:45px
}
.caixa_perfil_3 p {
	padding-left:55px
}
.caixa_perfil_1 .containerDIV, .caixa_perfil_2 .containerDIV, .caixa_perfil_3 .containerDIV{
     border-bottom:#eef5f9 solid 1px; 
	 border-left:#eef5f9 solid 1px; 
	 border-right:#eef5f9 solid 1px;
}

.containerDIV {
	padding: 5px 0px 5px 0px
}
.caixa_perfil_1 #linkitem, .caixa_perfil_2 #linkitem, .caixa_perfil_3 #linkitem {
	padding: 5px 0px 0px 13px;
	margin-left: 10px;
	background: url(/SiteCollectionImages/flecha3.gif) no-repeat 0px 11px
}
.caixa_perfil_1 #linkitem .description, .caixa_perfil_1 #footer {
	display: none
}
.caixa_perfil_2 #linkitem .description, .caixa_perfil_2 #footer {
	display: none
}
.caixa_perfil_3 #linkitem .description, .caixa_perfil_3 #footer, .caixa_perfil_3 .groupheader {
	display: none
}
/* ---- COMPROMISOS 2007 ------ */
.progreso {
     background:url(/PublishingImages/enprogreso.gif) no-repeat left top ; 
	 padding-left:27px;
	 padding-top:5px
}
.complert {
     background:url(/PublishingImages/okey.gif) no-repeat left top ; 
	 padding-left:27px;
	 padding-top:5px
}
/* ---- IMPRIMIR ------ */
	
.imprimir { 
    background:url(/SiteCollectionImages/imprimir.gif)  550px  no-repeat ; 
	float:left; 
	width:580px; 
	text-align:right;
	padding:0 25px 0 0!important; 
	line-height:3em;  
}
.imprimir span{ 
    margin-right:35px

}

/* -------NOTICIAS ---------*/
.noticia{
	margin-top:5px;
}
.noticia p{
	overflow:visible !important;
}
.noticia img{
	margin-bottom:5px !important;
}

/* ---- BRACNORIA SHAREPOINT ------ */
.imagenContenido {
	display: inline;
	float: left;
	width: 187;
	height: 221;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px
}

.item {
	margin:0px;
}

.MenuLateralRoot {
	color: #0079C2;
}

.MenuLateralPaginaActual {
	color: #0079C2;
	font-style: italic;
}

.NewsYears {
	color: #666666;
	width: 350px;
}
.image-area-left { 
   margin-top:20px
	
}
td.ms-sbcell {
    border:0px none !important;
}
td.ms-sbgo {
background-color: #F4F6F9 !important;
padding:1px 1px !important;
}
#WebPartWPQ10 li{ 
     list-style-image:none !important; 
     list-style-type:none !important; 
     padding:5px !important;
	
}
#MSOZoneCell_WebPartWPQ10 .ms-WPHeader, #MSOZoneCell_WebPartWPQ11 .ms-WPTitle   {
display:none;
}
form#aspnetForm table {
     width: auto; 
     #width:100%
	
}
.ms-siteaction { 
      overflow:hidden
      }
/* Para que se muestren correctamente los DateTimePickers */
iframe {
	overflow: visible;
	min-width: 200px
}

.width350{
	width:350px
}
/* ----  PREHOME ------ */
#trans { 
     position:absolute;
	 z-index:100;
	 top:0px;
	 left:0px;
	 height:100%;
	 width: 100%; 
	 background: #121A31 ; 
	 
}
#contenedor {    
	 z-index:1000;
	 background-color:#121A31; 
	 width:792px; 
	 height:490px;
	 left:50%;
	 margin-left:-396px;
	 margin-top:-245px;
	 position:absolute;
	 top:50%; 
	 overflow: visible
}