/* Main Styles 

-------------------------------------------------------
Colores:

Textos: #000 (Negro)
Textos footer: #999 (Gris claro)
breadcrumbs: #999 (Gris)

Fuentes:
Trebuchet (por defecto)
Verdana (footer)
---------------------------------------------------------*/

/* Base */
body {
	background:#fff;
	font-size:0.75em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;	
	padding:0;
	color:#000;
	}
* {
	margin:0;
	padding:0;
	}
p {
	line-height:150%;
	margin-bottom:10px;
	}
a  {
	color:#0a0a0a;
	cursor:pointer;
	outline:none;
	}
a:hover  {
	text-decoration:none;
	}
a img {
	border:none;
	}
ul li {
	list-style:none;
	}
h1 {
	font-size:150%;
	}
h2 {
	font-size:130%;
	}
h3 {
	font-size:110%;
	}
h4 {
	font-size:100%;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
    }
input, textarea, select {
	border:1px solid #bdbdbd;
	font:inherit;
	font-size:inherit;
	color:#2b2b2b;
	}
br.clear {
	clear:both;
	overflow:hidden;
	height:0;
	visibility:hidden;
	}
/* Estructura básica
----------------------------------------------------*/
#Wrapper {
	width:934px;
	margin:0 auto;
	background:#fff;
	position:relative;
	padding:5px;
	}
#Header {
	padding-top:20px;
	}	
	#Header h1 {
		background:url(img/logo.gif) no-repeat bottom right;
		width:100px;
		height:50px;
		text-indent:-900%;
		overflow:hidden;
		float:left;
		}
	#Header h1 a {
		display:block;
		width:100%;
		height:100%;
		}
	#Header h2 {
		float:right;
		font-size:190%;
		font-weight:normal;
		margin-top:32px;
		color:#070707;
		}
	#Header h3 {
		background:url(img/logo-msi.gif) no-repeat bottom right;
		width:253px;
		height:50px;
		text-indent:-900%;
		overflow:hidden;
		float:left;
		margin-left:190px;
		}
	#Header h3 a {
		display:block;
		width:100%;
		height:100%;
		}
		
	#Header p.skip {
		font-size:0;
		color:#fff;
		position:absolute;
		top:0;
		left:0;
		}
	#Header p.lang-sel {
		position:absolute;
		top:20px;
		right:10px;
		font-size:85%;
		}
		#Header p.lang-sel a {
			text-decoration:none;
			padding-left:3px;
			}
		#Header p.lang-sel a:first-child {
			padding-right:7px;
			background:url(img/lang-sep.gif) no-repeat right center;
			}
#Header #menu {
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	height:25px;
	padding:10px 0 0;
	margin-top:10px;
	}
	#Header #menu ul {
		float:right;
		}
		#Header #menu ul li {
			float:left;
			text-transform:uppercase;
			font-size:90%;
			padding-left:20px;
			}
		#Header #menu ul li a {
			text-decoration:none;
			padding-left:10px;
			}
		#Header #menu ul li a:hover, #Header #menu ul li.selected a {
			background:url(img/selected-bg.gif) no-repeat left 6px;
			}
p.breadcrumbs {
 font-size:85%;
 color:#999;
 margin:5px 0 10px;
 }
	p.breadcrumbs a {
		color:#999;
		}

#Sidebar {
	width:180px;
	float:left;
	}
	#Sidebar ul li {
		border-bottom:1px dotted #ccc;
		padding:5px;
		background:url(img/sub-menu-arrow.gif) no-repeat 95% 12px;
		}
	#Sidebar ul li a {
		text-decoration:none;
		display:block;
		}
	#Sidebar ul li:first-child {
		border-top:1px dotted #ccc;
		}
	#Sidebar ul li.selected, #Sidebar ul li:hover, #Sidebar ul li.has-children.selected span, #Sidebar ul li.has-children span:hover {
		background:url(img/sub-menu-arrow.gif) no-repeat 95% 12px #f4f4f4;
		}
	#Sidebar ul li.has-children {
		border-bottom:none;
		padding:0;
		}
	#Sidebar ul li.has-children.selected, #Sidebar ul li.has-children:hover {
		background:none;
		}
		#Sidebar ul li.has-children span {
			border-bottom:1px dotted #ccc;
			padding:5px;
			display:block;
			}
	#Sidebar ul li.has-children ul li {
		padding-left:20px;
		background:none;
		}
	#Sidebar ul li.has-children ul li:first-child {
		border-top:none;
		}
	#Sidebar ul li.has-children ul li.selected, #Sidebar ul li.has-children ul li:hover  {
		background:url(img/selected-bg.gif) no-repeat 9px center;
		}
