@charset "utf-8";
/* CSS Document */
@import "style.css";

#header{
	width:100%;
	height:200px;
	position:relative;
	background:#000;
}

#header img{
	width:100%;
	height:100%;
	position:absolute;
	z-index:10;
}

#headerOver{
	position:relative;
	width:100%;
	height:100%;
	z-index:90;
}

.fotosInicio{
	width:1000px;
	height:200px;
}

.swb img{
	width:1000px;
	height:200px;
}

#logo{	
	width:304px;
	height:77px;
	background:url(../images/logos/zorzut.png);
	float:left;
    position:relative;
}

#logotxt1{
	top:70px;
	left:20px;
	width:310px;
	height:30px;
	float:left;
	position:absolute;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}
#logotxt2{
	top:90px;
	left:10px;
	width:304px;
	height:30px;
	float:left;
	position:absolute;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

#visite{
	top:210px;
	width:320px;
	height:20px;
	position:absolute;
	float:left;
	left:660px;
	z-index:1000;
}

#visite a{
	font-size:1em;
	font-weight:bold;
	color:#CCC;
	text-decoration:none;
}

#visite a:hover{
	font-size:1em;
	font-weight:bold;
	color:#FF0;
	text-decoration:none;
}


#cuerpo{
	width:100%;
	height:490px;
	border-top: 2px solid #FF0;
}

#textoInicio{
	position:relative;
	top:100px;
	left:20px;
	float:left;
	width:600px;
}

#textoInicio p{
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:18px;
	color:#FFF;	
}

#cuerpoFotos{
	position:relative;
	top:100px;
	width:340px;
	height:210px;
	float:right;
	right:20px;
}

.fotosCuerpo{
	width:340px;
	height:210px;
}

#footer{
	clear:both;
	width:100%;
	height:30px;
	background-color:#000;
	border-top:2px  solid #FF0;
}

#footer a{
	top:5px;
	text-align:center;
	font-size:12px;
	color:#FF0;
}

#footertxt{
	clear:both;
	width:100%;
	height:20px;
	top:7px;
	position:relative;
}

#footertxt p{
	width:100%;	
	text-align:center;
	font-size:12px;
	color:#FF0;	
}

#shadowizqFotos {
	width:10px;
	left:-5px;
	height:210px;
	background:transparent url(../images/fondo/shadow_right_fotos.png) top left repeat-y;
	position:absolute;
	z-index:0;
}

#shadowderFotos {
	width:10px;
	left:335px;
	height:210px;
	background:transparent url(../images/fondo/shadow_left_fotos.png) top right repeat-y;
	position:absolute;
	z-index:0;
}

#shadowtopFotos {
	top:-5px;
	height:10px;
	width:100%;
	background:transparent url(../images/fondo/shadow_bottom_fotos.png) top right repeat-x;
	position:absolute;
	z-index:0;
}

#shadowbottomFotos {
	top:205px;
	height:10px;
	width:100%;
	background:transparent url(../images/fondo/shadow_top_fotos.png) top right repeat-x;
	position:absolute;
	z-index:0;
}

#producto{
	position:relative;
	top:5px;
	left:10px;
	float:left;
	width:980px;
	height:485px;
}

#productoCols{
	width:100%;
	height:420px;
}

#producto h2.titulo{
	color:#FF0;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}

#producto .tituloprd{	
	color:#FF0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#columnatitulo{
	position:relative;
	width:480px;
	height:20px;
	float:left;
}

#columnatitulo2{
	clear:both;
	position:relative;
	width:480px;
	height:20px;
	float:left;
}

#columna1{
	position:relative;
	width:480px;
	float:left;
}

#columna11{
	position:relative;
	width:360px;
	float:left;
}
#columna12{
	position:relative;
	width:120px;
	float:right;
}

#columna2{
	position:relative;
	width:480px;
	float:right;
}

#columna21{
	position:relative;
	width:360px;
	float:left;
}

#columna22{
	position:relative;
	width:120px;
	float:right;
}

#producto .texto{
	color:#FFF;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
}

#producto ul{
	list-style:none;
}

#producto ul li{
	
}

#producto ul li.texto{
	color:#FFF;
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* Contacto */

#contacto{
	position:relative;
	top:5px;
	left:10px;
	float:left;
	width:980px;
	height:465px;
}

#contacto h2.titulo{
	color:#FF0;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}

#contacto .tituloForm{	
	color:#FF0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#contactoDatos .tituloForm{
	color:#FF0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#contactoDatos .datosContacto{	
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#contactoForm{
	position:relative;
	float:left;
	width:580px;
	height:100%;
}

#contactoFormD{
	top:60px;
	position:relative;
	float:left;
	left:40px;
	width:540px;	
}

#contactoFormD .boton{
	color:#FF0;
	font-size:1.5em;
	font-weight:bold;
	background:#666;
	padding-left:300px;
}

#contactoDatos{
	position:relative;
	float:right;
	width:400px;
	height:100%;
}

#columnatituloContacto{
	position:relative;
	width:580px;
	height:30px;
	float:left;
}

#textoContacto{
	top:20px;
	position:relative;
	width:480px;
	padding-left:50px;
	padding-right:50px;
	height:40px;	
	float:left;
}

#textoContacto p{
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1em;
	color:#CCC;
}
/* Fin Contacto */

/* Ubicacion */ 
#ubicacion{
	position:relative;
	top:5px;
	left:10px;
	float:left;
	width:980px;
	height:465px;
}

#ubicacion h2.titulo{
	color:#FF0;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}

#ubicacion .tituloForm{	
	color:#FF0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#ubicacionDatos .tituloForm{	
	color:#FF0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#ubicacionDatos .datosContacto{	
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#ubicacionDatos{
	position:relative;
	float:right;
	width:400px;
	height:100%;
}

#ubicacionForm{
	position:relative;
	float:left;
	width:580px;
	height:100%;
}

#ubicacionInner{
	width:300px;
	height:300px;
	position:relative;
	top: 50px;
	float:left;
	left:150px;
	border:3px solid #CCC;
}

/* Fin Ubicacion */ 

/*
 para	SLIDER script
*/

.slider-wrap								{ width: 100%; position:absolute;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 340px; height: 210px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 340px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -37px 0 0 30px; }
#movers-row div								{ width: 37px; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(../images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 30px;  
											  position: relative; left:5px; padding-top: 5px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }

/* Fin slide Script */


/* Para scroll script*/
#flechaUp
{
	top:35px;
	left:950px;
	width:20px;
	height:20px;
	position:absolute;
	cursor:pointer;			
}

#flechaDown{
	top:335px;
	left:950px;
	width:20px;
	height:20px;
	color:#666666;
	position:absolute;
	cursor:pointer;
}

.scroll{
	top:35px;
	left:0px;
	width:980px;
	height:340px;
	color:#666666;
	position:absolute;
	margin:auto;
	line-height:15px;
	overflow:hidden;
}

/* Fin scroll scrip */

#contador{
	width:90px;
	height:25px;
	position:absolute;
	left:907px;
	z-index:1999;
	top: -2px;
}

#numero{
	width:15px;
	height:25px;
	position:relative;
	float:left;
}