@charset "utf-8";
html,body{
			margin:0;
			padding:0; 
			}
body{
			font:80% "Trebuchet MS",arial,sans-serif;
			
			text-align:center;
			padding: 10px
			}
.titulo_tablas {
			font:105%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			letter-spacing: 1px;
			color:#FFF;
	}
.titulo {
			font:110%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			letter-spacing: 1px;
	}
.little {	font-family: Verdana;
			font-size: 11px;
}
.red {		font-size: 100%;
			color:#ff0000;
}
.tablas-fotos {	font:83%  Verdana;
}
h1{
			font:115%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			font-weight: bold;
			padding-left: 1px;
			padding-top:15px;
			padding-bottom:15px;
			}
h2{
			font-size: 14px;
			padding-left: 16px;
			color: #555}
h3{
			font-size: 16px;
			letter-spacing: 1px;
			padding: 2px 50px 2px 50px;
			margin-bottom:10px;
			color: #184a3a;
			background: #c9ddd2;
			}
h4{
			font-size: 100%;
			
			
			}
h5{			font-size: 16px;
			color: #3C82C8;
			letter-spacing: 1px;
			margin:0px;
		}
.cuadrado{
			font-size: 9px;
			vertical-align: 5px;}
p{
			margin: 0;padding: 0 15px 0.7em;
			line-height: 1.5}
address{
			font-style: normal;
			color:#FFF;}
p.codehere{	color: #c9ddd2;}

div#container{
			width:800px;
			margin: 0 auto;
			background-color: #FFF;
			text-align: left;}
div#header{
			background-color: #FFF;
			padding-top:10px; 
			padding-left:1px;
			}
/* Principio menu \*/
img {
		border: none;
		}
#menu {
		float:left;
		width:100%;
		background:#FFF;
		font-size:96%;
		line-height:1.4;
		border-bottom:3px solid #184a3a;
		}
#menu ul {
		margin:0;
		padding:0 10px 0 0;
		list-style:none;
		}
#menu li {
		display:inline;
		margin:0;
		padding:0;
		}
#menu a {
		float:left;
		background:url(../images/tableft0.gif) no-repeat left top;
		margin:0;
		padding:0 0 0 4px;
		text-decoration:none;
		
		}
#menu a span {
		float:left;
		display:block;
		background:url(../images/tabright0.gif) no-repeat right top;
		padding:3px 15px 2px 6px;
		color:#333;
		}
/* Small hack for IE5-Mac \*/
#menu a span {
		float:none;
		}
/* End IE5-Mac hack */
#menu a:link span {
		font: bold 12px/1.5em "Trebuchet MS", Arial;
		color:#FFF;
		}

#menu a:visited span {
		font: bold 12px/1.5em "Trebuchet MS", Arial;
		color:#FFF;
		}
#menu a:hover span {
		color:#444444;
		}
#menu a:hover {
		background-position:0% -42px;
		}
#menu a:hover span {
		background-position:100% -42px;
		}
#menu #current a {
		font: bold 12px/1.5em "Trebuchet MS", Arial;
		color:#444444;
		background-position:0% -42px;
		}
#menu #current a span {
		font: bold 12px/1.5em "Trebuchet MS", Arial;
		color:#444444;
		background-position:100% -42px;
		}
.clear {clear:left}

/* Final menu \*/
div#box{float:left;
		width:140px;
		margin-left:5px;
		margin-right:5px;
		margin-bottom:0px;
		background:#DEE9F9;
		text-align:left
		}
ul#mininav{
			padding:0px;
			margin-top:5px;
			margin-bottom:5px;
			margin-left:5px;
			}
ul#nav,ul#mininav li{
			font:12px "Trebuchet MS",Arial,sans-serif;
			list-style-type:none;
			
			padding-left:0px;
			padding-top:2px;
			padding-bottom:0px;
			}
ul#mininav li.active a,ul#mininav a:hover{color: #000}
div#content{
			clear:left;
			width:798px;
			border-top:1px solid #999;
			padding-top:15px;
			background-color: #FFF;
			border-left:1px solid #999;
			border-right:1px solid #999;}
div#footer{
			padding-top:5px;
			text-align: center;
			font-size: 90%;
			background: #698a77;
			}
#sidebar {	
	display: block;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana;
	text-decoration: none;
	text-align: right
	width: 150px;
	height: 480px;
	margin-top:25px;
	} 
#map {	
	float:left;
	font-size: 12px;
	color: #000000;
	font-family: "Lucida Grande", Verdana;
	display: block;
	width: 740px; height: 450px; 
	margin-top:5px;
	margin-left:2px;
	} 
