@charset "UTF-8";
/************* clearfix classes***********/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.spacer{clear:both; height:5px; display:block;}

/*
-----------------------------------------------
Spry Demos CSS Rules
Version:  12 Apr 2006 (0.2b)
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	color: #999;
	background: #FFFFFF url(/images/content-bg.gif) repeat-x;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
	font-size: x-small; /*for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	width: 100%;
	position: relative;
	overflow-x: hidden;
	}


/* Links
----------------------------------------------- */
a img { border-style: none; }

/* Paragraph Headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: normal; }
h1 {
	font-size: 125%;
	text-align: left;
	color: #1888b8;
}
p {FONT-SIZE: 12px; line-height: 1.1;
}

H2.license {
	FONT-SIZE: 14px;
}

H6.texto {
	FONT-SIZE: 11px;
}
hr {
	background-color: #FFFFFF;
	border-top: 1px solid #0c72a2;
}
/* Layout Rules
----------------------------------------------- */
#container {
	MARGIN: 10px auto 10px;
	WIDTH: 900px;
	POSITION: relative;
}

#content {
	MARGIN: 10px auto 10px;
	WIDTH: 760px;
	POSITION: relative;
	min-height: 400px;
}

#wrap {
	padding-top: 10px;
	margin: 0 10px;
}
#banner {
	padding-top: 10px;
	margin: 0 10px;
	text-align: center;
}
#container-dos {
	MARGIN: 20px auto 20px;
	WIDTH: 900px;
	POSITION: relative;
}

/* Contenedor de Textos
----------------------------------------------- */
#panel-txt p{
	text-align: justify;
	FONT-SIZE: 12px;
	line-height: 2;
	padding: 10px 20px 0px 10px;
}

/* Form Elements
----------------------------------------------- */
label, select { 
	font-size: 85%;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
}
select {
	color: #595965;
	background-color: #BEE0F8;
}

/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect {
	width: 160px;
	margin-left: 10px;
	background-color: #F3FCFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0c72a2;
	border-right-color: #0c72a2;
	border-bottom-color: #0c72a2;
	border-left-color: #0c72a2;

}
#controls {
	float: right;
	width: 118px;
}
#galleries {
	margin:0 10px 10px auto;
	width: 190px;
	float: left;
}
#galleries label {
	padding-bottom: 2px;
	color: #0099CC;
	vertical-align: middle;
	white-space: pre;
}

#galleryLinks a {
	color: white;
	text-decoration: none;
}

#transport {
	margin: 0;
	padding: 0;
	list-style: none;
}
#transport li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;

}
#transport a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 4px 0;
	width: 38px;
	height: 32px;
	float: left;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#transport a:link {
	background: #f1fbff url('/images/btn-1.png') no-repeat;
	color: #fff;
	}
#transport a:visited {
	background: #f1fbff url('/images/btn-1.png') no-repeat;
	color: #fff;
	}
#transport a:hover {
	background: #f1fbff url('/images/btn-2.png') no-repeat;
	color: #fff;
	}
#transport a:focus {
	-moz-user-select: none;
	-khtml-user-select: none;
}

#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {
	display: none;
}

#previews {
	padding: 10px 15px 10px 10px;
	margin-bottom: 5px;
	width: 397px;
	float: left;
	margin-right: 16px;
	border: 1px solid #0c72a2;
}
#thumbnails {
	clear: both;
	margin: 10px auto;
}
#thumbnails div {
	position: relative;
	width: 24px;
	height: 24px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display:inline;
}
#thumbnails img {
	width: 24px;
	height: 24px;
	position: absolute;
	border-top: solid 1px #1888b8;
	border-right: solid 1px #0c72a2;
	border-bottom: solid 1px #1888b8;
	border-left: solid 1px #0c72a2;
}
#picture {
	padding: 0px;
	width: 300px;
	float: left;
}
#mainImageOutline {
	margin: 0 auto;
	padding: 0;
	background-color: #BEE0F8;
	border-top: solid 1px #1888b8;
	border-right: solid 1px #0c72a2;
	border-bottom: solid 1px #1888b8;
	border-left: solid 1px #0c72a2;
	padding: 1em;
	overflow: hidden;
	width: 0px;
	height: 0px;
}
#mainImage {
	width: 100%;
	height: 100%;
}

#picture img {	border: 1px solid #54b0dd; }
.selectedThumbnail {  border: solid 2px #54b0dd !important; }
.inFocus {  border: solid 1px #54b0dd !important; }


/* iFrame Stuff
----------------------------------------------- */
iframe { 
	border: none; 
	background: #3a3a3a; 
	width: 100%; height: 365px;
	border-top: solid 1px #0c72a2;
	border-left: solid 1px #0c72a2;
	border-right: solid 1px #0c72a2;
	border-bottom: solid 1px #0c72a2;
}

/* Home Panel de IMG
----------------------------------------------- */

#screen {
	position: absolute;
	left: 5%;
	width: 90%;
	height: 80%;
	background: transparent;
	top: 5%;
	right: 5%;
	z-index: 2;
}

.panel {
		position: relative;
		float: left;
		width: 21%;
		height: 30%;
		margin: 1%;
		overflow: hidden;
}

.imgPanel {
		position: absolute;
		border: none;
		text-decoration: none;
	}

#content-screen {
	MARGIN: 0px auto;
	POSITION: relative;
	height: 400px;
}


/* Buscador and HTML selectors
----------------------------------------------- */
#content-buscador {
	MARGIN: 0px auto;
	WIDTH: 700px;
	POSITION: relative;
	height: 600px;
}

