@charset "utf-8";
/* INFOMEGO - www.tcgtopografia.com */
/* ----- reset ----- */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
/* ----- html, body, cursor ----- */
body {
	background: #666666 url(../images/bg.jpg) no-repeat left top;
}
/* ----- layout ----- */
#wrapper {
	width: 900px;
	margin: 35px auto;
}
#header {
	width: 900px;
	height: 110px;
	margin-bottom: 25px;
}
#menu {
	width: 900px;
	height: 35px;
}
#links {
	width: 900px;
	height: 35px;
}
#indexcontent {
	width: 900px;
	height: 475px;
	background: #333333 url(../images/bgcontentgps.jpg) no-repeat right bottom;
	margin-bottom: 25px;
	overflow: hidden;
}
#otherscontent {
	width: 900px;
	background: #333333 url(../images/bgcontent.jpg) no-repeat right bottom;
	margin-bottom: 25px;
	overflow: hidden;
}
#footer {
	width: 900px;
	height: 120px;
	background: #1e1e1e url(../images/bgfooter.png) no-repeat 720px bottom;
	margin-bottom: 10px;
	overflow: hidden;
}
#details {
	width: 900px;
	height: 30px;
	text-align: right;
}
/* ----- header ----- */
#logo {
	width: 450px;
	height: 110px;
	float: left;
}
#slides {
	width: 448px;
	height: 108px;
	float: left;
	background: #1e1e1e;
	border: 1px solid #1e1e1e;
}
#slides p {
	display: block;
	width: 100px;
	height: 15px;
	font: 11px/15px Arial;
	color: #FFBC3D;
	margin: 83px auto 10px 10px;
}
/* ----- menu ----- */
#menu ul {
	list-style-type: none;		
}
#menu ul li {
	float: left;
}
#menu ul li a, #menu ul li a:visited {
	display: block;
	width: 180px;
	height: 35px;
	font: 16px/35px Arial;
	color: #eaeaea;
	text-decoration: none;
	text-align: center;
	background: url(../images/buttoms.png) no-repeat 0 0;
}
#menu ul li a:hover {
	background: url(../images/buttoms.png) no-repeat -180px 0;
}
#menu ul li a.active {
	background: url(../images/buttoms.png) no-repeat -360px 0;
}
/* ----- links ----- */
#help {
	width: 450px;
	height: 35px;
	float: left;
	text-align: left;
}
#sound {
	width: 450px;
	height: 35px;
	text-align: right;
	float: left;
}
#help p {
	font: 13px/35px Arial;
	color: #333333;
	cursor: default;
}
#help a, #help a:visited {
	font: 13px/35px Arial;
	color: #333333;
	text-decoration: none;
}
#help a:hover {
	color: #FFBC3D;
}
/* ----- content ----- */
#content {
	width: 800px;
	margin: 50px;
	overflow: hidden;
}
/* ajuste temporal para secciones sin contenido */
p.mantenimiento {
	font: 14px/18px Arial;
	color: #999999;
	cursor: default;
	margin-bottom: 200px;
}
/* ----- tcg -----*/
#intro {
	width: 500px;
	margin: 50px;
}
#intro p {
	font: 14px/18px Arial;
	color: #999999;
	cursor: default;
	text-align: justify;
	margin-bottom: 10px;
}
strong {
	color: #eaeaea;
}
#intro ul {
	list-style-type: circle;
	list-style-position: inside;
	margin: 20px 0 10px 0px;
}
#intro li {
	font: 14px/18px Arial;
	color: #999999;
	cursor: default;
	margin-bottom: 10px;
}
#intro a, #intro a:visited {
	font: 14px/18px Arial;
	color: #FFBC3D;
	text-decoration: none;
}
#intro a:hover {
	color: #ffffff;
}
/* ----- servicios ----- */
#servicioswrapper {
	width: 850px;
	margin: 25px;
	overflow: hidden;	
}
#serviciosmenuwrapper {
	width: 200px;
	float: left;
	margin-right: 25px;
}
#serviciosmenuwrapper ul, li {
	list-style-type: none;
}
#serviciosmenuwrapper li a, #serviciosmenuwrapper li a:visited {
	display: block;
	width: 200px;
	/*height: 25px;*/
	font: 13px/25px Arial;
	color: #FFBC3D;
	border-bottom: 1px #999999 solid;
	text-decoration: none;
	margin-bottom: 3px;
}
#serviciosmenuwrapper li a:hover, #serviciosmenuwrapper li a.activo {
	color: #eaeaea;
	border-bottom: 3px #999999 solid;
	margin-bottom: 1px;
}
#servicioscontent {
	width: 625px;
	float: left;
}
#servicioscontent h1 {
	font: 15px/25px Arial;
	color: #eaeaea;
	border-bottom: 1px #FFBC3D solid;
	margin-bottom: 15px;
}
#servicioscontent p {
	font: 14px/18px Arial;
	text-align: justify;
	color: #999999;
	margin-bottom: 10px;
}
#servicioscontent li {
	list-style: none;
	background: url(../images/list.png) 1px 6px no-repeat;
	padding-left:10px;
	font: 14px/18px Arial;
	color: #999999;
	cursor: default;
	margin-bottom: 10px;
	text-align: justify;
}
#servicioscontent img {
	margin: 15px 0 15px 40px;
	border: 1px #FFBC3D solid;
}
/* ----- Trabajos ----- */
#work {
	width: 800px;
	margin: 50px;
	overflow: hidden;
}
#work h1 {
	font: 15px/25px Arial;
	color: #eaeaea;
	border-bottom: 1px #FFBC3D solid;
	margin: 15px 0;
	padding-left: 25px;
}
#work p {
	font: 14px/18px Arial;
	color: #999999;
	cursor: default;
	text-align: justify;
	margin-bottom: 10px;
}
#work strong {
	color: #bbb;
}
#work ul {
	margin-bottom: 10px;
}
#work li {
	list-style: none;
	background: url(../images/list.png) 1px 6px no-repeat;
	padding-left:10px;
	font: 13px/16px Arial;
	color: #999999;
	cursor: default;
	margin-bottom: 10px;
	text-align: justify;
}
/* ----- curiosidades ----- */
#topography p {
	font: 14px/18px Arial;
	color: #999999;
	cursor: default;
	text-align: justify;
	margin-bottom: 10px;
}
#topography p strong {
	color: #eaeaea;
}
.source {
	clear: both;
	font: 14px/18px Arial;
	color: #999999;
	cursor: default;
	margin-bottom: 10px;
}

