/* CSS Document */

/*=================================================================================*/

BODY {
/*	background-image:url(_desing/background.gif); */
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

/*=================================================================================*/

/* INICIO CSS Genericas */
BODY, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, dd, dt, dl, ul, li, ol, img { padding: 0; margin: 0; }
a {text-decoration:none; color:white;}
a:hover, .decoration {text-decoration:none; color: red;}
img {border: 0}
tfoot, caption, legend, hr, .oculto {display:none}
fieldset {border:none}
cite{font-style:normal}
ul li {list-style-type: none}
.ftl {float: left}
.ftr {float: right}
.atr {text-align: right}
.atc {text-align: center}
.atl {text-align: left}
select, input,textarea {font: 1em Arial, Helvetica, sans-serif; color: #666}
button{border:0;padding:0;margin:0;}
table {border-collapse: collapse}
td, th {margin: 0; padding: 0}
u{text-decoration:none}
/* FIN CSS Genericas */

/*=================================================================================*/

/* INICIO CSS Fotocentro */	
#cont { width: 750px; margin: 0 auto; margin-top: 0px; } 															/*Contenedor general*/
#c1 { height: 120px; text-align: center; background-image:url(_desing/bg_logo.jpg); background-repeat:repeat-y; } 	/* Cabecera */
#logotipo { width:300px; float: left;}
#bleft {width:200px; height:100px; float:left; margin-left:25px; margin-top: 10px;}
#bright {width:200px; height:100px; float:right; margin-right:25px; margin-top: 10px;}
#c2 { }
	#c2 .header { width: 510px; height: auto; background-image:url(_desing/bg_header.jpg); background-repeat:repeat-x; float: left; text-align: center; }
	*html #c2 .header { width: 496px; height: auto; background-image:url(_desing/bg_header.jpg); background-repeat:repeat-x; float: left; text-align: center; }
		#c2 .header .top { text-align: center; }
		#c2 .header .top .centradora { margin-left: 105px; float: left; width: 1px; }
		*html #c2 .header .top .centradora { margin-left: 50px; }
		#c2 .header .top .botonsi, #c2 .header .top .botonno { width: 105px; height: 19px; float: left; line-height: 19px; }
		#c2 .header .top .botonno { width: 95px; }
		#c2 .header .top .botonno a{ color: black; }
		#c2 .header .top .botonno a:hover{ color: red; }
		#c2 .header .top .botonsi { background-image: url(_desing/bg_head_boton.jpg); color: white; }
		#c2 .header .body .square1 { height:141px; width:151px; margin:0; padding:0; margin-left: 9px; background-image:url(_desing/cuadro.jpg); float: left; margin-top: 15px; text-align: center; padding: 4px; }
			#c2 .header .body .square1 .img { text-align: center; width: 100%; height: 100px; text-align: center; margin: 0; padding: 0; }
			#c2 .header .body .square1 .texto { float: left; width: 96%; height: 18px; line-height: 18px; font-weight: bold; color:#454545; font-size: 0.8em; overflow: hidden;}
			#c2 .header .body .square1 .precio { float: left; width: 96%; height: 18px; line-height: 18px; font-weight: bold; color:red;  font-size: 1em; font-family: Arial, Helvetica, sans-serif; overflow: hidden;}
		*html #c2 .header .body .square1 { margin-left: 4px; }
		#c2 .header .body .foto { height:150px; width:100%; margin:0; padding:0;  margin-top: 15px; text-align: center; padding: 4px; }
			#c2 .header .body .foto .img { text-align: center; width: 100%; height: 100px; text-align: center; margin: 0; padding: 0; float:left; }
			#c2 .header .body .foto .img2 { text-align: center; width: 100%; height: 355px; text-align: center; margin: 0; padding: 0; float:left; }
			#c2 .header .body .foto .img3 { text-align: center; width: 100%; height: auto; text-align: center; margin: 0; padding: 0; float:left; }
			#c2 .header .body .foto .img4 { text-align: center; width: 100%; height: 355px; text-align: center; margin: 0; padding: 0; float:left; }
			#c2 .header .body .foto .texto, #c2 .header .body .foto .texto2, #c2 .header .body .foto4 .txtdet, #c2 .header .body .foto4 .txtdet2 { width: 100%; margin: 0; padding: 0; text-align: center;}
			#c2 .header .body .foto .texto p { width: 90%; margin: 0; padding: 0; text-align: justify; }
			#c2 .header .body .foto .texto2 p { width: 90%; font-size: 10px; margin-left: 25px; padding: 0; text-align: justify; } *html #c2 .header .body .foto .texto2 p { margin-left: 10px; } 
			#c2 .header .body .foto .texto2 span { width: 90%; font-size: 10px; margin-left: 0px; padding: 0; text-align: justify; color: red; } *html #c2 .header .body .foto .texto2 span { margin-left: 10px; } 
			#c2 .header .body .foto4 .txtdet { width: 90%; font-size: 10px; margin-left: 25px; padding: 0; text-align: left; font-weight: normal; } *html #c2 .header .body .foto .txtdet { margin-left: 10px; } 
			#c2 .header .body .foto4 .txtdet p { width: 90%; font-size: 12px; margin: 0px; padding: 0; text-align: left; color: red; font-weight: bold; } *html #c2 .header .body .foto .txtdet p { margin-left: 0px; } 
			#c2 .header .body .foto4 .txtpre3 { width: 90%; font-size: 12px; margin-left: 25px; padding: 0; text-align: left; color: green; font-weight: bold;} *html #c2 .header .body .foto .txtdet { margin-left: 10px; } 
			#c2 .header .body .foto4 .txtpre3 p { width: 90%; font-size: 12px; margin: 0px; padding: 0; text-align: left; color: red; font-weight: bold;} *html #c2 .header .body .foto .txtdet p { margin-left: 0px; } 
			#c2 .header .body .foto4 .txtdet2 p { width: 90%; font-size: 14px; margin: 0px; padding: 0; text-align: right; color: red; font-weight: bold; } *html #c2 .header .body .foto .txtdet2 p { margin-left: 0px; } 
			#c2 .header .body .foto .formu { width: 90%; margin-left: 20px; margin-top: 20px; padding: 0; text-align: left; float: left;} *html #c2 .header .body .foto .formu { margin-left: 10px; margin-top: 10px;} 
			#c2 .header .body .foto .formu p { width: 90%; font-size: 10px; margin-left: 15px; padding: 0; text-align: left; } *html #c2 .header .body .foto .formu p { margin-left: 23px; } 
			#c2 .header .body .foto .formu textarea { width: 300px; height: 100px; margin-left: 10px; padding: 0; text-align: left; } *html #c2 .header .body .foto .formu textarea { margin-left: 10px; } 
			#c2 .header .body .foto .formu input { margin-left: 10px; } *html #c2 .header .body .foto .formu input { margin-left: 10px; } 
		*html #c2 .header .body .foto { margin-left: 6px; }	
	#c2 .izq, #c2 .der { width: 120px; text-align:center; color: white; }				/* Cuerpo */
	#c2 .izq { float: left; background-image:url(_desing/col_izq.jpg); margin:0; padding:0; height: auto; }
	#c2 .izq select { width: 90px; }
		#c2 .izq .ihead { background-image:url(_desing/ihead.jpg); background-repeat: no-repeat; height: 9px; margin: 0; padding: 0; }
		#c2 .izq .ibottom { background-image:url(_desing/ibottom.jpg); background-repeat: no-repeat; height: 11px; margin: 0; padding: 0; background-color: white;}		
	#c2 .der { float: right; background-image:url(_desing/col_der.jpg); background-repeat:repeat-y; }
		#c2 .der .dhead { background-image:url(_desing/dhead.jpg); background-repeat: no-repeat; height: 9px; margin: 0; padding: 0; }
		#c2 .der .dbottom { background-image:url(_desing/dbottom.jpg); background-repeat: no-repeat; height: 11px; margin: 0; padding: 0; background-color: white;}	
#c3 { background-color: #231F20; height: 30px; background-image:url(_desing/bottom.jpg); background-repeat: no-repeat; margin-top: 50px; } 	/* Pie */
*html #c3 { background-color: #231F20; height: 30px; background-image:url(_desing/bottom.jpg); background-repeat: no-repeat; margin-top: 50px; }	/* Pie */
/* FIN CSS Fotocentro */	

/*=================================================================================*/

/* INICIO CSS Utilidades*/	
.cls {display:block; content:"."; height:0; visibility:hidden; clear:both; }
.si { color: green; }
.no { color: red; }
.centrado { margin: 0 auto; text-align: center; }
/* FIN CSS Utilidades*/	

/*=================================================================================*/