/*---------general---------*/
body{
	background:url(imagenes/bg.png) repeat-x top left #003366;
	font-family:"Trebuchet MS",  Arial, Helvetica, sans-serif;
	}

h1{
	width:177px !important;
	height:74px;
	margin:0 0 0 10px;
	padding:0;
	background:url(imagenes/logo_bessa.png) top left no-repeat ;
	
	}
	


span{
	display:none;
	}

a, .flecha-derecha img a, .flecha-izquierda img a{
	color:#006699;
	text-decoration:none;
	}

a:hover, #menu li a:hover{
	color:#2F87A2;
	text-decoration:underline;
	}
	
img, .img-izq, .img-der, #menu ul, .descripcion p, .columa-borde, .contenedor-galeria p, small, .flecha-derecha img, .flecha-derecha img a, .flecha-izquierda img a, .flecha-izquierda img, .paginacion{
	margin:0;
	padding:0;
	}	
	
.img-der, .pie-der{
	float:right;
	}
	
.img-izq, #menu, #menu li, h4, .columa-borde, .columa-borde, .recuadro,  .texto, .flecha-derecha, .flecha-izquierda, .contenedor-galeria img, .detalle-izquierdo, .detalle-derecho, .pie-izq, .paginacion p, .paginacion select{
	float:left;	
	}
	
.clearit{
	clear:both;
	}
/*---------fin general---------*/


/*---------estructura basica---------*/

#header{
	width:752px;
	height:172px;
	margin:0 auto;
	padding:0;
	background:url(imagenes/header-medio.png) repeat-x top left;
	overflow:hidden;
	}

/*---esquinas redondeadas---*/
.img-izq{
	background:url(imagenes/header-izq.png) top left no-repeat;
	overflow:hidden;
	}
	
.img-der{
	background:url(imagenes/header-der.png) top right no-repeat;
	}
	
/*modificado*/
.img-izq, .img-der{
	width:11px;
	height:20px;
	}
/*end modificado*/

/*---fin esquinas redondeadas---*/

#container{
	width:752px;
	margin:0 auto;
	/*padding:40px 0 0 0; modificado */
	padding:0 0 15px 0;
	background:#F8F9FA;
	}

#containerImp{
	width:485px;
	margin:0 auto;
	/*padding:40px 0 0 0; modificado */
	padding:0 0 15px 0;
	background:#F8F9FA;
	}
	
#container-pie{
	height:20px;
	width:754px;
	margin:0 auto;
	padding:0;
	/*background:url(imagenes/container-pie-medio.gif)  bottom left repeat-x; modificado*/
	background:url(imagenes/container-pie-medio.gif)  bottom left repeat-x;
	}

/* modificado */	
#container-pie ul{
	list-style:none;
	margin: 0 auto;
	padding:0 ;
	width:500px;	
}
	
#container-pie ul li{
	float:left;
	margin:1px 10px 0 10px;
	font-size:12px;
}
	
/* end modificado */		
	
#big_banner {
	width: 752px;
	margin: 0 auto;
	/*margin-top: 19px;*/
}
/*---------fin estructura basica---------*/


/*---------menu---------*/
#menu{
	height:20px;
	width:90%;	
	margin:10px 0 0 0;
	padding:0 0 0 10%;
	overflow:hidden;
	}
	
#menu ul{
	list-style:none;
	font-family:"MS Sans Serif", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003366;
	font-weight:bold;
	text-align:right;
	}

#menu li{
	margin:0;
	padding:0 15px 0 0;
	}
	
#menu li a{
	color:#003366;
	}
	

/*--------fin menu---------*/

/*--------------------portada------------------------*/

.columa-despacho {
	width:61%;
	margin:0 0 0 10px;
	padding:0;
	float:left;
	background:url(imagenes/copetes.gif) repeat-x top left;
	}

.columa{
	width:31%;
	margin:0 0 0 10px;
	padding:0;
	float:left;
	background:url(imagenes/copetes.gif) repeat-x top left;
	}
	
.columa-borde{
	border-left:dotted #006699 1px;
	border-right:dotted #006699 1px;
	background:url(imagenes/copetes.gif) repeat-x top left;
	width:31%;
	/*text-indent:10px;*/
	min-height:55em;
	height:auto;
}

/* Internet Explorer hack */
* html .columa-borde {
height:55em;
}

