﻿/* CSS Document */

@media print {

div, p, ul, li, img, h1, h2, h3, h4, h5, a, fieldset, form, input, button
{	margin:0;
	padding:0;
	border:0;
	overflow:visible;
}

body
{	font-family:"trebuchet ms",tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:14px;
	color:#4C4C4C;
	width:990px; 
	margin:0;
	padding:0;
	border:0;
	
}

#global {
	width: 990px;
}
a { 
    text-decoration:none;
	color:#0079C2;
}
a:hover { 
    text-decoration:underline;
}

/*--- HEADER ---*/

#header { 
    width:990px;
	height:190px;
	background: url(/SiteCollectionImages/header_esp.jpg) no-repeat; 
	overflow:visible	
}
#header_compania { 
    display:none	
}
#header_productos { 
    display:none	
}
#header_sostenibilidad { 
    display:none	
}
#header_prensa { 
    display:none	
}
#header_contacto { 
    display:none	
}

#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(../img/fondo_menu2.gif) no-repeat top;*/
	margin:20px 20px 0 0; 
	overflow:visible; 
}



/*--- LEFT ---*/


#left { 
    display:none
}
#left_eng {
	float: left;
	width: 174px;
	overflow: hidden;
	margin-top:-15px;
	background: url(/SiteCollectionImages/fondo_left_eng.gif) repeat-x top left;
	height:auto !important;
	padding-bottom: 3000px;
    margin-bottom: -3000px; 
}
#left ul, #left_eng ul  {
    margin-left:18px;
    margin-top:2px
}
#left ul li.separador, #left_eng ul li.separador {
	display: inline;
	padding: 0 22px 0 6px;	
}
#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:30px 0 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; 
}
#left .acceso1 li li, #left_eng .acceso1 li li { 
    list-style-image:url(/SiteCollectionImages/flecha1.gif) ;	
	overflow: visible;
	margin-left: 12px; 
	padding:0
}

#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:16px
}
.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{ 
list-style-type:none !important; 
margin-left:22px !important;
}

.arrowlistmenu ul li{
padding-bottom: 0;  
vertical-align:top
}

.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;
}
.acceso1 h3{ 
font-weight:normal;
font-size:11px; 
padding-left:15px; 
background:url(/SiteCollectionImages/flecha1.gif) no-repeat left;
margin-left:20px

}

.acceso2 h3{ 
font-weight:normal;
font-size:10px; 
padding-left:15px; 
background:url(/SiteCollectionImages/flecha1.gif) no-repeat left;
margin-left:20px

}

/*--- CENTRAL ---*/

#central { 
    float:left;
	width:100%;
	margin:18px 0 0 20px;

}
#central .caixa{ 
    width:300px;
	height:158px; 
	float:left
}
#central .caixa2{ 
    width:300px;
	height:158px; 
	float:left;
	margin-left:15px;
	background: none
}
#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: none;
	margin-top:25px;

}
#central .caixa3 div{ 
    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 div.last{ 
	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; 
	float:left; 
	clear:left
}
#central .caixa4 .cont2 { 
	width:790px;
	float:left;
    padding-top:20px; 
	text-align:justify;

}
#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 a,  .cont2 a { 
     color:#4C4C4C; 

}

#central .caixa4  img{ 
    /*float:left;*/
	margin:0 25px 25px 15px;
}
#central .caixa4 h2{ 
    font-size:40px; 
	line-height:40px;
	color:#81B5E4;
	margin:10px 0 0 85px;

}
#central .caixa4{ 
	width:100%;
	float:left;
	margin-top:15px;
}
#central .contact{ 
    display:none
 }
/*--- 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:32px; 
}
.technology img{ 
margin:5px !important ;

}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #0079C2;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #0079C2;
}

.thelanguage {
background:#FBFBFB url(/SiteCollectionImages/fondo_desplegable2.gif) bottom repeat-x; 
margin:0 0 10px 0;
padding:5px;
display:block !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;
padding-left:20px

}
.okey { 
background:url(/SiteCollectionImages/okey.gif) no-repeat left;
padding-left:20px

}
.ver { 
display:none

}

/*--- DERECHA ---*/


#derecha { 
    float: right;
	width:142px;
	margin:-155px 5px 0 5px; 
}
#derecha2 { 
    display:none
}
#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 { 
     display:none
}
#derecha3 p{ 
    font-size:13.3px

}
#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;
}
#derecha4 { 
    display:none
}

#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;
}
#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 { 
   display:none
}
#footer a{ 
	color:#4C4C4C;
} 


/*--- INTERIOR ---*/

#central_int { 
    float:left;
	width:790px;
	margin:18px 0 0 20px; 

}
#track {
    display:none
}

#track a{ 
    display:none
}

#track .sel{ 
    display:none

 }

.unoo {
	background: none;

}
.doss {
	background: none;

}
.tress{ 
	background: none;

}
.cuatroo{ 
	background: none;

}
.cinco{ 
	background: none;
}

 

.cinco h2{ 
    font-size:40px; 
	line-height:40px;
	color:#81B5E4;
	margin:10px 0 0 15px !important;
}


/* 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{
	background:url(/SiteCollectionImages/quotes2.gif) no-repeat bottom right;
	padding-bottom:19px; 
	font-size:12px
}
/* ---- IMPRIMIR ------ */
	
.imprimir { 
    display:none 
}
.imprimir span{ 
    margin-right:35px

}
/* ---- BRACNORIA SHAREPOINT ------ */
.imagenContenido {
	/*display: inline;
	float: left;*/
	width: 187;
	height: 221;
	margin: 0px 0px 0px 0px
}

.item {
	margin:0px;
}
}