@charset "utf-8";
/*  
Theme Name: Mirai España
Description: Mirai España is a 2 columns Wordpress theme. 
Author: Christèle Legeard

*/

/*---------------------------------------------------------------------------------*/
/*----------------------------- NORMALIZATION  ------------------------------------*/
/*---------------------------------------------------------------------------------*/

/* Background Color */

body {background:#fff;}


/* Remove padding and margin */

* {
	margin: 0;
	padding: 0;
}

/* Putting margins back on some elements */

blockquote { margin-left: 2.5em;}

/* Typography */

body { font-size:62.5%;}

body, p, div, ul, ol, li, form, input, select, textarea, table, tr, td, th, blockquote { 
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
}

p, ul, ol, select, input, textarea, table { font-size:1.2em;}

/* Remove style on lists and address */

ul { list-style:none;}
address { font-style:normal; }

/* Remove border around linked images */

a img, :link img, :visited img { border:none; }

/* Remove dots around active links */

a:hover { outline:none;}

/* Default link styles */
a { text-decoration:none;}
a:link { color:#005AFF; }
a:visited { color:#8E1ECF; }
a:hover, a:active { 
	color:#FF1A00;
	text-decoration:underline;
 }



/* Class for clearing floats */
.pusher { clear:both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*-----------------------------------------------------------------------------------------*/
/*------------------------------------- STRUCTURE -----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

/*------------------------------------- CONTAINER -----------------------------------------*/

#container {
	width:953px;
	margin:0 auto;
}

/*------------------------------------- Header -----------------------------------------*/

#container #header { position:relative; }

/* --- Logo --- */

#container #header h1 {
	display:block;
	width:127px;
	height:50px;
	background:url(http://www.miraiespana.com/images/logo.png) no-repeat center;
	text-indent:-10000px;
	margin:0.5em;
}

#container #header h1 a { 
	display: block;
	width:127px;
	height:50px;
}

/* --- Language --- */

#container #header ul {
	position:absolute;
	top:0.4em;
	right:0.4em;
	display:block;
}

#container #header ul li {
	display:inline;
	float:left;
	margin:0 0.3em;
}

/* --- Menu --- */

#container #menu {
	height:37px;
	background:url(http://www.miraiespana.com/images/bgMenu.png) top left no-repeat;
	position:relative;
	z-index:5;
}

#container #menu ul {
	display:block;
	height:37px;
}

#container #menu ul li {
	display:inline;
	text-align:center;
	text-indent:-10000px;
}

#container #menu ul li a {
	display:inline;
	float:left;
	height:37px;	
}

/* Company Menu */
#container #menu ul li#companyMenu.es a { 
	width: 142px;
	background:url(http://www.miraiespana.com/images/menuEs.png) top left no-repeat;
}
#container #menu ul li#companyMenu.es a:hover { background:url(http://www.miraiespana.com/images/menuEs.png) 0 -38px no-repeat; }
#container #menu ul li#companyMenu.es a:active { background:url(http://www.miraiespana.com/images/menuEs.png) 0 -76px no-repeat; }
#container #menu ul li#companyMenu.es a.selected { 
	background:url(http://www.miraiespana.com/images/menuEs.png) 0 -114px no-repeat; 
	cursor:default;
}

/* Products Menu */
#container #menu ul li#productsMenu.es a { 
	width: 129px;
	background:url(http://www.miraiespana.com/images/menuEs.png) -142px 0 no-repeat;
}
#container #menu ul li#productsMenu.es a:hover { background:url(http://www.miraiespana.com/images/menuEs.png) -142px -38px no-repeat; }
#container #menu ul li#productsMenu.es a:active { background:url(http://www.miraiespana.com/images/menuEs.png) -142px -76px no-repeat; }
#container #menu ul li#productsMenu.es a.selected { 
	background:url(http://www.miraiespana.com/images/menuEs.png) -142px -114px no-repeat; 
	cursor:default;
}

/* Contact Menu */
#container #menu ul li#contactMenu.es a { 
	width: 203px;
	background:url(http://www.miraiespana.com/images/menuEs.png) -271px 0 no-repeat;
}
#container #menu ul li#contactMenu.es a:hover { background:url(http://www.miraiespana.com/images/menuEs.png) -271px -38px no-repeat; }
#container #menu ul li#contactMenu.es a:active { background:url(http://www.miraiespana.com/images/menuEs.png) -271px -76px no-repeat; }
#container #menu ul li#contactMenu.es a.selected { 
	background:url(http://www.miraiespana.com/images/menuEs.png) -271px -114px no-repeat; 
	cursor:default;
}

