/*-------------------------------------------------------

* Filename: styles.css

* Author: system32

* Description: Handles the site layout.

   -----------------------------------------------------*/

   

/*------------------------------------------------------

  				Global Reset

  ------------------------------------------------------*/	

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 

	margin: 0; 

	padding: 0; 

	border: 0; 

	outline: 0; 

	font-weight: inherit; 

	font-style: inherit; 

	font-size: 100%; 

	font-family: inherit;  

}   



body{  

font:normal 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;

color:#484848; 

background:#ffffff;

}



* html {

	margin:0;padding:0;

}



/*** Search ***/

	.search-jose { float:right; padding:0px 0px 0px 0px;}

	.search form { background:url(..images/searchbar.png) no-repeat 0 1px; padding:0px 0px 0px 0px;}

	.search-jose .text { width:160px; padding:8px 0px 0px 0px; color:#000; border:1;  background: #ffffff; margin:0px 5px 0px 0px;}

	.search-jose .but { cursor: pointer; float:right; padding:0px 5px 0px 0px;}

	

	.search_page { float:left; padding:0px 0px 0px 0px;}

	

	/*** Flags ***/

	.flags-jose /*{ float:right; padding:0px 0px 0px 0px;}*/

	 {

	float:right;

	padding:10px 0px 0px 0px;

 }

	

	/*** Menubar Jose  ***/

	.menujose {

	height:28px;

	width:1000px;

	background:url(sf-memex.png) top right repeat-x;

	float:left;

	padding: 0px 0px 0px 0px;

	}

/*------------------------------------------------------

  				Logo 

  ------------------------------------------------------*/	

.top_bg{

height:91px;

background:url(../images/top_bg.gif) top right repeat-x;

}

 

 .logo

 {

position:absolute;

top:0px;

 }

 

 small

 {

 font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;

 }

 

/*------------------------------------------------------

  				SubPage Header

  ------------------------------------------------------*/	

	 .subpageheader{

	 background: url(../images/SubHeaderbg.png) top left no-repeat;

	 height:150px;

	 }

	 .subpageheader h1{

	 font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif;

	 padding:40px 0 0 0 ; 

	 color:#FFFFFF;

 	 }



	 .subpageheader h1 p{

	 font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif;

	 color:#FFFFFF;

 	 }

	 

	 .subpageheader p

	 {

	 font:normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif;

	 color:#FFFFFF;

	 }



	 

	 .centertext

{

text-align:center;

}

/*------------------------------------------------------

  				Main Header

  ------------------------------------------------------*/	 

	 .mainheader {

	 background:url(../images/MainHeader_2.png) top left no-repeat;

	 height:367px;



	 color:#FFFFFF;

	 }

	 .mainheader h1{

	 font:normal 5em/60px "Trebuchet MS", Arial, Helvetica, sans-serif;

	 color:#fff;

	 text-align:right;

	 text-transform:uppercase;padding-top:40px;

	 }

	.mainheader h1 span

	{

	 color:#0b0e16;

	 }

	.mainheader p{

 font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#FFFFFF;

}	 

.tourbutton

{

background:URL(../images/tour.png) no-repeat;

width:180px;

height:50px;

}



/*------------------------------------------------------

  				Homepage Slider 

  ------------------------------------------------------*/	

.featured	{

	background:url(../images/slidesrbg.png) no-repeat;

	height:204px;

	 padding-top:40px;

}



.stepcarousel{

position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/

width: 406px; /*Width of Carousel Viewer itself*/

height: 210px; /*Height should enough to fit largest content's height*/

}



.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}



.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 0px 0px 0px 0px; /*margin around each panel*/

width: 406px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}





/*------------------------------------------------------

		Homepage Featured Products in Content

  ------------------------------------------------------*/		 



.servicebox

{

width:100%;

overflow:auto;

height:100%;

margin-bottom:10px;

}



.rightpara2

{

margin-left:200px;

font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;

padding:0 0 0 20px;

}



