/*                                                                                       Do the reset!
------------------------------------------------------------------------------------------------------
*/
* { 
    padding: 0; 
    margin: 0;
    line-height: 1.5em;
}

/*                                                                     Elementos definidos globalmente
------------------------------------------------------------------------------------------------------
*/
body {
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #4D4D4D;
    text-align: center;
	background:#666;
}

a {
    text-decoration: underline;
    color: #4D4D4D;
}

a:active {
    color: #F26B23;
}

a:visited {
    color: #4D4D4D;
}

a:hover {
    text-decoration: none;
}

a img {
    border: 0;
}


/*                                                                         Headings y bloques de texto
------------------------------------------------------------------------------------------------------
*/
h1 a{
	background:url(../img/logo.png) no-repeat 0 0;
	width:109px;
	height:38px;
	position:absolute;
	top:25px;
	left:25px;
}

h2 {
    font-size: 2em;
	margin:20px 0 10px 0;
	color:#f26b23;
	line-height:0.92em;
} 

h3 {
	font-size: 18px;
	color:#F26B23;
	font-weight:normal;
	margin-top:10px;
}

h4 {
	font-size:1.6em;
}

.font1_6 {
	font-size:1.6em;
}



p {
    margin-bottom: 0.8em;
}

table {
    border-collapse: collapse;
}

ul {
	list-style: none;
}

sup {
    vertical-align: text-top;
    font-size: 0.75em;
}

sub {
    vertical-align: text-bottom;
    font-size: 0.75em;
}

.breadCrumb {
	margin-bottom:15px;
}

hr {
	color: #C5C5C5;
	background:#C5C5C5;
	height: 2px;
	border:0;
	margin-bottom:10px;
	width:98%;
}


/*                                                                             Elementos estructurales
------------------------------------------------------------------------------------------------------
*/
#wrap {
    width: 988px;
    margin: 0 auto;
    text-align: left;
	background:#F2F2F2 url(../img/bg.jpg) no-repeat top center;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding-bottom:30px;
}

#cabecera {
    position:relative;
	z-index:5;
	height:90px;
}
#cabecera h1 a{
    display:block;
	text-indent:-50000px;
	display:block;
    overflow: hidden;
}

#contenidos {
	width:94%;
	margin:20px auto;
}

#footer {
    width:95%;
	margin:20px auto 10px auto;
}

/*                                                                                          Navegación
------------------------------------------------------------------------------------------------------
*/
#nav {
    position:absolute;
	top:60px;
	left:150px;
	
}

#nav ul, 
#navSup ul,
#footer ul {
    list-style: none;
}

#nav ul li, 
#navSup ul li,
#footer ul li {
    float: left;
    display: inline;
    position: relative;
	
}

#nav ul li a {
    float:left;
    padding: 5px 7px 1px 7px;
    color: #4d4d4d;
    text-decoration: none;
	font-size:1.2em;
	font-weight:bold;
	height:31px;

}

#nav ul li a:hover {
    background: url(../img/bgMenu.gif) repeat-x;
	color:#FFF;
}

#nav ul ul {
    position: absolute;
    top: 32px;
    left: 0;
	background:#F9A747;
	font-size:0.82em;
	
}

#nav ul ul li {
    clear: left;
	
}

#nav ul ul li a {
	background:#F9A747 !important;
	height:0.82em;
	color:#FFF;
	padding:7px 10px 13px 10px !important;
	
}

#nav ul ul li a:hover {
	background:#F26B23 !important;
	
}

#index #nav ul li.nav0 a,
#solutions #nav ul li.nav1 a,
#services #nav ul li.nav2 a ,
#pressRoom #nav ul li.nav4 a ,
#company #nav ul li.nav5 a ,
#succesStories #nav ul li.nav3 a{
	background: url(../img/bgMenu.gif) repeat-x;
	color:#FFF;
	
}
.nav1 ul li a{
	width:350px;
}

.nav2 ul li a{
	width:200px;
}

.nav5 ul li a{
	width:150px;
}
#navSup, 
#footer ul {
	padding-top:2px;
}
#navSup ul li a,
#footer ul li a, 
#mapa ul li a, 
#logout a{
	color: #4d4d4d;
    text-decoration: none;
	padding:0 3px;
	font-weight:bold;
	z-index:9999;
}
#navSup ul li a:hover,
#mapa ul li a:hover,
#logout a:hover{
	color:#F26B23;
}
	
