/* CSS Document */
/*caticalles- 2009.. este es el reset de Nieto*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/*fin reset*/



body{
	background: url(images/fill.gif) left top repeat-x #71574B;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	line-height:1.2em;
	color:#666666;	
}
img{ border:0px none; margin:0; padding:0; vertical-align:top;}

h1,h2{
font:bolder;
letter-spacing:3px;}

/**********font***************/

.content{font-size:1em; line-height:1.2em;}
#footer{font-size:0.75em; line-height:1.2em;}

.float{ float:left; margin:0 20px 0 0;}
.right{ text-align:right;}
.in5{ padding: 5px;}
.in10{ padding: 10px;}

.in20{ padding-bottom:20px;}
.naranja{ color:#FF6600;}

/*************************listas***********************************/
ul#cuatro {
	list-style:none;
	margin:0;
	padding-left: 250px;
	}
ul#cuatro li {

	float:left;
	width:111px;
	height:40px;
	}
ul#cuatro li a {
	display:block;
	text-decoration:none;
	text-align: center;
	}
ul#cuatro li:hover {
	background: #AB3301;
	color: #fff;
	}
.right{ text-align:right;}
.clear { clear:both;}

a{ 
	color:#FF6600;
	}
a:hover{
	text-decoration:none;
}

/****************************/

.main {margin:0 auto;}
.main { width:878px;}
#header {
	height:220px;
 	background: url(images/bg_header.gif) left top no-repeat; 
	}
/*******************box*********************************/
	.caja {
	width: 430px;
	background-image: url("images/centro.gif");
	background-repeat: repeat-y;
	}
	
	.cajaarriba {
		background-image: url("images/arriba.gif");
		background-position: top center;
		background-repeat: no-repeat;
	}
	
	.cajaabajo {
		background-image: url("images/abajo.gif");
		background-position: bottom left;
		background-repeat: no-repeat;
	
}

	.mincentro {
	width: 260px;
	background-image: url("images/mincentro.gif");
	background-repeat: repeat-y;
	}
	
	.minarriba {
		background-image: url("images/minarriba.gif");
		background-position: top center;
		background-repeat: no-repeat;
	}
	
	.minabajo {
		background-image: url("images/minabajo.gif");
		background-position: bottom left;
		background-repeat: no-repeat;
	
}

/***************************end box**************************/

.contenedor { background:url(images/contenedor.gif) center top repeat;}
.content { background:url(images/fill_content.gif) center top repeat-y;}
.content .bg_content{ background:url(images/bg_content.gif) center top no-repeat; width:100%;}

.content .pos{
	margin:0 0 0 0;
	top:8px;
	position:relative;
	width:100%;
}
.content .indent{padding:0 0 1px 71px; }

.content .column .indent{
	padding:10px 10px 3px 18px;
}

.column, .column_1 { float:left;}

#page .content .column{ width:469px;}

#page .content .column_1{ width:262px;}


/***************************footer*************************/

#footer { background: url(images/bg_footer.gif) center top no-repeat; color:#FFFFFF; }
#footer { height:93px;}
#footer .column{ width:491px;}
#footer .column_1{ width:330px;}
#footer a{ color:#FFFFFF; }

#footer .column .indent {padding:41px 0 0 130px;}
#footer .column_1{ color:#5B463D; word-spacing:6px;}
#footer .column_1 a{word-spacing:normal;}
#footer .column_1 .indent {padding:41px 0 0 0px;}

/*****************/
.galeria{
	margin:0 auto 10px auto;
	width:430px;
	
}
h2 em {
	font: normal 80%/100% Arial, Helvetica, sans-serif;
	color: #999999;
}
#largeImg {
	border: solid 1px #ccc;
	width:400px;
	height: 300px;
	padding: 0px;
}
.thumbs img {
	border: solid 1px #ccc;
	width: 70px;
	height: 53px;
	padding: 3px;
}
.thumbs img:hover {
	border-color: #FF9900;
}

/*---------------------------------formulario-----------------*/	
form {
	width:393px;
	margin:15px auto 10px 0;
	}
label {
	display:block;
	font-size: 0.8em;
	font-weight:bold;
	}
textarea {
	width:391px;
	height:150px;
	background-color:#CCCCCC;
	}
.textInput {
	width:250px;
	background-color:#CCCCCC;
	}
		
.clearIt {
clear:both;
}

select {
margin:5px 0 8px 30px;
}

.advertencia {
	letter-spacing: 2px;
	font-size: 0.8em;
	color:#CC3300;
	font-weight: bold;
}