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

/*
Theme Name: Socrates
Theme URI: http://www.socratestheme.com
Description:  Premium WP Theme with Advanced Customization Features
Version: 1.1
Author: Flying Monkey Media, Inc.
Author URL: http://www.socratestheme.com
Tags: 

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* ------------------------------------- Main Structure ------------------------------------------------------- */

/****** Ads ******/

.AnchoAvisosx280
{
	height:280px;
}

.AdsPostDwTitle300x250R
{
    FLOAT: right;
    padding:10px 10px 10px 0px;
	width: 300px;
}
.AdsPostDwTitle300x250L
{
	float: left;
	padding:10px 0px 10px 1px;
	width: 300px;
}

.AdsPostEnd300x250R
{
    FLOAT: right;
    padding:10px 10px 10px 0px;
	width: 300px;
}
.AdsPostEnd300x250L
{
	float: left;
	padding:10px 0px 10px 1px;
	width: 300px;
}

.AdsPostComm300x250R
{
	FLOAT: right;
	padding:10px 0px 30px 0px;
	width: 300px;
}
.AdsPostComm300x250L
{
	float: left;
	padding:10px 0px 30px 0px;
	width: 300px;
}

.AdsTag300x250R
{
    FLOAT: right;
	padding:10px 0px 30px 0px;
	width: 300px;
}
.AdsTag300x250L
{
	float: left;
	padding:10px 0px 30px 0px;
	width: 300px;
}

/*--search--*/

.searchboxhome { 
	width: 90%;
	padding:10px 10px 10px 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border: 1px solid #f2f2f2;
	background-color: #e2efd0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/*--search--*/
#searchform { 
	background:url(images/bg-search.png) no-repeat; 
	height:35px; 
	width:281px; 
	margin:4px auto 0 auto; 
	position:relative;
}

#searchform input { 
	background:none; 
	border:none !important; 
	padding:8px 10px 8px 12px !important; 
	width:256px; 
	margin:0 auto; 
	font-family:arial, "Times New Roman", Times, serif; 
	font-size:14px; 
	color:#000000; 
}

#searchform input.submit { 
	cursor:pointer;
	background: url(images/ico-search.png) no-repeat; 
	width:15px; 
	height:16px; 
	position:absolute;
	right:0px; 
	top:7px; 
	padding:0; 
	margin:0; 
}

#que-estas-buscando {
	margin:4px auto 0 auto; 
	position:relative;
	height:50px; 
	width:320px; 
}

#me-lo-recomienda {
	margin:4px auto 10px auto; 
	position:relative;
}

#mensaje-busqueda {
	margin: 5px auto 20px auto; 
	position: relative;
	height: 12px; 
	width: 320px; 
}

#powered {
	margin: 5px auto 10px auto; 
	position: relative;
	height: 12px; 
	width: 230px; 
}

/****** Estilos definidos para Squizze Page ******/


