/* CSS Reset */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */


a { 
	outline: 0;
	color: #5bb;
}
a:hover { 
	text-decoration: underline;
	color: #499;
}
.centered	{ text-align: center; }

.grid_ovl {
	background: #fff url(images/16_col.gif) repeat-y;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* ***********************************************************/

/* Sticky footer */
html, body 					{ height: 100%; }
#pagewrap 					{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -145px;  }
#footer, #push 				{ height: 145px;  }


/* Estructura */
body 						{ background: #878787 url(images/body-bg.jpg) repeat-x top left;
							  font-family: Tahoma, Arial, Verdana, sans-serif;	
							  font-size: .75em; color: #888; line-height: 1.5; }
#pagewrap 					{ position: relative; background: transparent url(images/pagewrap-bg.gif) repeat-y top center; }
#header 					{ height: 218px; position: relative; 
							  background: transparent url(images/header-bg.gif) no-repeat -10px 0; }
.home #header				{ background: transparent url(images/header-h-bg.gif) no-repeat -10px 0; }
#header .box					{ height: 218px; position: relative; 
							  background: transparent url(images/header2-bg.jpg) no-repeat -10px 0; }
#main 						{ background: transparent; min-height: 370px; height:auto !important; height:370px; }
.sidebar 					{ background: transparent url(images/sidebar-m.gif) repeat-y top left; margin-top: 23px;  }
.sidebar .box 				{ padding: 0px 40px; }
.content 					{ background: transparent url(images/content-m.gif) repeat-y top left; margin-top: -45px; }
.content .box 				{ padding: 0 20px; }
#footer 					{ background: transparent; clear: both; width: 100%; position: relative; z-index: 200; }
#footer-inside 				{ overflow: hidden; height: 101px; width: 910px; margin: 0 auto; 
							  padding: 34px 25px 10px;text-align: center;
							  background: #878787 url(images/footer-bg.png) no-repeat top center; }
.home #footer-inside		{ background: #878787 url(images/footer-h-bg.png) no-repeat top center; }


/* Elementos */
#header h1 a				{ display: block; width: 515px; height: 188px; text-indent: -9999px;
							  position: relative; left: -25px;
	 						  background: transparent url(images/logo-t.jpg) no-repeat top left;}
.home #header h1 a			{ background: transparent url(images/logo-h-t.jpg) no-repeat top left;}
#header h2					{ width: 245px; height: 53px; text-indent: -9999px;
							  position: absolute; left: -25px; z-index: 201;
	 						  background: transparent url(images/logo-b.png) no-repeat top left;}