#navSup li.idiomas span{
	margin:0 8px 0 0;
}

#footer ul li a:hover {
	color:#666;
}	

/* Navegación vertical 
#nav ul li {
    clear: left;
    width: 102px;
}

#nav ul ul {
    left: 100%;
    top: 0;
}*/

/*                                                                                          Listados
------------------------------------------------------------------------------------------------------
*/


ul.general li {
	padding:3px 0 3px 18px;
	background:url(../img/flechaNarDer.gif) no-repeat 0 50%;
	line-height:1.8em;
	margin-left:15px;
	border:0;
}

h3.desplegable {
	display:inline;
	margin-bottom:20px;
	padding-bottom:10px;
	width:500px;
	postition:relative;	
	
	
}


span.moreinfo1 {
	font-size:11px;
	color:#666666;
	text-decoration:underline;
	padding:10px;
	width:150px;
	
	

}

span.tittext{
	width:530px; 
	xheight:20px;
	line-height:18px;
	float:left;
}

div.panel{
	margin-top:10px;
}




h3.desplegable a {
	font-weight:normal;
	color:#f26b23;
	text-decoration:none;
	xpadding:10px 20px 10px 0;
	outline:none;
	width:550px;
	background:url(../img/down.gif) no-repeat 100% 50%;
	
}

h3.nodesplegable {
	font-weight:normal;
	color:#f26b23;
	text-decoration:none;
	padding:10px 20px 10px 0;
	outline:none;
}


h3.desplegable a.activo{
	background:url(../img/up.gif) no-repeat 100% 50%; 
	color:#f26b23;
	  
}

h3.desplegable2 {
	margin-bottom:15px;
}

h3.desplegable2 a {
	font-weight:normal;
	color:#f26b23;
	text-decoration:none;
	padding:0px 20px 10px 0;
	outline:none;
	background:url(../img/down.gif) no-repeat 10% 70%;
	display:block;
}



h3.desplegable2:first-child a.activo{
 xbackground:url(../img/up.gif) no-repeat 10% 70%;
}

h3.desplegable2 a.activo{
x background:url(../img/up.gif) no-repeat 100% 50%;
 color:#f26b23;
}

* html h3.desplegable2 a.activo{
 xbackground:url(../img/up.gif) no-repeat 10% 70%;
 color:#f26b23;
}





ul.listaDesplegable {
	margin:20px 0 60px 20px;
}

ul.listaDesplegable li {
	border-bottom:2px solid #c3c3c3;
	margin-bottom:30px;
    overflow:hidden;
}

ul.listaDesplegable li h3 {
    margin-top: 0;
}

ul.listaDesplegable li .intro {
    clear: both;
    padding-top: 10px;
}

ul.listaDesplegable li ul {
	margin:10px;
}
ul.listaDesplegable li ul li {
	border:0px;
	padding:3px 0 3px 14px;
	background:url(../img/rightGris.gif) no-repeat 0 50%;
}

ul.destacados h4{
	font-size:1.3em;
	

}

ul.destacados h4 a{
	text-decoration:none;

}
ul.destacados h4 a:hover {
	color:#6F6F6F;
}

ul.destacados li {
	border-right:1px solid #C5C5C5;
	margin-right:0;
	padding-right:13%;
}


ul.destacados li.cLast {
	border:0px;
	padding-right:0px;
}

ul.destacados li.last {
	border:0px;
	padding-right:0px;
}

ul.listaDesplegable li img {
	margin:5px auto;
	text-align:center;
}
/*                                                                                        Contenedores
------------------------------------------------------------------------------------------------------
*/


.supSemiTrans {
	background:url(../img/supSemiTrans.png) no-repeat 0 0;
	width:245px;
	height:10px;
}

.semiTrans{
	background:url(../img/SemiTrans.png) repeat-y 0 0;
	width:205px;
	padding:10px 20px;
}
.infSemiTrans{
	background:url(../img/infSemiTrans.png) no-repeat 0 0;
	width:245px;
	height:10px;
}

.supSemiTransBig{
	background:url(../img/supSemiTransBig.png) no-repeat 0 0;
	width:670px;
	height:16px;
}

