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



   AUTHOR:  			Erwin Aligam 



   WEBSITE:   			http://www.styleshout.com/



	TEMPLATE NAME:		MarketPlace



   TEMPLATE CODE: 	S-0017



   VERSION:          1.0	



	DATE:          	August-31-2007          	



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



 



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



   HTML ELEMENTS



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







/* Top Elements */



* {



	margin: 0;



	padding: 0;



	text-align: inherit;



}







body {



	background: #ffffff;



	font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;



	color: #484f47; 



	text-align: center;



	margin: 0 0 15px 0;	



}







/* links */



a, a:visited {

	color: #c52f30;

	background: inherit;

	text-decoration: none;

	font-weight: bold;

	



}



a:hover {



	color: #ff9900;



	background: inherit;



	padding-bottom: 0px;



	font-weight: bold;



	



}







/* headers */



h1, h2, h3 {



	font-family: 'Trebuchet MS', Tahoma, Sans-serif;



	font-weight: Bold; 	



	color: #c52f30;		



}



h1 {



	font-size: 160%;	



	font-weight: normal;



}



h2 {



	font-size: 130%;



	text-transform: uppercase;	



}



h3 {



	font-size: 130%;	



}







h1, h2, h3, p {



	padding: 10px;



	margin: 0;



}



h4 {



	font-size: 12px;



	font-family: 'Typewriter', arial, times new roman;



	font-weight: normal;



	color: #265567;



	background-color: #c0ced1;



}







ul, ol {



	margin: 5px 20px;



	padding: 0 20px;



}







/* images */



img {



	background: #FAFAFA;



	border: 0px solid;



	padding: 0px;



	margin: 0px;



	outline-color: #1B4A5A;



}

.img3 {



	background: #FAFAFA;



	border: 0px solid;



	padding: 1px;



	margin: 0px 10px 0px 10px;



}


img2 {



	background: #FAFAFA;



    border: 1px solid #c79e5e;



	padding: 1px;



	margin: 0px 0px 0px 0px;



}



img.float-right {



  	margin: 5px 0px 10px 10px;  



}



img.float-left {



  	margin: 5px 10px 10px 0px;



}







code {



  	margin: 5px 0;



  	padding: 10px;



  	text-align: left;



  	display: block;



  	overflow: auto;  



  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;



  	/* white-space: pre; */



  	background: #F5F5F5;



	border-left: 3px solid #D4D4D4;



}



acronym {



  cursor: help;



  border-bottom: 1px dashed #777;



}



blockquote {



	font: bold 1.4em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;	



	margin: 10px;



 	padding: 0 0 0 25px;  



    background: #F5F5F5;



	border-left: 3px solid #D4D4D4;	



	color: #444;



}














/* form elements */



form {



	margin:5px; padding: 0 5px;



	



}



label {



	font-weight:bold;



	margin:5px 0;



}













/* search form */



.searchbutton2 {



	border: none;



	width: 90px;



	margin-left: -43px;



	background-image: url(submenu.jpg);



	color: #000000;



}







.searchbutton3 {



	border: none;



	width: 90px;



	background-image: url(submenu.jpg);



	color: #000000;



	margin-left: 2px;



	padding: 1px;



}







.search p { margin: 0; padding: 0; }



.search input.searchfield {



	width: 10px;



	color: #777;



	height: 18px;



	padding: 2px;



	border: 1px solid #E5E5E5;



	vertical-align: top;



}



.search input.searchbutton { 



	width: 60px;



	height: 24px;



	padding: 2px 5px;



	vertical-align: top;



	font: bold 12px Arial, Sans-serif; 



	margin: 0;



	color: #333;



	



	border: 1px solid #c79e5e;







}







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



   LAYOUT



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



#wrap {



	position: relative;



	width: 960px;



	margin: 0 auto;



	text-align: left;



	background:  url(content.png) repeat-y center top;



}



#content-wrap {

	float: left;

	width: 900px;

	margin-left: 30px;

	display: inline;

	padding: 0;

	background-color: #ffffff;

	border-top-width: 5px;

	border-top-style: solid;

	border-top-color: #e37e7f;



}



#header {



	position: relative;



	background: url(header.jpg) repeat-y center top;



	height: 40px;



	width:960px;	



	padding: 0;	



	color: #fff;	



}