/* Jobs Menu */
#container #menu ul li#jobMenu.es a { 
	width: 114px;
	background:url(http://www.miraiespana.com/images/menuEs.png) -474px 0 no-repeat;
}
#container #menu ul li#jobMenu.es a:hover { background:url(http://www.miraiespana.com/images/menuEs.png) -474px -38px no-repeat; }
#container #menu ul li#jobMenu.es a:active { background:url(http://www.miraiespana.com/images/menuEs.png) -474px -76px no-repeat; }
#container #menu ul li#jobMenu.es a.selected { 
	background:url(http://www.miraiespana.com/images/menuEs.png) -474px -114px no-repeat; 
	cursor:default;
}

/* News Menu */
#container #menu ul li#newsMenu.es a { 
	width: 114px;
	background:url(http://www.miraiespana.com/images/menuEs.png) -588px 0 no-repeat;
}
#container #menu ul li#newsMenu.es a:hover { background:url(http://www.miraiespana.com/images/menuEs.png) -588px -38px no-repeat; }
#container #menu ul li#newsMenu.es a:active { background:url(http://www.miraiespana.com/images/menuEs.png) -588px -76px no-repeat; }
#container #menu ul li#newsMenu.es a.selected { 
	background:url(http://www.miraiespana.com/images/menuEs.png) -588px -114px no-repeat;
	cursor:default;
}

/* Blog Menu */

#container #menu ul li#blogMenu.es a { 
	width: 88px;
	background:url(http://www.miraiespana.com/images/menuEs.png) -702px 0 no-repeat;
}
#container #menu ul li#blogMenu.es a:hover { background:url(http://www.miraiespana.com/images/menuEs.png) -702px -38px no-repeat; }

#container #menu ul li#blogMenu.es a:active { background:url(http://www.miraiespana.com/images/menuEs.png) -702px -76px no-repeat; }

#container #menu ul li#blogMenu.es a.selected { 
	width:88px;
	background:url(http://www.miraiespana.com/images/menuEs.png) -702px -114px no-repeat;
	cursor:default;
}

/* CONTENT */

#main{
	width:913px;
	margin:0 auto;
	padding:10px 20px;
	/*background:url(http://www.miraiespana.com/images/bgShadow.png) no-repeat top left;*/
	z-index:0;
	margin-top:-1px;
	padding-bottom:1em;
}
#content{
	float:left;
	width:630px;
	display:inline;
}

/* Post */
.entry{
	width:620px;
	overflow:hidden;
}

.entry ol { margin-left:35px;}
.entry ol li{ margin:1em 0;}

.entry ul {
	margin:0 0 0 2.5em;
	line-height:1.5;
	list-style-image:url(http://www.miraiespana.com/images/icoArrowGreen.png);
}

.entry abbr, .entry small { font-size:1.1em; }

.entry p.post { margin:1em;line-height:1.5}
.entry div.post p { margin:1em;}
.postmetadata { 
	position:relative;
	background:#e6f6fd; 
	padding:5px;
}
span.cmt{background:transparent url(images/comment.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.cty{background:transparent url(images/category.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}

/* Comments */

.boxcomments{
	border-top:3px double #ddd;
	border-bottom:3px double #ddd;
	width:620px;
	margin:15px 0;
}
#commentform{padding:10px 15px 1px;}
#commentform label{display:block;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;}
#commentform #submit{
	margin:0 0 20px;
	width:142px;
	height:27px;
	line-height:25px;
	background:url(images/bgButtonBig.png);
	text-align:center;
	color:#fff;
	border:none;
	font-size:1.1em;
}
#commentform p{margin:5px 0;}

ol.commentlist{ margin:0 0 1px;}
ol.commentlist li p { 
	font-size:1.1em;
	margin:1em 0;
}
ol.commentlist :hover{background:#e6f6fd;}
ol.commentlist li{
	border-top:1px solid #eee;
	display:block;
	list-style:none;
	padding:0 15px 1px;
}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:#e6f6fd;padding-left:15px;margin:0 0 5px;}

/* Sidebar */

#sidebar{
	float:right;
	display:inline;
	width:270px;
	margin:10px 0 0;
}

/* Search Box */
#sidebar #searchform { margin-bottom:15px;}

#sidebar input {
	padding: 0.2em 0.1em;
}

#sidebar .button {
	width:62px;
	height:27px;
	line-height:25px;
	background:url(images/bgButton.png);
	text-align:center;
	color:#fff;
	border:none;
}

#rsidebar{ 
	clear:both;
	padding:15px;
	background-color:#e6f6fd;
	position:relative;
}

