/* Style Sheets for [] website
created by bkkwebdesign.com
TOC
	1. Defaults
	2. Structure
	3. Links and Navigation 
	4. Fonts

Notes
*/
 
/* -------------- 1. Defaults --------------------------- */
*{
	margin:0;
	padding:0;
}
body{ font:62.5% Arial, Helvetica, sans-serif; background:#000 url(../images/images/espana_bg_body.jpg) repeat-x top;}

a img, img{border:0; border:none}
ul{list-style-type:none; }

.clear{clear:both; height:1px;}
.left{float:left;}
.right{float:right;}
fieldset{border:none;}
blockquote{ margin:10px 0 0 30px}   

/* -------------- 2. Structure -------------------------- */
#wrapper {width:794px; margin:0 auto; height:auto; }

#masterhead { height:104px; position:relative}
	#logo{background-image:url(../images/images/logo_espana.png); height:126px; width:199px; display:block; position:absolute; left:-52px; text-indent:-100000px}
	* html #logo{background-image:url(../images/images/logo_espana.jpg); height:122px; width:195px;}
#content_bg{ background:url(../images/images/dropshadow_verticaltile.png) repeat-y left; width:794px; }
* html #content_bg{background: url(../images/images/espana_bg_content_bg.jpg) left 6px no-repeat;}
	#content{ background:#fff url(../images/images/espana_corner_right.jpg) right top no-repeat;  padding:70px 46px 60px 42px; min-height:320px; height:auto !important; height:320px; margin-left:6px;}
	body.Home #content{padding:43px 46px 60px 42px;}
	* html #content{ margin-right:0}
		/*.right_corner{ position:relative; float:right; height:1px; width:1px }
		.right_corner span{position:absolute;  background:url(../images/images/kare_corner_right-top1.jpg) top left; height:7px; width:6px; float:right; display:block; left:-6px;}
		* html .right_corner span{left:-5px; width:5px}*/
	
		 .banner{ position:relative; width:697px; margin-bottom:30px;  height:144px; left:-42px;}
		 .banner div{position:absolute; left:0;  width:788px; text-align:center}
		
		#content .img{float:right; margin:0 0 30px 30px}

/* the terms and conditions & privacy statement pages*/	
.scroll_area{ height:550px; overflow:auto; background:url(../images/images/bg_body.jpg) repeat center center; padding:0 15px; border-color:#bcbcca #c2c1d4 #bcbcca #c2c1d4; border-width:1px; border-style: solid}
	.grey_area{ background-color:#d5d6d8; padding:25px 15px; border-left:1px solid #61618f; border-right:1px solid #61618f}
			  .grey_area h3{border-bottom:3px solid #f1f2f2; background:#dedfe0 url(../images/images/bg_h3.jpg) bottom repeat-x; padding:2px 0 1px 7px}
		.grey_area p{background-color:#FFF; border:1px solid #f7f7f7; padding:0 7px}
				

/* Contact page */
	.contact_list{float:left; width:400px; margin-top:10px}
		.contact_list div{width:200px; float:left}


/* Career page */
	.disclosure p{font-size:1em; border-bottom:1px solid #242424; border-top:1px solid #242424; color:#636568; text-align:justify; padding:6px 0; width:385px;}

/* management team */
	.bio{ position:relative; height:320px; }
	.person{ height:118px; width:210px; overflow:hidden; float:left; } /*padding:15px 35px; width:224px; height:122px; }*/
		.person .title{margin-bottom:5px; font-size:1.2em}
		.person, .person p{ color:#2A276A;}
	
		.person .small_photo img{float:left; height:96px; width:72px;}
		.person h2{font-size:.9em; font-weight:bold; color:#666; margin:0;}
		 .person a, .close a{cursor:pointer; color:#333}
		.person div.info_person{ background:url(../images/images/bg_man_team.jpg) bottom repeat-x;  border-right:1px solid #504E85; height:68px; padding-left:79px; margin-top:20px; padding-top:16px; line-height:12px; font-size:.9em; text-align:left; color:#333}
		
		.row1, .row2, .row3{float:left; margin-bottom:15px; }
		.row1{ /*padding-left:250px;*/ }
		.row2{ /*padding-left:100px;*/ }
		.row2  .person2, .row2  .person3{ /*padding-right:20px;*/}
		.row3 .person5, .row3 .person4, .row3 .person6{ /*padding-right:1px*/}
		.row1 .person, .person2, .person4, .person5{padding-right:30px}

	.pop_up{ background:url(../images/images/Management-PopUp_KareEpanaUnidos.jpg) repeat-y top; width:578px; /*background-color:#e8e9eb; width:660px; filter:alpha(opacity=93); -moz-opacity: 0.93; opacity: 0.93;*/  position:absolute; z-index:1000; left:55px; top:0}
		.pop_up .left_side{ width:162px; float:left; padding:25px 0 0 20px}
		.pop_up .right_side{width:355px;  float:right;  padding:65px 30px 0 0; line-height:18px}
		/*.pop_up .border{background:url(../images/images/bg_pop_side.jpg) center repeat-x; height:300px;width:12px;}*/ 
		
		.close a{text-transform:uppercase; padding:0 12px 0 0; background:url(../images/images/btn_x.gif) right no-repeat; position:absolute; left:500px; top:10px; display:block }
		
	
/* home page */
/*.main_image{position:relative;  height:250px;} 
	.main_image img{position:absolute; left:-42px;}*/
	.main_image{position:relative; height:383px; margin-bottom:13px}
	.main_image div{position:absolute; left:-42px; width:785px; overflow:hidden; }
	
	.grey_bg{}
	.box1, .box2, .box3, .box5, .box4{background:url(../images/images/kare_bg_box_home.jpg) no-repeat; height:155px; width:216px; float:left; margin-left:10px; display:none}
	
	.box1 img, .box2 img, .box3 img{margin:10px}
	
	
	.box1 h2, .box2 h2, .box3 h2, .box4 h2{text-transform:capitalize; font-size:1.4em; padding:1px 0 0 8px }
	.box1 span, .box2 span, .box3 span, .box4 span{margin:0 8px; display:block; line-height:10px}
	
/* block quote */
.Our_Consumer blockquote{width:608px; margin-left:30px; background:url(../images/images/bg_block.jpg) repeat-x bottom; padding:20px}

.entry_titles ul{border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; padding:20px 0; margin-bottom:20px;}
.entry_titles li a{color:#636568; font-size:1em; font-weight:bold; display:block; margin-bottom:7px}
.entry_titles li{ padding-bottom:0!important}
.entry_titles li a:hover{color:#3ca200;}

.position{margin-bottom:8px}		
.position h4 a{cursor:pointer}

/* -------------- 3. Links and Navigation --------------- */
a { outline:none; text-decoration:none; color:#3ca200}
a:hover{  text-decoration:none;}
.contact_list a{ color:#636568}

/*top nav */
ul#navigation { position:relative; float:right; background:url(../images/images/espana_bg_nav.jpg) no-repeat bottom; height:36px; width:474px; left:-53px; top:80px; z-index:1000}
ul#navigation li{float:left;}
ul#navigation li a{float:left; text-indent:-100000px; display:block; height:36px; padding-left:12px; position:relative;}

.nav_about a{ width:71px; background:url(../images/images/nav/espana_off_about.gif) no-repeat right 18px}
.nav_product a{  width:135px; padding-left:5px!important; background:url(../images/images/nav/espana_off_prod.gif) no-repeat right 18px}
.nav_technology a{ width:83px; padding-left:7px!important; background:url(../images/images/nav/espana_off_tech.gif) no-repeat right 18px}
.nav_career a{  width:60px; background:url(../images/images/nav/espana_off_carreers.gif) no-repeat right 18px}
.nav_contact a{  width:81px ;padding-left:8px!important; background:url(../images/images/nav/espana_off_contact.gif)  no-repeat center 18px}

ul#navigation a:hover, ul#navigation a.on{ background:url(../images/images/nav/espana_nav_on.jpg) repeat-x top; position:relative; left:-2px}

ul#navigation li a span{display:none;  margin-top:18px}
ul#navigation li a.on span, ul#navigation li a:hover span{display:block}

ul#navigation .nav_about a.on span, ul#navigation .nav_about a:hover span{ background:url(../images/images/nav/espana_on_about.gif) no-repeat; width:58px;}
ul#navigation .nav_technology  a.on span, ul#navigation .nav_technology a:hover span{ background:url(../images/images/nav/espana_on_tech.gif) no-repeat; width:76px}
ul#navigation .nav_product a.on span, ul#navigation .nav_product a:hover span{ background:url(../images/images/nav/espana_on_prodserv.gif) no-repeat; width:131px;}
ul#navigation .nav_career a.on span, ul#navigation .nav_career a:hover span{ background:url(../images/images/nav/espana_on_carreers.gif) no-repeat; width:51px; }
ul#navigation .nav_contact a.on span, ul#navigation .nav_contact a:hover span{ background:url(../images/images/nav/espana_on_contact.gif) no-repeat; width:70px; }


ul#navigation a.on span.lc, ul#navigation a:hover span.lc{background:url(../images/images/nav/on_box_lc.gif) no-repeat; height:2px; width:2px; position:absolute; left:0; top:-18px; display:block;}
ul#navigation a.on span.rc, ul#navigation a:hover span.rc{background:url(../images/images/nav/on_box_rc.gif) no-repeat; height:2px; width:2px; position:absolute; right:0; top:-18px; display:block;}

* html ul#navigation .nav_about a.on span.rc,  * html ul#navigation .nav_about a:hover span.rc, 
* html ul#navigation .nav_contact a.on span.rc,  * html ul#navigation .nav_contact a:hover span.rc{right:-1px}

ul.nav_second_level{position:absolute; top:32px; left:0; padding-left: 13px; width:478px;}
 ul#navigation li.onState ul.nav_second_level{visibility:visible!important; display:block!important}

ul#navigation li.nav_technology  ul.nav_second_level{ left:222px}
ul#navigation li.nav_product ul.nav_second_level{ left:84px}

ul#navigation li ul.nav_second_level li{color:#666;  padding:15px 9px 7px 0; float:left;  background: url(../images/images/nav/espana_second_nav_bg.jpg) bottom repeat-x; }
ul#navigation li ul.nav_second_level li a{ text-indent:0px; height:auto; padding: 0 10px 0 1px; width:auto; font-size:.9em; text-transform:uppercase; color:#666!important; position:static }

ul#navigation li ul.nav_second_level li a.on_ln, ul#navigation li ul.nav_second_level li a:hover{font-weight:bold !important}
* html ul#navigation li ul.nav_second_level li{padding:15px 5px 7px 0;}
* html ul#navigation li ul.nav_second_level li a{ padding-right: 3px;}
ul#navigation li ul.nav_second_level li.lc{width:13px; height:20px; padding:0; position:absolute; left:0; bottom:0px;}
* html #navigation li ul.nav_second_level li.lc{bottom:-1px}
@media screen and (-webkit-min-device-pixel-ratio:0) {ul#navigation li ul.nav_second_level li.lc{bottom:2px !important}}

ul#navigation li ul.nav_second_level li.lc span{width:13px; height:20px; display:block; background:url(../images/images/nav/second_nav_bg_l.jpg) left bottom no-repeat;}
ul#navigation li ul.nav_second_level li.rc{padding:0; height:35px; width:14px; position:relative; left:-13px; z-index:100}
ul#navigation li ul.nav_second_level li.rc span{background:url(../images/images/nav/second_nav_bg_r.jpg) right bottom no-repeat; display:block; height:35px; width:14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {ul#navigation li ul.nav_second_level li.rc{ position:relative; top:-2px}}
ul#navigation li ul.nav_second_level li a:hover, ul#navigation li ul.nav_second_level li a.on{background:none !important;}

ul#products{left:180px !important}

.language{position:absolute; right:55px; top:50px; display:none}/* TEMP DISABLED TILL SPANISH IS DONE */
.eng, .spa{display:block; text-indent:-100000px; height:10px; float:left; width:38px;}
	.eng{background:url(../images/images/espana_btn_eng.jpg) top no-repeat;  }
	.spa{background:url(../images/images/espana_btn_spa.jpg) top right  no-repeat; width:35px}
	* html .spa{position:relative; top:-2px}

/* -------------- 4. Fonts ------------------------------ */
h1{ font:normal 1.4em Arial, Helvetica, sans-serif; padding:0; margin:0 0 10px 0; text-transform:uppercase}
h1, h2, h3, h5, p a{ color:#3ca200}
h1, h2, h3{ font-weight:bold}
h2{font:normal 1.6em Arial, Helvetica, sans-serif; padding:0; margin:0 0 5px 0; text-transform:uppercase}
h3{font-size:1.4em}
h4{font-size:1.2em;  color:#636568;  margin:0 0 5px 0}
#position-list h4{font-size:1em; margin:0}
h5{font-size:1.2em;}
h6{font-size:1.1em;  color:#636568;  margin:0}
p{padding-bottom:12px;}
p.disclosure{font-size:.8em; padding:10px 0;}
ol li{ padding-bottom:12px; margin-left:19px}

#content blockquote ul li{line-height:17px; padding-bottom:12px;}
#content ul li{ list-style-type:disc; margin-left:15px;}

#content{font-size:1.1em;  color:#636568; text-align:justify; line-height:17px;}

/* -------------- 5. Footer ----------------------------- */
#footer{ width:794px; margin:0 auto 30px; background:url(../images/images/dropshadow_bottomrow.png) no-repeat top right; position:relative; }
* html #footer { background:url(../images/images/espana_bg_footer.jpg) top center no-repeat;}
	#footer ul.footer{padding:15px 0 0 160px /*205px*/;}
	#footer ul.footer a, #footer ul.footer {color:#fff; text-decoration:none; font-size:.9em}
	#footer ul.footer li, #footer ul.footer a{float:left; padding-right:8px;}

	#footer ul.bot_links{ position:absolute; top:-24px; left:45px;}	
		#footer ul.bot_links a, #footer ul.bot_links{color:#a9aaac; font-size:1em}
		#footer ul.bot_links li, #footer ul.bot_links a{float:left; padding-right:5px; white-space:nowrap}
		#footer ul li.spacing{padding-left:175px}
			@media screen and (-webkit-min-device-pixel-ratio:0) {#footer ul li.spacing{margin-left:0px;}}

/* -------------- Notes --------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {display: inline-block;}
 
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}