/*------------------------------------------------------

  				Img Borders

  ------------------------------------------------------*/		 

.preview .borderimg, .blogbox .borderimg

 {

 border:1px solid #d8d8d8;

 background:#fff;

 padding:3px;

 }



.borderimg

 {

 border:1px solid #d8d8d8;

 background:#fff;

 padding:3px;

 }



/*------------------------------------------------------

  				Default Links

  ------------------------------------------------------*/	

	 a{

color:#4f81bd;

text-decoration:none;

}

a:hover {

color:#2c598e;

text-decoration:none;

}

	



	

	

	  h6{

font: bold 11pt "Trebuchet MS", Arial, Helvetica, sans-serif;		  

	 color:#4f81bd;

	 }

	 p{

	 font:normal 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;

	 color:#484848;

	 font-size:inherit;

	 margin:0;

	 }



	 h1 img, h2 img, h3 img, h4 img, h5 img, h6 img

	 {

	 vertical-align:middle;

	 }

/*------------------------------------------------------

  				Homepage 4 Boxes Below header

  ------------------------------------------------------*/		 

.fbox

{

background:url(../images/boxbg.gif) no-repeat;

padding-top:10px;

height:79px;

width:auto;

}



.fbox p, .fbox h6

{

margin-left:60px;

padding:1px 10px 3px 0;

}

 .fbox img

	 {

	 float:left;

	 margin:5px 10px;

	 }

	 



/*------------------------------------------------------

  				Menu Footer

  ------------------------------------------------------*/		 

.menufooter

{

	padding-top:0px;

	height:61px;

	width:auto;



}



.menufooter p, .menufooter h6

{

margin-left:0px;

padding:0px 0px 0px 0px;

}

 .menufooter img

	 {

	float:left;

	margin:0px 0px;

	 }

	 





/*------------------------------------------------------

  				Content Reset

  ------------------------------------------------------*/	

	

.content

{

padding-bottom:30px;

overflow:auto;

height:100%;

}

.cbg

{

background:#ffffff;

}

	

.para *

{

padding:0px 0 10px 0;

}



	

.graybox

{

background:#f1f5f8;

border:1px solid #d5dce5;

margin-top:10px;

margin-bottom:20px;

}

.graybox *

{

padding:20px;

}





.text

{

padding-top:20px;

padding-bottom:10px;

background:url(../images/bgbsox.gif) top left repeat-x;

border:0px solid #d6d2da;

overflow:auto;

height:100%;

padding-right:20px;

}





div.text

{

}



/*------------------------------------------------------

  				Headings

  ------------------------------------------------------*/	

h1{

font: normal 13pt "Trebuchet MS", Arial, Helvetica, sans-serif;

color:#4f81bd;

}

h2{

font: normal 12pt "Trebuchet MS", Arial, Helvetica, sans-serif;

color:#4f81bd;

}

h2 spans

{

color:#b2b2b2;

}

h3{

font: normal 11pt "Trebuchet MS", Arial, Helvetica, sans-serif;

color:#4f81bd;

}

h4{

font: normal 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;

color:#4f81bd;

}

h5 {

font: normal 9pt "Trebuchet MS", Arial, Helvetica, sans-serif;

color:#4f81bd;

}

.hj1 {

font: normal bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;

padding:0;

margin:0 0 5px 0;

color:#0099ff;

} 

.hj2 {

	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

	padding:0;

	margin:0 0 5px 0;

	color:#000000;

}

.hj3 {

font: normal bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

padding:0;

margin:0 0 5px 0;

color:#233186;

} 

.hj4 {

font: normal bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif;

padding:0;

margin:0 0 5px 5px;

color:#233186;

} 

.hj5 {

font: normal 9px "Trebuchet MS", Arial, Helvetica, sans-serif;

padding:0;

margin:0 0 5px 5px;

color:#000000;

} 

/*------------------------------------------------------

  				Button /  Readmore

  ------------------------------------------------------*/	

