@charset "utf-8";
/* CSS Document */
html{
  /*  overflow: scroll; overflow:scroll;*/

}

body {
	font: 13px ae_Cortoba,"Palatino Linotype",Imprimerie;


color: #343434;


   margin: 0 0 0 0;
	padding: 0;
   /* overflow-y:scroll;
   overflow-x:hidden; */



}


img{
  border: none;
}

img.marco{
  border: solid #996600 1px;
  padding:2px 2px 2px 2px;
}



		#panes {
			text-align: justify;
			border-style: none;
			width: 98%;
		   margin: 0 2% 0 4%;
           /*margin-left: auto;
           padding-left: 10px;   */
		}

		#panes p {
		  width: 500px;
          height: auto;
		  margin: 20px auto 1em 20px;
		  line-height: 1.1em;
          	font: 17px eurofurence,"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
          float: left;
}

  /************          SCROLLER                 ***************/
   	#scroll-container {
		margin-top: 2em;
		position: relative;
		height: auto;
        background: transparent url(images/header.png) repeat-y;
	}
	#content_scroll {
		position: absolute;
		top: 0;
		left: 20px;
		width: 370px;
        height: auto;
		clip: rect(0px, 500px, 300px, 0px);
		overflow: hidden;
        font-family: ae_Cortoba, "Palatino Linotype",Imprimerie, "eurofurence light", Georgia;
	   /*	padding-bottom: 40px;*/
	}
 	/*#content_scroll p:first-letter {
		margin-top: 10px;
        margin-right:5px;
        margin-left:5px;
        text-align: justify;
        font-size: 14px;
        font-family: "Palatino Linotype",Imprimerie, "eurofurence light", Georgia;
	}   */
    	#content_scroll p {
		margin-top: 0px;
        margin-right:5px;
        margin-left:5px;
        margin-bottom:20px;
        text-align: justify;
        font-size: 18px;
        font-family:   Agency FB,"AGENCYR.TTF", Georgia, arial  ;
	}
    #content_scroll h1{
          font-family: Felix Titling,  Georgia, ae_Cortoba;
    }

    #content_scroll ul{
      list-style-image: url(images/bullet.png);
      margin-left: 10px;
    }


	#track {
		position: absolute;
		left: 0;
		top: 15px;
		width: 16px;
		height: 270px;  cursor: pointer;
		background: transparent url(images/track.png) no-repeat top;
	}
	#handle {
		position: absolute;
		left: 0;
		top: 0;
		width: 16px;
		height: 16px;cursor: pointer;
		background: transparent url(images/handle.png) no-repeat;
	}

    	#handle:hover {
		position: absolute;
		left: 0;
		top: 0;
		width: 16px;
		height: 16px;  cursor: pointer;
		background: transparent url(images/handle_hover.png) no-repeat;
	}

	#button-up {
		position: absolute;
		top: 0;
		left: 0;
		width: 16px;
		height: 10px;
		background: transparent url(images/button-up.png) no-repeat;
        cursor: pointer;
	}

    	#button-up:hover {
		position: absolute;
		top: 0;
		left: 0;
		width: 16px;
		height: 10px;  cursor: pointer;
		background: transparent url(images/button-up_hover.png) no-repeat;
	}

	#button-down {
		position: absolute;
		top: 290px;
		left: 0;
		width: 16px;
		height: 10px;   cursor: pointer;
		background: transparent url(images/button-down.png) no-repeat;
	}
    	#button-down:hover {
		position: absolute;
		top: 290px;
		left: 0;
		width: 16px;
		height: 10px; cursor: pointer;
		background: transparent url(images/button-down_hover.png) no-repeat;
	}





 /************       FIN  SCROLLER           *********/


#wrapper {
	width: 400px; /*50%*/
   height: 350px;/*100%*/
	margin: 0px 20px 30px auto;
	background: transparent url(images/header.png) repeat-y;
	padding: 0px 0px 0px 0px;
    border:1px solid gray;
  /* border: 1px solid #996600;border: none;*/
	position:relative;
    float:right;
}

#wrapper_agenda {
	width: 400px; /*50%*/
   height: 250px;/*100%*/
	margin: 0px 20px 30px auto;
	background: transparent url(images/header.png) repeat-y;
	padding: 0px 0px 0px 0px;
    border:1px solid gray;
  /* border: 1px solid #996600;border: none;*/
	position:relative;
    float:right;
}

#wrapper_gallery {
	width: 400px; /*50%*/
   height: auto;/*100%*/
	margin: 0px 20px 30px 30px;
	background: transparent url(images/header.png) repeat-y;
	padding: 0px 0px 0px 0px;
   border: 1px solid #996600;/*border: none;*/
	position:relative;
    float:left;
}

