/* ------------------------------------------------------------------------------------ *
| GLOBALS CSS FILE :: For Modular web													|
| css/ie.css																			|
| 																						|
| PROJECT :: Modular web																|
| 																						|
+ ------------------------------------------------------------------------------------- +
| Author :: Uaalah!!																	|
* ------------------------------------------------------------------------------------- */


/* GLOBALS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

html {
}

body {
	font: normal 12px/16px arial, verdana, sans-serif;
	background:url(http://www.icriterion.com/img/fondo.jpg) top no-repeat;
}

strong {
	font-weight: bold;
}

em,
strong {
	font-weight: bold;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

a,
a:hover {
	outline: none;
}

h2{}

h3 {}

h4 {}

/* PAGE LAYOUT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#wrapper{}

#header{}
	.header_top{
		height: 18px;
		line-height: 18px;
		display:none; /*   XAVI  */
	}
		.header_top_inner{
			width: 980px;
			margin: auto;
			overflow: hidden;
		}
		.header_top .select_idioma{
			/*float: left;
			margin-right: 10px;*/
			display: none;
		}
		.header_top .idiomas{
			float: left;
			
		}
			.header_top .idiomas li{
				float: left;
				margin-right: 5px;
			}
			.header_top .idiomas a{
				padding: 3px 5px;
			}
				.header_top .idiomas a:hover {
				}
			.header_top .idiomas .selected a{
			}
				.header_top .idiomas .selected a:hover {
				}
		.header_top #search{
			float:right;
			padding:0 20px;
			width: 300px;
		}
			
	.header_bottom{
	}
		.header_bottom_inner{
			position: relative;
			width: 980px;
			margin: auto;
			overflow: hidden;
            height: 165px;
		}
	/* logo */
	#header h1{
		position: absolute;
		top: 85px;
		left: 15px;
	}
		#header h1 a{
			/*display: block;*/
			float: left;
			overflow: hidden;
			text-indent: -999em;
		}
		#header h1 em{
			margin-left: 45px;
			float: left;
			overflow: hidden;
			text-indent: -999em;
		}
	#header .ub{
		position: absolute;
		top: 37px;
		right: 0;
	}
		#header .ub strong{
			display: block;
			margin: auto;
			overflow: hidden;
			text-indent: -999em;
		}
		
	.header_bottom #login{
		position: absolute;
		bottom: 45px;
		right: 0;
	}
    .header_bottom #login_button{
		/* position: absolute;
		bottom: 0px;
        right: 0px; */
	}	
	.header_bottom .login_inner{
		border-bottom: 1px #8c8683 dotted;
		overflow: hidden;
        padding-bottom: 10px;
        width: 200px;
        text-align: right;
	}
    .header_bottom .login_name{
        overflow: hidden;
        padding-bottom: 15px;
	}
    .header_bottom .login_name p{
        padding-left: 13px;
	}
    .header_bottom #search{
        overflow: hidden;
        position: absolute;
        top: 120px;
		right: 0;
    }
	
	/* navigation */
#nav_tools{
}
.nav_tools_inner{
    width: 980px;
    margin: auto;
    overflow: hidden;
}
	#navigation{
		width: 980px;
		line-height: 41px;
		font-size: 14px;
        float: left;
        overflow: hidden;
		/*font-weight: bold;*/
	}
		#navigation li{
			float: left;
		}
		#navigation li+li{
			border-left: #8c8683 dotted 1px;
		}
		#navigation a{
			display: block;
			padding-right: 20px;
			text-decoration: none;
		}
        #navigation li+li a{
			padding-left: 20px;
		}
        #navigation .clientes{
            float: right;
            font-weight: bold;
        }
#gral_content{
	padding: 25px 0 75px 0;
}
	.gral_content_inner{
		margin: auto;
		width: 980px;
		overflow: hidden;
	}    
#bottom_top{
    margin: auto;
    width: 980px;
    overflow: hidden;
}   
#bottom_top_inner{
    padding-top: 25px;
    overflow: hidden;
} 
#simple_map{
    overflow: hidden;
    width: 100%;
}
	.simple_map_inner{
		padding: 0 0 20px;
	}
	.simple_map_wrapper{
	}
	#simple_map ul{}
	#simple_map li{
		float: left;
		font-weight: bold;
		margin-right: 20px;
        padding: 10px 0;
	}
		#simple_map ul ul{
			padding-top: 5px;
		}
		#simple_map li li{
			float: none;
			font-weight: normal;
			margin-right: 0;
		}
	
#footer{
	width: 100%;
    overflow: hidden;    
}
	.footer_inner{
		padding: 10px 0
	}
    .footer_inner ul{ 
        overflow: hidden;
    }
	#footer p{
		float: left;
		line-height: 12px;
		margin: 9px 0;
	}
		#footer p.rss{
			float: right;
			line-height: 12px;
			margin: 9px;
		}
			#footer p.rss a{
				padding-left: 16px;
			}
	#footer li{
		margin: 9px 0 9px 15px;
		float: left;
		padding-left: 15px;
		line-height: 12px;
	}
	
	#footer .credits{
		float: right;
		line-height: 30px;
	}
		#footer .credits strong{
			float: left;
			width: 1px;
			height: 1px;
			overflow: hidden;
			text-indent: -999em;
		}
		#footer .credits a{
			float: left;
			overflow: hidden;
			text-indent: -999em;
			margin-right: 20px;
		}
			#footer .credits .webit{
				background: url('../img/logo-webit.png') no-repeat scroll top left;
				width: 34px;
				height: 30px;
			}
			#footer .credits .modularweb{
				background: url('../img/logo-modularweb.png') no-repeat scroll top left;
				width: 29px;
				height: 30px;
			}

#bottom_bottom{
    height: 18px;
    clear: both;
}
/*** cosas comunes ***/
.oculta{display: none;}
.muestra{display: block;}
.subtitulo{ position:relative; top:100px; left:350px; color:#EB661C; font-weight:bold;}

a.button_contact_joan{
	padding:8px;
	background-color:#EA5B0C;
	color:#FFFFFF !important;
	font-weight:bold;
	border-radius:5px;
}

a.button_contact_joan:hover{
	background-color:#000000;
	text-decoration:none;
}