#rsidebar ul li ul{list-style-type:square;margin-bottom:15px;;padding:0 3px;}
#rsidebar ul li ul li{
	list-style-type:none;
	background:transparent url(images/li.gif) no-repeat 0 3px;
	border:0;
	padding:0 0 3px 15px;
	font-size:0.9em;
}
.navigation{width:580px;color:#666;margin:0 auto;}
.alignright{float:right;margin-top:10px; margin-bottom:10px;}
.alignleft{float:left;margin-top:10px; margin-bottom:10px;}
input#s { color: #5188d2; width: 200px; border: 1px solid #cbcbcb; background:#fcfcfc;}

/*------------------------------------- FOOTER -----------------------------------------*/

#container #footer {
	color:#d6d6d6;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 1em 1em;
	clear:both;
}

#footerbox{
	color:#999999;
	border-top: solid 1px #d6d6d6;
	height:30px;
	line-height:30px !important;
	margin:0 0 1em 1em;
	padding-left:0.5em;
}



/*-----------------------------------------------------------------------------------------*/
/*------------------------------------- HEADINGS -------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

h1, h2, h3, h4 { color:#000; }
#container h2 {
	font-size:1.3em;
	margin:1.5em 0 1em 0;
}

#container h2 a{ font-size:1.3em;}
#container h2.pagetitle{ font-size:1.5em;}

#container #rsidebar h2 {
	margin:0 0 1em 0;
	padding-bottom:0.5em;
	background:url(http://www.miraiespana.com/images/lineGradient.png) bottom left no-repeat;
}

#container #rsidebar h2 span {
	padding-left:25px;
	background:url(http://www.miraiespana.com/images/icoNext.png) no-repeat left;
}

#container h3 { 
	font-size:1.4em; 
	margin:1em 0;
}

#container h3#respond {
	background:url('images/page_edit.png') no-repeat left center;
	padding-left:20px;
}


#container h4 { 
	font-size:1.2em;
	margin:0.9em 0;
	}
/*-----------------------------------------------------------------------------------------*/
/*------------------------------------- CORNERS -------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

/* Transparent */

b.cn {
	position: absolute;
  	height: 10px; width: 10px;
  	background:url(http://www.miraiespana.com/images/circleTransparent.png) no-repeat;
  	line-height: 1px; font-size: 1px;
}

* html b.cn { background:none;}
 
b.tl {top: 0; left: 0; background-position: top left;}
b.tr {top: 0; right: 0; background-position: top right;}
b.bl {bottom: 0; left: 0; background-position: bottom left;}
b.br {bottom: 0; right: 0; background-position: bottom right;}

/*-----------------------------------------------------------------------------------------*/
/*------------------------------------- MENU    -------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

.menuContainer {
    position:relative;
    padding:0;
    font-size:120%;
    margin:0 auto;
    padding:0;
    width:953px;
    height:75px;
    /*background:url(http://www.miraiespana.com/images/bg_menu.png) left top repeat-x;*/
}
.menuContainer ul {margin:0px; padding:0px;}

.menuContainer li{
    display:inline;
    float:left;
    padding: 1px;
}
.menuContainer li a {
    display:block;
    height:35px;
    background:url(http://www.miraiespana.com/images/menu_divider.png) right top no-repeat;
    padding:0 10px;
    line-height:35px;
    color:#fff;
		outline:none;
  }
.menuContainer li a:hover {
    background: url(http://www.miraiespana.com/images/pro_line.png) left bottom no-repeat;
    padding:0 0 0 10px;
    color:#333;
  }
.menuContainer li a:hover strong {
    display:block;
    background: url(http://www.miraiespana.com/images/pro_line.png) right bottom no-repeat;
    padding:0 10px 0 0;
  }
.menuContainer .current a {
    display:block;
    background: url(http://www.miraiespana.com/images/pro_line.png) left bottom no-repeat;
    padding:0 0 0 10px;
    color:#4988ce;
		outline:none;
  }
.menuContainer .current a strong {
    display:block;
    background:url(http://www.miraiespana.com/images/pro_line.png) right bottom no-repeat;
    padding:0 10px 0 0;
  }
.menuContainer .submenu {
	position:absolute;
	top:35px;
	height:34px;
	width:953px;
	/*background:url(http://www.miraiespana.com/images/bg_submenu.png) left center repeat-x;*/
	left: 0px;
	font-size: 100%;
  }
.menuContainer .submenu li a {
    background:url(http://www.miraiespana.com/images/submenu_divider.png) right top no-repeat;
    padding:0 10px;
		outline:none;
		color:#444;
  }
.menuContainer .submenu .current a, .menuContainer .submenu li a.last {color:#4988ce;}