#wrapper_opera {
	width: 400px; /*50%*/
	height: auto;/*100%*/
	margin: 50px 10px 100px auto;
	background: transparent url(images/marco_text.jpg) top left no-repeat;
	padding: 5px 5px 5px 5px;
	/*border:1px solid gray;*/border: none;
	/* border: 1px solid #996600;border: none;*/
   position:relative;
	float:left;
	color: #000;
	left: 10px;
	top: 47px;
}

#wrapper_opera_video {
	width: auto; /*50%*/
	height: auto;/*100%*/
	margin: 50px 10px 100px auto;
	background: transparent;
	padding: 2px 2px 2px 2px;
	/*border:1px solid gray;*/border: none;
	/* border: 1px solid #996600;border: none;*/
   position:relative;
	float:left;
	color: #000;
	left: 10px;
	top: 47px;
}

#wrapper_opera p{
color: #000;
text-align: justify;

}
#wrapper_opera strong{
color: #000;

}


h1 {
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 0 20px;
	padding: 20px 0;
    color: #996600;
    font-family: "Felix Titling";
}

h1.right {
		text-align: right;
    margin: 0 10px 0 0px;
    	padding: 20px 20px 20px 0;
    color: #996600;
    	text-transform: uppercase;
        font-family: "Felix Titling";

}
h1.right_opera {
		text-align: right;
    margin: 0 20px 0 0px;
    	padding: 20px 170px 20px 0;
    color: #333;
    	text-transform: uppercase;
        font-family: "Felix Titling";

}
h1.right_multimedia {
		text-align: left;
    margin: 0 0px 0 5px;
    	padding: 5px 117px 10px 0;
    color: #996600;
    	text-transform: uppercase;
        font-family: "Felix Titling";
        z-index: 1000;

}
h1.right_agenda {
		text-align: right;
    margin: 0 20px 0 0px;
    	padding: 20px 25px 20px 0;
    color: #996600;
    	text-transform: uppercase;
        font-family: "Felix Titling";

}




div.tira_vertical{
  padding: 2px 0px 2px 1px;
  margin: 0px 10px 5px 0;
  float: right;
  display: block;
  text-align: center;
  background: transparent;/* url(images/div_opera_bg.png) repeat-x top*/
  border: none;
  border-bottom: 1px solid #777777;
  border-top: 1px solid #777777;
  position: relative ;
  height: 160px;
  width: 550px;/*156px*/
  z-index: 9999 ;
}

div.tira_vertical_2{
  padding: 2px 0px 2px 1px;
  margin: 0px 0px 5px 0;
  float: right;
  right:0;
  display: block;
  text-align: center;
  background: transparent;/* url(images/div_opera_bg.png) repeat-x top*/
  border: none;
  border-bottom: 1px solid #777777;
  border-top: 1px solid #777777;
  position: relative ;
  height: 160px;
  width: 500px;/*156px*/
  z-index: 9999;
}
div.tira_vertical_3{
  padding: 2px 0px 2px 1px;
  margin: 330px -275px 5px 0;
  float: right;
  display: block;
  text-align: center;
  background: transparent;/* url(images/div_opera_bg.png) repeat-x top*/
  border: none;
  border-bottom: 1px solid #777777;
  border-top: 1px solid #777777;
  position: relative ;
  height: 160px;
  width: 550px;/*156px*/
  z-index: 9999 ;
}

div.tira_vertical h2{
  color: #000000;
}

div.menu_img{
  padding: 5px 5px 5px 5px;
  margin: 0px 20px 0 0;
  float: right;
  text-align: center;
  background: transparent; /*url(images/div_opera_bg.png) repeat-x top;*/
  border: 1px solid #777777;
  border-left: none;
  border-right: none;
  position: relative ;
  height: auto;
  width: 550px;
  z-index: 5000 ;
}

div.ricardo{
  padding:0 0 0 0;
  margin: 0 0 0 0;
  float: left;
  text-align: center;
  background: #fff;
  border: none;
  bottom:0;
  position: relative;
  width: 450px;/*500px*/
  height: 672px;/*800px*/

  color: #000;
  z-index: -5000;

}


#nav {
	list-style: none;
	padding: 0;
	margin: 0px 0 0px 0;
	background: #2e2e2e url(images/nav_bar.jpg) repeat-x;
	display: block;
	overflow: hidden;
	font-size:16px;
	height:33px;
	/*text-transform:capitalize;*/
    text-align: center;
    font-family: "AGENCYR.TTF", Agency FB, Georgia, Tall Films Expanded, "Times New Roman", Times, serif;
    font-weight: 500;

}
#nav li {
	display: inline;
     	text-transform: uppercase;
}
#nav li a {
	display: block;
	float: left;
	padding: 6px 20px;
	color: #eee;/*#157DD7*/
	text-decoration: none;

}
#nav li a:hover {
/*   	background: transparent;*/
background: transparent url(images/star_hover.png) right top no-repeat;
   /* text-decoration: underline;*/
   color:#fff ;


}
#nav li#gallery a:hover {
/*   	background: transparent;*/
background: transparent url(images/star_hover.png) top right no-repeat;
   /* text-decoration: underline;*/
   color:#fff ;


}
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}


