@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------
	Mommy feet
----------------------------------------------*/


/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	background: #95dcfa url(../_img/bkg_page_01.jpg) repeat-x left top;
}

/* Remove padding and margin */
* { margin: 0; padding: 0; }

/* Class for clearing floats */
.clear { width: 100%; clear: both; overflow: hidden; }

/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important;; }
.alignMiddle { vertical-align: middle !important;; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }
.imgFloatRight { margin: 5px 0 20px 20px; float: right; }
.imgFloatLeft { margin: 5px 20px 20px 0; float: left; }
.imgClear { margin: 20px 0; clear: both; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w100px { width: 100px; }
.w150px { width: 150px; }
.w200px { width: 200px; }
.w250px { width: 250px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w400px { width: 400px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }


ul {
	list-style: none;
	list-style-position: outside;
}

ol {
	list-style-position: inside;
	color: #777; font-size: 1.2em; margin: 1.5em;
}

/* =Layout
-----------------------------------------------------------------------------*/
#wrapper {
	width: 960px;
	background: #fff url(../_img/bkg_head.jpg) no-repeat left top;
	margin: 0 auto;
}

	#header {
		width: 960px;
		height: 145px;
		padding: 30px 0 0 0;
		position: relative;
	}

		#search {
			width: 230px;
			height: 35px;
			margin: 0 0 0 425px;
		}
		
		#marca {
			width: 210px;
			height: 141px;
			position: absolute;
			top: 92px;
			left: 0px;
		}
		
	#breadcrumbs {
		width: 715px;
		height: 27px;
		padding: 0 0 0 260px;
	}
	
	#content {
		width: 940px;
		padding: 10px;
	}
	
		#mainNavigation {
			width: 180px;
			float: left;
			padding: 55px 0 0 0;
		}

			#mainMenu {
				width: 180px;
				border-top: 1px dashed #ccc;
				margin: 0 0 50px 0;
			}
			

		#mainContent {
			width: 750px;
			float: right;
		}
		
			#mainColumn {
				width: 470px;
				padding: 15px 10px 0 10px;
				float: left;
			}

				#comments {
					margin: 3em 0 1em 0;
				}
				
			#secondaryColumn {
				width: 250px;
				margin: 120px 0 0 0;
				float: right;
			}


	#footer {
		width: 720px;
		height: 45px;
		background: url(../_img/bkg_footer.jpg) no-repeat left top;
		padding: 55px 30px 0 210px;
	}
	
		#credits {
			float: left;
		}
		
		#footerLinks {
			float: right;
		}

#adsOne {
	/* padding: 0 10px; */
	margin: 0 0 50px 0;
}

#adsTwo {
	margin: 0 0 50px 0;
}

#adsThree {
	margin: 1em 0;
}

/* =Typography
-----------------------------------------------------------------------------*/
h2 {
	color: #e06a9d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	line-height: 140%;
	margin: 0 0 1em 0;
	border-bottom: 6px solid #fcedf3;
}

	#secondaryColumn h2 {
		color: #e06a9d;
		font-size: 2em;
		font-weight: normal;
		line-height: 140%;
		padding: 0 1em;
		margin: 0 0 .5em 0;
		border: none;
	}
	
h3 {
	color: #e06a9d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	margin: 0 0 .5em 0;
}

	#comments h3 {
	color: #e06a9d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	margin: 0 0 .5em 0;
	}

	#disclaimer h3 {
		color: #999;
		font-size: 1.2em;
	}
	
	#searchResults h3 {
		margin: 0 0 .5em 0;
		line-height: 120%;
	}

h4 {
	color: #e06a9d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin: 0 0 .5em 0;
}

p {
	color: #777;
	font-size: 1.2em;
	margin: 0 0 1em 0;
}

	#breadcrumbs p {
		color: #4592e5;
		font-size: 1.1em;
		line-height: 25px;
	}
	
	p.resume {
		color: #924465;
		font-size: 1.4em;
		margin: 0 0 1.5em 0;
	}
	
	.subtitle p.resume {
		color: #924465;
		font-size: 1.3em;
		margin: 0 0 1em 0;
	}
	
	#credits p {
		color: #e06a9d;
		font-size: 1.1em;
		padding: .5em 0;
	}
	
	.commentText p {
		color: #4490E4;
		margin: 0;
	}
	
	.commentData p {
		color: #2F659F;
		margin: 0;
	}

	#disclaimer p {
		color: #999;
		font-size: 1.1em;
	}
	
	#searchResults p {
		font-size: 1.1em;
	}

/* =Forms
-----------------------------------------------------------------------------*/
label { font-size: 1.2em; color: #e06a9d; }

#search input.searchBox {
	color: #666;
	width: 149px;
	height: 18px;
	font-size: 1.4em;
	padding: 8px 10px;
	background: transparent url(../_img/bkg_searchbox.gif) no-repeat left top;
	_background: transparent url(../_img/bkg_searchbox.gif) no-repeat fixed;
	border: none;
}

#search input.btnSearch {
	position: absolute;
}

.postComment label, #contact label {
	display: block;
	margin: 0 0 .5em 0;
}

.postComment input.textField, #contact input.textField {
	color: #333;
	font-size: 1.3em;
	padding: 4px;
	border: 1px solid #e06a9d;
}

.postComment textarea.textArea, #contact textarea.textArea {
	color: #333;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	border: 1px solid #e06a9d;
}