.post blockquote { 
	color: #1C2639; 
	padding-top: 10px; 
	padding-bottom: 0.5px;
	padding-right: 5px;
	font: 1.2em Georgia, "Times New Roman", Times, serif; 

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f9f9f9; 
	
	background-image: url(images/blockquote.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 60px;
}


.yellow { /* this makes your text look like it is highlighted in yellow */
	background-color: #FFFF00;
	}

.red {	color: #CC0000;}

.blue {	color: #0000FF;}

.green {color: #007d0f;}

.lineout { /* crosses out text with a line */
	text-decoration: line-through;
}

.cuadro { 
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border: 2px solid #E1E1E1;
	background-color: #EDEDED;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.testimonial { /* styles for the testimonial table */
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border: 1px solid #000;
	background-color: #FF6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.offercouponoutline {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 4px dashed #CC0000;
	padding: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
}

ul.greencheck { 
	line-height: 18px;
}

.greencheck li {
	list-style:none;
	padding: 0 0 10px 35px;
	background-image: url(images/checkmark-sm.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.redstop { 
	line-height: 18px;
}

.redstop li {
	list-style:none;
	padding: 0 0 10px 35px;
	background-image: url(images/stop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}





.cuadro { 
	width: 95%;
	margin-bottom: 10px;
	border: 2px solid #E1E1E1;
	background-color: #EDEDED;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:12px 12px 12px 12px;	
}


body				{ background-color:#F4F4F4; margin:0; 
	font-size: 11pt;
	font-family: 'Verdana', Arial, Sans-Serif;
}


/* no need to change the im-wrapper it simple allows everything to be centered */
.im-wrapper			{ width:100%; }
.topBar				{ position:relative; z-index:3; background-image:url(images/bg-top.png); width:980px; height:19px; margin-top:20px}
.bottomBar			{ background-image:url(images/bg-bottom.png); width:980px; height:29px;}
/* width of frame determines width of content area. The clear eliminates the need for a <br clear:all /> tag 
   when using the complex template
*/
.im-frame			{ position:relative; width:980px; text-align:left; clear:both; background:url(images/bg-center.png) repeat-y; left:0px;  height:100%; }
.im-lowerFrame		{ position:relative; width:980px; text-align:left; clear:both; left:5px;}



/* required stuff */
img, a img 			{ border:none}
a:active 			{ outline: none;}
a:focus				{ outline: none;}
a				{ text-decoration:none;}
a:hover				{ text-decoration:underline;}

.rounded			{-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.shadow				{ text-shadow: #555555 2px 2px 5px;}
.line				{ position:relative; left:15px; border-bottom:3px double #e2e2e2; clear:both; width:945px; margin:0px 0px 5px; height:3px;}

.aligncenter 		{ display:block; margin-left:auto; margin-right:auto; text-align:center}
.alignleft 			{ float: left;}
.alignright 		{float: right;}


h1, h2, h3, h4, h5, h6		{ margin:0px 0px 5px; }
h1							 { font-size:30px;line-height:40px;}
h2							 { font-size:25px;font-family: arial,helvetica,san-serif;color:#ff6600;line-height:35px}
h3							 { font-size:20px;font-family: arial,helvetica,san-serif;color:#ff6600;line-height:30px}
h4							 { font-size:15px;font-family: arial,helvetica,san-serif;color:#ff6600;line-height:25px}
p							{ margin:0px 0px 0px 0px; padding:5px 15px 5px 0px;color: #333333}

.widgettitle					{ position:relative;  padding-bottom:3px; margin:0px 0px 5px 0px; border-bottom:1px dotted #e2e2e2}
.widgetFrame .widgettitle		{ position:relative;  padding-bottom:3px; margin:0px 0px 0px 0px; border:none}

ul 					{ padding:0; margin:5px 0px 10px 15px}
li 					{ color:#161618; margin:5px 0px 0px 0px; padding; 0px -5px;}
ol 					{ list-style-type: decimal; color:#585858; margin:0px;}
ol ol 				{ list-style-type: upper-alpha; }
ol ol ol 			{ list-style-type: decimal; }
ol ol ol ol 		{ list-style-type: lower-alpha; }
ol ol ol ol ol 		{ list-style-type: lower-roman; }


/* ------------------------------------- POSTS ------------------------------------------------------------------ */
.post					{ padding:0px 0px 0px 0px; overflow:hidden}
.post a					{ color:#0066bb}
.post a:hover			{ color:#D45D2A}
.post img				{ padding:0px 10px 0px 10px;}

.post h1, .post h2, .post h3	{ margin:0px 0px 5px 0px}
.post h4, .post h5, .post h6	{ margin:3px 0px 0px 0px}

.post h1 a	{ color:#ff6600}


.singleTitle			{ border-bottom:double #ff6600; margin:5px 0px 0px 0px}

.postAuthor				{ font-size:10px; color:#999; margin-bottom:10px;}
.postAuthor	a			{ color:#85695b}
.postAuthor	a:hover		{ color:#553e30; text-decoration:underline;}

.post p					{ margin:0; padding:5px 5px 5px 0px}

.postmetadata			{ color:#777777; font-size:80%; margin:10px 0px 20px;;}
.post .edit a			{ color:#7d1515; font-size:60%}


.post .entry                                        { color:#161618; padding-bottom: 10px; line-height:20px;}


table			{ background:#868686; border:none}
th				{ background:#696869; color:#FFF; padding:3px}
tr				{ background:#e3e3e3;}
tr.alternate	{ background:#d2d0d2}
td				{ padding:3px}

.even				{ background:#e3e3e3}
.odd				{ background:#d2d0d2}
#commentsFrame			{ width:600px; font-size:90%;  }
#commentsFrame h3		{ margin:5px 0px 5px 0px}
#respond a			{ }
#respond a:hover		{ text-decoration:underline;}

.commentlist .photo		{ float:right; padding:3px 5px 0px 0px; width:50px; height:50px;}
.commentlist .custom-avatar-for-comment { float:right; padding:3px 5px 0px 0px;}
ol.commentlist 			{ left:-20px; margin:3px 0px; padding:0px}
.commentlist li			{ list-style:none; margin:10px 0px; padding:5px; border-bottom:1px dotted #666}
.commentlist a			{ }
.commentlist .url		{ font-size:120%; font-weight:bold; font-style:normal;}

.commentlist .reply		{ margin-bottom:5px}
.commentlist .reply a		{  font-weight:bold; }
.commentlist .reply a:hover	{  text-decoration:underline; }

.comment-meta 			{ margin-top:5px;
				font-size:20%;	}

.commentlist p			{ }
#commentsFrame .even		{ background:#f7f7f7;}
#commentsFrame .odd		{ background:#fff;}


/* ------------------------------------- Header --------------------------------------------------------------- */
.im-header			{ position:relative; min-height:150px; padding:5px 0px; left:10px; width:960px; margin:-43px 0px 0px;  z-index:3 }
.im-header img		{ border:1px solid black;}
#im-searchForm		{ position:absolute; top:145px; left:748px; width:223px; z-index:5; text-align:right}
#searchBtn			{ float:right}
.searchBox			{ float:left; font-size:90%; color:#666; width:191px; margin:1px 0px 0px;  }
#header				{width:940px; height:150px; overflow:hidden; padding:5px 10px 0px; background:url(header-images/abstract/JigsawPuzzles.jpg) no-repeat;}
.titleText h1		{ color:#FFF;}
.descText			{ color:#F0F0F0;padding-top:5px;}

/* ------------------------------------- Navigation ----------------------------------------------------------- */
.im-topNav			{ position:relative; text-align:right; width:930px;  left:40px; top:-33px; margin-bottom:-35px; z-index:1; 
						height:28px; background:url(images/topFade.png) right no-repeat;}
.im-topNav a		{ position:relative; font-size:80%; padding:13px 10px 10px 10px;	margin:5px 0px 0px -4px; color:#242424}
.im-topNav a:hover	{ text-decoration:none; color:#FFF}				

.im-nav				{ position:relative; background:url(images/completeNavBg.png) no-repeat; width:1010px; height:46px; 
						 z-index:4; padding:5px 13px 0px; left:-5px; top:-18px; font-family:Verdana, Geneva, sans-serif}
.im-nav a			{ position:relative; top:10px; font-size:100%; padding:9px 13px 8px 14px;  font-weight:bold; margin-left:-6px;}
.im-nav a:hover		{ background:url(images/navSlash.png) repeat-x; text-decoration:none}

.im-nav a + a		{ background:url(images/navSlash.png) no-repeat;}



/* ------------------------------------- AD BLOCKS ----------------------------------------------------------- */
.im-topAds			{ padding:0px 10px; margin:-15px 0px 10px; height:90px;}
.top728				{ width:728px; height:90px; background-color:#999; float:left;}
.side190			{ width:220px; height:90px; float:right; overflow:hidden; }





/* ------------------------------------- Footer --------------------------------------------------------------- */
.im-footer			{ position:relative; min-height:110px; padding: 0px;  left:19px; width:935px; }
.im-footer li			{ list-style:none }
.im-lowerFooter		{ position:relative; padding:0px;  left:0px; width:980px; margin:-5px 0px 10px;  }
.footerContent		{ clear:both;}
.im-lowerWidgets	{ position:relative; left:-5px; width:955px; font-size:100%;}
.im-lowerWidgets h4 {font-family: arial, Verdana, Sans-Serif;border-bottom: 1px dotted #ccc;padding: 0px 0px 2px 0px;margin: 0 0 3px 0;font-size:14px;font-weight: bold;text-transform: uppercase;letter-spacing: 0px;}
.lowerWidget		{ border:0px solid #e2e2e2; min-height:90px; float:left; width:305px; margin:5px; padding:5px 0px;}
.widgetFrame		{ padding:0px 5px 0px 0px; font-size:90%}
.widgetFrame ul ul {list-style-type: none;margin:1px;padding-top: 5px;}
.lowerNav			{ float:left; font-size:80%; width:485px; text-align:left; overflow:hidden }
.copyright			{ float:right; font-size:80%; width:480px;  overflow:hidden; text-align:right; padding-right:10px;}
.disclaimer			{ font-size:60%; text-align:center;}

.widgetFrame a		{ color:#666}


/* ------------------------------------- Content -------------------------------------------------------------- */
.im-mainContent		{ position:relative;  padding:0px;  font-size:100%; margin-bottom:5px;}

/* ------------------------------------- Sidebar --------------------------------------------------------------- */
/* the width of the sidebar must be less then the width of the frame minus the 
   width of the content are minus any padding. In this example the frame is 1000
   the content is 670px + 5px padding on each side totaling 680px. Therefore the
   sidebar width must be less then or equal to 320px. The side bar has a width of 
   300px and a padding of 5px on each side totaling 310px, that will give us a
   margin of 10px between the content and the sidebar.
*/   
.sidebar				{ position:relative; font-size:100%; }
.sidebar caption		{ font-weight:bold; color:#696869; text-align:left; font-style:italic;}
.sidebar a				{ color:#0066bb}
.sidebar a:hover		{ color:#333a23; text-decoration:underline}
.sidebar h2 {font-family: arial, Verdana, Sans-Serif;border-bottom: 1px dotted #ccc;padding: 6px 0px 4px 6px;margin: 0 0 10px 0;font-size: 14px;font-weight: bold;text-transform: uppercase;letter-spacing: 0px;}
.sidebar ul ul {list-style-type: none;margin:-4px;padding-top: 5px;}
.sidebar li li {list-style-type: none;background: transparent url(images/bullet.png) -1px 1px no-repeat;padding: 0px 2px 3px 16px;margin: 0 0px 2px 0;}

#calendar_wrap				{ text-align:center; }
#wp-calendar				{ position:relative;}
#wp-calendar table			{ background:#d8cac2; border:none}
#wp-calendar th				{ background:#696869; color:#FFF; padding:3px}
#wp-calendar tr				{ background:#e3e3e3;}
#wp-calendar tr.alternate	{ background:#d2d0d2}
#wp-calendar td				{ padding:3px}