/* 

	- documento CSS para EMI -
	
	{ aquí estan definidas todas las reglas de estilo de la página }

*/

body {
	padding: 				0;
	margin: 				0;
	background: 		url(../img/bg.gif) #006699;
	font-size: 			62.5%;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
}

#wrap {
	width:					834px;
	margin: 				50px auto 0 auto;
}

#header_bg {
	background:			url(../img/header_top.jpg) top left no-repeat;
	padding:				40px 19px 0 19px;
	height: 1%;
}

html>body #header_bg {
	height: auto;
}

#header {
	height:150px;
}

#header_top {
	background: 		url(../img/header.jpg) top left no-repeat;
	height: 				117px;
	border-bottom:	1px solid #ffffff;
}

/* Language
--------------- */
#header_top #lang {
	color: #26517D;
	font-weight: bold;
	line-height: 12px;
	padding: 10px 0 0 10px;
}

#header_top #lang a img {
	border: none;
	vertical-align:middle;
}

#header_top #lang a {
	text-decoration: none;
}

#header_top a#logo {
	display: block;
	width: 210px;
	height: 80px;
}

#header_top a#logo span {
	display: none;
}

#menu {
	height:					32px;
	background: 		url(../img/menu_bg.jpg) top left repeat-x;
}

#menu ul {
	padding: 				0;
	margin: 				0;
	list-style: 		none;	
	height: 				32px;
}
#menu ul li {
	display: 				inline;
}
#menu ul li a {
	display: 					block;
	text-decoration: 	none;
	float: 						left;
	line-height: 			32px;
	width: 						96px;
	height: 					32px;
}

#menu ul li a span {
	display: none;
}

#menu ul li a.empresa {
	background: 			url(../img/menu_li_empresa.jpg) 0px 0px no-repeat;
}

#menu ul li a.empresa:hover,
#menu ul li.active a.empresa {
	background: 			url(../img/menu_li_empresa.jpg) -96px 0px no-repeat;
}

#menu ul li a.servicios {
	background: 			url(../img/menu_li_servicios.jpg) 0px 0px no-repeat;
}

#menu ul li a.servicios:hover,
#menu ul li.active a.servicios {
	background: 			url(../img/menu_li_servicios.jpg) -96px 0px no-repeat;
}

#menu ul li a.productos {
	background: 			url(../img/menu_li_productos.jpg) 0px 0px no-repeat;
}

#menu ul li a.productos:hover,
#menu ul li.active a.productos {
	background: 			url(../img/menu_li_productos.jpg) -96px 0px no-repeat;
}

#menu ul li a.enlaces {
	background: 			url(../img/menu_li_enlaces.jpg) 0px 0px no-repeat;
}

#menu ul li a.enlaces:hover,
#menu ul li.active a.enlaces {
	background: 			url(../img/menu_li_enlaces.jpg) -96px 0px no-repeat;
}

#menu ul li a.contacto {
	background: 			url(../img/menu_li_contacto.jpg) 0px 0px no-repeat;
}

#menu ul li a.contacto:hover,
#menu ul li.active a.contacto {
	background: 			url(../img/menu_li_contacto.jpg) -96px 0px no-repeat;
}

#top {
	background: 			url(../img/top_bg.jpg) top left repeat-y;
}

#body_container {
		padding: 					0 19px;
}

#body {
	background: 				url(../img/body_right_bg.jpg) top right repeat-y;
	border-top: 				1px solid #ffffff;
	border-bottom: 			1px solid #ffffff;
	width: 796px;
}

#body #left {
	float: 							left;
	width: 							497px;
	padding: 						0 24px;
	height: 						1%;
}

html>body #body #left {
	height: auto;
}

#left.empresa {
	background: url('../img/left_empresa.jpg') top right no-repeat;
}

#left.left2 {
	background: url('../img/left_servicios.jpg') top right no-repeat;
}

#left.productos {
	background: url('../img/left_productos.jpg') top right no-repeat;
}

