@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/MyriadPro-Regular/myriadpro-regular.eot');
    src: url('../fonts/MyriadPro-Regular/myriadpro-regular.eot') format('embedded-opentype'),
         url('../fonts/MyriadPro-Regular/myriadpro-regular.woff') format('woff'),
         url('../fonts/MyriadPro-Regular/myriadpro-regular.ttf') format('truetype'),
         url('../fonts/MyriadPro-Regular/myriadpro-regular.svg#MyriadProRegular') format('svg');
}

@font-face {
    font-family: 'titilliumtext22l_rgregular';
    src: url('../fonts/titillium/titilliumtext22l_regular-webfont.eot');
    src: url('../fonts/titillium/titilliumtext22l_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium/titilliumtext22l_regular-webfont.woff') format('woff'),
         url('../fonts/titillium/titilliumtext22l_regular-webfont.ttf') format('truetype'),
         url('../fonts/titillium/titilliumtext22l_regular-webfont.svg#titilliumtext22l_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ 
	background:#908e8e; 
	background: url(../images/them/body_bg.jpg) 0 0 repeat #908e8e; 
	border:0;  
	line-height:25px; 
	/*min-width:940px;*/ 
	/*overflow:hidden;*/
	font:13px 'MyriadProRegularLato', Calibri, Arial, sans-serif; color:#8a8a8a;
}

.css3{
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	box-shadow: 0 0 4px rgba(0, 0, 0, .4); 
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); 
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); 
	position: relative;
}

.page_spinner{ 
	position:absolute;
	background: url(../images/them/body_bg.jpg) 0 0 repeat #908e8e; 
	z-index:99;  
	width:100%; 
	height:100%; 
	top:0; 
	left:0
}
.page_spinner div{ 
	position:absolute;
	background: url(../images/ajax-loader.gif) 50% 50% no-repeat;
	width:100%; 
	height:100%; 
	top:0; 
	left:0;
}

/* ============================= main layout ====================== */

a{ color:#0392c7; text-decoration: none; outline:none}
a:hover{}
/***** Typography *****/

  h4, h5, h6 					{ margin:0; padding:0; font-family:'MyriadProRegularLato', Calibri, Arial, sans-serif; font-weight:normal; } 
h1, h2, h3  { margin:0; padding:0; font-family:'titilliumtext22l_rgregular', Calibri, Arial, sans-serif; font-weight:normal;  } 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 		{ font-weight:inherit; }
h1 										{ margin:0 0 10px 0; padding:0; font-size:35px; line-height:40px; color:#6a6a6a; }
h2										{ margin:0 0 10px 0; padding:0; font-size:24px; line-height:24px; color:#6a6a6a; }
h3 										{ margin:0 0 10px 0; padding:0; font-size:21px; line-height:28px; color:#4d4d4d; }
h4 										{ margin:0 0 10px 0; padding:0; font-size:18px; line-height:22px; color:#4d4d4d; }
h5 										{ margin:0 0 10px 0; padding:0; font-size:14px; line-height:16px; color:#6a6a6a; }
h6 										{ margin:0 0 10px 0; padding:0; font-size:12px; line-height:16px; color:#333; }

p 										{ margin:0; padding:0 0 10px 0; line-height:20px; }

strong 									{ font-weight:bold; color:#333; }
em 										{ font-style:italic; color:#666; }
small 									{ font-size:80%; }
sup, sub								{ height:0;	line-height:5px; vertical-align:baseline; _vertical-align:bottom; position:relative; font-size:80%; }
sup 									{ bottom:5px; }
sub 									{ top:5px; }
code, pre 								{ padding:0 3px 2px; color:#fff; font-size:14px; font-family:'MyriadProRegularLato', Calibri, Arial, sans-serif; }
code									{ padding:7px 10px 1px 10px; background-color:#0392c7;  }

strong{ color:#ad2f00}

blockquote.style1 {
  font: 21px/24px 'titilliumtext22l_rgregular', Calibri, Arial, sans-serif;
  color: #9e9e9e;
  margin: 5px;
  }
  blockquote.style1 span {
    	display: block;
    	background-image: url(images/closequote1.gif);
    	background-repeat: no-repeat;
    	background-position: bottom right;
  	}
/*header*/
#logo{ display:block; text-indent:-9999px; background: url(../images/them/logo_seikou.png) 0 0 no-repeat; max-width:100%;height:auto;}
/* Global Structure ============================================================= */

.bg1 { top:0; left:0; width:100%;}
.blanco{ background-color:#FFF}
.bg_top {
position: absolute;
top: 98px;
left: 0;
width: 100%;
background: url(../images/them/bg_top_header.png)0 0 repeat-x;
height: 21px;
 }
.bg2 {bottom:0; left:0; width:100%;}
.bg3 {top:142px; width:100%;}
.bg4 {top:393px; width:99.3%;}

/* icons ============================================================= */
.seikou_face_off,.seikou_contact_off,.seikou_twitter_off,.seikou_twitter_on,.seikou_contact_on,.seikou_face_on{display: inline-block;background-repeat: no-repeat;background-image: url(../images/icons/icon_pata.png);}
.seikou_face_off{background-position:-4px -4px;width:46px;height:31px;}
.seikou_contact_off{background-position:-65px -4px;width:46px;height:31px;}
.seikou_twitter_off{background-position:-126px -4px;width:46px;height:31px;}
.seikou_twitter_off:hover{background-position:-187px -4px;width:46px;height:31px;}
.seikou_contact_off:hover{background-position:-248px -4px;width:46px;height:31px;}
.seikou_face_off:hover{background-position:-309px -4px;width:46px;height:31px;}
/*boxes niveles============================================================= */
#up_box {
	position: absolute;
	z-index: 9999;
}
#option_box{z-index: 9999;}
#down_box {
	position: relative;
	z-index: 1;
min-height: 800px;
	top: 55px;
}
#prov_box {
	position: relative;
	z-index: 1;
min-height: 800px;
	top: 188px;
}
/* texto scroll cajas*/

.box_home {
	margin: 20px 20px;
	height: 265px;
	/*overflow-y: scroll;
	overflow-x: hidden;*/
	width: 740px;
}
.box_max {
	margin: 20px 20px;
	height: 519px;
	/*overflow-y: scroll;
	overflow-x: hidden;*/
	width: 740px;
}
/*boxes niveles============================================================= */
.margin_box {
	margin-bottom:5px;
padding: 5px 0 5px 0;
display: block;
}

/*boxes blank=============================================================*/
.blank {background-color:#FFF;}
/*images web resposible=============================================================*/
.imastyle {max-width:100%;height:auto;}
/*posicion top eco*/
#top_eco {top: 32px;
position: absolute;}