label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

body {
	background: url(../img/bg.gif);
	font-family: Helvetica, Arial, sans;
	color: #505050;
}

a {
	outline: none;
}

a:link, a:visited {
	color: #2BE2FF;
}

a:hover {
	color: #000;
}

h2 {
	font-size: 22px;
	font-weight: bolder;
}

img {
	display: block;
}

.l10 {
	padding-left: 15px;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

/*** HEADER ***/

#black-header {
	background: #000;
	color: #fff;
	font-size: 11px;
}

#black-header p {
	margin: 10px 10px 5px 10px;
}

#black-header a:hover {
	color: #fff;
}

#black-header img {
	vertical-align: middle;
	display: inline;
}

#black-header p#top-menu a {
	padding: 0 5px;
}


#slogan {
	text-align: right;
}

#slogan img {
	display: inline;
}

#header {
	border-bottom: 5px solid #000;
}

#main-menu {
	border-bottom: 2px dotted #494949;
	font-size: 15px;
}

#main-menu p {
	text-align: center;
	margin: 5px 0;
	color: #505050;
	font-weight: bolder;
}

#main-menu a {
	padding: 0 23px;
}

#main-menu a:link, #main-menu a:visited {
	color: #505050;
	font-weight: bolder;
	text-decoration: none;
}

#main-menu a:hover {
	color: #2BE2FF;
}


/*** MAIN ***/


#main h2.titulo, #main-2 h2.titulo, #footer h2.titulo {
	border-top: 5px solid #000;
	border-bottom: 2px dotted #494949;
}

#footer h2.titulo2 {
	border-top: 5px solid #000;
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}


/*** Blog ***/

#contact h4 {
	font-size: 16px;
}

#contact input {
	width: 250px;
}

#contact select {
	width: 253px;
}

#contact textarea {
	width: 335px;
	height: 100px;
}

/*** Blog ***/

.blog {
	border-top: 2px dotted #B7B7B7;
	margin-bottom: 15px;
	padding-top: 25px;
}

#blog-title {
	margin-top: 10px;
}

#blog-title h1 {
	font-size: 24px;
	font-weight: lighter;
	color: #000;
	margin-left: 20px;
}

#blog-title h1 a:link, #blog-title h1 a:visited {
	color: #000;
	text-decoration: none;
}

#blog-title h1 a:hover {
	color: #2BE2FF;
}

.blog h2 {
	font-size: 21px;
	font-weight: lighter;
	color: #000;
}

#blog-title p{
	font-size: 11px;
	color: #B7B7B7;
}

#blog-img img, #blog-img p {
	margin-left: 20px;
}

#blog-img p {
	width: 140px;
	margin-top: 10px;
}

p.blog-nav a {
	color: #000;
	font-size: 11px;
}

.blog input.entrada  {
	width: 300px;
}

.blog textarea.entrada  {
	width: 440px;
	height: 100px;
}

td.comments { 
	vertical-align: top; 
	padding-top: 7px;
}

td.check input {
	margin: 0 10px 10px 0;
}

td.post-comment input {
	margin: 10px 10px 0 0;
}

.post-info p span {
	color: #000;
}

p.dice {
	background: url(http://www.rutaurbana.com/img/dice.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 0;
}

p.dice a:link, p.dice a:visited {
	color: #000;
}

p.dice a:hover {
	color: #2BE2FF;
}

#comentarios {
	margin-bottom: 20px;
}

.comentario {
	border-bottom: 2px dotted #b7b7b7;
	padding: 15px 0;
}

.pages {
	margin-top: 20px;
}

/*** MARCAS ***/

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 900px;
	height: 80px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 990px;
	height: 80px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	
	height: 80px;
}


/*** MENU DERECHA ***/

/*** Importante!!! para el menu de la izq. hay que hacer una clase con style="background:#2BE2FF;color:#fff;padding:3px;" para los active ***/
.menu-right {
	border-bottom: 2px dotted #494949;
}

.page {
	border-bottom: none;
}

.menu-right h2 {
	padding-left: 15px;
}

.menu-right ul li a:link, .menu-right ul li a:visited{
	color: #505050;
	font-size: 14px;
	text-decoration: none;
}

.menu-right ul li a:hover {
	color: #2BE2FF;
}

.menu-right ul li {
	list-style: none;
	width: 170px;
	height: 35px;
}

.menu-right ul li a.facebook {
	background: url(../img/facebook.png) no-repeat right 50%;
	padding: 15px 80px 15px 0;

}

.menu-right ul li  a.flickr {
	background: url(../img/flickr.png) no-repeat right 50%;
	padding: 15px 70px 15px 0;
}

.menu-right ul li  a.twitter {
	background: url(../img/twitter.png) no-repeat right 50%;
	padding: 15px 90px 15px 0;
}

.menu-right ul li  a.myspace {
	background: url(../img/myspace.png) no-repeat right 50%;
	padding: 15px 85px 15px 0;
}

.menu-right ul.ultimo {
	margin-bottom: 4px;
	padding-bottom: 0;
}



/*** Contenido-Principal ***/

#contenido-principal img {
	border: 1px solid #C2C2C2;
	padding: 3px;
}

.promo-2 {
	margin-bottom: 10px;
}

.promo-3 {

}


/*** FEATURED ***/

.featured {
	background: #E2E2E2;
}

.featured img {
	padding: 5px;
}

.featured p {
	margin: 5px;
	color: #505050;
	font-size: 12px;
}

.featured a:link, .featured a:visited {
	text-decoration: none;
	color: #505050;
}

.featured a:hover {
	color: #2BE2FF;
}

#contenido-principal .featured {
	margin-bottom: 10px;
}

#contenido-principal .featured img {
	border: none;
	padding: 5px;
}