h2.title {
	font-size:150%;
	color:#2a2a2a;
	font-weight:normal;
	margin-bottom:10px;
	}
#Content {
	float:right;
	width:720px;
	min-height:290px;
	}
#Container {
	border-bottom:1px dotted #c0c0c0;
	padding-bottom:20px;
	}
#Footer {
	clear:both;
	}
	#Footer ul#logos {
		clear:both;
		padding:40px 110px 40px;
		height:55px;
		border-bottom:1px dotted #c0c0c0;
		}
	#Footer ul#logos li {
		float:left;
		margin:0 50px !important;
		margin:0 40px;
		text-indent:-900%;
		overflow:hidden;
		}
		#Footer ul#logos li a {
			display:block;
			width:100%;
			height:100%;
			}
	#Footer ul#logos li.grupo {	
		background:url(img/mondragon-logo.gif) no-repeat top left;
		width:150px;
		height:52px;
		
		}
	#Footer ul#logos li.tekni {	
		background:url(img/teknilagun-logo.gif) no-repeat top left;
		width:119px;
		height:48px;
		}
	#Footer ul#logos li.enyca {	
		background:url(img/enyca-logo.gif) no-repeat top left;
		width:81px;
		height:50px;
		}
	#Footer ul#logos li.mondragon {	
		background:url(img/sistemas-logo-mx.jpg) no-repeat top left;
		width:176px;
		height:64px;
		}
	#Footer ul.copyright {
		color:#999;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:85%;
		margin:20px auto;
		width:360px;
		}
	#Footer ul.copyright a {
		color:#999;
		text-decoration:none;
		}
	#Footer ul.copyright li {
		float:left;
		padding:0 10px;
		border-left:1px solid #999;
		}
	#Footer ul.copyright li:first-child {
		border:none;
		}
/* Home
-------------------------------------------------*/
h2#home-pic {
	background:url(img/home-img.jpg) no-repeat top left;
	width:710px;
	height:313px;
	
	float:right;
	margin-top:-20px;
	}
div#WelcomeText {
	float:left;
	margin-top:-57px;
	margin-left:-213px;
}
/* Referencias
------------------------------------------------*/
h3.subtitle {
 font-size:150%;
 font-weight:normal;
 color:#bfbfbf;
 margin-bottom:10px;
 }
h4.table-title {
	text-transform:	uppercase;
	color:#2a2a2a;
	font-weight:normal;
	font-size:95%;
	padding-bottom:2px;
	border-bottom:1px dotted #c7c7c7;
	margin-bottom:10px;
	}
table th {
	background:#2a2a2a;
	padding:5px 10px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	border-right:2px solid #fff;
	
	}
table td {
	padding:5px 10px 0;
	background:#f7f7f7;
	border-right:2px solid #fff;
}
/* alcance
------------------------------------*/
.two-column-row {
	float:left;
	margin:20px 0;
	}
.two-column-row ul {
	width:370px;
	}
.two-column-row ul li {
	list-style:inside disc;
	padding:3px 0;
	}

.pics {
	width:330px;
	height:102px; 
	overflow:hidden;
	float:right;
	margin-top:20px;
	}
.pics img {
	padding:2px;
	border:1px solid #dadada;
	}
/* Localizacion
------------------------------------------------*/
#second-column {
	width:270px;
	margin-left:10px !important; 
	margin-left:0;
	}
#map img {
	border:1px solid #cdcdcd;
	}
.block {
	border-top:1px dotted #c4c4c4;
	padding:10px 0;
	position:relative;
	color:#2a2a2a;
		}
.block ul li {
	list-style:none;
	}
h2.column-title + .block {
	border:none;
	}
.block p.view {
	margin-top:5px;
	right:0;
	background:url(img/view-bg.gif) no-repeat top left;
	width:73px;
	height:23px;
	text-align:center;
	text-transform:uppercase;
	font-size:90%;
	}
