/*
THEME NAME: Sandbox Rey
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Based in SandBox, Sandbox Rey is a modified version by <a href="http://reymundolopez.com">Reymundo Lopez</a>
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a> &amp; <a href="http://reymundolopez.com">Reymundo Lopez</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* One-column with sidebar on left-down from the /examples/ folder  */
@import url('examples/1c-b.css');

/*CSS Reset Reloaded-  From Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/*/
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, strong, 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; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {	outline: 0;}
body {line-height: 1; color: black; background-color: white; font-size:100.01%; }
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}


/* Sandbox Rey --- Start here --- */
p, span, div{ font-family: "Trebuchet MS", Verdana, Arial; }
#wrapper{margin:0 auto; width:838px; border-top:1px solid #303030; }
body{ background-image:url(images/bg.jpg); background-repeat: repeat-x; }
blockquote{font-style:italic; padding:15px; margin:10px 0; background:url(images/bgblockquote.jpg) no-repeat #EEEEEE}
pre{background:#E4ECFC; font-size:0.7em; font-style:normal; padding:15px; margin:10px 0; font-family:courier; line-height:1.7em;}
code{font-family:courier; padding:3px; background:#E4ECFC;  border-bottom:1px solid #D1DAED;  border-right:1px solid #D1DAED;}
pre code{padding:0; background:none}

/* -- Header --- */
#header{ margin:0; padding:0; width:400px; float:left; }
#blog-description{ float:left; padding:20px 0 20px 20px; margin-top:40px; color:#FFF; }
div#access .skip-link{display:none}

/* ---- Menu ---- */
div#access{ width:400px; float:right; height:50px; margin-right:20px; }
#menu{position:relative; height:40px; font-weight:bold; padding:0 0 0 10px;}
#menu ul{margin:0;padding:0; list-style-type:none; width:auto; float:left;}
#menu ul li.page_item {display:block; float:left; margin:0 1px; text-align:center; padding-right:5px;}
#menu ul li.page_item  a{ 	display:block; color:#FFF; text-decoration:none;  
							padding-top:5px; height:33px; width:121px; 
							background: url(images/bgmenu.jpg) no-repeat top left;}
#menu ul li.page_item  a:hover{color:#AAA}
#menu ul li.current_page_item a, #menu ul li.current_page_item a:hover{color:#EEE;
background: url(images/bgmenu_actual.jpg) no-repeat top left; }

/* Tools and Debug */
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
.debug_red{ border:1px solid red; }
.debug_green{ border:1px solid green; }
.debug_blue{ border:1px solid blue; }
.debug_yellow{ border:1px solid yellow; }
.hidden{ display:none; }
.red{ color:red;}
.center{ text-align:center; margin:0 auto; padding-bottom:10px;}

/* ---- Container ---- */
#container{ margin-top:8px; background-image:url(images/bgcontainer.jpg); background-repeat: repeat-y;}
#topcontainer{ width:836px; height:47px; background-image:url(images/topcontainer.jpg); background-repeat: no-repeat;}
#bottomcontainer{ width:836px; height:20px;	background-image:url(images/bottomcontainer.jpg); background-repeat: no-repeat;}
#content{	background-image:url(images/bgfirstpost.jpg); background-repeat: no-repeat;	width:800px; padding:0 20px;}

/* ----- Navigation ----- */
div#nav-above{display:none}
div#nav-below .nav-next, div#nav-below .nav-previous{font-size:0.8em; padding:15px; text-align:center; margin-top:10px; font-weight:bold}
div#nav-below .nav-next a{ color:red;}
div#nav-below .nav-next a .meta-nav{}
div#nav-below .nav-next .meta-nav{}
div#nav-below .nav-previous{}
div#nav-below .nav-previous a{ color:red;}
div#nav-below .nav-previous a .meta-nav{}
div#nav-below .nav-previous .meta-nav{}

/* ------ Sidebar and Footer bg ----- */
#bottom { width: 100%; background-color: #333; color: #ccc;
  		  height: 100%;  margin: auto; float: left; text-align: center;
  		  margin-top: 20px; padding-top: 30px; }