/* header links */



#header #header-links {



	position: absolute;



	top: 25px; right: 45px;	



	color: #FFFFFF;



	font-size: 10px;	



	font-weight: bold;



}


#header #header-links2 {
	position: absolute;
	top: 25px;
	right: 380px;
	color: #c52f30;
	font-size: 10px;
	font-weight: bold;
	width: 185px;



}





#header #header-links p {	



	padding: 0;	margin: 0;	



}

#header #header-links2 p {	



	padding: 0;	margin: 0;	



}


#header #header-links a {	



	color: #000000;



	text-decoration: none;	



}



#header #header-links a:hover {



	color: #c52f30;		



}







/* header-photo */



#header-photo {
	position: relative;
	clear: both;
	margin: 9px auto;
	height: 127px;
	width: 920px;
	background-color: #ffffff;
	padding-bottom: 6px;


}



#header-photo h1#logo-text a {



	position: absolute;



	margin: 0; padding: 0;



	font: bold 48px 'Trebuchet MS', Arial, Sans-serif;



	letter-spacing: -1px;



	color: #00ffff;



	text-transform: none;



	text-decoration: none;



	border: none;



	



	/* change the values of top and left to adjust the position of the logo*/



	top: 25px; left: 30px;	



}







#header-photo h2#slogan {



	position: absolute;



	margin: 0; padding: 0;



	font: bold 14px 'Trebuchet MS', Arial, Sans-serif;



	text-transform: none;



	color: #B6D1F8;



	



	/* change the values of top and left to adjust the position of the slogan*/



	top: 80px; left: 35px;		



}







/* Navigation */



#nav {



	clear: both;



	padding: 0;



	text-align: center;



}



#nav ul {
	float: left;
	list-style: none;
	background: #E4E4E4 url(nav.jpg) repeat-x;
	width: 900px;
	padding: 0;
	height: 25px;
	display: inline;
	text-transform: uppercase;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;


	



}



#nav ul li {



	display: inline;



	margin: 0; padding: 0;



	



}



#nav ul li a {

	display: block;

	float: left;

	width: auto;

	border-right: 1px solid #f3e6bc;

	border-left: 1px solid #f3e6bc;

	border-bottom: none;

	color: #ffffff;

	font: bold 12px/25px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;

	text-transform: uppercase;

	text-decoration: none;

	letter-spacing: -0.1px;

	/letter-spacing: 0.9px;



	background-image: url(flechas.gif);

	background-repeat: no-repeat;

	background-position: right;

	padding-top: 0px;

	padding-right: 29px;

	padding-bottom: 0;

	padding-left: 13px;
	/padding-left: 12px;



}







#nav ul li a:hover, 



#nav ul li a:active {

	color: #275668;

	border-right: 1px solid #c79e5e;

	border-left: 1px solid #fafafa;

	border-bottom: none;

	background-color: #ff9900;

	background-image: url(nav2.jpg);

	background-repeat: no-repeat;

	background-position: right;

	



}



#nav ul li a.current  {	



	background: url(nav-current.jpg) repeat-x;	



	color: #275668;



}







/* Main Column */



.three-col #main {
	background-repeat: no-repeat;
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: auto;
	margin-right: 20px;



}



.two-col #main {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 200px;


}







#main h2 {



	margin: 10px 10px 0 10px;



	font: normal 1.8em Georgia, "Times New Roman", Times, serif;



	color: #c52f30;



	padding: 15px 0 2px 0px; 		



	border-bottom: 1px dashed #c52f30;



}







/* Sidebar */	



#sidebar {
	float: left;
	width: auto;
	margin-top: 50px;
	background-repeat: no-repeat;
	margin-right: 10px;



}



#sidebar ul li a.current  {	



	font-weight: Bold; 	



}







#col1  {



	background-image: url(buscar.jpg);



	background-repeat: no-repeat;



	height: 184px;



	



}







#col2  {



	background-color: #FFFFFF;



	background-image: url(superior.jpg);



	background-repeat: no-repeat;



}







#col3  {
	background-repeat: no-repeat;
	height: 400px;


}







#col4  {



	margin-top: -7px;



	height: 26px;



	background-image: url(inferior.jpg);



}