.block p.view a {
	display:block;
	float:left;
	width:100%;
	height:100%;
	text-decoration:none;
	padding-top:3px;
	}
#map-column {
	width:383px;
	}
#map-column .block, #map-column h2.column-title {
	width:80%;
	} 
p.zoom {
	font-size:85%;
	color:#888;
	background:url(img/zoom-ico.gif) no-repeat 25% top;
	text-align:center;
	margin-top:5px;
	}
h2.column-title {
	text-transform:uppercase;
	font-size:100%;
	padding-bottom:2px;
	border-bottom:1px dotted #c4c4c4;
	margin-top:20px;
	}

/* Empresa
-------------------------------------*/
.col {
	float:left;
	width:191px;
	padding:0 25px 10px 15px;
	border-left:1px solid #dfdfdf;
	background:url(img/bg-empresa.gif) no-repeat right 35px;
	margin-top:20px;
	}
h3.subtitle + .col {
	border:none;
	}

	.col dt {
		padding:5px 5px;
		background:#e20000;
		text-align:center;
		color:#fff;
		text-transform:uppercase;
		font-size:75%;
		border:1px solid #e20000;
		}
	.col dd {
		padding:2px;
		border:1px dashed #b5b5b5;
		margin:8px 0 0;
		color:#3c3c3c;
		text-transform:uppercase;
		font-size:75%;
		text-align:center;
		}

	.col h3 {
		color:#3c3c3c;
		text-transform:uppercase;
		font-size:90%;
		margin-top:-10px;
		margin-bottom:10px;
		text-align:center;
		font-weight:normal;
		position:relative;
		}
#outstanding {
	background:none;
	}
#outstanding dt {
	padding:2px;
		border:1px dashed #b5b5b5;
		margin:8px 0 0;
		color:#3c3c3c;
		text-transform:uppercase;
		font-size:75%;
		text-align:center;
		background-color:#FFFFFF;
	}
#outstanding h3 {
	/*	background:url(img/h3-mondragon.gif) no-repeat top left;	*/
	width:88px;
	height:20px;
	/*	text-indent:-900%;	*/
	overflow:hidden;
	margin:-12px auto 10px;
	}
/* Contacto
-------------------------------------------------*/
form#contact {
	padding-bottom:30px;
	}
form#contact fieldset {
	border:none;
	width:330px;
	float:left;
	margin-right:10px;
	
	}
form#contact input, form#contact select, form#contact textarea {
	width:316px;
	border:1px solid #cdcdcd;
	padding:2px;
	}
form#contact input#id_acepto {
width:20px;
border:none;
}
form#contact textarea {
	height:221px;
	margin-bottom:10px;
	}
form#contact label {
	display:block;
	color:#2a2a2a;
	margin:7px 0 2px;
	font-size:90%;
	}
form#contact input#submit {
	background:url(img/view-bg.gif) no-repeat top left;
	width:73px;
	height:23px;
	border:none;
	cursor:pointer;
	margin-top:20px;
	margin-right:10px;
	float:right;
	}
/* aplicaciones
---------------------------------------------*/
#procedure {
	margin-left:20px;
	}

/* Noticias
-------------------------------------------------*/
.news {
	margin:10px 0 20px;
	color:#2a2a2a;
	}
.news p.date {
	text-align:right;
	margin-top:-2.3em;
	padding-bottom:1em;
	text-transform:uppercase;
	}

.news span.pic {
	display:block;
	float:left;
	text-align:center;
	color:#a7a7a7;
	font-size:85%;
	margin-right:10px;
	margin-bottom:5px;
	}
	.news span.pic img {
		padding:2px;
		border:1px solid #dbdbdb;
		}
form#older-news {
	float:right;
	margin-top:-30px;
	}
form#older-news select {
	background:url(img/select-bg.gif) no-repeat top left;
	border:none;
	width:228px;
	height:24px;
	padding:3px 10px;
	text-transform:uppercase;
	font-size:85%;
	text-align:center;
	}
form#older-news select option {
	text-transform:none;
	text-align:left;
	font-size:110%;
	}
	
ul.errorlist li {
color:#FF0000;
}