@charset "utf-8";
/*
HOJA DE ESTILOS GENERAL DE 222 services

Autor: Alberto Martinez


Por favor, cualquier error indíquelo a:
  http://www.cssyxhtml.com//

Algunas aclaraciones sobre CSS	 
-------------------------------------------------------------------




Está optimizado para firefox y webkit (chrome y safari) porque hemos utilizado css3 para los bordes redondeados y algunas sombras. 

EXPLORER
--------------------
En los Explorer saldran con sombra aplicada desde ie.css con un "filter" de Microsoft: filter: progid:DXImageTransform.Microsoft.Shadow que se aplica en CSS/ie.css a través de la clase ".sombra_ie"
---En este momento el box shadow esta siendo aprobado por w3c---

y el borde redondeado se aplicará.




####################################
			INDICE
####################################

Reset
Fuentes
estructura
estilos



####################################
			INDICE
####################################

*/



/*
####################################
RESET
####################################
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}


/*
fin de RESET
------------

########################
Fuentes
########################
*/



@font-face {
	font-family: 'GraublauWebRegular';
	src: url('fonts/graublauweb-webfont.eot');
	src: local('☺'), url('fonts/graublauweb-webfont.woff') format('woff'), url('fonts/graublauweb-webfont.ttf') format('truetype'), url('fonts/graublauweb-webfont.svg#webfontwnBBxmu9') format('svg');
	font-weight: normal;
	font-style: normal;
}

	@font-face {
     font-family: 'MuseoSans';
     src: url('fonts/MuseoSans_500.eot');
     src: local('MuseoSans'),
          url('fonts/MuseoSans_500') format('opentype'),
          url('fonts/MuseoSans_500') format('svg'),
          url(data:font/otf;base64,T1RUTMillIONsOfLETteRsInaROW12fAtGrrYUUUUBx);
}		  
		









/*
Fin de Fuentes
--------------
*/





body{
background:#dacdca url(../img/all/bg_body.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}

a{
color:#965992;
text-decoration:underline;}

h1.logo{
width:218px;
height:80px;
float:left;
padding-top:42px;
margin-top:2EM;
background:transparent url(../img/all/logo_bilfog-services.png) no-repeat left center;
text-indent:-999em;}

p{
line-height:160%;}

			img.left{
			float:left;
			margin:0em 1em 1em 0em ;}
			.mas-info{
			color:#FFFFFF;
			text-decoration:none;
			background:#81457b url(../img/all/bg_mas-info.gif) no-repeat .5em center;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		padding:.5em;
		padding-left:3em;
		float:right;
		margin-top:3em;}
			a.mas-info:hover{
			color:#FFFFFF;
			text-decoration:none;
			background:#662960 url(../img/all/bg_mas-info.gif) no-repeat .55em center;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		padding:.5em;
		padding-left:3em;
		float:right;
		margin-top:3em;
	text-shadow: 0px 2px 3px rgba(000,000,000,0.9);}

/*
########################
		ESTRUCTURA
########################
*/


#exterior{
clear:both;
min-height:650px ;
height:auto !important;
height:650px;
background: transparent url(../img/all/bg_exterior.jpg) no-repeat center 32px;
}

#cabecera{
width:990px;
margin:0 auto;
}

		
		
		#cuerpo{
		float:left;
		width:100%;
		padding-bottom:2em;}
			
			#contenido{
			width:980px;
			margin:0 auto;}		
			
				#actualidad{
				width:900px;
				float:left;
				padding-left:.7em;}
					#actualidad ul{
					padding:1em 1em 1em 2em ;}
						#actualidad ul li{
						padding:0,1em ;
						color: #662960;
						font-size:1.5em;
						line-height:150%;
	text-shadow: 2px 0px 3px rgba(256,256,256,1);
						}
			
	
				#unete_nosotros{
				width:300px;
				float:left;}		
			.interior_bg_bl{
			background-color:#efeceb;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
				padding:2em;
				float:left;
				width:98%;
				margin-bottom:1em;
		-moz-box-shadow: 0px 0px 5px #aa9f9d ;
		-webkit-box-shadow: 0px 0px 5px #aa9f9d ;
		box-shadow: 0px 0px 5px #aa9f9d ;}
	
#pie{
margin:0 auto;
		background-color:#453734;
		padding:1em 1em 3em 1em ;
		display:block;
		clear:both;
		color:#73615C;
}
		
	
#pie span{
display:block;
margin:0 auto;
width:990px;
}