#col5  {



	margin-top: -7px;



	height: 26px;



	background-image: url(derecha_abajo.jpg);



}







#col7  {



	background-image: url(derecha.jpg);



	background-repeat: no-repeat;



}



#col9  {

	width:277px;

	position: absolute;

	right: 30px;

	top: 360px;

	list-style-type: square;

	list-style-position: inside;



}



#col94  {

	border: thin dotted #225364;

	padding-left: 3px;

	padding-right: 3px;

	

}



#col95  {



border: thin dotted #ffffff;

background-color: #ffffff;



}

#col10  {

	background-color: #f5fbfd;

	border: thin dotted #225364;

	padding-left: 3px;

	padding-right: 3px;

	

}





	



/* right column */



#rightcolumn {



	float: right;



	width: 190px;



	margin-top: 10px;



	



}



#rightcolumn h1, #sidebar h1 {



	margin: 10px 5px 0 5px;



	padding: 5px 5px; 



	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;



	color: #275668; 		



}







/* sidemenu */



ul.sidemenu {
	text-align: left;
	padding: 0;
	text-decoration: none;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #C0CED1;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 5px;
	
	



}







ul.sidemenu2 {



	text-align: left;



	text-decoration: none;



	margin-top: -1px;	



}







ul.sidemenu li {
	padding: 4px 0 4px 5px;
	margin: 0 2px;
	background-color: #ff9900;
	text-decoration: none;
	list-style-type: none;
}







* html body ul.sidemenu li {



	height: 1%;



}



ul.sidemenu li a {



	



	color: #ffffff;



	border: none;


	text-decoration: none;

	



	padding: 3.7px;



	height: 1.6em;



}



ul.sidemenu li a:hover {	



	color: #275668;	



	background-image: url(menu_hover.png)!important;



	background: none;	



	color: #000000;



}







/* footer-wrap */



#footer-wrap {



	clear: both;



	width: 960px;



	font-size: 10px;



	padding: 5px 0;



	text-align: center;	



	background: url(footer.jpg) no-repeat center bottom;	



}



#footer-wrap a {



	text-decoration: none;



	color: #000000;



	font-weight: bold;



}



#footer-wrap a:hover {



	color: #c52f30;	



}



#footer-wrap p {



	padding: 0px 0;



}



#footer-wrap h2 {



	color: #666666;



	margin: 0;



	padding: 0 10px; 



}







/* footer */



#footer {



	clear: both;



	color: #000000;	



	margin: 0 auto 18px auto; 



	width: 910px;



	padding: 0px 0;



	text-align: center;



	background: #ffffff;



	border-top: 1px dashed #c79e5e;	



}







/* alignment classes */



.float-left  { float: left; }



.float-right { float: right; }



.float-center { float: center; }



.align-left  { text-align: left; }



.align-right { text-align: right; }







/* display and additional classes */



.clear { clear: both; }







/* post */



.date {	



	background: #f3e6bc;



		



	font-size: 95%;



	padding: 0px 10px 2px 10px;



	color: #c79e5e;



	float: right;



}















/* sNews */



fieldset { border: 1px solid #999; padding: 10px 8px; margin: 0 0 8px 0; background: #fed189; color: #000; }



input {
	
	
}



textarea { width: 97%; height: 20em; padding: 3px; }


.comment { background: #F5F6F6; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }



.commentsbox { background: #ffffff; color: #808080; padding: 10px; margin: 0 0 10px 0; }



.date { border-top: 1px solid #eee; margin: 0 0 20px 0; }











/* Paginator */



.paginator { font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto; }



.paginator a, .this-page { color: #0063DC; padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }



.paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }



.paginator a:hover { color: #fff; background: #0063DC; border-color: #036; text-decoration: none; }







.paginator .atfirst { padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }



.paginator .atprev { margin-right: 5px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }



.paginator .atlast { padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }



.paginator .atnext { margin-left: 5px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }







.paginator .first { padding: 2px 6px; border: solid 2px #ddd; background: #fff; }



.paginator .prev { margin-right: 5px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }



.paginator .last { padding: 2px 6px; border: solid 2px #ddd; background: #fff; }



.paginator .next { margin-left: 5px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }







.paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }



.paginator .this-page { padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; background: #fff; color: #FF0084; }