@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	border:0px;
	padding:0px;
}

a {
	outline:0px;
}

.floatLeft { 
    float: left; 
	margin-right:10px;
}

.floatRight { 
	float: right; 
}

.clear { 
	clear: both; 
}


body{
	background:#999 url(../images/fondo/fondoweb.png);
	background-repeat:repeat-x;
	padding:0px;
    bgproperties:fixed;	 
	font-family:trebuchet ms,tahoma;
}

.noborder{    
    border:0px;    
    margin:0px;
	padding:0px;
}

.txtInstitucional{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:18px;
}

#pagina{
	top:10px;
	width:1000px;
	height:720px;
	position:relative;
	margin:auto;
	background-color:#06F;
}

#ubicacionImg{
	width:300px;
	height:300px;
	background:url(../images/ubicacion.gif);
}

#shadowizq {
	width:20px;
	left:-10px;
	height:100%;
	background:transparent url(../images/fondo/shadow_left.png) top left repeat-y;
	position:absolute;
	z-index:-1;
}

#shadowder {
	width:10px;
	left:1000px;
	height:100%;
	background:transparent url(../images/fondo/shadow_right.png) top right repeat-y;
	position:absolute;
}

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

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

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

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

#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:#FF0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}
#logotxt2{
	top:90px;
	left:100px;
	width:304px;
	height:30px;
	float:left;
	position:absolute;
	color:#FF0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

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

#visite a{
	font-size:1em;
	font-weight:bold;
	color:#333;
	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 #CCC;
	background:url(../images/fondo/agua07.jpg)
}

#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:#333;	
}

#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 #CCC;
}

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

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

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

#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:25px;
	left:10px;
	float:left;
	width:980px;
	height:485px;
}

#productoCols{
	width:100%;
	height:370px;
	top:80px;
	position:relative;
}

#producto h2.titulo{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	top:5px;
	text-align:center;
}

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

#producto h2.titulo2{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	top:5px;
	text-align:center;
	
}

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

#prd{
	position:relative;
	top:40px;
	left:10px;
	float:left;
	width:980px;
	height:380px;
}

#prdimg{
	position:relative;
	float:left;
	width:200px;
	height:380px;
}

#prdTxt{
	position:relative;
	float:left;
	width:780px;
	height:380px;
	overflow:hidden;
}

#prddesc{
	width:740px;
	color:#333;
	overflow:hidden;
	left:0px;
}

#paneScrollTexto{
	height:380px;
	width:770px;
	overflow:hidden;
}

#productob{
	width:320px;
	height:47%;
	position:relative;
	float:left;
	
}

#productoFoto1{
	width:200px;
	height:200px;
	background:url(../images/fondo/fondo_fotoch.png);
}

#productoFoto1 a{
	position:relative;
	float:left;
	left:20px;
	top:10px;
}

#productoFoto2{
	width:200px;
	height:200px;
	background:url(../images/fondo/fondo_fotoch.png);
}

#productoFoto2 a{
	position:relative;
	float:left;
	left:65px;
	top:20px;
}

#productoFoto3{
	width:200px;
	height:200px;
	background:url(../images/fondo/fondo_fotoch.png);
}

#productoFoto3 a{
	position:relative;
	float:left;
	left:65px;
	top:20px;
}

#productoFoto4{
	width:200px;
	height:200px;
	background:url(../images/fondo/fondo_fotoch.png);
}

#productoFoto4 a{
	position:relative;
	float:left;
	left:30px;
	top:20px;
}

#nombre{
	height:20%;
	margin:auto;
}

#productob a{
	color:#333;
	font-size:.7em;
	text-decoration:none;
	text-align:center;
	margin:auto;
	font-weight:bold;
}

#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:#333;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
}

#producto ul{
	list-style:none;
}

#producto ul li{
	
}

#producto ul li.texto{
	color:#333;
	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:#333;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}

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

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

#contactoDatos .datosContacto{	
	color:#333;
	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:#CCC;
	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:#333;
}
/* Fin Contacto */

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

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

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

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

#ubicacionDatos .datosContacto{	
	color:#333;
	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 */
/**** SCROLL ***/
.jScrollPaneContainer {       
position: relative;        
overflow: hidden;        
z-index: 1;
}

.jScrollPaneTrack {       
position: absolute;        
cursor: pointer;        
right: 0;        
top: 0;        
height: 100%;
width:1px;
background:url(../images/scroll.png);
background-repeat:repeat-y;
z-index:2;
}

.jScrollPaneDrag {        
position: absolute;        
background: url(../images/scrolldrag.png);
background-repeat:no-repeat;
cursor: pointer;        
overflow: hidden;
}

.jScrollPaneDragTop {       
position: absolute;       
top: 0;        
left: 0;        
overflow: hidden;
}

.jScrollPaneDragBottom {        
position: absolute;        
bottom: 0;        
left: 0;        
overflow: hidden;
}

a.jScrollArrowUp {        
display: block;        
position: absolute;        
z-index: 1;        
top: 0;        
right: 0;        
text-indent: -2000px;        
overflow: hidden;        
/*background-color: #666;*/       
height: 9px;
}

a.jScrollArrowUp:hover {        
/*background-color: #f60;*/
}

a.jScrollArrowDown {        
display: block;        
position: absolute;        
z-index: 1;        
bottom: 0;        
right: 0;        
text-indent: -2000px;       
overflow: hidden;        
/*background-color: #666;*/        
height: 9px;
}

a.jScrollArrowDown:hover {        
/*background-color: #f60;*/
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {        
/*background-color: #f00;*/
}

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

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