.supSemiTransNormal{
	background:url(../img/supSemiTransNormal.png) no-repeat 0 0;
	width:650px;
	height:16px;
}

.semiTransBig{
	background:url(../img/SemiTransBig.png) repeat-y 0 0;
	width:600px;
	padding:5px 20px;
}

.semiTransNormal{
	background:url(../img/SemiTransNormal.png) repeat-y 0 0;
	width:610px;
	padding:5px 20px;
}

.infSemiTransBig{
	background:url(../img/infSemiTransBig.png) no-repeat 0 0;
	width:670px;
	height:17px;
}

.infSemiTransNormal{
	background:url(../img/infSemiTransNormal.png) no-repeat 0 0;
	width:650px;
	height:17px;
}

/*                                                                                 Menu Home
--------------------------------------------------------------------------------------------------
*/
#presentacion ul {
	position: absolute;
	right: 0;
    bottom: 5px;
    z-index: 0;
    width: 939px;
	padding: 4px 0 4px 0;
	text-align: center;
}

#presentacion li {
	position: relative;
	display: inline;
	padding: 5px 20px 5px 20px;
	border: 1px solid #777;
	margin-left: 19px;
	font-size:14px;
	font-weight:bold;
}

.bot2{
	position: relative;
	display: inline;
	padding: 5px 20px 5px 20px;
	border: 1px solid #777;
	margin-left: 19px;
	font-size:14px;
	font-weight:bold;
	 background:url(../img/fondo_menu.png) 0 0 repeat-x;
}

.bot{
	 background:url(../img/fondo_menu.png) 0 0 repeat-x;
	 
}

.bot:hover{
	 background:url(../img/fondo_menu_hover.png) 0 0 repeat-x;
}


.bot2:hover{
	 background:url(../img/fondo_menu_hover.png) 0 0 repeat-x;
}


/*#presentacion li:hover{
	background:url(../img/fondo_menu_hover.png) 0 0 repeat-x;
	
}*/


#presentacion li a{
	text-decoration:none;
	color:#FFFFFF;

}

#presentacion li:first-child {
	margin-left: 0;
	border-left: 0;
	border-left:1px solid #777;
}

#presentacion div {
	position: absolute;
	display: none;
	bottom: 3em;
	width: 330px;
	padding: 10px;
	background:#5C5C5C;
	font-size:12px;
	text-align: left;
	color:#FFFFFF;
	font-weight:normal;
	right:-30px;
	z-index:0;
}

* html #presentacion div {
	background:#5C5C5C;
	left: -280px;
}

* html #presentacionServices div {
	left:-400px;
}
* html #presentacionServices .deco5{
	right: 265px;
	top:100%;
}

#presentacion .deco {
	position: absolute;
	top: 100%;
	right: 50px;
    display: block;
	width: 14px;
	height: 5px;
    background: url(../img/menuGris-fletxa.gif) 0 0 no-repeat;
}

#presentacion .deco1 {
	position: absolute;
	top: 10%;
	left: -6px;
    display: block;
	width: 10px;
	height: 15px;
    background: url(../img/menuGris-fletxa_hori.gif) 0 0 no-repeat;
}

#presentacion .deco2 {
	position: absolute;
	top: 68%;
	left: 346px;
    display: block;
	width: 10px;
	height: 15px;
    background: url(../img/menuGris-fletxa_hori_2.gif) 0 0 no-repeat;
}

#presentacion .deco3 {
	position: absolute;
	top: 10%;
	left: 405px;
    display: block;
	width: 10px;
	height: 15px;
    background: url(../img/menuGris-fletxa_hori_2.gif) 0 0 no-repeat;
}

#presentacion .deco4 {
	position: absolute;
	top: 20%;
	left: 345px;
    display: block;
	width: 10px;
	height: 15px;
    background: url(../img/menuGris-fletxa_hori_2.gif) 0 0 no-repeat;
}

#presentacion .deco5 {
	position: absolute;
	top: 100%;
	right: 285px;
    display: block;
	width: 14px;
	height: 5px;
    background: url(../img/menuGris-fletxa.gif) 0 0 no-repeat;
}

#presentacion li.bot div {
    left: -180px;
}
#presentacion li.bot .deco {
    left: 180px;
}