#buscador {
	margin: 0px auto;
	font-weight: normal;
	font-size: 10px;
	width: 500px;
	height: auto;
}
#buscador span{
	font-size: 10px;
	line-height: 1;
	text-decoration: none;
}
#buscador p {
	font-size: 10px;
	line-height: 1;}


#buscador a:link { color: #1888b8; text-decoration: none;}
#buscador a:visited { color: #1888b8; }
#buscador a:hover { color: #54b0dd; }
#buscador a:active {color: #fff;}


.formbusca {
	display: block;
	width: 400px;
}
.field {
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #595965;
	background-color: #f1fbff;
	width: 150px;
}
.btn-buscar {
	background: #f1fbff url('/images/btns 1.png') no-repeat;
	border: 0px;
	width: 60px;
	color: #FFFFFF;
}

/* Utility IDs, classes, and HTML selectors
----------------------------------------------- */
.clear {
	visibility: hidden;
	display: block;
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	}
.ClearAll {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* Navigation Classes
----------------------------------------------- */
.return a, .source a {
	text-decoration: none; 
	font-size: small;
	font-weight: normal;
	margin-left: 24px;
	padding-left: 16px;
}

.return a:link {color: #fff;}
.return a:visited { color: #fff;}
.return a:hover {color: #54b0dd;
	border-bottom:dotted 1px #54b0dd;
}
.return a:active {
	color: #fff;
	border-bottom:dotted 1px #fff;
	}


/* 
-----------------------------------------------
header
----------------------------------------------- */
DIV#header P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV#header H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV#header UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV#logo A {
	MARGIN-TOP: 20px; DISPLAY: block
}
P#mediatemple A {
	MARGIN-TOP: 20px; DISPLAY: block
}
DIV#logo H1 A SPAN {
	DISPLAY: none
}
DIV#logo P {
	DISPLAY: none
}

DIV#header {
	BACKGROUND:#0C72A2 url(/images/head-bg.gif) repeat-x;
	BORDER-BOTTOM: #0C72A2 8px solid;
	HEIGHT: 100px;
}
DIV#header-inside {
	MARGIN: 0px auto;
	WIDTH: 800px;
}
DIV#footer-inside {
	MARGIN: 0px auto; WIDTH: 800px
}

DIV#logo H1 A {
	FLOAT: left;
	WIDTH: 220px;
	HEIGHT: 60px;
	background-image: url(../images/logo%20web.png);
	background-repeat: no-repeat;
}
DIV#fecha {
	FLOAT: right;
	WIDTH: 250px;
	HEIGHT: 20px;
	PADDING-RIGHT: 20px;
	VERTICAL-ALIGN: middle;
	PADDING-LEFT: 25px;
	MARGIN-TOP: 20px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: xx-small;
	TEXT-ALIGN: left;
}
DIV#stiker {
	MARGIN: 0 auto;
	WIDTH: 800px;
	position: relative;
	z-index: 1000;
	height: 90px;
}
#kwick {
	MARGIN-TOP: 15px;
	POSITION: relative;
	FLOAT: right;
	HEIGHT: 30px;
	WIDTH: 400px;
	MARGIN-RIGHT: 20px;
}
#kwick .kwicks {
	DISPLAY: block;
	WIDTH: 1000px;
	HEIGHT: 30px;
	list-style: none;	
}
#kwick LI {
	FLOAT: left
}
#kwick .kwick {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 70px; CURSOR: pointer; HEIGHT: 30px
}
#kwick .kwick SPAN {
	DISPLAY: none
}
#kwick .inicio {
	BACKGROUND: url(/images/btn-ini.jpg) no-repeat
}
#kwick .catalogo {
	BACKGROUND: url(/images/btn-catalogo.jpg) no-repeat;
}
#kwick .locales {
	BACKGROUND: url(/images/btn-lupa.jpg) no-repeat
}
#kwick .nosotros {
	BACKGROUND: url(/images/btn-nosotros.jpg) no-repeat
}
#kwick .contacto {
	BACKGROUND: url(/images/btn-contacto.jpg) no-repeat
}
.clear {
	clear: both;
}

#footer {
	PADDING-RIGHT: 0px;
	BORDER-TOP: #0C72A2 8px solid;
	PADDING-LEFT: 0px;
	FONT-SIZE: 9px;
	BACKGROUND: #FFFFFF url(/images/footer-bg.gif) repeat-x;
	PADDING-BOTTOM: 15px;
	COLOR: #595965;
	PADDING-TOP: 15px;
	HEIGHT: 1%;
	TEXT-ALIGN: center;
	width: 100%;
}
.footer a {
	font-size: 9px;
	color: #fff;
}
.footer a:link {
	color: #1888b8;
}
.footer a:visited {
	color: #1888b8;
}
.footer a:hover {
	color: #54b0dd;
	border-bottom:dotted 1px #54b0dd;
}
.footer a:active {
	color: #fff;
	border-bottom:dotted 1px #fff;
}

#footer A.copy {
	DISPLAY: block; BACKGROUND: url(../images/mucca.gif) no-repeat right bottom; MARGIN: 0px auto; WIDTH: 54px; HEIGHT: 43px
}
#footer A.copy:hover {
	BACKGROUND-POSITION: right top
}
DIV#fabrica {
	font-weight: bold;
	color: #0c72a2;
	text-align: center;
	font-size: 10px;
}
DIV#navidad {
	text-align: center;
	padding: 30px;
	
}