#container h2{
	margin:-5px 0 0 0;
	background:#F8F9FA;
	padding:1px 5px 0 10px;
	float:left;
	font-family:"MS Sans Serif", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#006699;
	text-transform:lowercase;
	position:relative;
	z-index:1;
	}
	
	#containerImp h2{
	margin:-5px 0 0 0;
	background:#F8F9FA;
	padding:1px 5px 0 10px;
	float:left;
	font-family:"MS Sans Serif", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#006699;
	text-transform:lowercase;
	position:relative;
	z-index:1;
	}

.columa img, .columa-borde img {
	border:#489AB1 1px solid;
	padding:5px;
	margin:20px 0 5px 10px;
	width:179px;
	height: 125px;
	overflow:hidden;
	}

.descripcion{
	margin:0px 10px 5px 10px;
	padding:15px 0 0 0;
	clear:both;
	}

.descripcion p{
	color:#666666;
	font-size:12px;
	}

.info, .info2{
	margin:0 10px;
	padding:0;
	border-bottom:solid 1px #489AB1;
	border-top:solid 1px #489AB1;
	height: 20px; 
	}
	
.info p, .info2 p, h4{
	font-size:12px;
	text-align:right;
	margin:0;
	padding:2px 0;
	}

.info2 p{
	float:right;
	padding:2px 0;
	}
/*--------------------fin portada------------------------*/

/*--------------------------------interior-------------*/

.columna-interior{
	width:90%;
	border-left:dotted #006699 1px;
	padding:0;
	margin:0 0 0 10px;
	background:url(imagenes/copetes.gif) repeat-x top left;
	}

.recuadro{
	
	padding:5px;
	margin:20px;
	}
	
	
.titulo-interior{
	margin:-5px 0 0 0;
	background:#F8F9FA;
	padding:0;
	width:15%;
	font-family:"MS Sans Serif", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#006699;
	text-indent:20px;
	}

.texto{
	margin:20px 0;
	width:67%;
	}
	
.texto p, label{
	font-size:12px;
	color:#333333;
	}

.texto form{
	font-size:12px;
	color:#999999;
	/*margin:10px 0 10px 103px;*/
	margin:10px 0 10px 20px; /*modificado*/
	}
	
.texto legend{
	margin:20px;
	 }
	 
.texto fieldset{
	border:none;
	/*border-top:1px solid #489AB1; modificado*/
	border:1px solid #489AB1;
	}
	
.texto select{
	margin:5px 0;
	padding:0;
	height:20px;
	/* modificado */
	border: 1px solid #CCCCCC;
	/*background-color: #F0F0F0;
	/* end modificado*/
	}

.formato{
	margin:0 20px;
	padding: 0;
	}
	
/*------------------------detalles--------------------*/

.columa-detalle{
	width:61%;
	margin:0 0 0 10px;
	padding:0;
	float:left;
	background:url(imagenes/copetes.gif) repeat-x top left;
	border-right:dotted #006699 1px;
	}

.titulo-detalle{
	margin:-5px 0 0 0;
	background:#F8F9FA;
	padding:0;
	width:20%;
	font-family:"MS Sans Serif", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#006699;
	}

#cuerpo-imagen{
	width:440px;
	margin:20px 10px 10px 10px;
	padding:0;
	overflow:hidden;
	}

.contenedor-galeria{
	text-align:center;
	width:auto;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	}
	
.contenedor-top{
	width:300px;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	}
	
.contenedor-img{
	float:left;
	margin:0  10px 0 10px;

	}

.contenedor-galeria img {
	border:#489AB1 1px solid;
	padding:5px;
	margin:20px 0 5px 0px;
	}
	
.flecha-derecha, .flecha-izquierda{
	width:14px;
	height:17px;
	vertical-align:middle;
	margin:40px 0 0 0;
	padding:0;
	
	}

.flecha-derecha img , .flecha-izquierda img  {
	border:none;
	}


span{
	display:none;
	}

.flecha-derecha{
	/*background:url(imagenes/left.gif) center center no-repeat;*/
	margin-right:20px;
	}
	
.flecha-izquierda{
	/*background:url(imagenes/right.gif) center center no-repeat;*/
	margin-left:0;
	}
	
.contenedor-galeria p{
	font-size:11px;
	}

small{
	font-size:10px;
	}

#thumbs{
	width: 330px;
	margin:20px auto 0 auto;
	padding:0;
	}