* html #presentacion li.bot div {
    left: -100px;
}

* html #presentacion #PoC .deco3{
	left: 405px;
	top:12%;
}

* html #presentacion #PoC .deco{
	left: 200px;
	
}

* html #presentacion #RCS .deco{
	left: 330px;
	
}

* html #presentacion #PoC div{
	background:#5C5C5C;
	left: -180px;
}


	
#presentacion li div h2 {
	color:#FFFFFF;
	margin:0;
	padding:0;
}

 #mobile {
	background-color:#ED1B24;

}

*html #mobile div {
	left: -80px;
}

*html #presentacion #light div{
	left: -460px;
}

*html #mobile .deco2{
	left:345px;
	top:193px;
}

.tag{
	margin:0px;
	width:22.2%;
	margin-right:1%;
	float:left;
	
	

}

.tag2{
	margin-top:-10px;
	width:22.2%;
	margin-right:1%;
	float:left;
	

}

.tag3{
	margin-top:-20px;
	width:22.2%;
	margin-right:1%;
	float:left;
}

#banner_producto{
	width:205px;
	height:175px;
	margin-left:26px;
	margin-right:14px;
	float:left;
	display:inline

}

#grisNoticies{
	background:#CCCCCC;
	margin:0 0 5px 0;
}

.grisNoticies{ /* CGR */
	background:#CCCCCC;
	margin:0 0 5px 0;
}

#noticiaFoto{
	width:120px; 
	float:left;

}

.noticiaFoto{ /* CGR */
	float:left;

}


#noticiaText{
	font-size:1.2em;
	height:60px;
	padding-top:25px;
}

#noticiaText p{
    margin:0;
    padding:0;
    height:43px;
}

.noticiaText{ /* CGR */
	font-size:1.2em;
	height:60px;
	padding-top:25px;
}

.noticiaText p{ /* CGR */
    margin:0;
    padding:0;
    height:43px;
}

#index #grisNoticies a:hover{
	color:#4D4D4D;
	cursor:pointer;

}

#sidebar{
	float:right;
	
}

#mandatory {
	color:#F26B23;
}

.mandatory { /* CGR */
	color:#F26B23;
}

.partners li{
	width:150px;
	float:left;
	padding:10px 0 30px;
	

}

.partners li h4 {
	font-size:1.4em;
}

#management_foto{
	float:left;
	 width:160px;

}

#management_text{
	height:200px;
}

.management_foto{ /* CGR */
	float:left;
	 width:160px;

}

.management_text{ /* CGR */
	height:200px;
}

#notdestacat{
	color:#F26B23;
}

/* INTRANET */
#fecha_intranet{
	font-size:14px;
	color:#4D4D4D;
	margin:20px 0 0 0;
}

ul.download  h3{
	margin-top:0;

}


ul.download span.bot_down a{
	background:url(../img/bot_download.jpg) 0 0 no-repeat;
	width:103px;
	height:39px;
	display: block;
	float:right;
	margin:-35px 0 0 0;
	padding:0;
	
}

ul.download span.bot_down a:hover{
	background:url(../img/bot_download_over.jpg) 0 0 no-repeat;
}


ul.genakerInform  h3{
	margin-top:0;

}

ul.download hr {
	color: #C5C5C5;
	background:#C5C5C5;
	height: 2px;
	border:0;
	margin-bottom:10px;
	width:100%;
}

ul.genakerInform li{
	border-bottom:2px solid #C3C3C3;
}

#logout{
	padding:10px;
	font-size:11px;

}

#paginat{
	float:right;
	padding:10px;
	font-size:11px;

}

#paginat_meses{
	margin-top:10px;
	font-size:11px;

}

#pag_destacat {
	color:#F26B23;
	font-weight:bold;
	text-decoration:none;
}

.supSemiTrans_events {
	background:url(../img/supSemiTrans_events.png) no-repeat 0 0;
	width:230px;
	height:10px;
}

.semiTrans_events {
	background:url(../img/SemiTrans_events.png) repeat-y -1px 0;
	width:185px;
	padding:10px 25px;
}
.infSemiTrans_events {
	background:url(../img/infSemiTrans_events.png) no-repeat 0 0;
	width:229px;
	height:10px;
}