h2 {
	margin: 0 5px 5px 5px;
	padding: 0.3em 0;
	color:#fff;
    text-decoration:underline;
	font-family: Felix Titling, Georgia, "Times New Roman", Times, serif;
  z-index: 1000;
  font-size: 12px;
}
h3 {
	margin: 2px auto 2px 10px;
	color:#fff;
    text-align: left;
	font-family: Felix Titling, Georgia, "Times New Roman", Times, serif;
  z-index: 1000;
  font-size: 12px;
}
#content p {
	margin: 0 10px;
	padding: 0.4em 0;
	color:#fff;
	line-height:1.6em;
text-align: justify;
font-family: Georgia, "Times New Roman", Times, serif;
}
#content img.right {
	float: right;
	margin: 0 0 8px 8px;

}



/**************************************************************

	Image Menu
	v 2.2

**************************************************************/



#imageMenu {
	position: relative;
	width: 500px;
	height: 200px;
	overflow: hidden;
              margin-left: auto;
  margin-right: auto;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;

	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:98px;
	height: 200px;
}

#imageMenu ul li.landscapes a {
	background: url(images/landscapes.jpg) repeat scroll 0%;
}

#imageMenu ul li.people a {
	background: url(images/people.jpg) repeat scroll 0%;
}

#imageMenu ul li.nature a {
	background: url(images/nature.jpg) repeat scroll 0%;
}

#imageMenu ul li.urban a {
	background: url(images/urban.jpg) repeat scroll 0%;
}

#imageMenu ul li.abstract a {
	background: url(images/abstract.jpg) repeat scroll 0%;
	width: 310px;
}

.clear {
	clear: both;
}

/*************************************************************/

/**************************************************************

	SlideShow
	v 1.3

**************************************************************/

.slideshowContainer {
	border: 1px solid #ccc;
	width: 450px;
	height: 250px;
	margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  background-color: #000000;
}

.loading {
	background: url(images/loading.gif) #000000 center no-repeat;
}

.slideshowThumbnail {
	outline: none;

}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 2px;
  margin-left: auto;
  margin-right: auto;

}

a:hover.slideshowThumbnail img {
 	border: 1px solid #ccc;
	padding: 2px;

}

.current img {
 /* border: 1px solid red;
	padding: 5px;  */

}

.outline {
 border: 1px solid orange;
	z-index: 0;
	position: absolute; /*   */

}

#thumbnails {
	/*width: 130px;
	float: left;*/
  width: 450px;
  margin-left: auto;
  margin-right: auto;
}


a.linkopacity img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
}

a.linkopacity:hover img {

	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
}



/*************************************************************/
  /*    F  O  O  T  E  R     */

#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%; /*100% 685px es el del flash*/
	height: 90px;
	background-color: transparent;
     text-align: right;
	color: #666666;
  /* border-top: 1px solid #D5D9DA;*/
	z-index: 5000;

}



#footer .container {
	margin: 14px auto 0 auto;
	width: 640px;
}

#footer .right {
	float: right;
	width: 300px;
}

#footer .right img {
	margin-bottom: 5px;
}

#footer .left {
	width: 300px;
	padding-top: 8px;
}

#footer .right a {
	text-decoration: none;
}

#footer .right a.text {
	padding-left: 41px;
	font-size: 140%;
}

@media screen{

	body>div#footer{
		position: fixed;
	}

}

 * html body{
 /* overflow:hidden;*/
 }


 /*    F  O  O  T  E  R     */

#footer_left{
	position:absolute;
	bottom:0;
	left:10;
	width:100%; /*100% 685px es el del flash*/
	height: 90px;
	background-color: transparent;
     text-align: left;
	color: #666666;
  /* border-top: 1px solid #D5D9DA;*/
	z-index: 5000;

}



#footer_left .container {
	margin: 14px auto 0 auto;
	width: 685px;
}

#footer_left .left {
	float: left;
	width: 300px;
}

#footer_left .left img {
	margin-bottom: 5px;
}



@media screen{

	body>div#footer_left{
		position: fixed;
	}

}

/*    F  O  O  T  E  R     */

#footer_right{
	position:absolute;
	bottom:0;
	right:10;
	width:100%; /*100% 685px es el del flash*/
	height: 90px;
	background-color: transparent;
     text-align: right;
	color: #666666;
  /* border-top: 1px solid #D5D9DA;*/
	z-index: 5000;

}



