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

html {background: #ddedc7;}

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

ul, li {
	list-style:none;
}

/* principal layout*/

#pagewidth {
	width: 840px;
	text-align: left;
	position: relative;
	margin: auto;
	height: auto;
	top: 0px;
}

h1 {
	color: #33a443;
	display:block;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	position:absolute;
	z-index:100;
}


body {
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

body a {
	color: #33a443;
	text-decoration: none;
	font-weight: bold;
}

.items {
	margin: 0;
	padding: 0;
}

.items_tab {
	margin-left: 12px;
	padding: 0;
}


#background_images {
	width: 840px;
	position: absoute;
	margin: auto;
	height: 630px;
	top: 0px;
}

#background_images2 {
	width: 840px;
	margin: auto;
	height: 820px;
	top: 0px;
}


#background_image3 {
	width: 840px;
	margin: auto;
	height: 960px;
	top: 0px;
}

#background_image4 {
	width: 860px;
	margin: auto;
	height: 860px;
	top: 0px;
}

#menufondo {
	position: absolute;
	float: left;	
	top: 114px;
	width: 237px;
	height: 400px;
	visibility: visible;	
}


#logo {
	position: absolute;
	left: 34px;
	top: 55px;
	width: 153px;
	height: 68px;
}

#primarynav {
	width: 187px;
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	position: absolute;
	top: 182px;
	left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	line-height: 26px;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	z-index: 1000;

}

#primarynav ul {
	width:187px;
}

#primarynav li {
	position:relative; /* position relative so that you can position the sub levels */
	background:#33a443;
	height:26px;
	margin-bottom: 4px;
}

/* estilo de los links */

#primarynav a, #primarynav a:visited {
	display:block; 
	text-decoration:none;
	height:26px;
	line-height:26px;
	color:#FFFFFF; /* DIMA: Letra menu */
	font-weight: bold;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	border: none !important;
}

#primarynav a:hover {
	background: #255D2E; /* DIMA: check the color, this is the menu hoover color  */
}

#primarynav li.selected a {
	background-color:#255D2E;
	text-decoration: none;
}


#facebook {
	position: absolute;
	left: 40px;
	top: 360px;
	width: 136px;
	height: 17px;
}


/*--------------------------------------------------------------*/


#solapas {
	position: absolute;
	left: 712px;
	top: 114px;
	width: 128px;
	height: 400px;
}


#solapas span {
	display: none;
	position: absolute;
}

#solapas ul {
	width: 128px;
}

#solapas li {
	position:relative;
	height: 99px;
	margin-bottom: 1px;
}

#solapas a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#solapas a:hover {
	background-position: right bottom;
}

#solapas a:hover span{
	display: block;
}

#solapas .s1 {
	width: 128px;
	height: 99px;
	background: url(../images/solapa01.png) no-repeat;
	left: 0px;
	top: 0px;
}

#solapas .s1 span {
	width: 128px;
	height: 99px;
	background: url(../images/solapa01-over.png) no-repeat;
	left: 0px;
	top: 0px;
}


#solapas .s2 {
	width: 128px;
	height: 99px;
	background: url(../images/solapa02.png) no-repeat;
	left: 0px;
	top: 0px;
}

#solapas .s2 span {
	width: 128px;
	height: 99px;
	background: url(../images/solapa02-over.png) no-repeat;
	left: 0px;
	top: 0px;
}

#solapas .s3 {
	width: 128px;
	height: 99px;
	background: url(../images/solapa03.png) no-repeat;
	left: 0px;
	top: 0px;
}

#solapas .s3 span {
	width: 128px;
	height: 99px;
	background: url(../images/solapa03-over.png) no-repeat;
	left: 0px;
	top: 0px;
}

#solapas .s4 {
	width: 128px;
	height: 99px;
	background: url(../images/solapa04.png) no-repeat;
	left: 0px;
	top: 0px;
}

#solapas .s4 span {
	width: 128px;
	height: 99px;
	background: url(../images/solapa04-over.png) no-repeat;
	left: 0px;
	top: 0px;
}



/*--------------------------------------------------------------*/

#text_01 {
	width: 400px;
	height: auto;
	position: absolute;
	top: 114px;
	left: 274px;
}

#text_02 {
	width: 400px;
	height: auto;
	position: absolute;
	top: 440px;
	left: 274px;
}

#text_03 {
	width: 190px;
	height: auto;
	position: absolute;
	top: 114px;
	left: 274px;
}

#text_04 {
	width: 190px;
	height: auto;
	position: absolute;
	top: 114px;
	left: 474px;
}

#text_05 {
	width: 400px;
	height: auto;
	position: absolute;
	top: 730px;
	left: 274px;
}

#trailer_content {
	width: 400px;
	height: 300;
	position: absolute;
	background-color: #FFFFFF;
	text-align: left;
	left: 274px;
	top: 114px;
}

#mini_container1 {
	width: 400px;
	height: auto;
	position: absolute;
	top: 460px;
	left: 274px;
}


#mini1 {
	width: 94px;
	height: 52px;
	position: absolute;
	top: 25px;
	left: 0px;
}

#mini2 {
	width: 94px;
	height: 52px;
	position: absolute;
	top: 25px;
	left: 102px;
}

#mini3 {
	width: 94px;
	height: 52px;
	position: absolute;
	top: 25px;
	left: 204px;
}

#mini4 {
	width: 94px;
	height: 52px;
	position: absolute;
	top: 25px;
	left: 306px;
}

#mini_titulo1 {
	width: 408px;
	height: 10px;
	position: absolute;
	top: 546px;
	left: 274px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	line-height: 10px;
}

#mini_titulo_texto {
	width: 102px;
	height: 10px;
	position: relative;
	float: left;
}


#mini_container2 {
	width: 400px;
	height: auto;
	position: absolute;
	top: 600px;
	left: 274px;
}

#mini5 {
	width: 94px;
	height: 52px;
	position: absolute;
	top: 25px;
	left: 0px;
}

#mini6 {
	width: 94px;
	height: 52px;
	position: absolute;
	top: 25px;
	left: 102px;
}

#mini7 {
	width: 94px;
	height: 52px;
	position: absolute;
	top: 25px;
	left: 204px;
}

#mini8 {
	width: 94px;
	height: 52px;
	position: absolute;
	top: 25px;
	left: 306px;
}

#mini_titulo2 {
	width: 408px;
	height: 10px;
	position: absolute;
	top: 686px;
	left: 274px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	line-height: 10px;
}



.mini {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	line-height: 12px;
}

.mini a {
	color:#000000;
	text-decoration: none;
}

.mini a:hover {
	color: #33a443;
	text-decoration: none;
}


/*--------------------------------------------------------------*/

/* galeria de fotos */

#foto_content {
	width: 400px;
	position: absolute;
	margin: 0 auto;
	text-align: left;
	padding: 0px;
	left: 274px;
	top: 114px;
}

#text_fotos {
	width: 400px;
	height: auto;
	position: absolute;
	top: 500px;
	left: 274px;
}


.mask7{
	position:relative;
	left:50%;
	margin-left:-200px;
	width:400px;
	height:300px;
	overflow:hidden;
}

#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:400px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:20px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:64px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background:url(thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(thumbs_mask.gif) no-repeat center top;
}



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

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:400px;
	height:300px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}

/*--------------------------------------------------------------*/