.button {

font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;

padding:6px 15px;

text-transform:uppercase;

color:#a4a4a4;

} 

a.button  {

text-decoration:none;

background:url(../images/readmorebg.gif) bottom left repeat-x;

border:1px solid #bdd2dc;

color:#484848;

}  

a.button:hover{ 

border:1px solid #bdd2dc;

background:url(../images/buttonbg.gif) bottom left repeat-x;

color:#909090;

}







.navigation {

	padding-bottom:50px;

}

.navigation a {

padding:5px 10px;

	color: #484848;

border:1px solid #bdd2dc;

	background:url(../images/readmorebg.gif) bottom left repeat-x;

	text-decoration:none;

}

.navigation a:hover {

	border:1px solid #bdd2dc;

	color:#909090;

	background:url(../images/buttonbg.gif) bottom left repeat-x;

	text-decoration:none;

}





/*------------------------------------------------------

  				Floats & Alignments

  ------------------------------------------------------*/	

.rightalign

{

float:right;

}



.leftalign

{

float:left;

}

 

.textleft{

text-align:left;

}

.textright{

text-align:right;

}



.textcenter{

text-align:center;

}



/*------------------------------------------------------

  				Readmore Block

  ------------------------------------------------------*/	

.readmoreblock {

font:normal bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;

padding:3px 10px;

text-transform:uppercase;

color:#ccc;

display:block;

margin-top:5px;

letter-spacing:0px;	

border-radius:3px;

-moz-border-radius:3px;

} 

a.readmoreblock  {

text-decoration:none;

background:#d8d8d8;

background:url(../images/buttonbg.gif) bottom left repeat-x;

border:1px solid #dedede;

color:#b5b5b5;

}  

a.readmoreblock:hover{ 

background:#197bc4;

border:1px solid #666;

color:#fff;

}



/*------------------------------------------------------

  				Footer

 -----------------------------------------------------*/	



.footer

{

padding:10px 0px 0px 0px;

overflow:auto;

height:100%;

background:#FFF url(../images/footerj.gif) top left repeat-x;

}







/*------------------------------------------------------

  				Seperators

  ------------------------------------------------------*/	

  

.linebg	{



margin-top:10px;

margin-bottom:10px;

clear:both;

border-top:1px solid #d8d8d8;

}



.sepline	{

background:url(../images/sep.gif) top right repeat-y; /* Siderbar Seperator */

}





/*------------------------------------------------------

  				Portfolio Boxes

  ------------------------------------------------------*/	





.portfolioitem .details

{

font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;

float:right;

width:320px;

}

.portfolioitem .preview

{

display:block;

width:240px;

text-align:center;

}

.portfolioitem h3

{

color:#484848;

font:normal 20px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;

}



.portfolioitem 

{

padding:20px;

overflow:auto;

height:100%;

margin:10px 0;

}

.portfolioitem .corner {

	position:absolute;

	top:-2px;

	left:-2px;

	width:85px;

	height:85px;

}



/*------------------------------------------------------

  				Border Block Horizontal Bar

  ------------------------------------------------------*/	

  

.bordersub

{

border:1px solid #d5dce5;

background:#FFFFFF;

}



/*hr.hrbar

{

clear:both;

border:none;

width:100%;

border-bottom:1px solid #d8d8d8;

}*/



/*------------------------------------------------------

  				Testimonial Block

  ------------------------------------------------------*/	

  