/*
Fin de ESTRUCTURA
--------------
*/
/*
########################
		ENCABEZADOS
########################
*/
h2{
font-size:1.8em;
line-height:150%;
color:#343c3c;
font-family:'MuseoSans', Arial, Helvetica, sans-serif;
margin:1em 0;}
h3{
font-size:1.7em;
line-height:150%;
color:#9e5b19;
font-family:'MuseoSans', Arial, Helvetica, sans-serif;
margin:0em 0 .5em 0 ;
text-decoration:underline}

/*
Fin de Encabezados
--------------
*/				




/*
########################
		MENUS
########################
*/
#menu_superior
{
width:990px;
height:35px;
margin:0 auto;}

	#idiomas{
	float:right;
	padding-top:.5em;
		}
	#idiomas li{
	display:block;
	float:left;
		padding:.4em;}
		
		#idiomas li a, #idiomas li a:link, #idiomas li a:visited{
		text-decoration:none;
		color:#73615c;
		display:block;
					}
		#idiomas li a:hover{
		text-decoration:underline;
					}
					
			#idiomas li.current a, #idiomas li.current a:link, #idiomas li.current a:visited{
			text-decoration:none;
			padding:0em;
			color:#FFFFFF;
						}/*	*/
		#idiomas li.current{
		background-color:#a7c251;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		}
		


#menu{
width:990px;
margin:0 auto;}

#menu_principal{
float:right;
padding-top:60px;}

	#menu_principal li{
	display:block;
	float:left;}

	#menu_principal li a, #menu_principal li a:link, #menu_principal li a:visited{
	display:block;
	padding:1em .5em .5em .5em ;
	float:left;
	height:65px;
	text-align:center;
	cursor:pointer;
		text-decoration:none;}
		
		
		
		#menu_principal li a:hover{
		background-color:#cacaca;
		color:#FFFFFF;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow: 0px 3px 3px #888888 inset;
		-webkit-box-shadow: 0px 3px 3px #888888 inset;
		box-shadow: 0px 3px 3px #888888 inset; 
					}
	
	#menu_principal li.current{
	background-color: #e7a96d;
		-moz-box-shadow: 0px 3px 3px #a07449 inset;
		-webkit-box-shadow: 0px 3px 3px #a07449 inset;
		box-shadow: 0px 3px 3px #a07449 inset;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; }
	#menu_principal li.current a, #menu_principal li.current a:link, #menu_principal li.current a:visited{
	color:#FFFFFF;
	border-right:1px solid transparent;
	background: transparent url(../img/all/bg_current.jpg) no-repeat bottom center;}
	
	
	#menu_principal li.current a:hover{
	color:#FFFFFF;
	-moz-box-shadow: 0px 3px 3px #a07449 inset;
	-webkit-box-shadow: 0px 3px 3px #a07449 inset;
	box-shadow: 0px 3px 3px #a07449 inset; }
	
	
	
	#menu_principal li a strong{
	font-family:"GraublauWebRegular", Arial, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:1.5em;
	margin:0 auto;
	text-align:center;
	display:block;
	float:left;}
		#menu_principal li a span{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#5a5a5a;
		text-align:justify;
		width:inherit;
		position:relative;
		top:.6em;
		text-decoration:none;
		line-height:1.2em;
		font-size:.7em;}



		#menu_principal a:nth-child(4){
		border:1px solid red;}
		
		
		
		#pie{}