/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#FFF;
}

h1{
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #444;
	margin: 0;
	padding-top:8px;
	font-size: 41px;
	line-height: 49px;
	letter-spacing: -1px;
	font-weight: bold;
}

img{
	border:none;
}

#wrapper { 
 margin: 0 auto;
}
#cabeza{
	background-color:#FFCC00;
	width:99%;
	padding-left:10px;
	font-family: Gill Sans, Verdana;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-weight: bold;
	color:#FFFFFF;
}

#header {
 color: #333;
 width: 97.8%;
 padding: 0px;
 height: 60px;
 margin: 0px 4px 4px 0px;
}

#destacados {
	text-decoration:none;
}

#destacados li{
	display:inline;
	margin:0px;
}

#navigation {
 float: left;
 width: 98.8%;
 color: #333;
 padding: 5px;
 border-top: 1px dotted #9AD8DA;
 border-bottom: 1px dotted #9AD8DA;
 margin: 0px 0px 4px 0px;
}
#leftcolumn { 
 color: #1b708c;
 border-right: 1px dotted #42C4DD;
 margin: 0px 5px 4px 0px;
 padding-right: 6px;
 padding-left:15px;
 height: 70px;
 width: 22%;
 float: left;
}
#leftmiddle { 
 color: #1b708c;
 border-right: 1px dotted #42C4DD;
 margin: 0px 5px 8px 0px;
 padding-right: 10px;
 padding-left:12px;
 height: 70px;
 width: 26%;
 float: left;
}
#rightmiddle { 
 color: #1b708c;
 border-right: 1px dotted #42C4DD;
 margin: 0px 5px 8px 0px;
 padding-right: 10px;
 padding-left:10px;
 height: 70px;
 width: 20%;
 float: left;
}
#rightcolumn { 
 color: #1b708c;
 border-right: 1px dotted #42C4DD;
 margin: 0px 0px 8px 0px;
 padding-right: 10px;
 height: 70px;
 width: 22.4%;
 float: left;
}


#leftcolumnB { 
 border-right: 1px dotted #42C4DD;
 margin: 0px 5px 4px 0px;
 padding-right: 10px;
 height: 180px;
 width: 22.4%;
 float: left;
}
#leftmiddleB { 
 border-right: 1px dotted #42C4DD;
 margin: 0px 5px 8px 0px;
 padding-right: 10px;
 height: 180px;
 width: 22.4%;
 float: left;
}
#rightmiddleB { 
 border-right: 1px dotted #42C4DD;
 margin: 0px 5px 8px 0px;
 padding-right: 10px;
 height: 180px;
 width: 22.4%;
 float: left;
}
#rightcolumnB { 
 border-right: 1px dotted #42C4DD;
 margin: 0px 0px 8px 0px;
 padding-right: 10px;
 height: 180px;
 width: 22.4%;
 float: left;
}

.clear{clear:both;}

#footer { 
 width: 97.8%;
 clear: both;
 color: #333;
 border-top: 1px solid #ccc;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#footer2 { 
 width: 97.8%;
 clear: both;
 color: #333;
 border-top: 1px solid #ccc;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#indice{
	width:100%;
		border-top:#FFCC00 2px solid;
		border-bottom:#FFCC00 2px solid;
	height:auto;
	font-family: Gill Sans, Verdana;
	padding:5px;
}

#indice a{
	color: #666666;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	cursor:pointer;
}

table
        {
        width:auto;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
        }
caption
        {
        padding: 0 0 5px 0;
        margin:0 auto;
        width:800px;;
        font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

        }
th
        {
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align:center;
        padding: 8px 12px 4px 12px;
        background: #CAE8EA url(./media/bg_header.jpg) no-repeat;
        vertical-align:middle;
        }
td
        {
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 6px 12px 6px 12px;
        color: #4f6b72;
        text-align:center;
        }
/* Alternate row style */
tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }
/* The current cell */
table tbody tr td.currentCell,
table tbody tr td:hover,
table tbody tr.alt td:hover
        {
        background-color:#aaFAFA;
        }
/* Normal row hover styles */ 
table tr.rowHover td,  /* Internet Explorer < 7 (and 7 in quirks mode) requires a specific class */
tr:hover td            /* All others can use the :hover pseudo */
        {
        background-color:#daFAFA;
        }  
/* Alternate row hover styles */
tr.alt:hover td
        {
        background-color:#caFAFA;
        }    
/* Column "cell" highlighting */
table tr td.rowHover
        {
        background-color:#eaFAFA;
        }
/* Header highlighting */
table tr th.rowHover
        {
        color:#222;
        }   
/* Row select styles */ 
table tbody tr.alt.rowSelect,   /* Everything but Internet Explorer (IE treats this rule as being tr.rowSelect) */
table tbody tr.alt.rowSelect td
        {
        background-color:#597bc6;
        color:#eee !important;
        }
table tbody tr.rowSelect, /* All browsers */
table tbody tr.rowSelect td
        {
        background-color:#6783cb;
        color:#fff !important;         
        }

tr.rowSelect td.rowHover,
tr.rowSelect:hover td
        {
        background-color:#6783bb;
        }
tr.alt.rowSelect td.rowHover,
tr.alt.rowSelect:hover td
        {
        background-color:#597bb6;
        }
table tr.rowSelect td:hover,
tr.rowSelect td.currentCell
        {
        background-color:#5783bb;
        }
table tr.alt.rowSelect td:hover
        {
        background-color:#497bb6;
        }
/* Just for the demo, make the cursor a pointer if the table rows are selectable */
table.rowselect-rowSelect tbody td
        {
        cursor:pointer;
        }
.precio{
	text-align:right;
	color:#FF0000;
	font-size:13px;
}
H3{
	text-align:left;
	font-size:16px;
}