#thumbs img{
	border:#489AB1 1px solid;
	padding:1px;
	margin:3px 0px 0 0;
	}

#cuerpo-descripcion{
	width:440px;
	border-top:#489AB1 1px solid;
	border-bottom:#489AB1 1px solid;
	margin:20px 10px 10px 10px;
	padding:0;
	}
	
.detalle-izquierdo, .detalle-derecho{
	margin:15px 0 0 10px;
	}

.detalle-izquierdo{
	width:150px; 
	}

.detalle-derecho{
	width:260px;
	}
	
.detalle-derecho p, .detalle-izquierdo p{
	color:#666666;
	font-size:12px;	
	}
/*------------------------fin detalles--------------------*/
/*--------------------------------fin interior-------------*/

/*--------------------------------contacto-------------*/

.contacto{
	margin:20px  0 10px 210px;
	width:67%;
	text-align:left;
	}
	
.contacto p, .contacto label{
	font-size:12px;
	color:#333333;
	text-align:left;
	}
	

.contacto legend{
	font-size:14px;
	color:#006699;
	}
.contacto fieldset{
	border:#9FCCD9 1px solid;
	width:400px;
	}
.contacto input{
	margin:5px;
	}
	
#mensaje label{
	clear:both;
	}
	
.contacto textarea{
	width:380px;
	}
	
.contacto form{
	font-size:12px;
	color:#999999;
	margin:10px;
	margin-right:100px;
	}

/*--------------------------------fin contacto-------------*/
/*----------------------------------pie---------------------------*/
#pie{
	/*height:47px; modificado*/
	height:120px;
	width:754px;
	margin:10px auto 0 auto;
	padding:0;
	/*background:url(imagenes/pie_medio.png) top left repeat-x; modificado*/
	/*background-color: #4AA5B5; /*modificado*/
	}

#pie ul{
	list-style:none;
	margin: 0 auto;
	padding:0 ;
	width:450px;	
	}
	
#pie ul li{
	float:left;
	margin:15px 10px;
	font-size:12px;
	}
	
#datos{
	margin:0 auto;
	color:#66CCCC;
	font-size:11px;
	width:400px;
	text-align:center;
	/*modificado*/
	color: #FFFFFF; 
	/*end modificado*/
	}
/*----------------------------------pie-fin---------------------------*/
/*--------------------------- paginacion ------------------------------*/

.paginacion {	
	/*width: 350px; */
	height: 20px;
	/* modificado*/
	width: 300px;
	margin: 0 auto;
	margin-top: 20px;
	/* end modificado*/
	}

.paginacion p {
	padding: 0;
	margin: 5px;
	}

/*--------------------------- fin paginacion ------------------------------*/

.separador {
	border-top: 1px solid #CCCCCC;
	margin: 2px 0;
}



/*modificado*/
select {
	/*background-color: #F0F0F0;*/
	border: 1px solid #CCCCCC;
}

input {
	/*background-color: #F0F0F0;*/
	border: 1px solid #CCCCCC;	
}

.precio {
	font-size: 14px;
	color:#FF0000;
}

.etiqueta {
	font-family: "MS Sans Serif", Arial, Helvetica, sans-serif;
	color: #006699;
	font-size: 10px;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 19px;
	vertical-align: baseline;
	float: left;
	/*border: 1px solid #FF0000;*/
}

.frase {
	width: 740px;
	height: auto;
	margin: 0 auto;
	margin-top: 15px;
	overflow:hidden;
	/*margin-bottom: 10px;
	/*border: 1px solid #0066CC;*/
	font-size: 10px;
	vertical-align: baseline;
	/*float: left;*/
}

.frase ul {
	list-style: none;
	font-family: "MS Sans Serif", Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: right;
}

.frase li {
	margin:0;
	padding:0 15px 0 0;
	float: left;
}
	
.frase li a {
	color:#003366;
}
	
.links-detalle-1 {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
}

.links-detalle-1 img, .links-detalle-2 img {
	width: 17px;
	height: 14px;
	border: none;
	padding: 0;
	margin: 0;
	float: none;
	vertical-align: top;
}

.links-detalle-2 {
	display: inline;
	margin-left: 90px;
	float: right;
}

.busqueda {
	width: 80px;
	border: none;
	padding: 5px 0;
	margin: auto;
}



/*end modificado*/