.sidebar ul					{  }
.sidebar ul li				{ font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; font-size: 16px; line-height: 20px; margin-top: 20px;}
.sidebar ul li a			{  }
.sidebar ul li span			{ font: italic normal 11px/11px Georgia, 'Times New Roman', serif; display: block; color: #888; margin-bottom: 10px; }

body.m1 li.m1 a,
body.m1 li.m1 a:hover,
body.m2 li.m2 a,
body.m2 li.m2 a:hover,
body.m3 li.m3 a,
body.m3 li.m3 a:hover,
body.m4 li.m4 a,
body.m4 li.m4 a:hover,
body.m5 li.m5 a,
body.m5 li.m5 a:hover,
body.m6 li.m6 a,
body.m6 li.m6 a:hover		{ color: black; text-decoration: none; cursor: default; }

body.m1 li.m1 span,
body.m2 li.m2 span,
body.m3 li.m3 span,
body.m4 li.m4 span,
body.m5 li.m5 span,
body.m6 li.m6 span			{ color: #888; }

.content h3.intro			{ background: #9dd; color: white; margin: 10px 0 20px; padding: 5px 10px;
							  font-weight: normal; border: 1px solid #5bb; font-size: 14px; text-align: center; }
.content h2					{ height: 31px; line-height: 31px; margin: 0 -5px 20px -5px; padding: 0 10px; font-size: 16px;
	 						  overflow: hidden; color: white; font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
							  font-weight: normal; background: transparent url(images/h2-bg.png) no-repeat top left; 
							  position: relative;}
.content .grid_6 h2			{ background: transparent url(images/h2-half-bg.jpg) no-repeat top left; }
.content h2	span			{ position: absolute; right: 15px; height: 29px; font-size: 12px; padding-top: 2px;}
.content h2	span a			{ color: white; }
.footer-menu 				{ margin: 0 auto; width: 100%; height: 45px; text-align:center; display:inline;  }
.footer-menu ul				{ height: 35px; }
.footer-menu li				{ display:inline; }
.footer-menu li a			{ padding: 10px; color: white;}
#footer .legal 				{ font-size: 10px; margin-bottom: 10px; text-align: center; color: #444; }



.online-stuff				{ position: relative; left: -8px; }

.relative-to-me				{ position: relative; }
#over-promo					{ position: absolute; background: transparent; color: #5BB; border: 1px solid #9dd; 
							  line-height: 1.2; padding:5px 15px; text-align: center; width:400px; top: -5px; left: 20px}
							  
.cam_cat					{ background: transparent; margin: 0 -5px 20px -5px; padding: 0 10px; }
.cam_cat h2					{ height: 31px; line-height: 31px; margin: 0 -10px 0px -10px; padding: 0 10px; font-size: 16px;
	 						  overflow: hidden; color: white; font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
							  font-weight: normal; background: #9dd; position: relative;}
.cam_cat p					{ color: #499; font-size: 10px; margin: 5px 0 10px;}



.content .h-col1			{ padding-right: 0; }
.content .h-col2			{ padding-left: 0; }

.model-promo				{ width: 148px; height: 148px; 
							  position: absolute; top: 10px; right: 20px;  }
.model-promo a				{ width: 148px; height: 148px; text-indent: -9999px; display: block;
							  background: transparent url(images/model-badge.png) no-repeat top left; }

/* HOMEPAGE */
p.warning					{ position: absolute; z-index: 200; bottom: 150px; left: 38px; padding: 4px;
							  width: 156px; height: 58px; color: #fff; text-align: center;
							  background: transparent url(images/warning.gif) no-repeat top left;}
h3.findit					{ position: relative; margin: 15px 0 20px 0px;
							  width: 427px; height: 84px; text-indent: -9999px;
							  background: transparent url(images/findit.png) no-repeat top left; }
h3.styled					{ position: relative; margin: 0px -10px 10px; 
							  font: bold normal 17px/28px Arial, Helvetica, sans-serif;
							  width: 427px; height: 31px; color: white; padding: 0 10px;
							  background: transparent url(images/styled.png) no-repeat top left; }
.scrolling-box				{ width: 427px; height: 220px; overflow-y: scroll; color: #333;
							  font: normal normal 11px/16px Arial, Helvetica, sans-serif;
							  text-align: justify; padding-right: 10px; }
.galleries					{ border-top: 1px solid #bee;
							  width: 678px; margin: 0 10px; }
.galleries h3				{ height: 40px; position: relative; padding-left: 20px; margin: 5px 0 0 15px;
							  font: bold normal 16px/28px Arial, Helvetica, sans-serif; color: white;
							  background: transparent url(images/pink-balloon.png) no-repeat top left;
							  z-index: 100; top: 5px; }
.galleries h3 span			{ font: normal normal 12px/28px Arial, Helvetica, sans-serif; color: #6aa;
							  padding-left: 30px; }
.galleries .gall-box		{ display: inline; float: left; margin: 0 8px; position: relative; }
.galleries .gall-box a		{ height: 1px; }
.galleries .gall-box a img	{ border: 1px solid #6aa; width: 150px; height: 110px; }
.galleries .gall-box a:hover img	{ border: 1px solid #f84; }

.home #pagewrap				{ background: transparent url(images/pagewrap-h-bg.png) repeat-y 10px top; }
.home .content				{ background: transparent; }
.home .content .block		{ margin: 20px 0; min-height: 80px; height: auto!important; height: 80px; position: relative;
							  background: transparent url(images/content-m.gif) repeat-y top left; }
.home .content .block .cierre { background: transparent url(images/content-h-b.gif) no-repeat bottom left; 									    height: 10px; position: absolute; bottom: -10px; }
.home .content .block .abre { background: transparent url(images/content-h-t.gif) no-repeat top left; 									    height: 10px; position: absolute; top: -10px; }
.home .content .first		{ margin-top: 0px;}
.home .content .last		{ margin-bottom: 0px; }

.home .content .hype .abre	{ background: transparent url(images/hype-t.gif) no-repeat top left; }
.home .content .hype .middle{ background: white url(images/hype-m.png) repeat-x top left; width: 698px;
							  border-left: 1px solid #9cc; border-right: 1px solid #9cc; 
							  color: #222; min-height: 585px; height: auto!important; height: 585px; 
							  margin-top: -23px; }
.home .content .hype .fix-l	{ width:219px; height: 405px; text-indent: -9999px;
							  background: transparent url(images/ready.jpg) no-repeat 10px 12px; }
.home .content .hype .fix-r	{ width:459px; }							  
.home .content .hype .cierre{ background: transparent url(images/hype-b.gif) no-repeat bottom left; }

.home .content .h-col2		{ padding-left: 10px!important; }

.home #footer-inside .promo	{ width: 960px; text-align: left;  margin-bottom: 10px; position: relative;}
.home #footer-inside .promo iframe { float: left; }
.home #footer-inside .promo a { position: absolute; top: 10px; right: 40px; }


.gallery-block 				{ clear: both; padding-bottom: 40px;}
.gallery-block h3			{ font: normal bold 18px/28px Arial, Helvetica, sans-serif; color: #5bb; }
.gallery-block p			{ margin-bottom: 20px;}
.gallery-block .gallery		{ width: 320px; height: 240px; float: left; display: inline; border: 1px solid #499; overflow: hidden; }
.gallery-block .nav			{ width: 330px; float: right; display: inline; top: -5px; position: relative; }
.gallery-block .nav li		{ width: 74px; display: inline;  }
.gallery-block .nav li a	{ width: 74px; display: block; float: left; margin: 5px 2px; border: 2px solid #499; }
.gallery-block .nav li a:hover{ border: 2px solid #fff; }
.gallery-block .nav li a.activeSlide	{ border: 2px solid #f84; }
.gallery-block .nav a:focus { outline:none; }
.gallery-block .nav li a img{ width: 74px; height: 56px; }
.gallery-block .zoomer		{ position: absolute; top: 200px; left: 270px; z-index: 500; }

.gallery-block .after-nav   { width: 330px; float: right; display: inline; position: relative; }
.gallery-block a.entrance-button 			{ display: block; width: 200px; height: 31px; text-indent: -9999px; position: absolute; bottom: 0px; left: 350px;
							  background: transparent url(images/entrance.png) no-repeat bottom left; }
.gallery-block a:hover.entrance-button  	{ background: transparent url(images/entrance.png) no-repeat top left; }




p.banner					{ margin: 20px 0; }
p.banner img 				{ border: 2px solid #5bb; }


.sitemap ul li				{ font: 14px/18px Arial, Helvetica, sans-serif; padding: 3px 10px 5px; border-top: 1px dotted #ccc; }
.sitemap ul ul				{ border-top: 1px dotted #ccc; margin: 3px -10px; }
.sitemap ul li li			{ font: 10px/16px Arial, Helvetica, sans-serif; padding: 3px 20px!important;  list-style: disc inside; border-top: none;}