blockquote, q {

	quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

blockquote {

margin: 15px 0px 15px 5px;

padding-right: 5px;

background: url(../images/quoteclose.gif) no-repeat bottom right;

}

blockquote p {

font-size:11px;

background: url(../images/quoteopen.gif) no-repeat top left;

padding-left: 30px;

font-weight:normal;

font-style:italic;



}

.testimonial

{

overflow:hidden;

height:100%;

padding-bottom:20px;

}



/*------------------------------------------------------

  				Unordered Lists

  ------------------------------------------------------*/	

  

ul.listitems

{

margin:0;

padding:0;

}

ul.listitems li

{

font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

voice-family:inherit;

margin:0;

height:18px;

background:url(../images/circle.gif) 0% 50% no-repeat;

text-decoration:none;

padding:3px 10px 3px 20px;

}



/*------------------------------------------------------

  				Search Box

  ------------------------------------------------------*/	

div.topheadline fieldset {

	width: 190px;

	float:right;

	display: block;

	position:relative; top:50px; 

	}



div.topheadline form label {

display: block; 

background: url(../images/searchbar.png) no-repeat; 

width: 184px; 

height: 29px; 

}

div.topheadline fieldset legend{

display:none;

}

div.topheadline form label input {

background: none; 

border: none;

outline: none; 

width: 170px; 

margin-top: 5px; 

padding-left:10px;

color:#484848;

}

.buttonhide {display: none;}



/*------------------------------------------------------

  				News Unordered Lists

  ------------------------------------------------------*/	

ul.newslist

{

margin:20px 0;

padding:0;;

}



ul.newslist li

{

margin-bottom:3px;

border-bottom:1px solid #d8d8d8;

font:normal 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;

padding:3px 0px;

padding-bottom:10px;

margin-bottom:15px;

color:#666666;

}

ul.newslist li a:link, ul.newslist li a:visited, ul.newslist li a:active

{

padding:3px 0px;color:#484848;

text-decoration:none;

}



ul.newslist li a:hover

{

color:#0c63a9;

padding:3px 0px;

text-decoration:none;

}





span.date

{

display:block;

border-radius:2px;

-moz-border-radius:2px;

-webkit-border-radius:2px;

-khtml-border-radius:2px;

width:70px;

text-align:center;

margin:0 0 5px 0;

background:#0c63a9;

padding:2px 5px;

color:#fff; font:normal 10px/12px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;

letter-spacing:normal !important;

}



/*------------------------------------------------------

  		Recent Blog Entries Unordered Lists

  ------------------------------------------------------*/	

ul.commonlist

{

margin-top:20px;

margin-bottom:20px;

padding:0;;

}



ul.commonlist li

{

margin-bottom:3px;

font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;

padding:3px 0px;border-bottom:1px solid #b8b8b8;

color:#666666;

margin-bottom:20px;

}

ul.commonlist li a:link, ul.commonlist li a:visited, ul.commonlist li a:active

{

padding:3px 0px;

color:#197bc4;

text-decoration:none;

}



ul.commonlist li a:hover

{

color:#484848;

padding:3px 0px;

text-decoration:none;

}





ul.commonlist li img

{

vertical-align:middle;

margin-right:5px;

}



.tb10

{

margin:10px 0;

}

.tb20

{

margin:20px 0;

}

.menu{

padding-top:30px;

float:right;

	z-index:25;

}



.menu ul{	

	list-style: none;

	list-style-type: none;

	font:normal bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;

	padding:0px;

	float:right;

	margin:0px;

}

.menu ul li{

	float: left;

	width:auto;

	margin: 0 5px 0 0;



}

.menu ul li a:link, .menu ul li a:visited{

	color:#cbe3f4;	display:inline;

	}

.menu ul li a{

	display: block;

	padding: 0px 15px;

	text-decoration: none;

	line-height:26px;

	font-weight:bold;

	float:left;

	width:auto;	border-radius:3px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;	

	-webkit-border-radius:3px;	

	text-decoration:none;

	text-transform: uppercase;

}



.menu ul li a:hover{

	text-decoration:none;

	color:#FFFFFF;

	background:#137dc8;	background:url(../images/topmenu.gif) repeat-x;

}





.menu ul li.active a{



		line-height:26px;

		height:26px;

		

}



.menu ul li.active {

	text-decoration: none;

	line-height:26px;

		

}



.menu ul li.active  a, .menu ul li.active  a:visited{

text-decoration: none;

	color:#f7f7f7;	

		line-height:26px;

		height:26px;

}



.menu ul li.current a, .menu ul li.current  a:visited

{

	color:#FFFFFF;

	background:#137dc8;	background:url(../images/topmenu.gif) repeat-x;

}

/*------------------------------------------------------

  				Sidebar Menu

  ------------------------------------------------------*/	





/*- SIDEBAR MENU --------------------------- */

.submenu{

width:100%;

margin:10px 0;

}



.submenu ul {

margin:0;

list-style:none;

padding:0 10px;

}



.submenu li a {

font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

voice-family:inherit;

height:16px;

margin:0;

color:#999;

/*border-bottom:1px solid #dedede;*/

text-decoration:none;

}



.submenu li li a {

font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

margin:0;

color:#999;

text-decoration:none;

border-bottom:1px solid #dedede;

text-decoration:none;

}



.submenu li li a:link, .submenu li li a:visited {

color:#13b2ce;

display:block;

padding:6px 10px;

}



.submenu li a:link, .submenu li a:visited {

color:#999;

display:block;

padding:6px 10px;

}



.submenu li.current a {

color:#0c63a9;

}



.submenu li a:hover {

color:#0c63a9;

padding:6px 10px;

}



.submenu li li a:hover {

color:#0c63a9;

padding:6px 10px;

}

/*- SUB End --------------------------- */



h2.blogimage

{

 background:URL(../images/blog.gif) no-repeat;

 padding-left:60px;

 height:37px;

}



h2.testimonialimg

{

 background:URL(../images/testimonial.gif) no-repeat;

 padding-left:60px;

 height:37px;

}





/*------------------------------------------------------

  				Comments

  ------------------------------------------------------*/	



/*- Blog Comments --------------------------- */

.the_commentor {

float:left;

width:110px;

text-align:right;

}

.the_commentor p

{

padding:0;

margin:0;

}

.the_commentors img

{

background:#FFFFFF url(../images/commentby.gif) right 15px no-repeat;

padding-right:10px;

}

.comment-metadata a {

text-decoration:none;

font-size:10px;

letter-spacing:0;

}



.the_comment {

float:right;

width:450px;

font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;

letter-spacing:-1;

color:#5d5949;

padding:20px;

margin-right:5px;

min-height:100px;

margin-bottom:10px;

background-color:#f8f8f8;

border:1px solid #dddddd;

}



ol.commentlist li.alt .the_comment {

position:relative;

top:1px;

overflow:auto;

background-color:#ffffff;

}



ol.commentlist {

padding:10px 0;

margin:0;

}



ol.commentlist li {

clear:both;

list-style:none;

}



.comment-author {

font: normal bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;

margin-bottom:0;

}



.comment-author a {

color:#1a7dc7;

text-decoration:none;

}



.commentlist .the_comment a {

color:#1a7dc7;

}



.commentlist .the_comment a:hover,.comment-author a:hover {

color:#1a7dc7;

text-decoration:none;

}



/*------------------------------------------------------

  				Top BlogPage Post Info

  ------------------------------------------------------*/	



.postinfo

{

background:#0b61a6;

padding:3px 10px;

color:#FFFFFF;

line-height:22px;

}

.postinfo a

{

color:#FFFFFF;

padding:3px 3px;

}

.comments a

{

background:#525e6c;

padding:3px 10px;

color:#FFFFFF;

}

.detailview

{

background:#7e8996;

padding:3px 10px;

color:#FFFFFF;

}



.postlink

{

border-bottom:1px solid #d0dae5;

font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;

letter-spacing:0;

padding:3px 10px;

display:compact;

color:#3a3a3a;



}



/*------------------------------------------------------

  				Blogpage Box

  ------------------------------------------------------*/	



.blogbox 

{

padding:20px;

overflow:auto;

height:100%;

}



.blogbox img

{

margin-right:20px;

}

div.blogbox p

{

padding:20px 0 5px 0;

overflow:auto;

height:100%;

}



.avatarimg

{

background:#FFFFFF;

padding:5px;

border:1px solid #cdcdcd;

}

.avatarimg:hover

{

background:#FFFFFF;

padding:5px;

border:1px solid #6c6c6c;

}

/*------------------------------------------------------

  				Comment Page form

  ------------------------------------------------------*/	



#commentform input {

	width: 170px;

	padding: 5px;

	margin: 5px 5px 1px 0;

	}



