/* CSS Document */

body { 
	margin:3px;
	background-color:#FFF;
}
p, td, div, input, select { font-family:Verdana, Arial, Helvetica, sans-serif;}

td { padding:0;}
form { margin:0;}

/* Estructura diseño */
#main {
	width:749px;
	background-color:#FFF;
}

#logo { 
	text-align:center;
	border: double 3px #80BAD9;
}
#left, #photo { 
	width: 229px;
	border-right:2px solid #FFF;
}
#menuTop, #banner, #menu, #contents { width:510px;}
#menuTop { 
	height:20px;
	text-align:right;
	color:#FC0;
	font-size:10px;
}
#menuTop img {
	vertical-align:middle;
	margin-left:15px;
}
#menuTop a:link, #menuTop a:visited {
	color:#FC0;
	text-decoration:none;
}
#menuTop a:hover, #menuTop a:active {
	color:#FC0;
	text-decoration:underline;
}

#banner { height:64px; text-align:right;}
#photo { height:150px;}
#menu { 
	height:29px;
	text-align:right;
	white-space:nowrap;
}
#menu img { margin-left:2px;}
#line { 
	height:6px;
	background-image:url(../images/line05.gif);
	}

#lineHorz {
	width:12px;
	background-image:url(../images/line02.gif);
}


#left, #contents { vertical-align:top;}

#left {
	background-color:#8495A5;
	background-image:url(../images/bk_offers.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	border-top:none;
}
#contents { border-bottom:1px solid #DEDEE6;}
#contentColumn {
	padding:15px;
	vertical-align:top;
	border-bottom:1px solid #DEDEE6;
}
#contentLeft, #contentRight {
	width: 224px;
	padding:15px;
	vertical-align:top;
}
#contentLeft { border-right: 1px solid #DEDEE6; }

/* Enlaces */
a:link, a:visited { 
	color:#069;
	text-decoration:none;
}
a:hover, a:active { 
	color:#FC0;
	text-decoration:underline;
}

.linkBottom { 
	color:#8495A5;
	font-size:10px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	word-spacing:5px;
}
.linkBottom a:link {
	color:#8495A5;
	text-decoration:none;
}
.linkBottom a:visited {
	color:#80BAD9;
	text-decoration:none;
}
.linkBottom a:hover, .linkBottom a:active {
	color:#FC0;
	text-decoration:underline;
}


/* ESTILOS VARIOS */

.lineGrey { border-bottom:1px solid #DEDEE6;}
.line2White { border-bottom:2px solid #FFF;}

/* Texto */
.txt, .txtB, .txtGrey, .txtGreyB { font-size:11px;}
.txtB, .txtGreyB { font-weight:bold; }
.txtSmall { font-size:10px;}
.txtGrey { color:#8495A5; }

/* Titulos */
.title { 
	border-bottom: 1px solid #80BAD9;
	border-left: 11px solid #80BAD9;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FC0;
	height:17px;
	text-transform:uppercase;
	padding-left:5px;
	padding-top:4px;
}
.title a:link, .title a:visited  {
	color:#FC0;
	text-decoration:none;
}
.title a:hover, .title a:active {
	color:#FC0;
	text-decoration:underline;
}
.subTitle {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-left: 5px solid #80BAD9;
	color:#000;
	font-weight:bold;
	font-size:11px;
	padding-left:5px;
	background-color:#FFEB9A;
}
.heading {
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #80BAD9;
	color:#000;
	padding-bottom:2px;
}


li { list-style-image:url(../images/ico.gif);}

.offersPrice {
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	background-color:#900;
	padding:2px;
	
}

/* ELEMENTOS DE FORMULARIO */

.defaultControl {
	background-color: #FFF;
	font-size:11px;
	color:#000;
}
.defaultControl[disabled="disabled"] {
	background-color: #F0F0F0;
	font-size:11px;
	color:#A8A8A8;
}

.txtDisabled { color:#A8A8A8}

.button {
	background-color: #8495a5;
	color:#FFF;
	font-weight:bold;
	border:outset 1px #8495a5;
	font-size:11px;
	padding: 2px 3px;
}
.button[disabled="disabled"] {
	background-color: #A8A8A8;
	color:#F0F0F0;
	font-weight:bold;
	border:outset 1px #A8A8A8;
	font-size:11px;
	padding: 2px 3px;
}

/* ESTILOS CAJAS LATERALES */

.box { 
	width: 215px;
	margin-top:15px;
	margin-bottom:15px;
}

.boxContents {
	background-color: #6D88A5;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding:5px;
	cursor:hand;
	cursor:pointer;
}
.boxTitle {
	color:#FC0;
	font-weight:bold;
	font-size:10px;
	margin-top:8px;
	margin-bottom:8px;
}
.boxTitle a:link, .boxTitle a:visited {
	color:#FC0;
	text-decoration:none;
}
.boxTitle a:hover, .boxTitle a:active {
	color:#FC0;
	text-decoration:underline;
}
.boxText {
	color:#000;
	font-size:10px;
	margin-top:0px;
	margin-bottom:8px;
}