/* ----- carousel -----*/
#carouselwrapper {
	width: 800px;
	/*height: 500px;*/
	margin: 25px 0;
	overflow: hidden;
}
#carouselguide {
	float: left;
	width: 700px;
	/*height: 500px;*/
	overflow: hidden;
}
#carouselwindow {
	position:relative;
	left: -700px;
	width: 9999px;
}
/* ----- slides ----- */
#carouselwindow div.slide {
	float: left;
	width: 700px;
	/*height: 500px;*/
}
#carouselwindow div.slide img {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px #FFBC3D solid;
}
#carouselwindow div.slide h1 {
	display: block;
	width: 450px;
	height: 25px;
	font: 15px/25px Arial;
	color: #eaeaea;
	border-bottom: 1px #FFBC3D solid;
	margin-bottom: 15px;
}
#carouselwindow div.slide ul {
	list-style-type: circle;
	list-style-position: inside;
	margin: 20px 0 10px 0px;
}
#carouselwindow div.slide ul li {
	font: 14px/18px Arial;
	text-align: justify;
	color: #999999;
	cursor: default;
	margin-bottom: 10px;
}
#carouselwindow div.slide ul li strong {
	text-decoration: underline;
}
/* ----- controls ----- */
#leftscroll {
	float:left;
	width: 50px;
}
#rightscroll {
	float:left;
	width: 50px;
}
#leftscroll div.buttom, #rightscroll div.buttom {
	width: 20px;
	height: 20px;
	cursor: pointer;
}
#leftscroll div.buttom {
	background: url(../images/carouselbuttoms.png) no-repeat 0 -20px;
	margin: 225px 30px 0 0;
}
#rightscroll div.buttom {
	background: url(../images/carouselbuttoms.png) no-repeat -20px -20px;
	margin: 225px 0 0 30px;
}
#leftscroll div.buttom:hover {
	background: url(../images/carouselbuttoms.png) no-repeat 0 0;
}
#rightscroll div.buttom:hover {
	background: url(../images/carouselbuttoms.png) no-repeat -20px 0;
}
/* ----- contacto ----- */
#contactform {
	width: 430px;
	float: left;
}
#contactform h1 {
	display: block;
	width: 430px;
	height: 25px;
	font: 15px/25px Arial;
	color: #eaeaea;
	border-bottom: 1px #FFBC3D solid;
	margin-bottom: 20px;
}
#contactform p {
	font: 14px/18px Arial;
	color: #999999;
	cursor: default;
	margin-bottom: 10px;
}
#contactform p strong {
	text-decoration: underline;
}
#contactform a, #contactform a:visited {
	font: 14px/18px Arial;
	color: #FFBC3D;
	text-decoration: none;
}
#contactform a:hover {
	color: #ffffff;
}
#map {
	width: 370px;
	float: left;
}
#map iframe {
	border: 1px solid #FFBC3D;
	margin-bottom: 10px;
}
#map a, #map a:visited {
	display: block;
	font: 12px/18px Arial;
	color: #FFBC3D;
	text-decoration: none;
}
#map a:hover {
	color: #ffffff;
}
/* ----- formulario de contacto ----- */
#contactform form {
	width: 410px;
	color: #999999;
	font: 14px/19px Arial;
	cursor: default;
	margin-right: 20px;
	margin-bottom: 20px;
}
#contactform div.fields {
	width: 410px;
	margin-bottom: 20px;
}
#contactform form div.fields label.txtimput, #text form div.fields label.txttextarea {
	display: block;
	width: 150px;
	height: 21px;
}
#contactform form div.fields label.txtimput {
	float:left;
}
#contactform form input {
	width: 258px;
	height: 19px;
	background-color: #666666;
	border: 1px solid #FFBC3D;
	color: #333333;
	font: 14px/19px Arial;
}
#contactform form textarea {
	width: 408px;
	height: 75px;
	margin-top: 10px;
	background-color: #666666;
	border: 1px solid #FFBC3D;
	color: #333333;
	font: 14px/19px Arial;
	margin-bottom: 20px;
}
#contactform form div.buttons {
	width: 410px;
	height: 27px;
}
#contactform form input#enviar {
	width: 60px;
	height: 25px;
	color: #666666;
	text-align: center;
	border: 1px solid #1e1e1e;
	background: #FFBC3D;
	cursor: pointer;
}
#contactform form input#enviar:hover {
	color: #666666;
	background-color: #eaeaea;
	border: 1px solid #1e1e1e;
}
/* ----- Mapa de Sitio ----- */
#sitemap {
	width: 750px;
	margin: 75px;
}
#sitemap h1 {
	font: 16px/30px Arial;
	color: #eaeaea;
	border-bottom: 1px #FFBC3D solid;
	margin-bottom: 15px;
}
#sitemap ul {
	margin-top: 25px;
}
#sitemap ul li {
	display: block;
	width: 750px;
	font: 14px/25px Arial;
	color: #999999;
	cursor: default;
	margin-bottom: 15px;
	text-align: justify;
}
#sitemap ul li a, #sitemap ul li a:visited {
	display: block;
	width: 100px;
	font: 14px/25px Arial;
	float: left;
	color: #333333;
	text-align: center;
	background: #999999;
	text-decoration: none;
}
#sitemap ul li a:hover {
	background: #FFBC3D;
}
/* ----- footer ----- */
#info {
	width: 400px;
	height: 60px;
	margin-top: 30px;
	margin-left: 50px;
}
#info p {
	font: 15px/20px Arial;
	color: #eaeaea;
	cursor: default;
}
#info .important {
	color: #FFBC3D;
}
/* ----- subfooter ----- */
#details p {
	color: #333333;
	font: 11px/30px Arial;
	cursor: default;
}
#details p.visitas {
	float: left;
}
/* ----- infomego link ----- */
#details a.infomego {
	text-decoration: none;
	color: #333333;
}
#details a.infomego:hover {
	color: #1e1e1e;
}