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


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

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

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
img, a img { border:1px solid #ccc; }
#footer a img {border:none;}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#content { padding:5px 38px 250px 38px;  } /* must be same height as the footer */

#footer {position: relative;
	margin-top: -250px; /* negative value of footer height */
	height: 250px;
	clear:both;} 

#content-footer { padding:5px 38px 5px 38px;  } 

/* typography.css */
@font-face {
	font-family: 'Magenta BBT Regular';
	src: url('http://www.motordeexpresiones.com/magenta_bbt.eot');
	src: local('Magenta BBT Regular'), local('MagentaBBT-Regular'), url('http://www.motordeexpresiones.com/magenta_bbt.ttf') format('truetype');
}

html {font-size:100.01%;}
body {font-size:75%;color:#333;font-family:"Trebuchet MS", Arial, Verdana; background:url(http://www.motordeexpresiones.com/images/background.jpg) no-repeat fixed 50% 0 #c4d9bf;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}

h2, h3, h4 {color:#0468bf;}

h1 {font-size:2.5em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.5em;margin-bottom:0.25em;}
h3 {font-size:1.2em;line-height:1;margin-bottom:1em; font-style:oblique; font-weight:bold;}

.span-7hl h3, .span-7hr h3, .span-7h h3 {margin-bottom:0.25em;}

h4 {font-size:1em;font-weight:bold;line-height:1.25;margin-bottom:1em;}
h5 {font-size:1em; font-style:oblique; font-weight:bold;margin-bottom:1em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; font-size:1.2em}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000; text-decoration:underline;}
a {color:#009;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre; font-size:1.5em; padding:0.5em; border: 1px solid #ccc; background-color:#f4f4f4; }
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 0 1.5em;}
ul, ol {margin:0 0 0.5em 0;padding-left:0em; font-size:1.2em;}
ul {list-style-type:none;}
ul ol, ul ul, ol ul {font-size:1em;}
ul li {background:url(http://www.motordeexpresiones.com/images/li-bullet.gif) no-repeat 0 8px; padding-left:15px;}
#footer ul#feedlist li.completo {background:url(http://www.motordeexpresiones.com/images/rss-04.png) no-repeat 0 3px; padding-left:18px;}
#footer ul#feedlist li.intro {background:url(http://www.motordeexpresiones.com/images/rss-07.png) no-repeat 0 3px; padding-left:18px;}



ol {list-style-type:decimal; list-style-position:inside}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:360px;height:150px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}

.span-7hl, .span-7hr, .span-7h { width:263px; margin-right:10px; float:left; background-color:#f4f4f4; padding:10px; height:220px;}

.span-7hl {
	-moz-border-radius-topleft:12px;
	-moz-border-radius-bottomleft:12px;
	-webkit-border-top-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
}

.span-7hr {
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
}

.span-7fl, .span-7fr, .span-7f { width:263px; margin-right:10px; float:left; padding:10px; }

.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin-right:0;}

#home .span-11 {margin-bottom:10px;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}


.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

#topbar{background:url(http://www.motordeexpresiones.com/images/bgtopnav.jpg) repeat-x; height:32px; }
#topbar h1 , #courtesynav {font-size:0.8em;}
#topbar h1 { font-style:italic; font-weight:bold; color:#fff; float:left; padding-top:10px;}

#topbar h1 a { border-bottom: 1px dotted #fff; color: #fff;}

#topbar h1 a:hover { text-decoration:none; border-bottom: 1px solid #C4D9BF; color:#C4D9BF;}

#courtesynav {width:190px; float:right; padding-top:5px; color:#0033cc; text-align:right;}


#courtesynav a { color:#c4d9bf; text-decoration:none; }

#courtesynav a:hover { color:#fff; text-decoration:overline; }

#header { height:116px; background:url(http://www.motordeexpresiones.com/images/breadcrumbsbar.png) no-repeat; background-position:0px 85px; }

#breadcrumbs { height:15px; width:680px; margin-top:22px; float:right; font-size:0.8em; }

#breadcrumbs a {color:#fff;}

#logo {float:left;}

#logo h1 {margin-bottom:0;}

#logo h1 a { display:block; width:260px; height:115px; text-indent: -100em; background:url(http://www.motordeexpresiones.com/images/MotorDeExpresiones_logo.png) no-repeat; background-position:0px 5px;}

#logo h1 a:hover { background-position:0px -117px;}

ul#topnav { list-style:none; float:right; margin-top:30px;}

ul#topnav li {
	list-style:none; float:left; 
	background:none;
	padding-left:0px;
}

ul#topnav li a { 
	display:block;
	width:138px; height:39px;
	background:url(http://www.motordeexpresiones.com/images/topnav-li-a.png) no-repeat; background-position:0px 0px;
	font: 30px 'Magenta BBT Regular', Arial, sans-serif;
	text-align:center;
	text-decoration:none;
	color:#c4d9bf;


			padding-top:2px;
	

	
}


ul#topnav li a:hover { background-position:0px -49px; color:#fff; }

#noticias ul#topnav li.noticias a, #articulos ul#topnav li.articulos a, #tutoriales ul#topnav li.tutoriales a, #addons ul#topnav li.addons a   { background-position:0px -98px; color:#fff; }

#footer { background-color:#040f2f; color: #98c9fb; }

body#user_message #content {background-color:#f4f4f4;}


#topbanner {height:320px;}

#btn_VisitEE, #btn_Aprende {float:left;}

#btn_VisitEE { display: block; width: 160px; height: 40px; background: url(http://www.motordeexpresiones.com/images/btn-grey-VisitEE.png) no-repeat 0 0; }
#btn_VisitEE:hover {  background-position: 0 -43px; }
#btn_VisitEE span {  display: none; }

#btn_Aprende { display: block; width: 160px; height: 40px; background: url(http://www.motordeexpresiones.com/images/btn-grey-Aprende.png) no-repeat 0 0; }
#btn_Aprende:hover {  background-position: 0 -43px; }
#btn_Aprende span {  display: none; }

#formulario { padding:10px; background-color:#fff;}


#hometeaser { display: block; width:410px; height:104px; background: url(http://www.motordeexpresiones.com/images/bghometeaser.jpg) no-repeat 0 0; }

#hometeaser p { padding: 31px 0px 0px 45px; }

form p {margin:0 0 .5em;}

.cbox {
	padding:20px;
	background-color:#fff;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-bottomleft:12px;
	-webkit-border-top-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
}

.hboxr {
    background-color:#fff;
    padding:10px 20px 2px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-top-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-webkit-border-bottom-right-radius:12px;
}

#home .hboxl p {margin-bottom:1em;}

.fboxl {
	padding:10px;
	background-color:#fff;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-top-left-radius:12px;
	-webkit-border-bottom-right-radius:12px;
}

.aright {text-align:right;}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

ul#noticias-inicio { margin:0; padding:0; }
ul#noticias-inicio li { list-style:none; margin-bottom:10px; background:none; padding:0px;}
ul#noticias-inicio li a {
	display:block;
	font-size:0.9em;
	padding:10px;
	text-decoration:none; 
	background:url(http://www.motordeexpresiones.com/images/corner-plus.gif) no-repeat bottom right #f4f4f4;
}

ul#noticias-inicio span.titular { font-size:1em; margin-bottom:0.25em; font-weight:bold; color:#0468bf; }
ul#noticias-inicio span.intro-noticia { color:#333; font-size:0.9em;}
ul#noticias-inicio li a:hover span.titular {color:#006;}
ul#noticias-inicio li a:hover span.intro-noticia {color:#000;}

ul#noticias-inicio a:hover {background:url(http://www.motordeexpresiones.com/images/corner-plushover.gif) no-repeat bottom right #ececec;}

ul#noticias-inicio .fecha-rel {font-size:0.75em;}

#sidebar { 
	padding: 21px 10px;
	background-color:#fff;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
}

