/* estilos de la plantilla */

body{
	margin: 0;
   font-family: Tahoma;
   background: white url("/ifaz/pagebk2.png") repeat-x fixed bottom center;
}
#pagina{
   margin: auto;
   width: 800px;
   font-size: .9em;
}
#cabecera{
   height: 107px;
}

#menu{
	margin-bottom: 1px;
}
#menu a{
	text-decoration: none;
}
#menu a:hover{
	color: #333;
}
#menu ul{
   margin: 0;
   padding: 0;
	list-style: none;
}
#menu ul li{
	float: left;
   width: 150px;
   margin-right: 10px;
   font-size: 1.1em;
   text-align: center;
   font-family: "Trebuchet MS";

}
#menu ul li:hover{
	background: #e4e4e4 url("/ifaz/itembk2.png") center center;
   border-top: solid 4px #aaa;
}
#menu ul li.selected, #menu ul li.selected:hover{
   color: #ddd;
   background: #8d8d8d;
   border-top: solid 4px #8d8d8d;
}
#menu ul li.selected a{
	color: #ddd;
}
#menu #relleno{
	height: 10px;
	clear: both;
   background-color: #8d8d8d;
}


#sondos{
   height: 240px;
   margin-bottom: 1px;
   clear: both;
}
#sondos #uno{
	float: left;
   height: 220px;
   width: 438px;
   padding: 10px 20px;
   line-height: 1.3em;
   text-align: justify;
}
#sondos #dos{
   float: right;
   width: 320px;
   height: 240px;
}
#sondos #dos #texto{
	margin: 10px;
}

#esuna{
   padding: 2em;
   /*font-size: .9em;*/
   text-align: justify;
   clear: both;
}

#pie{
	clear: both;
}

/* estilos de otras cosas */

/* variette */

h1, h2, h3{
	font-family: Verdana;
	font-weight: normal;
	margin: 0;
}
h1{
	font-size: 1.25em;
}
h2{
	font-size: 1.15em;
}
h3{
	font-size: 1.05em;
}

h3.ghead, h2.ghead{
	padding: .3em;
}


.small{
	font-size: .75em;
}
.big{
	text-transform: uppercase;
}
.clear{
	clear: both;
}
.bold{
	font-weight: bold;
}
.nomargin{
	margin: 0;
	padding: 0;
}
.minimargin{
	margin: .4em;
}
.centered{
	width: 75%;
	margin: auto;
}
.fright{
	float: right;
}
.fleft{
	float: left;
}
.tleft{
	text-align: left;
}
.tright{
	text-align: right;
}
.tcenter{
	text-align: center;
}

.explorer{
	display: none;
}
.pointer{
	cursor: pointer;
}


a.mailto, a.delete, a.add, a.edit{
	padding-left: 20px;
}
a.add{
	background: url('/ifaz/icons/page_add.gif') no-repeat center left;
}
a.edit{
	background: url('/ifaz/icons/page_edit.gif') no-repeat center left;
}
a.mailto{
	background: url('/ifaz/icons/email1.gif') no-repeat center left;
}
a.delete{
	background: url('/ifaz/icons/page_delete.gif') no-repeat center left;
}
a.go{
	padding: 1px 20px 1px 0;
	background: url('/ifaz/icons/go_next.gif') no-repeat center right;
}
a.go:hover{
	background: url('/ifaz/icons/go_next_green.gif') no-repeat center right;
}
a.back{
	padding: 1px 0 1px 20px;
	background: url('/ifaz/icons/go_previous.gif') no-repeat center left;
}
a.back:hover{
	background: url('/ifaz/icons/go_previous_green.gif') no-repeat center left;
}
a img{
	border: 0;
}

/* marcos para las fotos */
.marco, .marco_photo{
	margin: 10px;
	padding: 10px;
}
.marco_photo{
	float: left;
}

/* la columna del inicio */

.columna{
	width: 485px;
	float: left;
	padding-right: 20px;
}


/* el mini catalogo del inicio */

.minicatalogo{
	width: 220px;
}
.minicatalogo li{
	clear: both;
	list-style: none;
	margin-bottom: 20px;
}

.minicatalogo img.photo{
	width: 180px;
}


/* el catalogo */

.lista_auto{
	float: left;
	margin-left: 30px;
	list-style: none;
}
.lista_auto li{
	margin: 2px;
	margin-left: 0;
	padding-left: 15px;
	background: url("/ifaz/icons/gray_arrow.gif") no-repeat left center;
}

.catalogo{
	list-style: none;
	padding-left: 7px;
	margin-left: 0;
}

.catalogo li{
	float: left;
	width: 225px;
	height: 260px;
	margin: 7px;
}

.catalogo li .marco{
	text-align: center;
	clear: both;
}
.catalogo li img{
	width: 180px;
}
.catalogo li p{
	margin: 0 10px;
}

#foto_grande{
	float: left;
	width: 320px;
}
.item_catalogo{
	margin-top: 10px;
	margin-left: 360px;
}
.item_catalogo p{
	margin: .5em;
}
#item_photos{
	margin: 0;
}
#item_photos .marco_photo{
	margin: 6px;
}
#item_photos .photo{
	width: 145px;
}


/* la empresa */

.personal{
	list-style: none;
	margin: 0;
	padding: 0;
}
.personal img{
	margin-right: 10px;
	border: solid 1px #888;
}
.personal li{
	clear: both;
	margin: 30px;
}
.persona{
	margin-left: 90px;
}
.persona p, .persona h3, .persona li{
	margin: 0;
}
.persona h3{
	font-size: 1.2em;
	padding-top: 5px;
	margin-bottom: 5px;
	border-bottom: dashed 1px #888;
}
.persona .cargo{
	display: block;
	padding-left: 20px;
	background: url('../ifaz/icons/user_gray.gif') no-repeat center left;
}

/* los servicios */

.servicios dt{
	margin-top: 30px;
	font-weight: bold;
	border-bottom: dashed 1px #888;
}
.servicios dd{
	margin-top: 15px;
}
.servicios img{
	margin: 15px;
	border: solid 1px #555;
}

.servicios dt.maspeque, .servicios dd.maspeque{
	margin-right: 300px;
}

/* la parte de contacto */

#contacto_form{
	float: left;
	width: 460px;
}

#contacto_datos{
	float: right;
	width: 220px;
	line-height: 1.75em;
}


/* el formulario */

form div{
	margin: 1em;
	clear: both;
}
form .seccion{
	clear: both;
	margin: 20px 0;
}

form .datosbasicos label, form .datosextras label, form .datosauth label{
	display: block;
	float: left;
}
form .datosbasicos label{
	width: 80px;
}
form .datosauth label{
	width: 120px;
}
form .datosextras label{
	margin: 10px 0;
	width: 180px;
}
form .extrasnaut label{
	width: 300px;
}

form textarea{
	height: 8em;
}
form .wider{
	width: 250px;
	color: #555;
	border: solid 1px #aaa;
	font-family: verdana;
}

form .submit{
	width: 180px;
	font-size: 1.2em;
}
form .file{
	width: 60%;
}
form .formError{
	color: #f63;
	background: #ffc;
	border: solid 1px #f63;
}


#file_manager{
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}

#file_manager .upload_button{
	position: absolute;
}
#file_manager .marco{
	margin: 5px;
}
#file_manager img.photo{
	width: 180px;
}