/*** Bread Crumbs and Page Title ***/

#breadcrumbs {
	height: 40px;
}

#breadtext {
	padding-top: 12px;
}

#page-title h1 {
	font-size: 18px;
	color: #000;
}

#page-title h1 a:link, #page-title h1 a:visited {
	font-size: 18px;
	color: #000;
	text-decoration: none;
}

#page-title h1 a:hover {
	font-size: 18px;
	color: #2BE2FF;
}

#breadcrumbs span {
	color: #000;
	font-weight: bolder;
}

#breadcrumbs p {
	text-transform: lowercase;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #505050;
}

#breadcrumbs a:hover {
	color: #2BE2FF;
}

#breadcrumbs .filter a {
	margin: 0 10px;
}

/*** Menu-Categroy ***/

#menu-category {
	height: 300px;
}

ul#navigation {
	margin:0px;
	padding:0px;
	text-indent:0px;
}

ul#navigation a.head {
	font-size: 18px;
	color: #9E9E9E;
	cursor:pointer;
	display:block;
	text-decoration: none;
}

ul#navigation a.head:hover {
	color: #2BE2FF;	
}

ul#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

ul#navigation li {
	list-style:none outside none; 
	display:inline;
}

ul#navigation li li a {
	display:block;
	text-indent:20px;
	text-decoration: none;
	color: #9e9e9e;
	margin: 7px 0;
}

ul#navigation li li a:hover {
	color: #2BE2FF;
}


/*** Individual Item Page ***/

#item-pic a:link, #item-pic a:visited {
	color: #505050;
	text-decoration: none;
}

#item-pic a:hover {
	color: #2BE2FF;
}

p.colores {
	margin-top: 15px;
}

p.gray a span {
	background: #505050;
	margin-left: 15px;
}

p.red a span {
	background: #810707;
	margin-left: 15px;
}

p.green a span {
	background: #314F02;
	margin-left: 15px;
}

#item-info h1 {
	font-size: 26px;
	font-weight: bolder;
}

#item-info h3 {
	font-size: 18px;
	font-weight: bold;
	color: #505050;
}

#item-info p.description {
	border-bottom: 2px dotted #494949;
	padding-bottom: 25px;
}

#checkout {
	margin-top: 25px;
}

#item-info button.checkoutbutton {
	width: 110px;
	height: 50px;
	background: #505050;
	color: #fff;
	font-weight: bold;
}

#item-info button.comprarbutton {
	width: 230px;
	height: 50px;
	background: black;
	color: #fff;
	font-weight: bold;
}

#share {
	margin-top: 25px;
}

#share span {
	font-weight: bolder;
	color: #000;
}

#share a:link, #share a:visited {
	color: #505050;
	text-decoration: none;
}

#share a:hover {
	color: #2BE2FF;
}


/*** CHECKOUT ***/

.item-title {
	border-top: 5px solid #000;
	border-bottom: 2px dotted #000;
}

.item-title h1 {
	font-size: 22px;
	font-weight: bolder;
	margin: 12px 0;
}

#checkout-item img {
	border: 1px solid gray;
	padding: 0;
}

#checkout-item {
	border-bottom: 2px dotted #000;
}

#checkout-item .compra {
	margin-top: 25px;
}

#checkout-item .compra span {
	color: #000;
}

#checkout-item .compra span.precio {
	float: right;
}

#checkout-item a:link, #checkout-item a:visited {
	color: #505050;
}

#checkout-item a:hover {
	color: #2BE2FF;
}

#checkout-item p {
	margin-bottom: 10px;
}

#total {
	margin-top: 30px;
}

#total p {
	margin-bottom: 7px;
}

#total span {
	float: right;
	color: #000;
}

#total p.grantotal {
	border-top: 5px solid #9C9C9C;
	padding-top: 10px;
	color: #000;
}

button.finalcheckout {
	width: 190px;
	height: 50px;
	background: #505050;
	color: #fff;
	font-weight: bold;
}

#login-table input {
	float: right;
	width: 186px;
}

#login-table td {
	padding-left: 0;
	padding-right: 0;
}

#login h3 {
	margin-top: 25px;
}

/*** FOOTER ***/

#footer {
	margin-top: 40px;
}

#footer a:link, #footer a:visited{
	color: #505050;
	font-size: 14px;
	text-decoration: none;
}

#footer a:hover {
	color: #2BE2FF;
}

#footer p.footer-item a {
	background: url(../img/flechas.png) no-repeat 50% right;
	padding-right: 20px;
}

#footer button {
	margin-top: 5px;
}

#footer #black-footer p {
	padding: 10px;
	background: #000;
	color: #fff;
	text-align: right;
}

#footer #black-footer p, #footer #black-footer p a {
	font-size: 11px;
}

#demotip { 
    display:none; 
    z-index: 99999;
    background:transparent url(http://www.rutaurbana.com/img/black_arrow.png); 
    text-align: center;
    font-size:12px; 
    height:14px; 
    width:109px; 
    padding: 13px 20px 30px 20px; 
    color:#fff;     
}
/* black version of the overlay. simply uses a different background image */ 
div.apple_overlay.black { 
    background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);         
    color:#fff; 
}
/* the overlayed element */ 
.apple_overlay { 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* growing background image */ 
    background-image:url(../img/overlay/white.png); 
     
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:640px;         
     
    /* some padding to layout nested elements nicely  */ 
    padding:35px; 
 
    /* a little styling */     
    font-size:11px; 
} 
 
/* default close button positioned on upper right corner */ 
.apple_overlay div.close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* Feedback pesta–a */
.slide-out-div {
  padding: 10px;
  width: 350px;
  background: #eee;
  border: #666 1px solid;
  z-index: 99999;
}