/* ------ Post's and pages ----- 72*698180*2 */
div.page, div.post{ margin-bottom:45px; padding:0 17px; }
div.page h2, div.post h2{ font-size:1.7em; margin-bottom:10px; font-family: georgia; font-weight: lighter; }
div.page h2 a, div.post h2 a, .entry-title, div.entry-content a{ color:#c00505; text-decoration:none; }
div.page h2 a:hover, div.post h2 a:hover, div.entry-content a:hover{color:red;}
div.page h4, div.post h4{ font-size:1.3em; font-family: georgia; font-weight: lighter; }
	div.entry-content a{ border-bottom:1px dotted #c00505; }
	div.entry-content a:hover{ border-bottom:1px dotted red; }
div.page p, div.post p{ text-indent: 15px; line-height: 2.0em; margin-bottom:15px; font-size:13px; }
div.page img, div.post img{ text-align:center; display: block; margin: auto; padding:10px; }
div.page img.wp-smiley, div.post img.wp-smiley{ margin:0 !important; padding:0 !important; border:0; display:inline; }

.entry-content ul, ol{margin:10px 35px; width:87%; font-size:12px; line-height:1.8em;}
.entry-content ul li{padding-left:25px; background: url(images/bullet.png) no-repeat 0 2px} 
.entry-content ol {list-style-position:inside; padding-left:20px; background: url(images/bullet.png) no-repeat 0 3px; } 
.entry-content ol li{list-style-type: decimal; background:none}
div.entry-date{ font-style:italic; font-size:.7em; margin-bottom:20px; padding-left:5px; }
div.entry-meta{ border-top:1px solid #eee; border-bottom:1px solid #eee; padding:8px; font-size:.87em; }
div.entry-meta span.author a, span.comments-link a, div.entry-meta span.cat-links a, span.tag-links a{ color:#c00505; text-decoration:none; border-bottom:1px dotted #c00505; } 
div.entry-meta span.author a:hover, span.comments-link a:hover, div.entry-meta span.cat-links a:hover, span.tag-links a:hover{color:red; border-bottom:1px dotted red; }
.entry-content em{font-style:italic}
.entry-content strong, .entry-content b{font-weight:bold; }
.entry-content .caps{text-transform: uppercase;}
.entry-content dl{font-size:0.75em; line-height:1.8em;}
.entry-content dl dt{background: url(images/bullet.png) no-repeat 0 2px; border-bottom:1px solid #ccc; padding-left:20px; margin:10px 5px;}
.entry-content dl dd{margin:10px 25px; font-size:0.9em}

.error, .warning, .info{ width: 700px; padding:10px 25px; color:#fff;  }
.error{ background:url(images/exclamation.png) no-repeat 10px 18px #ff9797; border:1px solid red; }
.info{ background:url(images/information.png) no-repeat 10px 18px #74a2ff; border:1px solid #0449d4; }
.warning{ background:url(images/error.png) no-repeat 10px 18px #cccc33; border:1px solid yellow; color:#fff }

/* ------ Asides and other Stuff of the Footer ----- */
#sidebarcontainer{ margin:0 auto; text-align:center; width:800px; background:url(images/bgbottom.png) no-repeat; }
#primary{ width:500px; }
#secondary{ width:178px; }
.xoxo li#pages, #categories, #archives, #linkcat-2, #rss-links #meta, #search
	{ padding:10px 0; text-align:left; float:left; }
.xoxo li#pages h3, #categories h3, #archives h3, #linkcat-2 h3, #rss-links h3, #meta h3, #search h3
	{ color:#fff; margin:10px 5px; font-size:1.2em; font-weight:bold; }
.xoxo li#pages ul, #categories ul, #archives ul, #linkcat-2 ul, #rss-links ul, #meta ul, #search ul
	{ margin:0 20px; }
.xoxo li#pages ul li, #categories ul li, #archives ul li, #linkcat-2 ul li, #rss-links ul li, #meta ul li, #search ul li
	{ display:block; padding:5px 5px; font-size:.75em; background: url(images/bgMenuBottom.png) repeat-x;  padding-left:20px; }
.xoxo li#pages ul li a, #categories ul li a, #archives ul li a, #linkcat-2 ul li a, #rss-links ul li a, #meta ul li a, #search ul li a
	{ color:#666; display:block; text-decoration:none; }
.xoxo li#pages ul li a:hover, #categories ul li a:hover, #archives ul li a:hover, #linkcat-2 ul li a:hover, #rss-links ul li a:hover, #meta ul li a:hover, #search ul li a:hover
	{ color:#fff; }
.line{width:100%; border-bottom:1px solid #555; margin-bottom:15px; }
#footer{ font-size:.7em; }
#footer a{ color:#666; }
#footer a:hover{ color:#fff; }

/* --------- Search ---------- */
.page-title{ padding:30px 20px; font-size:1.4em; font-weight:bold; }
.page-title span{ color:green; }
.hentry h3{ font-size:1.3em; margin-bottom:10px; font-family: georgia; font-weight: lighter; }
.hentry h3 a{ color:#c00505; text-decoration:none; }
.hentry h3 a:hover{ color:red; }

/* -------- Comments ---------- */
#comments{ padding:10px;}
#comments-list{ }
#comments-list h3{ font-size:1.3em; margin:5px; font-family: georgia; font-weight: lighter; color:#c00505; }
.comment{ margin:10px 0; background:#ECE5CE; border:1px solid #F1D4AF; padding:10px; }
.comment a{ color:#c00505; text-decoration:none; border-bottom:1px dotted #c00505; }
.comment a:hover{ color:red; border-bottom:1px dotted red; }
.comment strong, .comment b{ font-weight:bold; }
.comment-author-admin, .comment-author-reymundolopez{ background:#C5E0DC; border:1px solid #774F38;}
.comment-content{ margin:15px 10px 0 20px; }
.comment-content p{ line-height: 1.9em; margin-bottom:15px; }
.required{ color:#c00505; }

#respond{ margin-top:20px;}
#respond h3{ font-size:1.3em; margin:5px; font-family: georgia; font-weight: lighter; color:#c00505; }

#commentform{ margin:30px;}
.form-label{ width:100px; }
input, textarea{ color:#555; }

.image_rss{ float:right; }

/* PAGES */
#frmContacto{ width:410px; float:left; }
#pagesidebar{ width:350px; float:left; }
#pagesidebar a, #pagesidebar img{padding:0 !important; border:none;}

/* ====== CONTACT  ===== */
.wpcf7-form{ }