/*
	------------------------------------------------------------------	
	Estilo CSS para StockdeRock.net
	Copyright 2010 Xtencil.com
	
	------------------------------------------------------------------
*/

@import "extras.css";

/* RESET */
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;}
ul, ol {list-style: none;}
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, cite:before, cite:after {content:"";}
blockquote, q, cite {quotes:"" "";}
a img {border:none;}
a { text-decoration: none; outline: none; }
html, body { height:100%; }


/* TIPOGRAFIA */
body { font-family: Georgia, Arial, serif; font-size: 0.80em; line-height: 1.5em; color:#aaa; background: #000 url(../img/stock-bg.jpg) no-repeat center top; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; font-weight: normal; }
h1 { font-size: 3em; letter-spacing: ; color: #ffcc33; margin: 0 0 26px 0; line-height: 1em; }
h2 { font-size: 2.3em; letter-spacing: ; color: #ffcc33; margin: 0 0 12px 0; }
h2.subtitle { font-size: 1.5em; letter-spacing: normal; color: #ddd; margin: 0 0 16px 0; }
h3 { font-size: 1.4em; line-height: 1.5em; }
h4 { font-size: 0.8em; line-height: 1em; text-transform: uppercase; letter-spacing: 1px; color: #ddd; margin: 0 0 16px 0; }

p, li { margin: 0 0 16px 0; /* font-size: 0.95em; font-family: "Helvetica Neue", Helvetica, Arial; */ }
small { font-size: 0.9em; color: #888; line-height: 1.25em; }
strong { font-weight: bold; color: #ddd; }
em, cite { font-style: italic; }
blockquote { text-align: left; padding: 20px; background: #ffcc33; color: #333; margin: 0 auto; width: 80%; }
p, ol, ul {  }
p { font-family: Arial, sans-serif; }
em, cite { font-family: Georgia, serif; }
hr { border: 0; width:50%; height: 5px; background: url(../img/bg-lines.jpg) repeat-x; margin: 10px 0 20px 0; padding: 0; }
#blog hr { margin: 25px 0 30px 0; }

/* LINKS */
#header a { color: #ffcc33; }
#header a:hover {  }
#content a { color: #ffcc33; }
#content a:hover { color: #fff; }
#footer a { color: #ddd; }
#footer a:hover { color: #ffcc33; }
h4 a { color: white; }




/* RETICULA & ESTRUCTURA */
#container {
	position:relative; /* needed for footer positioning*/
	margin: 0 auto;
	width: 100%;
	height: auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
.box { width: 994px; margin: 0 auto; }
#header { height: 97px; width: 930px; margin: 0 0 0 24px; position: relative; overflow: visible; }
#slider { width: 970px; height: 407px; margin: 0; position: relative; background: url(../img/bg-slider.gif) no-repeat left top; overflow: visible; }
#Inicio #content { background: url(../img/bg-content.gif) no-repeat right top; padding: 26px 0 0 0; }
#content { width: 970px; margin: 0 0 0 24px; position: relative; padding: 76px 0 0 0; }
#footer { position: absolute; width: 100%; height: 50px; display: block; background: #333 url(../img/bg-footer.jpg) repeat-x center top; bottom:0; /* stick to bottom */ }





/* HEADER */
#logo { position: absolute; width: 238px; height: 150px; top: 0px; left: 348px; z-index: 99; }
#logo h1 { text-indent: -1000em; overflow: hidden; }
#logo h1 a { cursor: pointer; }
#logo h1 a span { position: absolute; width: 238px; height: 151px; top: -3px; left: 0; background: url(../img/logo.png) no-repeat left top; }
/* #logo h1 a:hover span { top: -2px; } */

ul#menu-left { position: absolute; top: 64px; left: 0; overflow: hidden; z-index: 3; }
ul#menu-right { position: absolute; top: 64px; right: 0; overflow: hidden; z-index: 3; }
ul#menu-left, ul#menu-right { font-size: 0.8em; line-height: 1em; text-transform: uppercase; letter-spacing: 1px; }
ul#menu-left li, ul#menu-right li { float: left; font-family: Georgia, serif; }
ul#menu-left li { border-left: 1px solid #666; margin: 0 0 0 19px; padding: 0 0 0 19px; }
ul#menu-right li { border-right: 1px solid #666; margin: 0 18px 0 0; padding: 0 18px 0 0; }
ul#menu-left li.first { margin: 0; padding: 0; border-left: 0px none; }
ul#menu-right li.last { margin: 0; padding: 0; border-right: 0px none;}
ul#menu-left li a, ul#menu-right li a { color: #ffcc33; }
ul#menu-left li a:hover, ul#menu-right li a:hover { color: #FFF; }

body#produccion #nav a#menu1,
body#management #nav a#menu2,
body#agenda #nav a#menu3,
body#blog #nav a#menu4,
body#media #nav a#menu5,
body#alquiler #nav a#menu6,
body#contacto #nav a#menu7 {color: #CCC;}





/* CONTENT */
#Inicio #content .left, #Inicio #content .right { margin-bottom: 10px; }
#content .left { float: left; margin: 0 48px 80px 0; width: 600px; }
#content .right { float: left; margin: 0 0 80px 0; width: 282px; font-size: 0.95em; }


#slogan { margin: 0 0 40px 0; }
#slogan h2 { color: #ffcc33; font-size: 2.6em; }


.col-Left { float: left; width: 360px; margin: 0 24px 0 0; }
.col-Right { float: left; width: 210px; }


.col1 { width: 370px; margin: 0 15px 90px 0; }
.col2 { width: 282px; margin: 0 30px 90px 0; }
.col1, .col2 { float: left;  }
.col3 { float: left; margin: 0 0 90px 0; width: 230px; }


.col1 h4, .col2 h4, .col3 h4 { color: #ffcc33; }
.col2-1 { float: left; width: 120px; margin: 0 10px 0 0; }
.col2-1 a img { padding: 4px; border: 1px solid #333; background: #111; margin: 0 0 10px 0; }
.col2-1 a:hover img { border: 1px solid #FFCC33; }
.col2-1 p  { font-size: 0.85em; line-height: 1.3em; color: #666; }


#post-it { text-align: center; margin: 0 0 0 7px; width: 270px; }
#post-it h2 { font-family: Georgia; font-size: 3.6em; padding: 0; margin: 0; line-height: 1.1em; }
#post-it h2 a { color: #eee; }
#post-it h2 a:hover { color: #fff; border-bottom: 3px dotted #71530e;  }
#post-it h3 { font-family: Georgia; font-size: 1.9em; padding: 10px 0 50px 0; color: #71530e;
font-style: italic; line-height: 1.1em; }
#post-it h3 a, #post-it h3 span { color: #222; font-style: normal; }
#post-it h3 a:hover { color: #000; border-bottom: 3px dotted #71530e; }


#news-home ul li { padding: 0; }
#news-home ul li a { background: url(../img/bg-lines.jpg) repeat-x left bottom; font-size: 1.55em; color: #ccc; padding: 6px 0; }
#news-home ul li a:hover { color: #ffcc33; }

#archives { margin: 0 0 30px 0; }
#archives ul li { padding: 0; }
#archives ul li a { background: url(../img/bg-lines.jpg) repeat-x left bottom; font-size: 1.55em; color: #ccc; padding: 6px 0; }
#archives ul li a:hover { color: #ffcc33; }

#sidebar h4 { margin-top: 12px; margin-bottom: 7px; color: #ffcc33 !important; }






/* CLASES VARIAS */
.clear { clear: both; height: 0; }
.grey { color: #666 !important; }
.white { color: white; }
.yellow { color: #ffcc33; }
.text-right { text-align: right; }
.text-center { text-align: center; }
#wrapper { height: 0px; font-size: 0; }
.fecha { font-family: Verdana, Arial; font-size: 0.8em; line-height: 1.1em; }
.Destacado { display: none; }
.subimage { text-align: center; margin: 0;}


#blog #content .left a img { padding: 5px; background: #111; border: 1px solid #333; }
.noFrame { margin-bottom: 12px; padding: 0px; background: transparent; border: 0px none;}
#Inicio .noFrame { float: left; margin: 0 45px 0 0; }
#carpajove .title { display: none; }

#message { padding: 20px; margin: 0 0 20px 0; font-size: 2em; text-align: center; font-style: italic; background: #ffcc33; color: #000; }



/* Tablas: Calendario e Inventario */
#calendar table { margin: 0 0 26px 0; padding: 0; width: 100%; border: 0 none; }
#calendar th, #calendar tr, #calendar td { padding: 2px 0; text-align: center; }
table th { color: white; }
#sidecal { margin-left: 0; margin-bottom: 35px; margin-right: 0; margin-top: 0; }
#agenda #sidebar #sidecal h3 { text-align: center; }
#calendarhead { position: relative; margin: 7px 0 0 0; text-align: center; padding: 5px 0 10px 0; font-size: 1.1em; }
#calendarhead a#cal-prev { padding: 1px 6px; background: #ffcc33; color: #222; position: absolute; left: 28px; top: 4px; }
#calendarhead a#cal-next { padding: 1px 6px; background: #ffcc33; color: #222; position: absolute; right: 28px; top: 4px; }
#inventario table { margin: 25px 0; padding: 0; width: 100%; border: 0 none; }
#inventario th, #inventario tr, #inventario td { padding: 4px 0; text-align: left; }
#inventario th { border-bottom: 2px solid #555; }
#inventario td { border-bottom: 1px solid #222; }




/* Desplegable mensual */
#Desplegable { margin: 0 0 40px 0; }
#Desplegable select { width: 230px; padding: 4px; background: #111; border: 1px solid #333; color: #ccc; outline: none; font-size: 1em; font-family: "Museo Regular", Arial, sans-serif; }
#Desplegable select option { background: #fff; color: #333; font-family: Georgia, Arial, sans-serif;}
#Desplegable select option:hover { background: #ffcc33; }





/* Assets */
.thumb-box { margin: 0; }
.thumb-box h3 { font-size: 1.1em; line-height: 1.1em; font-weight: bold; margin: 6px 0 12px 0; }
.thumb { float: left; height: 70px; width: 70px; margin: 0 10px 16px 0; padding: 0; overflow: hidden; background-color: #000; display: block; background-position: center top; border: 1px solid #222; }


.imgLeft { padding: 0px; margin-left: 0; margin-bottom: 26px; margin-right: 21px; margin-top: 0 !important; float: left; }
.imgLeft a img { padding: 4px; background: #111; border: 1px solid #222; margin: 4px 0 0 0; }
.imgLeft p {  }

.imgNone { margin: 0 20px 20px 0; padding: 6px; background: #111; border: 1px solid #111; }

.imagebox { position: relative; float:Left; margin: 0 13px 16px 0; padding: 8px; background: #111; border: 1px solid #222; width: 165px; height: 240px; }
.imagebox img { margin-bottom: 8px; }
#management .imagebox img { margin-bottom: 14px; }
.textbox h3 { font-size: 1.1em; line-height: 1.2em; font-family: Arial; font-weight: bold; }
.textbox p { font-size: 0.95em; line-height: 1.2em; margin: 7px 0 5px 0; font-family: Georgia; }

.comment-icon { background: url(../img/comment.gif) no-repeat left center; padding-left: 15px; font-family: Arial; font-weight: bold; margin-left: 0px; font-style: normal; }

.imgLeft a:hover img, .imgNone:hover, .imagebox:hover  { border-color: #ffcc33; }

#PageAssets .asset-thumb a { border: 1px solid #222; float: left; margin: 0 10px 10px 0; text-align: center; padding: 4px; background: #111; position: relative; height: 120px; width: 120px; overflow: hidden; }
#PageAssets .asset-thumb a:hover { background: #111; border-color: #ffcc33; }
#PageAssets .asset-thumb a .asset-title { position: absolute; bottom: 0px; left: 0px; width: 120px; background: #111; padding: 6px 3px 8px 8px; z-index: 3; margin: 0; text-transform: uppercase; font-size: 0.7em; font-family: Arial; text-align: left; display: none; }
#PageAssets .asset-thumb a:hover > .asset-title { display: block; }

#tienda .imagebox {  }
#tienda .imagebox h2 { font-size: 1.4em; letter-spacing: normal; margin: 10px 0 0 0; }



/* Tienda Online */
#tienda-sidebar { padding: 0 8px 16px 8px; border: 1px solid #222; background: #111; margin: 0 0 36px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#tienda #tienda-sidebar { display: none; }
#tienda-sidebar .imgLeft { padding: 0px; margin-left: 0; margin-bottom: 0; margin-right: 21px; margin-top: 0 !important; float: left; }
#tienda-sidebar .imgLeft a img { padding: 4px; background: #111; border: 1px solid #222; margin: 2px 0 0 0; }
#tienda-sidebar .imgLeft a img { border: 0 none; padding: 0; background: transparent; }
#sidebar #tienda-sidebar p { margin: 0; }





/* Comments */
#comments { margin: 50px 0 0 0; }
input { margin: 0 0 16px 0; }
label { display: block; color: #ddd; width: 130px; float: left; text-align: right; padding-right: 20px; }
#comment-form-name label, #comment-form-email label, #comment-form-url label { margin: 0 0 3px 0; color: #eee; }
#comment-form-remember-me label { float: left; margin: 0 16px 0 0; }
#comment-form-name input, #comment-form-email input, #comment-form-url input { border: 1px solid #333; color: #ddd; background: #111; padding: 3px 5px; font-size: 1em; width: 360px; font-family: Arial, sans-serif; }
textarea { width: 360px; height: 140px; border: 1px solid #333; background: #111; padding: 5px; color: #ddd; font-size: 1em; font-family: Arial, sans-serif; }
#comment-form-name input:hover, #comment-form-email input:hover, #comment-form-url input:hover, textarea:hover { border-color: #ffcc33; }
#comment-form-name input:focus, #comment-form-email input:focus, #comment-form-url input:focus, textarea:focus { background: #ddd; color: #111; }


#comment-form-name, #comment-form-email, #comment-form-url, #comment-form-remember-me, #comment-form-reply, #comments-open-text { clear: both; }
#comments-open { margin: 50px 0 0 0; }
#comments-open-footer { margin: 20px 0 0 0; }
#comment-preview { display: none; }
#comment-form-remember-me { display: none; }
#comment-greeting { margin: 0 0 16px 0; }
#comment-submit { padding: 5px 7px; margin: 0 0 0 150px; border: 1px solid #333; background: #ffcc33; color: #111; font-weight: bold; }
#comment-submit:hover { color: #ffcc33; background: #111; }

.infocomment { font-family: Verdana, Arial; font-size: 0.8em; border-bottom: 1px dotted #333; padding: 0 0 16px 0; }
.mycomment p, .box-comments p { margin: 0 0 3px 0; }
.mycomment:hover, .box-comments:hover {  }
.mycomment { color: #fff; }
.box-comments {  }




/* FOOTER */
#left { float: left; width: 594px; padding: 20px 0 0 0; }
#right { float: left; width: 400px; padding: 20px 0 0 0; text-align: right; } 
#footer p { font-family: Verdana, Arial; font-size: 0.8em; margin: 0; line-height: 1em; color: #666; }




/* Management */
#management #PageBody { display: none; }




/* CarpaJove */
#sidebar #ads-sidebar { margin: 0 0 30px 0; }
#sidebar #ads-sidebar a img { padding: 3px; border: 1px solid #333; float: left; margin: 0 10px 10px 0; }
#sidebar #ads-sidebar a:hover img { border: 1px solid #ffcc33; }
#Inicio #carpajove p { display: none; }




/* Sidebar del Blog */
.widget { margin: 0 0 40px 0; }
.widget-content ul li { margin: 0; padding: 0; line-height: 1.5em; }
.comment { background: #111; border: 1px solid #333;padding: 6px; margin: 0 0 6px 0; color: #ddd; }
.subcomment { font-family: Verdana, Arial; font-size: 0.8em; line-height: 1.1em; margin: 10px 0 25px 8px !important; display: block; }
.item { float: left; margin: 0 5px 5px 0; }
.item a img { padding: 5px; background: #111; border: 1px solid #333; }
#sidebar p { margin: 0 0 35px 0; }



/*Prev Next*/
#prevnext { background: #111; padding: 6px 20px; margin: 0 0 40px 0; display: block; position: relative; border: 1px solid #333; height: 20px; }
#next { position: absolute; top: 5px; right: 20px; text-align: right; }




/* Archivos */
ul.archives span.date { margin: 0 20px 0 0; width: 70px; display: block; float: left; }
ul.archives li { margin: 0; padding: 0 0 4px 0; }
ul.archives:after { clear: both; }




/* Social Media Icons */
#sidebar #Facebook { display: block; font-size: 1.1em; margin: 10px 0 5px 0; }
#sidebar #MySpace { display: block; font-size: 1.1em; }

#sidebar a#Facebook {color: white; background: url(../img/facebook-icon.gif) no-repeat left center; padding: 2px 0 2px 26px; }
#sidebar a:hover#Facebook {color: #ffcc33; }

#sidebar a#MySpace {color: white; background: url(../img/myspace-icon.gif) no-repeat 1px center; padding: 2px 0 2px 26px;}
#sidebar a:hover#MySpace {color: #ffcc33; }

#footer .Facebook {}
#footer .MySpace {}



/* BLOG */
#blog .left h4 { line-height: 1.5em;}
p.entry-meta { font-style: italic; font-family: Georgia, Verdana, sans-serif; }
#sidebar p a, #sidebar li a { color: white; }
#sidebar p a:hover, #sidebar li a:hover { color: #ffcc33; }