#footer_right .container {
	margin: 14px auto 0 auto;
	width: 685px;
}

#footer_right .right {
	float: right;
	width: 300px;
}




@media screen{

	body>div#footer_right{
		position: fixed;
	}

}

/*#footer {
	height: 90px;
    width: 100%;
    margin-bottom: 0; */
   	/* background-color:#000; */
   /* background: transparent;*/ /*ESTO HACE TARNSPARENTE EL FLASH*/
	/* background-image: url(images/footer.png);
	background-repeat: repeat-x;
	background-position: left; */
   /*	clear: both;
    font-size: 11px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;*/
	/*line-height: 40px;*/
/* position:relative; */
   /* float: left;*/
/* bottom: 0;  */
/*  margin-top: auto ;*/
/*padding-top: 30px;*/
  /*padding-bottom: 0;*//*
  margin-top:12%; */
 /* text-align: center; */
  /*overflow: visible ;*/
/*}*/

/*#footer p{
  text-align: center;
  color:#fff;*/
  /*padding: 10px;*/
/*}   */

#foot {
	padding: 15px;
	/*color: #330000;*/

	margin: 5px 20px 0 0;
	border-top:1px solid #222222;
    position: relative;
    width: 550px;
    height: 70px;
    float: right;
}
#foot p{
  text-align: center;
  color:#000000;
  padding: 5px;
}
#foot a{

  color:#996600;
  text-decoration: underline;
}
#foot a:hover{

  color:#999900;
    text-decoration: no;
}

/**************FORMULARIO**************/

* {
	margin: 0;
	padding: 0;
    color: #fff;
}

.red{
  color: #AA0000;
}


#comm_form {
	width: 350px;
	margin:12px 10px;
	padding: 12px;
	font-family: "Lucida Grande", "Times New Roman", Times, serif;
	background: transparent url(images/header.png) repeat-y;
	position: relative;
	color: #cc0000;
}

#comm_form input, #comm_form textarea {

	border: none;
	font-size: 14px;
	padding: 3px;
  font-weight: bold ;
}
#comm_form textarea{
    background:transparent url(images/input_bg.png) repeat-x top;
    width: 290px;
	color: #000;
  border: 1px solid #ffffff  ;
}


#comm_form input {
	width: 290px; color:#000;
  border-bottom: 1px solid #ffffff  ;
  background:transparent url(images/input_bg.png) repeat-x top;
}

#comm_form span {
	color: #cc0000;
}

#comm_form legend {
	color: #fff;  /* for IE6 */
	font-size: 18px;
	padding: 3px;
	margin-right: 4px;
}

#comm_form fieldset {
	padding: 10px;
	margin-bottom: 12px;
}

#comm_form label {
	display: block;
	padding: 4px;
	font-weight: bold;
	font-size: 14px;
    color:#eee;
}

#comm_form .field_desc {
	position: absolute;
	text-align: center;
	top: 42px;
	right: 22px;
	width: 150px;
	font-size: 13px;
	border: 1px dotted #fff;
	visibility: hidden;
	padding: 10px;
	background-color: #999;
	font-family: Arial, Helvetica, sans-serif;
}

.buttons {
	background-color: #000;
	border-width: 2px;
	border-color: #fff;
	border-style: solid;
	text-decoration: none;
	text-align: center;
	padding: 3px 5px 2px;
	cursor: pointer;
	width: 90px;
	color: #eee;
	position: relative;
	left: 4px;
	margin-bottom: 12px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
}


/****************************/
 /* GALLERY */
ul#gallery { margin:25px 0 150px 50px; list-style:none; }
ul#gallery li#first { border-top:1px solid #ccc; }
ul#gallery li { clear:both; width:150px; position:relative; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { left:100px; }
ul#gallery li a { display:block; width:150px; padding:15px 0; color:#000; text-decoration:none; border-bottom:1px solid #ccc; }
ul#gallery li a:hover { background-color:transparent; }
ul#gallery li ul { padding:0 20px 20px 100px; list-style:none; margin:0; width:350px; background-color:transparent; position:absolute; left:-999em; top:-2px; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; position:static; z-index:2; }
ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; float:left; display:block; width:100px; height:75px; }
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img { position:absolute; width:100px; height:75px; }
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:200px; height:150px; left:-50px; top:-37px; border:1px solid #000; z-index:2000; }



/* LIGHTBOX CONTROL */
#lightbox { background-color:#000; padding:20px 20px 5px 20px; }
#lightboxDetails { padding-top:5px;	}
#lightboxCaption { float:left; color:#fff; font-size:11px; }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; }
#overlay img { border:none; }
#closebutton { display:none; }