#commentform {

	margin: 5px 10px 0 0;

	}

#commentform textarea {

	width: 500px;

	padding: 2px;

	}

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

#commentform #submit {

	margin: 0 0 5px auto;

	float: left;

	}

#commentform p {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	}

#commentform input, #commentform textarea {

	font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;

	}



#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

/*------------------------------------------------------

  				Blog Page Box Bottom Bar

  ------------------------------------------------------*/	



.bottomblog

{

background:#fafcfe url(../images/boxbar.gif) top left repeat-x;

padding:10px;

overflow:auto;

height:100%;

border:1px solid #b1d0ea;

border-top:0;

}



/*******************/



#wp-calendar

{

	border-collapse: separate;

	border-spacing: 0;

	text-align: center;

	width: 100%;

}

#wp-calendar caption

{

	color: #484848;

	font-size: 11px;

	padding: 8px 0;

}

#wp-calendar th

{

	background: #dbdbdd;

	color: #484848;

	font-size: 11px;

	padding:8px 0;

}

#wp-calendar td

{

	border-top: 1px solid #dbdbdd;

border-collapse:seperate;

	color: #484848;

padding:8px 0;

	font-size: 11px;

	overflow: hidden;

	vertical-align: middle;

	width: 14.28%;

}



#wp-calendar td:hover