#sidebar p.nota {font-size:0.8em;}

#sidebar h3, #sidebar p {margin-bottom:0.15em;}

.articulo { border-bottom: 1px solid  #ececec; margin-bottom:5px; padding-top:5px;}

.articulo h2 {margin-bottom:0.25em; font-style:italic; }

.articulo h2 a { color:#003366; text-decoration:underline;  background:url(http://www.motordeexpresiones.com/images/posttitle.gif) no-repeat 0px 3px; padding-left:29px;} 

.articulo h2 a:hover, .articulo h2 a:focus { color:#333; text-decoration:none; background-position: 0px -17px}

.articulo h3 {margin-top:1em;}

h2.titulopost {background:url(http://www.motordeexpresiones.com/images/posttitle.gif) no-repeat 0px -34px; color:#0468BF; padding-left:29px; }  

.articulo p {margin-bottom:0.5em;}

p.postinfo { font-size:0.9em; color:#001f59;}

p.postinfo a {color:#0a50cb;}

p.postinfo a:hover, .postinfo a:focus { color:#394159; text-decoration:overline; }

p.postinfo span { font: 40px 'Magenta BBT Regular', Arial, sans-serif; line-height:0; color:#999}

.comentarios h4 { border-top:1px dashed #ddd; margin-top:5px; padding-top:5px; }

.comment { border-bottom:1px solid #ccc; margin-bottom:5px; padding-bottom:5px; }

p.imagedes { font-size:0.9em; color:#666;}

p.alignrightsmall  { font-size:0.9em; text-align:right; }

#mensajeusuario {
	background-color: #fff;
	padding:20px;
}

#footer ul {font-size:0.9em;} 

#footer p {font-size:0.8em;}

#footer h3 {color:#ffe74d; font-weight:lighter;}

#footer .span-7fl p a, #footer .span-7fr p a { border-bottom: 1px dotted #98c9fb; color: #98c9fb;}

#footer .span-7fl p a:hover, #footer .span-7fr p a:hover { text-decoration:none; border-bottom: 1px solid #fff; color: #fff; }

#footer ul li a {color:#C4D9BF;}

#footer a:hover {color:#fff;}

ul#noticias-inicio li a, #formulario {
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomleft:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
}
#mensajeusuario, .hboxl {
	background-color: #fff;
	padding:20px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-top-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-webkit-border-bottom-right-radius:12px;
}