#left.enlaces {
	background: url('../img/left_enlaces.jpg') top right no-repeat;
}

#left.contacto {
	background: url('../img/left_contacto.jpg') top right no-repeat;
}

.lista_servicios {
	font-size: 1.1em;
	padding: 0;
	margin: 0;
	list-style: none;
}

.lista_servicios .servicio {
	margin: 0 0 20px 0;
}

.lista_servicios .servicio span.title {
	color: #26517D;
	font-weight:bold;
}
.lista_servicios .servicio img.thumb {
	float: left;
	margin: 0 10px 0 0;
}

#body h1 {
	color: #26517D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	padding: 24px 0 12px 0;
	margin: 0;
}

#body h2 {
	color: #26517D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	padding: 0 0 12px 0;
	margin: 0;
}

#left p {
	padding: 0 0 12px 0;
	margin: 0;
	font-size: 1.1em;
}

#left .floatie {
	float: left;
	width: 230px;
}

#left .floatie .smallbox { margin-bottom: 24px; }
#left .floatie .smallbox .smallbox_top { height: 14px; background: url(../img/smallbox_top.jpg) top left no-repeat; }
#left .floatie .smallbox .smallbox_body { font-size:1.1em; background: url(../img/smallbox_body.jpg) bottom left no-repeat; padding: 1px 10px 10px 10px; }
#left .floatie .smallbox .smallbox_body strong { color: #26517D; }
#left .floatie .smallbox .smallbox_body a,
#left p a,
.lista_servicios a {
	color: #0000FF;
}
#left .floatie .smallbox .smallbox_body a:visited,
#left p a:visited,
.lista_servicios a:visited {
	font-style: italic;
}

#body #right {
	float: 					right;
	width: 					227px;
	padding: 				0 0 0 24px;
}

#right p {
	padding: 0 0 12px 0;
	margin: 0;
	font-size: 1.1em;
}

#footer {
	background: 		url(../img/footer_bg.jpg) bottom left no-repeat;
	height: 				82px;
}

#footer ul {
	padding: 				24px 0 0 72px;
	margin: 				0;
	list-style: 		none;	
}
#footer ul li {
	display: 				inline;
}
#footer ul li a {
	font-size: 1.1em;
	color: #ffffff;
	display: 					block;
	text-decoration: 	none;
	float: 						left;
	padding: 0 10px;
	border-left: 1px solid #ffffff;
}
#footer ul li a:hover span {
	color: #FFF500;
}
#footer ul li a span {
	text-decoration: 	underline;
}
#footer ul li a.first {
	border: none;
}


.clearer {
	clear: both;
	font-size: 0;
}

/* Slideshow pics 
--------------------*/
.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0 0 24px 0;  
} 
 
.pics img {  
    width:  200px; 
    height: 150px; 
    top:  0; 
    left: 0 
}

form {
	padding: 0;
	margin: 0;
}
.form_item {
}
.form_item span.label {
	color: #26517D;
	display: block;
	font-weight: bold;
}
.form_item span.desc {
	color: #999999;
	display: block;
}
.form_item span.error {
	color: #FF0000;
}
.form_item input.wide {
	width: 250px;
}
.form_item .verywide {
	width: 400px;
}
.form_item select {
	width: 200px;
}
.form_item textarea {
	padding: 3px;
}

/* .notice - messages to user
--------------------------------*/
#notice {
	padding: 15px 15px 0 15px;
	display: none;
	margin: 0 0 15px 0;
}
#notice p {
	padding: 0 0 15px 0;
	margin: 0;
}
.notice {
	background: #CAEA99; 
	border: 1px solid #70A522; 
	margin-bottom: 15px;
	font-size: 1.2em;
	color: #333333;
}
.error {
	background: #FEDCDA; 
	border: 1px solid  #CE090E; 
	margin-bottom: 15px;
	font-size: 1.2em;
	color: #333333;
}
#notice a {
	color: #333333;
	text-decoration: underline;
}