/* CSS Document version$ 1.1 Ever Ascencio - Designer (info@everascencio.com)*/
img {behavior: url(js/iepngfix.htc);}
/*-------------------------------BODY-------------------------------------- */
html {height:100%} 
body {padding:0px; margin:0px; background:url(../images/bgmapa.jpg) no-repeat left top #f2f2f2; }
body, table, tr, td	{font-family:Helvetica,Arial,sans-serif; font-size: 12px; font-weight:normal;}
th {font-size: 9px; font-weight:bold; text-transform:uppercase}

/*--------------------------------------------------------------------------*/
p {
	line-height: 1.357em;
	margin: 0 0 1.357em 0;
}
p.duble {
	font-size: 14px; 
	line-height: 1.357em;
	margin: 0 0 1.357em 0;

}

p.small, small {
	font-size: 11px;
	line-height: 1.727em;
	margin-bottom: 1.727em;
}
.double {font-size: 14px;font-family:Helvetica,Arial,sans-serif;}
.triple  {font-size: 16px;font-family:Helvetica,Arial,sans-serif;text-decoration:none}
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
h1.titles{
	font-size: 3em; 
	line-height: 1.19em;
	margin: 3px;
	letter-spacing: -0.05em;
}
h1.title{color:#010101;
	font: normal 26px Georgia, serif;margin:0px 0 5px 0;
}
h1 {font-size: 24px; 
	color:#000038;
	margin: 22px 0 0 0;
	line-height: 100%;
	letter-spacing: -0.02em;
}
h2 {
	font-size: 18px; 
	line-height: 1.056em; 
	padding: 0px 0 0px 0; font-weight:normal;
	color:#000;
}
h3 {
	font-size: 16px; 
	line-height: 1.056em; 
	padding: 0px 0 0px 0; font-weight:bold;
	color:#333;
}
h4, h5, h6  {
	font-size: 1em; 
	line-height: 1.357em;
	margin: 0;
}

/*FONT*/

form, input, textarea, submit, select	{font-size: 11px; margin:1px;}

[disabled] {
border:solid 1px #a5acb2;
color:#9d9da1;
background-color:#f7f7f7;
}

.autor, .fecha {font-size:9px; text-transform:uppercase;color:#999999}

a {color:#000;text-decoration:none;}
  a:hover {color:#893399;text-decoration:underline;}
  
a.lnk0 {color:#666;text-decoration:none;font-family:Tahoma,Arial,sans-serif; font-size:11px}
  a.lnk0:hover {color:#000;text-decoration:none;}
  
a.pic img{border:none;margin-right:6px;padding:3px;background:#fff;}
	a.pic:hover img{border:none; padding:3px}

.notify{border-bottom:#000038 1px solid; padding:10px; color:#000; background-color:#d8fb00; margin:auto; font-size:14px; text-align:right; font-weight:bold}

div.messages{
	z-index:998;
	position:absolute;
	left:auto;
	top:auto;
	width:300px;
	border:#ffd86e 1px solid; padding:5px; color:#000; background-color:#FFFFCC;
	margin-left:5px;
	margin-top:5px;
	text-align:left;
}

.floatright {float:right;width:auto}
div#container  {margin:0px 0px 20px 20px;padding: 0px;width: 1000px ;overflow: hidden; height:auto;}
.container {margin:0px 0px 0px 20px;padding: 0px;width: 1000px; height:auto;border:0;}
	#main{float: left; width: 670px; margin:0px 5px 0px 10px; padding:20px 10px 0px 20px;}
	#cmain{float: left; width: 990px; margin:0px; padding:10px 0 10px 0;}
	#rmain{float: left; width: 280px; margin:0px; padding:0px;}
	#comments {margin:0px; padding-left:10px;clear:both}
	.search{width:160px;padding:20px 30px 10px 90px; margin:0px; clear:both; background:url(../images/search.jpg) no-repeat 2px 0px; height:225px}
	#maps{border:1px solid #ccc;width:660px;padding:3px;background:#F2F2F2;}
	.col{width:250px; padding:0; margin:0px 10px 0px 0px; float:left;}
	.dcol{width:694px; padding:0; margin:0; float:left;}

.imenu {width:990px;background:url(../images/bgmenu.gif) repeat-x; height:41px;}
.imenu a {display:inline-block;padding:10px;color:#969696; font-size:14px; letter-spacing:-1px; font-weight:bold; text-transform:uppercase}
.imenu a:hover {color:#fff;text-decoration:none}

.contents {width:990px;background:url(../images/picture.jpg) no-repeat; height:160px;overflow:auto;border-bottom:solid 5px #E1F655}
.lcontent {width:380px;height:160px;float:right;border-left:solid 1px #fff}
.lcontent div{clear:both;margin:0;padding:0;width:380px;border-top:solid 1px #fff; background:url(../images/dot.png)}

ul.icons {margin:0; list-style: none outside; padding:0px; overflow:hidden;}
	ul.icons li{margin:0; padding:0; width:75px; height:75px; float:left;text-align:center;border-right:solid 1px #fff}
	ul.icons li a{color:#fff;font-size:12px;font-weight:bold;display:block;}


ul.imark {margin:10px 0px 10px 0; list-style: none outside; padding:0px; overflow:hidden;}
	ul.imark li{margin:0 2px 2px 0px; padding:5px; width:210px;float:left; }
	
.closet{width:18px; height:18px; background-position:-180px -252px; margin:1px;float:right;}
.tag {width:auto; margin:0px;font-size:15px; font-weight:bold; display:block; padding:5px 0 5px 15px;font-family:Helvetica,Arial,sans-serif;background:url(../images/bg_main_bar.gif) repeat-x bottom left #e7e8ed; color:#171717;}
.private {background-image:url(../images/pattern.gif); background-color:#e0f9ff}


.icats {margin:0px 0px 10px 5px; list-style: none outside;padding:0px;}
	.icats li{padding:5px 0px 10px 1px;margin:0px;clear:both;border-bottom:solid 1px #f3e8ff;color:#666;height:80px; font-family:Geneva, Arial, Helvetica, sans-serif}
	.icats li.normal{padding:4px;margin:0px 1px 1px 0px;}
	.icats li a{color:#000000; font-size:16px}
	.icats li:hover{}
	.icats li:hover p {color:#000}
	.icats li.select{padding:5px 0px 5px 0px;color:#666}

.inews {margin:0px; list-style: none outside; padding:0px;clear:both;}
	.inews li{padding:10px; height:100px;border-bottom:solid 1px #ccc; display:block;border-top:solid 1px #fff; }
	.inews h4{padding:3px; color:#181818;}
	.inews li.cats{border-top:solid 1px #333; padding:5px 0 5px 0;}
	b.s {color:#fff;background-color:#316ac5;}
	
.productos {width:190px;float:left;height:175px;margin:0 10px 10px 0px; background:#fff;color:#666}

	
ul.comentarios{margin:0px; list-style: none outside; padding: 0;}
	ul.comentarios li b{}
	ul.comentarios li{font-family: Arial, Helvetica, sans-serif; height:auto; margin:0 0 15px 0; padding:5px 0 10px 10px; font-size:11px}
	ul.comentarios li:hover cite {color:#000}
	ul.comentarios li cite{color:#666}
	ul.comentarios li.clean{height:30px; margin:10px 0 5px 10px; padding:5px; border:none; list-style:none outside}
	ul.comentarios li.clean a, ul.comentarios li.clean a:hover {color:#666;padding:3px;}
	ul.comentarios li small{color:#93afb9;}
	ul.comentarios li.clean a.page, ul#gall li.search a.page, ul.inews li.pages a.page, ul.idocs li.pages a.page  {border-top:solid 2px #666; padding:3px;color:#1625be; text-decoration:none;font-family: Arial, Helvetica, sans-serif;}
	
.listas{list-style: none outside;margin:0 0 10px 5px; padding: 0 0 0 5px}
	.listas li{border-bottom:solid 1px #e8eb70; padding:5px;}
	.listas li a{color:#666}
	.listas li.select a{color:#7e7a00}

.CBox{padding:0px; margin:2px 0 2px 10px;width:97%;display:block; clear:both}

.CBox .BoxHeader, .CBox .BoxHeader div, .CBox .BoxFooter, .CBox .BoxFooter div,  
.CBox .BoxHeaderG, .CBox .BoxHeaderG div, .CBox .BoxFooterG, .CBox .BoxFooterG div,
.CBox .BoxHeaderF, .CBox .BoxHeaderF div, .CBox .BoxFooterF, .CBox .BoxFooterF div,
.CBox .BoxHeaderB, .CBox .BoxHeaderB div, .CBox .BoxFooterB, .CBox .BoxFooterB div{height:4px;overflow:hidden; background-image: url(../images/corners.gif);background-repeat:no-repeat;}

.CBox .BoxHeader{background-position:100% 0px;background-color:#aab0b5}
.CBox .BoxHeader div{width:4px; background-position:0px -4px }
.CBox .BoxContent{background:#aab0b5; padding:0 0 0 15px}
.CBox .BoxContent a{color:#FFFFFF;}
.CBox .BoxFooter{background-position:100% -12px;background-color:#aab0b5;}
.CBox .BoxFooter div{width:4px;background-position:0px -8px}


.CBox .BoxHeaderG{background-position:100% -32px;background-color:#404efd;}
.CBox .BoxHeaderG div{width:4px; background-position:0px -36px }
.CBox .BoxContentG{background:#404efd;color:#FFFFFF;  padding:0 0 0 15px}
.CBox .BoxContentG a, .CBox .BoxContentG, .CBox .BoxContentF{color:#FFFFFF;}
.CBox .BoxFooterG{background-position:100% -44px;background-color:#404efd;}
.CBox .BoxFooterG div{width:4px;background-position:0px -40px;}


.CBox .BoxHeaderF{background-position:100% -16px;background-color:#699ecf;}
.CBox .BoxHeaderF div{width:4px; background-position:0px -20px }
.CBox .BoxContentF{background:#699ecf; padding:0 0 0 15px;}
.CBox .BoxContentF a{color:#FFFFFF;}
.CBox .BoxFooterF{background-position:100% -28px;background-color:#699ecf;}
.CBox .BoxFooterF div{width:4px;background-position:0px -24px;}

.CBox .BoxHeaderB{background-position:100% -48px;background-color:#FFF;}
.CBox .BoxHeaderB div{width:4px; background-position:0px -52px }
.CBox .BoxContentB{background:#FFF; padding:0 15px 0 15px}
.CBox .BoxFooterB{background-position:100% -60px;background-color:#FFF;}
.CBox .BoxFooterB div{width:4px;background-position:0px -56px;}

.library, img.library {background: url(../images/library.gif) no-repeat;margin: 1px; border:none;height: 20px; width: 20px;display:inline; }

.library.rss { background-position:-20px 0px;}
a img.library.rss:hover, a:hover img.library.rss { background-position:0px 0px;}
.library.tel { background-position:-20px -40px;}
a img.library.rss:tel { background-position:0px -40px;}
.library.mail { background-position:-20px -60px;}
a img.library.rss:mail { background-position:0px -60px;}
.library.arrow { background-position:-20px -80px;}
a img.library.arrow:hover, a:hover img.library.arrow { background-position:0px -80px;}
.library.arrowb { background-position:-20px -100px;}
a img.library.arrowb:hover, a:hover img.library.arrowb { background-position:0px -100px;}

.cart, img.cart {width: 112px; background: url(../images/cart.gif) no-repeat;margin: 1px; border:none; }

.cart.UNA { background-position:0px 0px;height: 31px;padding:10px 1px 1px 50px; display:block; clear:both; }
.cart.ACT { background-position:0px -42px;height: 31px;padding:10px 1px 1px 50px; display:block; clear:both; }
.cart.btnEnviar{background-position:0px -86px;height: 18px;}
.cart.btnCancelar{background-position:0px -105px;height: 18px;}
.cart.btnModificar{background-position:0px -124px;height: 18px;}
.cart.btnCerrar{background-position:0px -143px;height: 18px;}
.cart.btnNo{background-position:0px -162px;height: 18px;}
.cart.btnEditar{background-position:0px -181px;height: 18px;}

.tbheader {margin:1px 10px 10px 10px;}
.tbheader TH {border-bottom:1px solid #ff9b00; background:url(../images/bgtag.gif) repeat-x left bottom; height:25px}
.tbheader TD {border-bottom:1px solid #ddd;padding:1px;  font-size:11px}


.submit {font-family:Helvetica, Arial, sans-serif; 
	font-weight:bold;
}
.submit,
.submit-disabled {
	color:#000; background-color: #ddd;
	border: 3px double;
	border-color: #f3f3f3 #ddd #ccc #ddd;
}
.submit:hover,
.submit:focus {
	background-color: #6793da; color:#fff; 
	border: 3px double;
	border-color: #7bccff #186792 #12577d #186792;
}
body>input.submit-disabled, 
body>input.submit-disabled:hover, 
body>input.submit-disabled:focus {
	color: #8A8E92;
	background-color: #f2f2f2; 
	border: 1px double;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}
.submit:visited {
	color: #2b333c;
}

/*TABS VIDEOS*/
#tabcontentcontainer{margin:0px; padding:0px;overflow:hidden}
#tabcontentcontainer div.tabcontent{display:none; padding:5px; margin:0px;}
#tabcontentcontainer ul#tablist{margin:0px; list-style: none outside; padding: 0;overflow:hidden}
#tabcontentcontainer ul#tablist li{width:100px; height:25px; float:left; padding:10x; margin:0 5px 0 0;text-align:center;vertical-align:middle;}

/*AJAX*/
#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:269px;	/* Width of box */
		width: expression('271px'); 
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid;	/* Dark green border */
		border-color:#dddddd #95a5c6 #3b5998 #95a5c6;
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:11px;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:3px;
		cursor:pointer;
		font-size:11px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		border-bottom: solid 1px #dddddd;
	}
	#ajax_listOfOptions div b{
		background-color:#d8dfea;
	}
	#ajax_listOfOptions div span{color:#666666; font-size:9px}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#004096;
		color:#FFF;
	}
	#ajax_listOfOptions .optionDivSelected b{ /* Selected item in the list */
		background-color:#5670a6;
	}
	#ajax_listOfOptions .optionDivSelected span{color:#FFF}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}

#calendar{height:200px; background-color:#f9f9f9;padding:10px}

/*  g e n e r a l   s t y l e s  */

#sscalendar table, #sscalendar {
	border:none;	
	padding: 0px;
	margin: 0px;
	width:100%;
}

#sscalendar td {
	background-color: inherit;
}


/*  l a r g e   d a y s   s t y l e s  */

#sscalendar table.sscallgdays {
	font-weight: normal;
	padding: 0px;
	vertical-align: top;
}

#sscalendar table.sscallgdays td {
	padding: 2px;
	vertical-align: top;
	text-align:center;
	color:#666;
}

#sscalendar table.sscallgdays td.sscallgdayabbrev {
	background-color: #000d59;
	color: #fff;
	font-weight: none;
	text-align: center;
}

#sscalendar table.sscallgdays td.sscallgtoday {
	background-color: #6d84b4;
	margin: 2px;
	
}
#sscalendar table.sscallgdays td.sscallgtoday a.today{color: #FFFFFF;text-decoration:none}

#sscalendar table.sscallgdays td.sscallgmonthprev {
	font-weight: bold;
	margin: 10px;
	text-align: left;
	width: 20px;
}

#sscalendar table.sscallgmonthlabel {
	background-color: #757184;
	color: #fafafa;
	font-weight: bold;
	padding: 4px;
	width: 100%;
}



#sscalendar table.sscallgmonthlabel td.sscallgmonthnext {
	font-weight: bold;
	margin: 10px;
	text-align: right;
	width: 20px;
}

#sscalendar table.sscallgmonthlabel td.sscallgmonthname {
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px;
	text-align: center;
	width: 100%;
}


#sscalendar table.sscallgeventsday {
	background-color: #666666;
	border-spacing: 0px;
	width: 100%;
}

#sscalendar table.sscallgeventsday td {
	background-color: #757184;
	height: auto;
	padding: 2px;
}

#sscalendar table.sscallgeventsday  #sscalendar td #sscalendar a {
	color: #027081;
	display: block;
}


#sscalendar table.sscallgeventsday #sscalendar td #sscalendar a:hover {
	background-color: #FFFFFF;
	color: #027081;
	text-decoration: none;
}

.tableForm {overflow:hidden}
	.tableForm p {
		float:left;
		width:270px
	}
	
.tableForm p a {
border:solid 1px #CCCCCC;
padding: 3px 5px 3px 5px;
background-color:#FFFFFF;
text-decoration:none;
}
	.tableForm p label {
		float: left;
		width: 50%;
		font-size:9px; text-transform:uppercase
	}
	.tableForm p input, .tableForm p textarea {
		font: 11px Helvetica, Tahoma, Lucida, sans-serif;
	}
	.tableForm p.center {
		text-align: center;
	}
	
 
/**
 * The CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Lesser General Public License as published by the Free
 * Software Foundation, either version 3 of the License, or (at your option)
 * any later version.
 *
 * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
 * more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with Shadowbox.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007 Michael J. I. Jackson
 * @license     http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
 * @version     SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $
 */

/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: Arial, Verdana, Geneva;
  text-align: left; /* reset left alignment */
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 25px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  padding: 5px 0 4px 8px;
  color: #fff;
}

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <img src="images/loading.gif" alt="loading"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 2px solid #333;
  background-color: #000;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #000;

}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
}

#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 20px;
  color: #fff;
}
#shadowbox_toolbar_inner div {
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #fff;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}