{

	border-top: 1px solid #b8b8b8;

	color: #484848;

	font-size: 11px;

	overflow: hidden;

	vertical-align: middle;

	width: 14.28%;

}





#wp-calendar td#today

{

	background: #484848;

	border-top: 1px solid #000;

	color: #fff;

	overflow: hidden;

	vertical-align: middle;

}



#wp-calendar a

{

	font-style: normal;

	font-weight: bold;

}

#prev

{

	text-align: left;

}

#next

{

	text-align: right;

}

#prev a, #next a

{

	color: #484848;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	padding: 3px 0 0 0;

	text-decoration: none;

	text-transform: uppercase;

}

#prev a:hover, #next a:hover

{

	color: #000;

}



.submitbutton

{

border:none;

background:URL(../images/submit.gif) no-repeat;

width:94px;

height:24px;

text-indent:-9999px;



}







/*------------------------------------------------------

  	Top Menu Lists

  ------------------------------------------------------*/	

.topmenu{

margin-top:20px;

float:right;

}







/*********************************************/



ul.topnav {

	list-style: none;

	padding: 0 10px;

	margin: 0;

	float: left;

	width: auto;

	font:normal bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;

}

ul.topnav li {

	float: left;

	margin: 0 5px 0 0;

	padding: 0 3px 0 0;

	position: relative; /*--Declare X and Y axis base for sub navigation--*/

	z-index:999;

}

ul.topnav li a{

	padding: 0px 15px;

	line-height:26px;

	color: #fff;

	display: block;

	width:auto;

	text-decoration:none;

	text-transform: uppercase;

	float: left;

}

ul.topnav li a:hover{

	background:#137dc8;	color:#FFFFFF;	text-decoration:none;

	background:url(../images/topmenu.gif) repeat-x;



}



ul.topnav li.current_page_item a{

	background:#137dc8;	color:#FFFFFF;	text-decoration:none;

	background:url(../images/topmenu.gif) repeat-x;



}





