/*
Proyecto: nombre x
Descripcion: una breve reseña
Autor: tu nombre aqui
Version: 1 o el numero de version que sea
.
Comentarios en general/ espacio para dejar comentarios a otro programadores
.


[Tabla de contenidos] 

	0- Reset
	1- Global
	2- Links
	3- Encabezados y parrafos
	4- Header 
	5- Layout
	6- Contenido 
	7- Formularios
	8- iframe
	9- Footer 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, code, em, font, img, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 11px;
}
ol, ul {list-style: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
strong {font-weight: bold;}
em {font-style: italic;}
html>body { font-size: 11px; } 


/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	font: normal 0.7em/1.2em Arial,Verdana,sans-serif; 
	text-transform: none;
	letter-spacing: normal;
	line-height:1.25em;
	word-spacing:normal;
	vertical-align: top;
	color: #000;
}
.right {float: right;}
.left {float: left;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align:center;}
.justify {text-align:justify;}
.hide {display: none;}
.clear {clear: both;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}
.highlight {background:#ffc;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.azul {color:#0099d6;}
.sinborde { border:none;}
.no-bkg { background:none;}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
:any-link {cursor:pointer;}
:-moz-any-link {cursor:pointer;}
a, a:link, a:visited, a:focus, a:active {color:#0099d6;text-decoration:underline;}
a:hover { text-decoration:none;}

/* =3 Ecabezados y parrafos
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
p { margin: 1.2em  0; font-size: 1em; line-height: 1.2em;}
h1 { margin: 0.6em 0; font-size: 1.8em; line-height: 0.6em; font-weight:bold;}
h2 { margin: 0.7em 0; font-size: 1.6em; line-height: 0.7em; font-weight:bold;}
h3 { margin: 0.8em 0; font-size: 1.4em; line-height: 0.8em; font-weight:bold;}
h4 { margin: 0.9em 0; font-size: 1.2em; line-height: 0.9em; font-weight:bold;}
h5 { margin: 1.1em 0; font-size: 1.09em; line-height: 1.1em; font-weight:bold;}
h6 { margin: 1.2em 0; font-size: 1em; line-height: 1.2em; font-weight:bold;}

/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#bk-inicio {
	float:left;
	width:244px;
	height:132px;
	cursor:pointer;
	margin:10px 0 0 10px;
}
#menu {
	float:right;
	height:57px;
	margin:16px 13px 0 0;
	width:595px;
}
#nuevos {
	background:transparent url(../images/header.png) no-repeat scroll -261px -240px;
	float:left;
	height:57px;
	width:119px;
}
#nuevos a{
	width:119px;
	height:57px;
	display:block;
	cursor:pointer;
}
#nuevos a:hover{background:url(../images/header.png) no-repeat -261px -182px;}
#seminuevos {
	background:transparent url(../images/header.png) no-repeat scroll -380px -240px;
	float:left;
	height:57px;
	width:119px;
}
#seminuevos a{
	width:119px;
	height:57px;
	display:block;
	cursor:pointer;
}
#seminuevos a:hover{background:url(../images/header.png) no-repeat -380px -182px;}
#servicios {
	background:transparent url(../images/header.png) no-repeat scroll -499px -240px;
	_background:transparent url(../images/header.gif) no-repeat scroll -499px -240px;
	float:left;
	height:57px;
	width:119px;	
}
#servicios a{
	width:119px;
	height:57px;
	display:block;
	cursor:pointer;
}
#servicios a:hover{background:url(../images/header.png) no-repeat -499px -182px;}
#promociones {
	background:transparent url(../images/header.png) no-repeat scroll -618px -240px;
	float:left;
	height:57px;
	width:119px;	
}
#promociones a{
	width:119px;
	height:57px;
	display:block;
	cursor:pointer;
}
#promociones a:hover{background:url(../images/header.png) no-repeat -618px -182px;}
#contacto {
	background:transparent url(../images/header.png) no-repeat scroll -737px -240px;
	float:left;
	height:57px;
	width:119px;	
}
#contacto a{
	width:119px;
	height:57px;
	display:block;
	cursor:pointer;
}
#contacto a:hover{background:url(../images/header.png) no-repeat -737px -182px;}

#buscador {
	float:right;
	height:55px;
	margin:15px 0 0 0;
	width:263px;
}
#buscar {
	background:transparent url(../images/header.png) no-repeat scroll -37px -261px;
	float:left;
	height:30px;
	margin:0 0 0 5px;
	width:77px;	
}
#buscar a{
	width:77px;
	height:30px;
	display:block;
	cursor:pointer;
}
#buscar a:hover{background:url(../images/header.png) no-repeat -123px -261px;}

/* =5 Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#container-all {
	height:auto;
	margin:0 auto;
	position:relative;
	width:100%;
}
#contenido {
	height:auto;
	width:870px;
	margin:0 auto;
}
#header {
	background:transparent url(../images/header.png) no-repeat scroll left top;
	height:160px;
	width:870px;
	float:left;
}
#footer {
	background:transparent url(../images/bkg-footer.png) repeat-x scroll center bottom;
	float:left;
	height:138px;
	margin:0;
	width:100%;	
}

.container {
	width:870px;
	margin:0 auto; 
	height:auto;
	float:left;
}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:215px;}
.span-6 {width:230px;}
.span-7 {width:250px;*width:260px!important;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:730px;}
.span-20 {width:843px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.prepend-top {margin-top:0.5em;}
.append-bottom {margin-bottom:1.5em;}
.tab-1 {margin-left:5px;}
.tab-2 {margin-left:10px;}
.espacio-1 {margin-bottom:5px;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
/* =6 Contenido
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =7 Formularios
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
input.span-1, textarea.span-1, select.span-1 {width:30px!important;}
input.span-2, textarea.span-2, select.span-2 {width:50px!important;}
input.span-3, textarea.span-3, select.span-3 {width:90px!important;}
input.span-4, textarea.span-4, select.span-4 {width:155px!important;}
input.span-5, textarea.span-5, select.span-5 {width:215px!important;}
input.span-6, textarea.span-6, select.span-6 {width:210px!important;}
input.span-7, textarea.span-7, select.span-7 {width:250px!important;}
input.span-8, textarea.span-8, select.span-8 {width:290px!important;}
input.span-9, textarea.span-9, select.span-9 {width:330px!important;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
input, textarea, select {
	background:transparent url(../images/header.png) no-repeat scroll -273px -104px;
	border:1px solid #0099d6;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	letter-spacing:normal;
	line-height:1.2em;
	margin:0;
}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.t11em
{
font-size:1.1em;
}
/* =8 iframe
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#iframe {
	width:860px;
	float:left;
	margin-left:5px;
}
#iframe-top {
	float:left;
	height:13px;
	width:100%;
	background:#FFF none no-repeat scroll top left;
	
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-radius-topleft:15px;
	-webkit-border-radius-topright:15px;
	
	
	
}
#iframe-body {
	float:left;
	width:100%;
	background:#FFF none repeat-y scroll 0 0;
}
#iframe-bottom {
	float:left;
	width:100%;
	height:27px;
	background:#FFF none no-repeat scroll bottom left;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-radius-bottomleft:15px;
	-webkit-border-radius-bottomright:15px;
	border-radius-bottomleft:15px;
	border-radius-bottomright:15px;
}
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#foot {
	background:transparent url(../images/footer.jpg) no-repeat scroll 0 0;
	clear:both;
	height:80px;
	margin:55px auto auto;
	width:781px;
}
#copy {
	float:left;
	height:35px;
	margin:25px 0 0 80px;
	width:400px;
	text-align:left;
}
.e404 {
	margin:15px 0 200px;
}