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

*
{
	margin:0;
	padding:0;
}


html,body
{
	width:100%;
	height:100%;
	overflow:hidden;
}

#wrapper
{
	width:1024px;
	margin: 0 auto;
}

#wrapper #menu
{
	width:200px;
	float:left;
}

#wrapper #concept
{
	width:824px;
	position:relative;
	float:left;
}


#wrapper #concept .img
{
	position:relative;
}


#wrapper #concept .img span
{
	width:32px;
	height:32px;
	display:block;
	background:url(../imgs/zoom.png);
	cursor:pointer;
	position:absolute;
	right:40px;
	top:40px;
}


#wrapper #ser
{
	width:412px;
	position:absolute;
	left:0;
/*	top:-999px;*/
}

#wrapper #arbol
{
	width:412px;
	position:absolute;
	left:412px;
/*	top:-200px;*/
}

#wrapper .pin
{
	width:100%;
	height:0;
	clear:both;
}

.container
{
	position:relative;
	overflow:hidden;
}


#controls
{
	width:200px;
}

#controls img
{
	float:left;
	border:none;
	cursor:pointer;
}

.textos
{
	width:360px;
	height:500px;
	overflow:auto;
	padding:26px;
	position:relative;
	overflow-x: hidden
}

.textos h4
{
	font: lighter 16px/22px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#CCCCCC;
	padding-left:22px;
}

.textos p
{
	font: lighter 13px/16px Verdana, Geneva, sans-serif;
	color:#CCCCCC;
	padding: 0 22px;
}

.textos a
{
	font: lighter 13px/16px Verdana, Geneva, sans-serif;
	color:#CCCCCC;
	width:360px;
	position:absolute;
	left:292px;
}


/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/*/\/\/\/\/\ MENU /\/\/\/\/\/\*/
/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

#menu
{
	width:200px;
	position:relative;
}

#menu ul
{
	width:200px;
	list-style:none;
}

#menu ul li
{
	width:200px;
	line-height:26px;
	cursor:pointer;
}

#menu ul li a
{
	width:200px;
	line-height:26px;
}

#menu #menus .dib
{
	background:url(../imgs/menu/pani03.png) no-repeat;
	height:26px;
}

#menu #menus .txt
{
	background:url(../imgs/menu/pani04.png) no-repeat;
}

#menu #menus .cvs
{
	background:url(../imgs/menu/pani08.png) no-repeat;
}

#menu #menus .vid
{
	background:url(../imgs/menu/pani19.png) no-repeat;
	height:26px;
}

#menu #menus .crd
{
	background:url(../imgs/menu/pani13.png) no-repeat;
	height:26px;
}

#menu #menus .san
{
	background:url(../imgs/menu/pani05.png) no-repeat;
	height:26px;
}

#menu #menus .mar
{
	background:url(../imgs/menu/pani06.png) no-repeat;
	height:26px;
}

#menu #menus .mig
{
	background:url(../imgs/menu/pani07.png) no-repeat;
	height:26px;
}

#menu #menus .mao
{
	background:url(../imgs/menu/pani09.png) no-repeat;
	height:26px;
}

#menu #menus .boe
{
	background:url(../imgs/menu/pani10.png) no-repeat;
	height:26px;
}

#menu #menus .hor
{
	background:url(../imgs/menu/pani11.png) no-repeat;
	height:26px;
}

#menu #menus .ver
{
	background:url(../imgs/menu/pani12.png) no-repeat;
	height:26px;
}

/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/*/\/\/\/\/\ END MENU /\/\/\/\/\/\*/
/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/


/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/*/\/\/\/\/\ CONTACTO /\/\/\/\/\/\*/
/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

#contactos
{
	width:200px;
	height:213px;
	background:url(../imgs/body/contacto.png) no-repeat;
	position:absolute;
	left:0;
	top:453px;
	z-index:100;
}

#contactos textarea
{
	width:150px;
	height:115px;
	display:block;
	margin:0 auto;
	resize:none;
	background:transparent;
	border:none;
	outline:none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#CCC;
	font-weight:lighter;
	line-height:30px;
	position:absolute;
	top:20px;
	left:24px;
	overflow:hidden;
}

#contactos input
{
	width:200px;
	height:26px;
	background:url(../imgs/menu/dsrarbl_03.png) no-repeat 18px;
	cursor:pointer;
	position:absolute;
	top:147px;
	left:0;
	border:none;
	color:#FFFFFF;
}

/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/*/\/\/\/\/\ END CONTACTO/\/\/\/\/\/\*/
/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/