ul.topnav li span { /*--Drop down trigger styles--*/

	width: 17px;

	height: 35px;

	float: left;z-index:100;

	background: url(../images/subnav_btn.gif) no-repeat center top;

}

 ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  

 ul.topnav li ul.subnav {  

     list-style: none;  

     position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  

     left: 0; top: 35px;  

     background: #26324e;  

     margin: 0; padding: 5px;  

     display: none;  

     float: left;  

     width: 175px;  

     border: 1px solid #26324e;  

 }  

 ul.topnav li ul.subnav li{  

     margin: 0; padding: 0;  

     border-top: 1px solid #26324e; /*--Create bevel effect--*/  

     border-bottom: 1px solid #26324e; /*--Create bevel effect--*/  

     clear: both;  

     width: 175px;  

 }  

 html ul.topnav li ul.subnav li a {  

     float: left;  

     width: 140px;  

     background: #26324e;  

     padding-left: 20px;  

 }  

 html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  

	background:url(../images/topmenu.gif) repeat-x;

 }  

 

 /*------------------------------------------------------

  	CSS 857

  ------------------------------------------------------*/	

  

  .navigation-bot { width:1000px; padding:0px 0px 0px 0px; }

  

  .banner { float:left; padding:20px 0px 0px 15px; }



	.banner p { padding:0px 0px 0px 0px;}

	

	.box { float:left; padding:10px 10px 0px 10px;}

	

	.box .box-width { float:left; width:163px; height:180px; margin:0px 0px 0px 10px;}

	

	.box .box01 { background:url(http://www.izo.es/wp-content/themes/memex/images/box01.gif) no-repeat 0 0;}

	.box .box02 { background:url(http://www.izo.es/wp-content/themes/memex/images/box02.gif) no-repeat 0 0;}

	.box .box03 { background:url(http://www.izo.es/wp-content/themes/memex/images/box03.gif) no-repeat 0 0;}

	.box .box04 { background:url(http://www.izo.es/wp-content/themes/memex/images/box04.gif) no-repeat 0 0;}

	

	.box .indent { padding:0px 0px 0px 0px;}

	

	.box .title { margin:0px 17px 0px 16px; padding:0px 0px 4px 0px;}

	

	.box .box01 .title { border-bottom:1px solid #dd7d6e;}

	.box .box02 .title { border-bottom:1px solid #dfb65a;}

	.box .box03 .title { border-bottom:1px solid #a8c06d;}

	.box .box04 .title { border-bottom:1px solid #69a985;}

	

	.box .text { font-size:12px; color:#fff; line-height:1.4em; padding:0px 17px 0px 19px;}

	.box .text p { padding:0px 0px 0px 0px;}

	.box .more {

	text-align:right;

	vertical-align:bottom;

}

	

	@-moz-document url-prefix(){ body .box .more { padding-top:12px; } } /*for mozilla*/

	

	@media all and (-webkit-min-device-pixel-ratio:10000),

	not all and (-webkit-min-device-pixel-ratio:0) {

		.box .more { padding:11px 6px 0px 0px; }

	}

	

	

	

	

	  .navigation-footer { width:1000px; padding:0px 0px 0px 0px; }

	  .box-footer { float:left; padding: 0px 10px 0px 10px;}

	  .box-width-footer { float:left; width:150px; margin:0px 0px 0px 10px;}

	  .box-footer .indent { padding:0px 0px 0px 0px;}

	  .box-footer .title { margin:0px 0px 0px 35px; padding:0px 0px 0px 0px;}

	  .box-footer .text { font-size:12px; color:#fff; line-height:1.4em; padding:0px 0px 0px 0px;}

	  .box-footer .text p { padding:0px 0px 0px 0px; text-decoration: none;}

	  

 /*------------------------------------------------------

  	tABLES

  ------------------------------------------------------*/	

  table-blue-claro{  

font:normal 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;

font-color:#ffffff; 

background:#13b2ce;

height:50px;

}


.inter{  

font:normal 8pt "Trebuchet MS", Arial, Helvetica, sans-serif;

color:#000000; 

background:#ffffff;

}