/* =Classes
-----------------------------------------------------------------------------*/
a:link, a:visited { color: #4491E5; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

#sitemap a:link, #sitemap a:visited { color: #777; text-decoration: none; }
#sitemap a:hover, #sitemap a:active { text-decoration: underline; }

ul.buttonList { list-style: none; }
ul.buttonList li.btnPink { height: 31px; float: left; background: url(../_img/btn_pink_left.gif) no-repeat left top; }
ul.buttonList li.btnPink a { color: #fff; height: 31px; font-size: 1.4em; font-weight: bold; text-decoration: none; text-align: center; line-height: 29px; display: block; background: url(../_img/btn_pink_right.gif) no-repeat right top; }

ul.lightblue { color: #777; font-size: 1.2em; margin: 1.5em; }
ul.lightblue li { background: url(../_img/bul_lightblue.gif) no-repeat left 8px; padding: .2em 0 .2em 16px; }

#sitemap ul { color: #777; font-size: 1.5em; margin: 1.5em; }
#sitemap ul li { background: url(../_img/bul_page.gif) no-repeat left 10px; padding: .3em 0 .3em 18px; }
#sitemap ul li ul { font-size: 90%; margin: .5em 1em; }
#sitemap ul li ul li { background: url(../_img/bul_page.gif) no-repeat left 8px; padding: .3em 0 .3em 18px; }

#moreArticles {	background: url(../_img/panel_morearticles_top.gif) no-repeat left top; margin: 0 0 50px 0; position: relative; }
#moreArticlesBottom { padding: 1.4em 1.8em; background: url(../_img/panel_morearticles_bottom.gif) no-repeat left bottom; }
#moreArticles ul { color: #e06a9d; font-size: 1.4em; margin: 0; }
#moreArticles ul li { background: none; padding: .2em 0; }
#moreArticles ul li a:link, #moreArticles ul li a:visited { color: #e06a9d; text-decoration: none; }
#moreArticles ul li a:hover, #moreArticles ul li a:active { text-decoration: underline; }


#mainMenu ul {
	font-size: 1.2em;
}

	#mainMenu ul li a:link, #mainMenu ul li a:visited {
		width: 170px;
		color: #4491e5;
		padding: .5em 5px;
		border-bottom: 1px dashed #ccc;
		display: block;
		text-decoration: none;
	}
	
	/* CAMBIAR POR UN hover con JS para IE */
	#mainMenu ul a:hover {
		background: #FCEDF4;
		display: block;
	}

	#mainMenu ul li a.active {
		font-weight: bold;
		background: #f7fcff;
		border-bottom: 1px dashed #4491e5;
	}

#footerLinks ul { margin: 0; }
#footerLinks ul li { float: left; }
#footerLinks ul li a:link, #footerLinks ul li a:visited { color: #e06a9d; width: 70px; text-align: center; text-decoration: none; background: #fcedf3; padding: .5em .5em; margin: 0 0 0 10px; display: block; }
#footerLinks ul li a:hover, #footerLinks ul li a:active { background: #fff; text-decoration: underline; }

.subtitle {
	margin: 0 0 2em 0;
}

.comment {
	width: 470px;
	background: url(../_img/bubble_comments_top.gif) no-repeat left top;
	margin: 0 0 2em 0;
}

.commentText {
	padding: 10px 10px 0 10px;
}

.commentData {
	width: 470px;
	background: #fff url(../_img/bubble_comments_bottom.gif) no-repeat left top;
	padding: 25px 0 0 10px;
}

span.commentTime {
	color: #999;
	font-size: 90%;
}

.postComment {
	width: 470px;
	background: url(../_img/bubble_postComments_top.gif) no-repeat left top;
	margin: 0 0 2em 0;
}

	.postComment #formButtons, .postComment .buttons {
		margin: 1.5em 0 0 0;
	}

.postCommentText {
	padding: 15px 15px 10px 15px;
}

.postCommentData {
	width: 470px;
	height: 25px;
	background: #fff url(../_img/bubble_postComments_bottom.gif) no-repeat left top;
}

#disclaimer {
	margin: 50px 0 0 0;
}

#contact {
	width: 470px;
	background: url(../_img/bubble_contact_top.gif) no-repeat left top;
	margin: 0 0 2em 0;
}

	#contactBottom {
		background: url(../_img/bubble_contact_bottom.gif) no-repeat left bottom;
		padding: 1.5em;
	}
	
	#contact #formButtons, #contact .buttons {
		margin: 1.5em 0 0 0;
	}

label.error {
	color: #ff0000;
	font-size: .9em;
}
	input.textField.error {
		background: #FFFFCC;
	}
	
	textarea.textArea.error {
		background: #FFFFCC;
	}

#searchResults {
	margin: 2em 0;
}
	.searchRow {
		margin: 0 0 20px 0;
	}

	.resultNumber {
		width: 20px;
		height: 24px;
		color: #74E1FF;
		font-size: 1.6em;
		font-weight: bold;
		line-height: 24px;
		text-align: center;
		background: url(../_img/bkg_searchResult.gif) no-repeat left top;
		padding: 5px 7px 5px 7px;
		float: left;
	}
	
	.resultText {
		width: 420px;
		float: right;
	}
	

/*  DELETE AFTER ADDITION OF ADSENSE  */

.ads160x600 {
/*	width: 128px;
	height: 568px;
	background: #eee;
	border: 1px dashed #ccc;
	padding: 15px; */
}

.ads250x250 {
	width: 218px;
	height: 218px;
	background: #eee;
	border: 1px dashed #ccc;
	padding: 15px;
}

.ads468x60 {
	width: 436px;
	height: 28px;
	background: #eee;
	border: 1px dashed #ccc;
	padding: 15px;
}