a.red:link {
	font-size: 100%;
	color:#FFFFFF;
	text-decoration : none;
	margin-left:10px;
	letter-spacing: 0.1em;
	background-color:#6e8f7c;
	padding:0 10px 0 10px;
 } 
a.red:visited {
	font-size: 100%;
	color:#FFFFFF;
	text-decoration : none;
	margin-left:10px;
	letter-spacing: 0.1em;
	background-color:#6e8f7c;
	padding:0 10px 0 10px;
 } 
a.red:active {
	font-size: 100%;
	color:#FFFFFF;
	text-decoration : none;
	margin-left:10px;
	letter-spacing: 0.1em;
	background-color:#6e8f7c;
	padding:0 10px 0 10px;
 } 
a.red:hover {
	font-size: 100%;
	color: #EDEDED;
	text-decoration : none;
	margin-left:10px;
	letter-spacing: 0.1em;
	background-color:#184a3a;
	padding:0 10px 0 10px;
 }
a.linkfooter:link {
	color: #FFFFFF;
	text-decoration : none;
 } 
a.linkfooter:visited {
	color: #FFFFFF;
	text-decoration : none;
 } 
a.linkfooter:active {
	color: #FFFFFF;
	text-decoration : none;
 } 
a.linkfooter:hover {
	color: #CCCCCC;
	text-decoration : none;
 }
 a.mini:link {
	font:12px "Trebuchet MS",arial,sans-serif;
	color: #666;
	text-decoration : none;
 } 
a.mini:visited {
	font:12px "Trebuchet MS",arial,sans-serif;
	color: #666;
	text-decoration : none;
 } 
a.mini:active {
	font:12px "Trebuchet MS",arial,sans-serif;
	color: #666;
	text-decoration : none;
 } 
a.mini:hover {
	font:12px "Trebuchet MS",arial,sans-serif;
	color: #CCCCCC;
	text-decoration : none;
 }
a.tablas:link {
	color: #666666;
	font:95%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration : none;
 } 
a.tablas:visited {
	color: #666666;
	font:95%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration : none;
 } 
a.tablas:active {
	color: #666666;
	font:95%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration : none;
 } 
a.tablas:hover {
	color: #FFF;
	font:95%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration : none;
	background:#333;
	padding-right:10px; 
	
 }
a.meses:link {
	color: #184a3a;
	text-decoration : none;
 } 
a.meses:visited {
	color: #184a3a;
	text-decoration : none;
 } 
a.meses:active {
	color: #184a3a;
	text-decoration : none;
 } 
a.meses:hover {
	color: #FFFFFF;
	text-decoration : none;
	background:#184a3a;
 }
 table.Design3 {
    border-spacing: 0px;
    border-collapse: collapse;
    background-color: #EDEDED;
    border: 1px solid #EDEDED;
}
table.Design3 th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
}
table.Design3 td {
    text-align: left;
    border-left: 1px solid #666666;
    padding: 0.1em 0.5em;
}
table.Design3 thead th {
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    text-align: center;
}
table.Design3 th.Corner {
    text-align: left;
    border-left: 0px;
} 
a.enlace:link {
	color: #007FFF;
	font:95%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration : none;
 } 
a.enlace:visited {
	color: #007FFF;
	font:95%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration : none;
 } 
a.enlace:active {
	color: #007FFF;
	font:95%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration : none;
 } 
a.enlace:hover {
	color: #FFF;
	font:95%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration : none;
	background:#333;
}
a.prod:link {
	color: #CCCCCC;
	font:95%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration : none;
 } 
a.prod:visited {
	color: #CCCCCC;
	font:95%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration : none;
 } 
a.prod:active {
	color: #CCCCCC;
	font:95%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration : none;
 } 
a.prod:hover {
	color: #EDEDED;
	font:95%  "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration : none;
	background:#CCC;
 }
.pic_demo {
	position:absolute;
	z-index:1;
	background-image: url(../images/estrella-demo.gif);
	background-repeat: no-repeat; 
	width:98px;
	height:22px;
	margin:0 0 0 600px;
 }
.pic_video {
	position:absolute;
	z-index:1;
	margin:0 0 21px 360px;
 }
.pic_video2 {
	position:absolute;
	z-index:1;
	margin:0 0 21px 224px;
}
.pic_video3 {
	position:relative;
	margin: 3px 0 0 80px;
 }
.pic_video4 {
	position:relative;
	margin: 3px 0 0 172px;
 }